@pdf-viewer/react 1.5.1 → 1.6.0-beta.1

package/dist/RPDefaultLayout-3a892bb5.js

@@ -0,0 +1,3041 @@
+import { jsx as i, Fragment as Ce, jsxs as A } from "react/jsx-runtime";
+import * as q from "react";
+import { useRef as W, useEffect as F, useCallback as L, useState as G, createContext as Xe, useContext as Ye, useMemo as k, forwardRef as He, useImperativeHandle as pn, createElement as Ve, PureComponent as or, Component as ir, memo as ar } from "react";
+import { ChevronUpIcon as We } from "./components/icons/ChevronUpIcon.js";
+import { UIButton as oe } from "./components/ui/Button.js";
+import { UIInput as hn } from "./components/ui/Input.js";
+import { useScrollModeContext as De } from "./contexts/ScrollModeContext.js";
+import { useDocumentContext as X } from "./contexts/RPDocumentContext.js";
+import { useDarkModeContext as sr } from "./contexts/DarkModeContext.js";
+import { ViewMode as Be, ScrollMode as Q, AnnotationSubType as kt, SelectionMode as cr, ZoomLevel as at } from "./utils/types.js";
+import { useRotationContext as Je } from "./contexts/RotationContext.js";
+import { useLayerContext as lr } from "./contexts/LayerContext.js";
+import { useZoomContext as Qe } from "./contexts/ZoomContext.js";
+import { useViewModeContext as et } from "./contexts/ViewModeContext.js";
+import { useVirtualScrollContext as tt } from "./contexts/VirtualScrollContext.js";
+import { useVirtualGridContext as mn } from "./contexts/VirtualGridContext.js";
+import { useSelectionModeContext as dr } from "./contexts/SelectionModeContext.js";
+import { useInitialStateContext as ur } from "./contexts/InitialStateContext.js";
+import { useFullScreenContext as pr } from "./contexts/FullScreenContext.js";
+import "./contexts/FileInputContext.js";
+import "./contexts/DropFileZoneContext.js";
+import { renderPage as wt } from "./utils/renderPage.js";
+import { highlightMatches as fn, findMatches as hr, resetDivs as gn, highlightMultipleColorMatches as mr } from "./utils/highlight.js";
+import * as Pt from "pdfjs-dist";
+import { PixelsPerInch as fr, AnnotationMode as gr, RenderingCancelledException as vr, AnnotationLayer as _r } from "pdfjs-dist";
+import { useLayoutContainer as Te } from "./contexts/LayoutContainerContext.js";
+import { useDimensionPagesContext as nt } from "./contexts/DimensionPagesContext.js";
+import { useLocalizationContext as ce } from "./contexts/LocalizationContext.js";
+import { useHighlightContext as wr } from "./contexts/HighlightContext.js";
+import "./contexts/LicenseContext.js";
+import { useDownloadContext as br } from "./contexts/DownloadContext.js";
+import { useSmoothScrollContext as St } from "./contexts/SmoothScrollContext.js";
+import { useLoaderContext as vn } from "./contexts/LoaderContext.js";
+import "./components/RPConfig.js";
+import { ThumbnailIcon as Cr } from "./components/icons/Thumbnail.js";
+import { c as re } from "./clsx-0c6e471a.js";
+import { LoaderIcon as yt } from "./components/icons/LoaderIcon.js";
+import { useInfiniteScroll as Tr } from "./utils/hooks/useInfiniteScroll.js";
+import { RPSplitter as Pr } from "./components/layout/sidebar/RPSplitter.js";
+import { useToolbarComponentContext as _e, ToolbarComponentProvider as Sr } from "./contexts/ToolbarComponentContext.js";
+import { useIconContext as pe, IconProvider as yr } from "./contexts/IconContext.js";
+import Z from "./components/ui/RPTooltip.js";
+import { Container as xr } from "./components/layout/Container.js";
+import { WrapperLayout as Ir } from "./components/layout/WrapperLayout.js";
+import { RPDropFileZone as Lr } from "./components/RPDropFileZone.js";
+import { useViewportContext as Pe, ViewportProvider as Rr } from "./contexts/ViewportContext.js";
+import { useThemeContext as Nr } from "./contexts/ThemeContext.js";
+import { SimpleLinkService as Er } from "./utils/link_service.js";
+import { annotationsEvents as Or, annotationEventsHandler as Dr, handleClick as Wt, handleAnnotationWidget as zr, handleAnnotationLink as Ar, bindLayerEvents as Fr, unbindLayerEvents as Ht } from "./utils/annotations.js";
+import { _ as Mr, U as kr } from "./Popover-b7402893.js";
+import { useMousePressed as Wr } from "./utils/hooks/useMousePressed.js";
+import { useGrabScroll as Hr } from "./utils/hooks/useGrabScroll.js";
+import { usePinch as $r } from "./utils/hooks/usePinch.js";
+import { useDebounce as xt } from "./utils/hooks/useDebounce.js";
+import { getPositionFromPage as Gr, getPageFromPosition as Vr } from "./utils/calculatePage.js";
+import { getThumbnailViewport as $t } from "./utils/getThumbnailViewport.js";
+import { smoothScrollTo as st } from "./utils/smoothScrollTo.js";
+import { appConsole as qr } from "./utils/appConsole.js";
+import { FileUploadTool as _n } from "./components/layout/toolbar/FileUploadTool.js";
+import { DarkModeTool as Ur } from "./components/layout/toolbar/DarkModeTool.js";
+import { ThreeDotIcon as Zr } from "./components/icons/ThreeDotIcon.js";
+import { UIDropDown as wn } from "./components/ui/DropDown.js";
+import { u as It, P as $e, c as ke, a as Lt, S as Br } from "./index-353ec0a6.js";
+import { c as jr, e as Kr, b as Xr } from "./index-71898eb9.js";
+import { a as ct } from "./index-2e540713.js";
+import { a as Yr, u as Jr, F as Qr, D as eo, b as to, G as je } from "./index-5ff5dbd0.js";
+import { h as no } from "./component-1da194e8.js";
+import { CloseIcon as ro } from "./components/icons/CloseIcon.js";
+import { dateFormatter as Gt } from "./utils/dateFormatter.js";
+import { PropertyItem as oo } from "./components/layout/toolbar/PropertyItem.js";
+import { useOtherToolContext as io, OtherToolProvider as ao } from "./contexts/OtherToolContext.js";
+import { DocumentProperties as so } from "./components/layout/toolbar/DocumentProperties.js";
+import { RotateTool as co } from "./components/layout/toolbar/RotateTool.js";
+import { ScrollModeTool as lo } from "./components/layout/toolbar/ScrollModeTool.js";
+import { MenuSeparator as Rt } from "./components/layout/toolbar/MenuSeparator.js";
+import { FileDownloadDefaultIcon as uo } from "./components/icons/FileDownloadDefaultIcon.js";
+import { MenuItem as be } from "./components/layout/toolbar/MenuItem.js";
+import { PrintDefaultTool as po } from "./components/icons/PrintDefaultIcon.js";
+import { FullScreenTool as bn } from "./components/layout/toolbar/FullScreenTool.js";
+import { GoToDownIcon as Cn } from "./components/icons/GoToDownIcon.js";
+import { SelectionModeTool as ho } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomInIcon as mo } from "./components/icons/ZoomInIcon.js";
+import { ZoomOutIcon as fo } from "./components/icons/ZoomOutIcon.js";
+import { PAGE_PADDING as Vt } from "./utils/constants.js";
+import { getZoomLevel as go } from "./utils/getZoomLevel.js";
+import { SearchIcon as vo } from "./components/icons/SearchIcon.js";
+import { c as K, S as qt } from "./SearchCloseButton-d6135e7c.js";
+import { UICheckbox as Ut } from "./components/ui/Checkbox.js";
+import { ClearIcon as _o } from "./components/icons/ClearIcon.js";
+import { InfoIcon as Zt } from "./components/icons/InfoIcon.js";
+import './assets/RPDefaultLayout.css';const Ge = (e, t) => e.reduce((n, o, r) => r < t ? n + o : n, 0), lt = (e, t) => {
+  const n = Math.round(e.left) === Math.round(t.left) && Math.round(e.top) === Math.round(t.top), o = Math.round(e.left) >= Math.round(t.left) && Math.round(e.top) >= Math.round(t.top);
+  return n || o;
+}, Tn = () => {
+  const { viewMode: e } = et(), { scrollMode: t } = De(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = tt(), { setFocusedPage: a } = ae(), c = W(), { columnCount: s } = mn(), { widths: d, heights: u } = nt(), h = W(t), m = W(e), p = W(s), { targetScrollPosition: f, smoothScrolling: b } = St();
+  F(() => {
+    n != null && n.scrollToItem && (c.current = n);
+  }, [n]), F(() => {
+    h.current = t, m.current = e;
+  }, [t, e]);
+  const S = L(
+    (T, g) => {
+      if (!r)
+        return;
+      const w = Math.ceil(T / 2) * 2 - 1;
+      if (T === w + 1) {
+        const l = {
+          left: d[w],
+          top: 0
+        };
+        return f.current = l, new Promise(
+          (_) => st(r, l, _)
+        );
+      }
+      const P = {
+        left: 0,
+        top: 0
+      };
+      return f.current = P, r == null ? void 0 : r.scrollTo({
+        ...P,
+        behavior: g
+      });
+    },
+    [r, d, st]
+  );
+  return F(() => {
+    h.current = t, m.current = e;
+  }, [t, e]), F(() => {
+    p.current = s;
+  }, [s]), { scrollToPage: L(
+    (T, g = "smooth") => {
+      const w = T - 1;
+      let P = w, l = 0;
+      if (m.current === Be.DUAL_PAGE && h.current === Q.PAGE_SCROLLING) {
+        S(T, g);
+        return;
+      }
+      if (h.current === Q.PAGE_SCROLLING) {
+        a(T);
+        return;
+      }
+      if (!c.current || !o)
+        return;
+      const _ = o;
+      if (b.current = !0, h.current === Q.HORIZONTAL_SCROLLING) {
+        l = w;
+        const R = {
+          left: Ge(d, l),
+          top: 0
+        };
+        return lt(R, {
+          left: _.scrollLeft,
+          top: _.scrollTop
+        }) && (b.current = !1), f.current = R, _.scrollTo({
+          ...R,
+          behavior: g
+        });
+      }
+      if (m.current === Be.DUAL_PAGE) {
+        l = w % 2, P = Math.floor(w / 2);
+        const R = {
+          left: Ge(d, l),
+          top: Ge(u, P)
+        };
+        return lt(R, {
+          left: _.scrollLeft,
+          top: _.scrollTop
+        }) && (b.current = !1), f.current = R, _.scrollTo({
+          ...R,
+          behavior: g
+        });
+      }
+      const v = {
+        left: 0,
+        top: Ge(u, P)
+      };
+      return f.current = v, lt(v, {
+        left: _.scrollLeft,
+        top: _.scrollTop
+      }) && (b.current = !1), _.scrollTo({
+        ...v,
+        behavior: g
+      });
+    },
+    [
+      o,
+      s,
+      S,
+      a,
+      st,
+      u,
+      d
+    ]
+  ) };
+}, wo = (e = 1) => {
+  const [t, n] = G(e), [o, r] = G(0), { scrollToPage: a } = Tn(), c = W(1), { viewMode: s } = et(), { scrollMode: d } = De(), u = xt(t, 100), h = L(
+    (S) => {
+      if (!/^[0-9]*$/g.test(S.toString()) || !S)
+        return { success: !1, currentPage: c.current };
+      const T = +S;
+      return T < 0 || T > o ? { success: !1, currentPage: c.current } : (n(T), c.current = T, { success: !0, currentPage: +S });
+    },
+    [o]
+  ), m = L(h, [h]), p = L(
+    (S) => {
+      const C = h(S);
+      return C.success && a(C.currentPage), C;
+    },
+    [h, a]
+  ), f = L(() => {
+    let S = t - 1;
+    p(S);
+  }, [p, t, s, d]), b = L(() => {
+    let S = t + 1;
+    p(S);
+  }, [p, t, s, d]);
+  return {
+    focusedPage: u,
+    totalPages: o,
+    setFocusedPage: m,
+    setTotalPages: r,
+    nextPage: b,
+    prevPage: f,
+    goToPage: p
+  };
+}, Pn = Xe({
+  focusedPage: 0,
+  setFocusedPage: (e) => {
+  },
+  goToPage: (e) => ({ success: !!e, currentPage: +e }),
+  totalPages: 0,
+  setTotalPages: (e) => {
+  },
+  prevPage: () => {
+  },
+  nextPage: () => {
+  }
+}), ae = () => {
+  const e = Ye(Pn);
+  return typeof (e == null ? void 0 : e.focusedPage) > "u" && qr.error("Please use this hooks inside children component of RPProvider"), e;
+}, Rs = ({ children: e }) => {
+  const { pdf: t } = X(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: c, nextPage: s, prevPage: d } = wo();
+  return F(() => {
+    t != null && t.numPages && (a(t.numPages), r(1));
+  }, [t, a, r]), /* @__PURE__ */ i(
+    Pn.Provider,
+    {
+      value: {
+        focusedPage: n,
+        totalPages: o,
+        setFocusedPage: r,
+        setTotalPages: a,
+        nextPage: s,
+        prevPage: d,
+        goToPage: c
+      },
+      children: e
+    }
+  );
+};
+const bo = () => {
+  const { pdf: e, pages: t } = X(), [n, o] = G({
+    loadedPages: 0,
+    totalPages: 0,
+    percentage: 0
+  }), [r, a] = G(!1), [c, s] = G(!1), [d, u] = G(null), h = W(!1);
+  F(() => {
+    h.current;
+  }, [h]);
+  const m = L(() => {
+    document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
+    const w = document.querySelector(".rp-print-zone");
+    w && w.remove();
+  }, []), p = L(() => {
+    h.current = !1, a(!1), s(!1), u(null), o({
+      loadedPages: 0,
+      totalPages: 0,
+      percentage: 0
+    });
+  }, []), f = () => {
+    h.current = !0;
+  }, b = async ({
+    scratchCanvas: w,
+    pdfDocument: P,
+    pageNumber: l,
+    viewerPdfPage: _,
+    printResolution: v,
+    optionalContentConfigPromise: y,
+    printAnnotationStoragePromise: R
+  }) => {
+    if (h.current) {
+      p();
+      return;
+    }
+    const I = v / fr.PDF;
+    w.width = Math.floor(_.width * I), w.height = Math.floor(_.height * I);
+    const E = w.getContext("2d");
+    E.save(), E.fillStyle = "rgb(255, 255, 255)", E.fillRect(0, 0, w.width, w.height), E.restore();
+    const [N, z] = await Promise.all([
+      P.getPage(l),
+      R
+    ]);
+    if (h.current) {
+      p();
+      return;
+    }
+    const D = {
+      canvasContext: E,
+      transform: [I, 0, 0, I, 0, 0],
+      viewport: N.getViewport({ scale: 1, rotation: _.rotation }),
+      intent: "print",
+      annotationMode: gr.ENABLE_STORAGE,
+      optionalContentConfigPromise: y,
+      printAnnotationStorage: z
+    };
+    try {
+      return N.render(D).promise;
+    } catch (O) {
+      throw O instanceof vr || console.error(O), O;
+    }
+  }, S = L(() => {
+    const w = window.print;
+    return new Promise((P) => {
+      const l = (y) => {
+        setTimeout(() => {
+          w.call(window), setTimeout(() => y(), 20);
+        }, 0);
+      };
+      if (document.querySelector(".rp-print-zone")) {
+        l(P);
+        return;
+      }
+      const v = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (l(P), v.disconnect());
+      });
+      v.observe(document.body, { childList: !0, subtree: !0 });
+    });
+  }, []), C = async (w) => {
+    const P = document.createElement("img"), l = document.createElement("div");
+    return l.classList.add("rp-print-page"), await new Promise((_, v) => {
+      w.toBlob((y) => {
+        y ? (P.src = URL.createObjectURL(y), P.onload = () => {
+          URL.revokeObjectURL(P.src), _();
+        }, P.onerror = v) : v(new Error("Failed to create blob"));
+      });
+    }).catch(() => {
+    }), l.appendChild(P), l;
+  }, T = (w, P) => {
+    const l = document.createElement("div");
+    l.classList.add("rp-print-zone");
+    const _ = document.createElement("style"), v = P.get(1);
+    if (v) {
+      const { width: y, height: R } = v == null ? void 0 : v.page.getViewport({ scale: 1 });
+      _.innerHTML = `@page { size: ${y}px ${R}px }`;
+    }
+    return l.appendChild(_), l.append(...w), l;
+  }, g = L(async () => {
+    if (!e)
+      return;
+    p();
+    const w = document.createElement("canvas"), P = [];
+    try {
+      e.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
+      const _ = e.getOptionalContentConfig({ intent: "print" }), v = Promise.resolve(
+        e.annotationStorage.print ?? void 0
+      ), y = t.size;
+      for (const [I, E] of t) {
+        if (h.current) {
+          p();
+          return;
+        }
+        const N = E.page.getViewport({ scale: 1 });
+        if (await b({
+          scratchCanvas: w,
+          pdfDocument: e,
+          pageNumber: I,
+          viewerPdfPage: N,
+          printResolution: 150,
+          optionalContentConfigPromise: _,
+          printAnnotationStoragePromise: v
+        }), h.current) {
+          p();
+          return;
+        }
+        const z = await C(w);
+        P.push(z);
+        const D = parseFloat((P.length / y * 100).toFixed(2));
+        o({
+          loadedPages: I,
+          totalPages: y,
+          percentage: D
+        });
+      }
+      if (h.current) {
+        p();
+        return;
+      }
+      const R = T(P, t);
+      document.body.appendChild(R), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await S();
+    } catch (l) {
+      s(!0), l instanceof Error && u(l);
+    } finally {
+      w.height = 0, w.width = 0;
+    }
+  }, [e, t, h]);
+  return F(() => {
+    const w = () => {
+      p(), m();
+    };
+    return window.addEventListener("afterprint", w, !0), () => {
+      window.removeEventListener("afterprint", w, !0);
+    };
+  }, [m, p]), {
+    print: g,
+    cancel: f,
+    progress: n,
+    isComplete: r,
+    isError: c,
+    error: d
+  };
+}, Sn = Xe({
+  print: () => {
+  },
+  cancel: () => {
+  },
+  setOnProgress: (e) => {
+  },
+  progress: {},
+  setOnComplete: (e) => e(),
+  setOnError: (e) => {
+    try {
+      const t = new Error("Print error occurred");
+      e(t);
+    } catch (t) {
+      console.error("Error in setOnError callback:", t);
+    }
+  }
+}), Ns = ({ children: e }) => {
+  const [t, n] = G(null), [o, r] = G(null), { print: a, cancel: c, progress: s, isComplete: d, isError: u, error: h } = bo(), m = L((C) => {
+    C && typeof C == "function" && r(() => C);
+  }, []), p = (C) => {
+    h && C(h);
+  }, f = L(
+    (C) => {
+      n(() => C);
+    },
+    [s, t]
+  );
+  F(() => {
+    d && o && b();
+  }, [d, o]), F(() => {
+    u && p((C) => {
+      console.error(C);
+    });
+  }, [u]), F(() => {
+    s && t && t(s);
+  }, [s, t]);
+  const b = () => {
+    o && (o(), r(null));
+  }, S = {
+    print: a,
+    cancel: c,
+    setOnProgress: f,
+    setOnComplete: m,
+    setOnError: p,
+    progress: s
+  };
+  return /* @__PURE__ */ i(Sn.Provider, { value: S, children: e });
+}, rt = () => {
+  const e = Ye(Sn);
+  if (!e)
+    throw new Error("usePrintContext must be used within a PrintProvider");
+  return e;
+}, Co = () => {
+  const [e, t] = G({}), { pages: n } = X(), { rotate: o } = Je(), r = k(() => Object.keys(e).length, [e]), a = L(
+    (s) => {
+      if (!n.size || s > n.size)
+        return;
+      const d = Array.from(n.values()).slice(0, s).map((m) => {
+        const { thumbnailViewport: p, scale: f } = $t(m.page, o);
+        return {
+          scale: f,
+          page: m.page,
+          loading: !0,
+          viewport: p
+        };
+      }), u = d.reduce((m, p) => (m[p.page.pageNumber] = p, m), {});
+      t(u);
+      const h = [];
+      for (const m of d) {
+        const p = document.createElement("canvas"), f = wt(m.page, p, {
+          scale: m.scale,
+          rotate: o
+        }).promise.then(() => {
+          const b = p.toDataURL();
+          return {
+            ...m,
+            thumbnailSrc: b,
+            loading: !1
+          };
+        });
+        h.push(f);
+      }
+      Promise.all(h).then((m) => {
+        const p = m.reduce(
+          (f, b) => (f[b.page.pageNumber] = b, f),
+          {}
+        );
+        t((f) => ({ ...f, ...p }));
+      }).catch(() => {
+      });
+    },
+    [n, o]
+  );
+  F(() => {
+    a(10);
+  }, [a]);
+  const c = L(
+    (s) => {
+      if (!n)
+        return;
+      const d = n.get(s);
+      if (!d)
+        return;
+      t((h) => ({
+        ...h,
+        [s]: {
+          loading: !0,
+          page: d.page,
+          viewport: d.thumbnailViewport,
+          scale: d.thumbnailScale
+        }
+      }));
+      const u = document.createElement("canvas");
+      wt(d.page, u, { scale: d.thumbnailScale, rotate: o }).promise.then(() => {
+        const h = u.toDataURL(), { thumbnailViewport: m, scale: p } = $t(d.page, o);
+        return {
+          scale: p,
+          thumbnailSrc: h,
+          page: d.page,
+          loading: !1,
+          viewport: m
+        };
+      }).then((h) => {
+        t((m) => ({ ...m, [s]: h }));
+      });
+    },
+    [n, o]
+  );
+  return { thumbnailPages: e, addPage: c, addToPage: a, thumbnailLength: r };
+}, yn = Xe({
+  thumbnailPages: {},
+  addPage: (e) => {
+  },
+  addToPage: (e) => {
+  },
+  thumbnailLength: 0,
+  setActive: (e) => {
+  },
+  active: !1
+}), xn = () => Ye(yn), Es = ({
+  children: e,
+  initialThumbnailsVisible: t
+}) => {
+  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = Co(), [c, s] = G(t);
+  return /* @__PURE__ */ i(
+    yn.Provider,
+    {
+      value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a, active: c, setActive: s },
+      children: e
+    }
+  );
+}, To = (e = {}, t = "") => {
+  const [n, o] = G(t), [r, a] = G(!1), { pdf: c, pages: s } = X(), d = nt(), u = W(!n), { currentZoom: h } = Qe(), [m, p] = G([]), { setFocusedPage: f } = ae(), [b, S] = G(0), { pageScrollElementRef: C, virtualScrollableElementRef: T } = tt(), { scrollMode: g } = De(), { pagesRef: w } = Te(), [P, l] = G(null), _ = W({}), v = k(() => b === 0 ? null : m[b - 1], [b, m]), y = k(() => m.length, [m]);
+  F(() => {
+    if (!v || !s)
+      return;
+    const N = T || C;
+    if (!N || !w)
+      return;
+    const z = s.get(v.page), D = w.clientHeight / 2, O = w.clientWidth / 2;
+    let x = 0, M = 0;
+    g === Q.PAGE_SCROLLING && f(v.page), g === Q.VERTICAL_SCROLLING && (x = d.heights.slice(0, v.page - 1).reduce((B, J) => B + J, 0)), g === Q.HORIZONTAL_SCROLLING && (M = d.widths.slice(0, v.page - 1).reduce((B, J) => B + J, 0));
+    let H;
+    if (!z)
+      return;
+    const U = _.current[v.page], Y = z.page.getViewport({ scale: 1 });
+    H = new Pt.TextLayer({
+      viewport: Y,
+      textContentSource: U,
+      container: document.createElement("div")
+    }), H.render().then(() => {
+      const B = H.textDivs[v.start.idx], [J] = fn([v], U, H.textDivs), ee = d.widths[v.page - 1], te = d.heights[v.page - 1], j = document.createElement("div"), ne = document.createElement("div");
+      B.style.position = "absolute", B.style.color = "transparent", ne.style.position = "absolute", ne.style.top = "0", ne.style.setProperty("--scale-factor", `${h}`), j.style.position = "relative", j.style.width = `${ee}px`, j.style.height = `${te}px`, j.style.zIndex = "-1", j.appendChild(B), ne.appendChild(j), w.prepend(ne);
+      const de = J.element.getBoundingClientRect(), Ie = ne.getBoundingClientRect(), he = de.top - Ie.top, Le = de.left - Ie.left, se = x + he - D + de.height / 2, me = M + Le - O + de.width / 2, Re = {
+        left: Math.max(me, 0),
+        top: Math.max(se, 0)
+      };
+      w.removeChild(ne), N.scrollTo({
+        ...Re
+      });
+    });
+  }, [
+    s,
+    f,
+    d,
+    v,
+    g,
+    T,
+    C,
+    w
+  ]);
+  const R = L(() => {
+    S((N) => y ? N + 1 > y ? 1 : N + 1 : 0);
+  }, [y]), I = L(() => {
+    S((N) => y ? N - 1 <= 0 ? y : N - 1 : 0);
+  }, [y]), E = L(async (N) => {
+    if (!N)
+      return {};
+    const z = N.numPages, D = {};
+    for (let O = 1; O <= z; O++) {
+      if (u.current)
+        throw "close pop over";
+      const x = await N.getPage(O);
+      D[O.toString()] = await x.getTextContent();
+    }
+    return D;
+  }, []);
+  return F(() => {
+    if (!n) {
+      u.current = !0, p([]), S(0);
+      return;
+    }
+    u.current = !1, a(!0), p([]), S(0), E(c).then((N) => {
+      _.current = N;
+      const D = Object.keys(N).reduce((O, x) => {
+        const M = hr(
+          [n],
+          N[x],
+          Number(x) - 1,
+          e
+        ).map((H, U) => ({ ...H, page: Number(x), pageMatchIdx: U }));
+        return [...O, ...M];
+      }, []);
+      p(D), S(D.length ? 1 : 0);
+    }).catch(() => {
+      p([]), S(0);
+    }).finally(() => a(!1));
+  }, [n, E, c, e]), {
+    search: n,
+    setSearch: o,
+    loading: r,
+    matches: m,
+    totalMatches: y,
+    currentMatchPosition: b,
+    currentMatch: v,
+    nextMatch: R,
+    prevMatch: I,
+    currentMatchElement: P,
+    setCurrentMatchElement: l
+  };
+}, In = Xe({
+  search: "",
+  setSearch: (e) => {
+  },
+  loading: !1,
+  matches: [],
+  totalMatches: 0,
+  currentMatchPosition: 0,
+  currentMatch: null,
+  nextMatch: () => {
+  },
+  prevMatch: () => {
+  },
+  searchOptions: {},
+  setSearchOptions: (e) => e,
+  currentMatchElement: null,
+  setCurrentMatchElement: (e) => {
+  }
+}), Os = ({
+  children: e,
+  initialSearch: t
+}) => {
+  const [n, o] = G({}), {
+    loading: r,
+    setSearch: a,
+    totalMatches: c,
+    currentMatchPosition: s,
+    currentMatch: d,
+    search: u,
+    matches: h,
+    nextMatch: m,
+    prevMatch: p,
+    currentMatchElement: f,
+    setCurrentMatchElement: b
+  } = To(n, t);
+  return /* @__PURE__ */ i(
+    In.Provider,
+    {
+      value: {
+        searchOptions: n,
+        setSearchOptions: o,
+        loading: r,
+        setSearch: a,
+        totalMatches: c,
+        currentMatchPosition: s,
+        currentMatch: d,
+        nextMatch: m,
+        prevMatch: p,
+        search: u,
+        matches: h,
+        currentMatchElement: f,
+        setCurrentMatchElement: b
+      },
+      children: e
+    }
+  );
+}, Nt = () => Ye(In), ue = {
+  "rp-pages": "_rp-pages_1776r_1",
+  "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_1776r_7",
+  "rp-pages-container": "_rp-pages-container_1776r_11",
+  "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_1776r_17",
+  "rp-viewer": "_rp-viewer_1776r_22",
+  "rp-cursor-grab": "_rp-cursor-grab_1776r_27",
+  "rp-cursor-grabbing": "_rp-cursor-grabbing_1776r_35",
+  "rp-loader": "_rp-loader_1776r_43"
+}, dt = {
+  "rp-page-wrapper": "_rp-page-wrapper_h7a2q_1",
+  "rp-page": "_rp-page_h7a2q_1",
+  "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
+}, Po = (e) => {
+  const { pageNumber: t, onLoaded: n, onLoading: o } = e, r = W(null), { pages: a } = X(), { rotate: c } = Je(), s = W(), { currentZoom: d } = Qe();
+  return F(() => {
+    if (!a || d === 0)
+      return;
+    const u = a.get(t);
+    if (r.current && u) {
+      const h = r.current;
+      h.hidden = !0;
+      const m = s.current;
+      m && m.cancel(), o && o(), s.current = wt(u.page, h, {
+        scale: d,
+        rotate: c,
+        renderForms: !0
+      }), s.current.promise.then(() => {
+        h.hidden = !1;
+      }).catch(() => {
+      }).finally(() => {
+        n && n();
+      });
+    }
+    return () => {
+      var h;
+      (h = s.current) == null || h.cancel();
+    };
+  }, [a, t, c, d, o, n]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${t}-canvas`, ref: r });
+}, So = "_selecting_1x8te_9", yo = "_endOfContent_1x8te_24", Ae = {
+  "rp-text-layer": "_rp-text-layer_1x8te_1",
+  selecting: So,
+  endOfContent: yo,
+  "rp-text-layer-text": "_rp-text-layer-text_1x8te_38"
+}, xo = (e) => {
+  const { pageNumber: t } = e, { pages: n } = X(), o = W(null), { matches: r, currentMatch: a, setCurrentMatchElement: c } = Nt(), [s, d] = G(
+    []
+  ), u = W(), h = W(), m = W(), p = k(() => r.filter((w) => w.pageIndex === t - 1), [r, t]), f = L(
+    (w, P, l = !1) => {
+      if (l && gn(w, P), !p.length) {
+        m.current = void 0, d([]);
+        return;
+      }
+      const _ = fn(p, w, P);
+      d(_);
+    },
+    [p]
+  ), b = W(), S = W(!1), C = L(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  F(() => ((() => {
+    if (b.current)
+      return;
+    b.current = new AbortController();
+    const { signal: P } = b.current, l = () => {
+      C().forEach((v) => {
+        const y = v.querySelector(".endOfContent");
+        y && (v.appendChild(y), y.style.width = "", y.style.height = "", v.classList.remove(Ae.selecting));
+      });
+    };
+    document.addEventListener(
+      "pointerdown",
+      () => {
+        S.current = !0;
+      },
+      { signal: P }
+    ), document.addEventListener(
+      "pointerup",
+      () => {
+        S.current = !1, l();
+      },
+      { signal: P }
+    ), window.addEventListener(
+      "blur",
+      () => {
+        S.current = !1, l();
+      },
+      { signal: P }
+    ), document.addEventListener(
+      "keyup",
+      () => {
+        S.current || l();
+      },
+      { signal: P }
+    );
+    let _ = null;
+    document.addEventListener(
+      "selectionchange",
+      () => {
+        var D, O;
+        const v = document.getSelection();
+        if (!v)
+          return;
+        if (v.rangeCount === 0) {
+          l();
+          return;
+        }
+        const y = /* @__PURE__ */ new Set();
+        for (let x = 0; x < v.rangeCount; x++) {
+          const M = v.getRangeAt(x);
+          C().forEach((H) => {
+            M.intersectsNode(H) && !y.has(H) && y.add(H);
+          });
+        }
+        C().forEach((x) => {
+          if (y.has(x))
+            x.classList.add("selecting");
+          else {
+            const M = x.querySelector(".endOfContent");
+            M && (x.appendChild(M), M.style.width = "", M.style.height = "", x.classList.remove("selecting"));
+          }
+        });
+        const R = v.getRangeAt(0);
+        let E = _ && (R.compareBoundaryPoints(Range.END_TO_END, _) === 0 || R.compareBoundaryPoints(Range.START_TO_END, _) === 0) ? R.startContainer : R.endContainer;
+        E.nodeType === Node.TEXT_NODE && (E = E.parentNode);
+        const N = (D = E.parentElement) == null ? void 0 : D.closest(
+          Ae["rp-text-layer"]
+        ), z = N == null ? void 0 : N.querySelector(".endOfContent");
+        z && N && (z.style.width = N.style.width, z.style.height = N.style.height, (O = E.parentElement) == null || O.insertBefore(z, E.nextSibling)), _ = R.cloneRange();
+      },
+      { signal: P }
+    );
+  })(), () => {
+    var P;
+    (P = b.current) == null || P.abort(), b.current = void 0;
+  }), [C]);
+  const T = L(() => {
+    o.current && o.current.classList.add("selecting");
+  }, []), g = L(() => {
+    o.current && o.current.classList.remove("selecting");
+  }, []);
+  return F(() => {
+    var l;
+    if ((l = m.current) == null || l.classList.remove("selected"), !s.length || !a || a.pageIndex !== t - 1)
+      return;
+    const w = p.findIndex(
+      (_) => JSON.stringify(_) === JSON.stringify(a)
+    );
+    if (w === -1)
+      return;
+    const P = s.find((_) => _.index === w);
+    P && (m.current = P.element, c(P.element), P.element.classList.add("selected"));
+  }, [a, s, p]), F(() => {
+    const w = n.get(t);
+    if (!w || !o.current)
+      return;
+    const P = o.current;
+    return u.current && u.current.cancel(), w.page.getTextContent().then((l) => {
+      const _ = w.page.getViewport({ scale: 1 });
+      return u.current = new Pt.TextLayer({
+        viewport: _,
+        textContentSource: l,
+        container: P
+      }), h.current = l, P && (P.innerText = ""), u.current.render();
+    }).then(() => {
+      var y, R;
+      [].slice.call(P.children).forEach((I) => {
+        I.classList.add(Ae["rp-text-layer-text"]);
+      });
+      const _ = (y = u.current) == null ? void 0 : y.textDivs;
+      _ && h.current && f(h.current, _);
+      const v = document.createElement("div");
+      v.className = "endOfContent", (R = o.current) == null || R.appendChild(v);
+    }).catch(() => {
+    }), () => {
+      var l;
+      (l = u.current) == null || l.cancel();
+    };
+  }, [n, t]), F(() => {
+    var l;
+    [].slice.call(o.current.children).forEach((_) => {
+      _.classList.add(Ae["rp-text-layer-text"]);
+    });
+    const P = (l = u.current) == null ? void 0 : l.textDivs;
+    P && h.current && f(h.current, P, !0);
+  }, [f]), /* @__PURE__ */ i(
+    "div",
+    {
+      "data-rp": `page-${t}-textLayer`,
+      className: Ae["rp-text-layer"],
+      ref: o,
+      onMouseDown: T,
+      onMouseUp: g
+    }
+  );
+}, Io = {
+  "rp-annotation-layer": "_rp-annotation-layer_o0ksd_1"
+};
+let Lo = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const Ro = (e) => {
+  const { pageNumber: t } = e, n = W(null), { pages: o, pdf: r } = X(), a = W(), [c, s] = G(), { setFocusedPage: d, goToPage: u } = ae(), { scrollMode: h } = De(), { print: m } = rt(), { download: p } = Un(), f = k(() => o.get(t), [o, t]), b = k(() => f == null ? void 0 : f.page.getViewport(), [f]);
+  F(() => {
+    a.current && (a.current.div.replaceChildren(), a.current = void 0);
+  }, [r]), F(() => {
+    f && f.page.getAnnotations().then((C) => {
+      a.current = void 0, s(C), n.current && (n.current.innerText = "");
+    });
+  }, [f]);
+  const S = L(
+    (C) => {
+      !c || !r || (Or(C), Dr(C, r, c).then((T) => {
+        var g, w;
+        ((g = T == null ? void 0 : T.data) == null ? void 0 : g.action) === "Print" ? m() : ((w = T == null ? void 0 : T.data) == null ? void 0 : w.action) === "SaveAs" && p();
+      }), h === Q.PAGE_SCROLLING ? Wt(C, c, r, (T) => d(T.pageIndex + 1)) : Wt(C, c, r, (T) => u(T.pageIndex + 1)));
+    },
+    [r, c, u, d, h, m, p]
+  );
+  return F(() => {
+    if (!f || !c)
+      return;
+    const C = f.page.getViewport();
+    if (a.current) {
+      a.current.update({
+        viewport: C.clone({ dontFlip: !0 })
+      });
+      return;
+    }
+    const T = /* @__PURE__ */ new Map([]);
+    for (const P of c) {
+      const { annotationType: l } = P;
+      switch (l) {
+        case kt.Link:
+          Ar(P);
+          break;
+        case kt.Widget:
+          zr(P, C, T);
+          break;
+      }
+    }
+    const g = new AbortController();
+    return (async () => {
+      var _;
+      a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new _r({
+        div: n.current,
+        accessibilityManager: void 0,
+        annotationCanvasMap: void 0,
+        annotationEditorUIManager: void 0,
+        structTreeLayer: null,
+        page: f.page,
+        viewport: C.clone({ dontFlip: !0 })
+      }), n.current && Ht(n.current, S);
+      const P = await (r == null ? void 0 : r.hasJSActions()), l = await (r == null ? void 0 : r.getFieldObjects());
+      if (g.signal.aborted)
+        throw "abort";
+      return (_ = a.current) == null ? void 0 : _.render({
+        annotations: c,
+        annotationStorage: r == null ? void 0 : r.annotationStorage,
+        hasJSActions: P,
+        fieldObjects: l,
+        div: n.current,
+        viewport: C.clone({ dontFlip: !0 }),
+        page: f.page,
+        imageResourcesPath: Lo,
+        renderForms: !0,
+        linkService: new Er(),
+        downloadManager: null,
+        enableScripting: !1
+      });
+    })().then(() => {
+      n.current && Fr(n.current, S);
+    }).catch((P) => {
+      if (P !== "abort")
+        throw P;
+    }), () => {
+      g.abort("clear"), n.current && Ht(n.current, S);
+    };
+  }, [r, c, S]), /* @__PURE__ */ i(
+    "div",
+    {
+      "data-rp": `page-${t}-annotationLayer`,
+      style: { width: `${b == null ? void 0 : b.width}px`, height: `${b == null ? void 0 : b.height}px` },
+      className: Io["rp-annotation-layer"],
+      ref: n
+    }
+  );
+}, ut = {
+  "rp-text-highlight-layer": "_rp-text-highlight-layer_1fxd3_1",
+  "rp-text-highlight-layer-text": "_rp-text-highlight-layer-text_1fxd3_14"
+}, No = ({ pageNumber: e }) => {
+  const t = W(null), n = W(), o = W(), { pages: r } = X(), { highlightMatches: a } = wr(), c = k(() => a.filter((u) => u.pageIndex === e - 1), [a]), s = L(
+    (d, u, h = !1) => {
+      h && gn(d, u), mr(c, d, u);
+    },
+    [c, r, e]
+  );
+  return F(() => {
+    const d = r.get(e);
+    if (!d || !t.current)
+      return;
+    const u = t.current;
+    return n.current && n.current.cancel(), d.page.getTextContent().then((h) => {
+      const m = d.page.getViewport({ scale: 1 });
+      return n.current = new Pt.TextLayer({
+        viewport: m,
+        textContentSource: h,
+        container: u
+      }), o.current = h, u && (u.innerText = ""), n.current.render();
+    }).then(() => {
+      var p;
+      [].slice.call(u.children).forEach((f) => {
+        f.classList.add(ut["rp-text-highlight-layer-text"]);
+      });
+      const m = (p = n.current) == null ? void 0 : p.textDivs;
+      m && o.current && s(o.current, m);
+    }).catch(() => {
+    }), () => {
+      var h;
+      (h = n.current) == null || h.cancel();
+    };
+  }, [r, e]), F(() => {
+    var h;
+    [].slice.call(t.current.children).forEach((m) => {
+      m.classList.add(ut["rp-text-highlight-layer-text"]);
+    });
+    const u = (h = n.current) == null ? void 0 : h.textDivs;
+    u && o.current && s(o.current, u, !0);
+  }, [s]), /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i(
+    "div",
+    {
+      "data-rp": `page-${e}-textHighlightLayer`,
+      className: ut["rp-text-highlight-layer"],
+      ref: t
+    }
+  ) });
+}, Et = He((e, t) => {
+  const { pageNumber: n, style: o, ...r } = e, { pages: a } = X(), { rotate: c } = Je(), { textLayer: s } = lr(), { currentZoom: d } = Qe(), u = W(a.get(n)), [h, m] = G(!1), p = W(null), [f, b] = G({
+    width: 0,
+    height: 0
+  });
+  pn(t, () => p.current), F(() => {
+    if (a && (u.current = a.get(n), u.current)) {
+      const g = u.current.page.getViewport({ scale: d, rotation: c });
+      b(g);
+    }
+  }, [a, n, c, d]);
+  const S = k(() => {
+    switch (c) {
+      case 90:
+        return `${f.width / 2}px ${f.width / 2}px`;
+      case -90:
+      case 270:
+        return `${f.height / 2}px ${f.height / 2}px`;
+      default:
+        return "center";
+    }
+  }, [c, f]), C = L(() => {
+    m(!0);
+  }, []), T = L(() => {
+    m(!1);
+  }, []);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: p,
+      id: `page-${n}`,
+      "data-rp": `page-${n}`,
+      ...r,
+      style: {
+        ...o,
+        "--rp-rotate": `${c}deg`,
+        "--rp-page-rotate-translate": `${S}`,
+        "--scale-factor": d
+      },
+      className: dt["rp-page-wrapper"],
+      children: /* @__PURE__ */ A(
+        "div",
+        {
+          style: {
+            width: `${f.width}px`,
+            height: `${f.height}px`
+          },
+          className: dt["rp-page"],
+          children: [
+            /* @__PURE__ */ i(Po, { onLoading: C, onLoaded: T, pageNumber: n }),
+            h && /* @__PURE__ */ i("div", { className: dt["rp-loader-wrapper"], children: /* @__PURE__ */ i(yt, {}) }),
+            s && /* @__PURE__ */ i(xo, { pageNumber: n }),
+            /* @__PURE__ */ i(No, { pageNumber: n }),
+            /* @__PURE__ */ i(Ro, { pageNumber: n })
+          ]
+        }
+      )
+    }
+  );
+});
+function Bt(e) {
+  if (e === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+function bt(e, t) {
+  return bt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
+    return n.__proto__ = o, n;
+  }, bt(e, t);
+}
+function Eo(e, t) {
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, bt(e, t);
+}
+var jt = Number.isNaN || function(t) {
+  return typeof t == "number" && t !== t;
+};
+function Oo(e, t) {
+  return !!(e === t || jt(e) && jt(t));
+}
+function Do(e, t) {
+  if (e.length !== t.length)
+    return !1;
+  for (var n = 0; n < e.length; n++)
+    if (!Oo(e[n], t[n]))
+      return !1;
+  return !0;
+}
+function pt(e, t) {
+  t === void 0 && (t = Do);
+  var n, o = [], r, a = !1;
+  function c() {
+    for (var s = [], d = 0; d < arguments.length; d++)
+      s[d] = arguments[d];
+    return a && n === this && t(s, o) || (r = e.apply(this, s), a = !0, n = this, o = s), r;
+  }
+  return c;
+}
+function Kt(e, t) {
+  if (e == null)
+    return {};
+  var n = {};
+  for (var o in e)
+    if ({}.hasOwnProperty.call(e, o)) {
+      if (t.indexOf(o) !== -1)
+        continue;
+      n[o] = e[o];
+    }
+  return n;
+}
+var zo = typeof performance == "object" && typeof performance.now == "function", Xt = zo ? function() {
+  return performance.now();
+} : function() {
+  return Date.now();
+};
+function Yt(e) {
+  cancelAnimationFrame(e.id);
+}
+function Ao(e, t) {
+  var n = Xt();
+  function o() {
+    Xt() - n >= t ? e.call(null) : r.id = requestAnimationFrame(o);
+  }
+  var r = {
+    id: requestAnimationFrame(o)
+  };
+  return r;
+}
+var ht = -1;
+function Fo(e) {
+  if (e === void 0 && (e = !1), ht === -1 || e) {
+    var t = document.createElement("div"), n = t.style;
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), ht = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+  }
+  return ht;
+}
+var Ne = null;
+function Jt(e) {
+  if (e === void 0 && (e = !1), Ne === null || e) {
+    var t = document.createElement("div"), n = t.style;
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
+    var o = document.createElement("div"), r = o.style;
+    return r.width = "100px", r.height = "100px", t.appendChild(o), document.body.appendChild(t), t.scrollLeft > 0 ? Ne = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? Ne = "negative" : Ne = "positive-ascending"), document.body.removeChild(t), Ne;
+  }
+  return Ne;
+}
+var Mo = 150, ko = function(t) {
+  var n = t.columnIndex;
+  t.data;
+  var o = t.rowIndex;
+  return o + ":" + n;
+}, qe = null, Ue = null, Ze = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (qe = /* @__PURE__ */ new WeakSet(), Ue = /* @__PURE__ */ new WeakSet(), Ze = /* @__PURE__ */ new WeakSet());
+function Wo(e) {
+  var t, n = e.getColumnOffset, o = e.getColumnStartIndexForOffset, r = e.getColumnStopIndexForStartIndex, a = e.getColumnWidth, c = e.getEstimatedTotalHeight, s = e.getEstimatedTotalWidth, d = e.getOffsetForColumnAndAlignment, u = e.getOffsetForRowAndAlignment, h = e.getRowHeight, m = e.getRowOffset, p = e.getRowStartIndexForOffset, f = e.getRowStopIndexForStartIndex, b = e.initInstanceProps, S = e.shouldResetStyleCacheOnItemSizeChange, C = e.validateProps;
+  return t = /* @__PURE__ */ function(T) {
+    Eo(g, T);
+    function g(P) {
+      var l;
+      return l = T.call(this, P) || this, l._instanceProps = b(l.props, Bt(l)), l._resetIsScrollingTimeoutId = null, l._outerRef = void 0, l.state = {
+        instance: Bt(l),
+        isScrolling: !1,
+        horizontalScrollDirection: "forward",
+        scrollLeft: typeof l.props.initialScrollLeft == "number" ? l.props.initialScrollLeft : 0,
+        scrollTop: typeof l.props.initialScrollTop == "number" ? l.props.initialScrollTop : 0,
+        scrollUpdateWasRequested: !1,
+        verticalScrollDirection: "forward"
+      }, l._callOnItemsRendered = void 0, l._callOnItemsRendered = pt(function(_, v, y, R, I, E, N, z) {
+        return l.props.onItemsRendered({
+          overscanColumnStartIndex: _,
+          overscanColumnStopIndex: v,
+          overscanRowStartIndex: y,
+          overscanRowStopIndex: R,
+          visibleColumnStartIndex: I,
+          visibleColumnStopIndex: E,
+          visibleRowStartIndex: N,
+          visibleRowStopIndex: z
+        });
+      }), l._callOnScroll = void 0, l._callOnScroll = pt(function(_, v, y, R, I) {
+        return l.props.onScroll({
+          horizontalScrollDirection: y,
+          scrollLeft: _,
+          scrollTop: v,
+          verticalScrollDirection: R,
+          scrollUpdateWasRequested: I
+        });
+      }), l._getItemStyle = void 0, l._getItemStyle = function(_, v) {
+        var y = l.props, R = y.columnWidth, I = y.direction, E = y.rowHeight, N = l._getItemStyleCache(S && R, S && I, S && E), z = _ + ":" + v, D;
+        if (N.hasOwnProperty(z))
+          D = N[z];
+        else {
+          var O = n(l.props, v, l._instanceProps), x = I === "rtl";
+          N[z] = D = {
+            position: "absolute",
+            left: x ? void 0 : O,
+            right: x ? O : void 0,
+            top: m(l.props, _, l._instanceProps),
+            height: h(l.props, _, l._instanceProps),
+            width: a(l.props, v, l._instanceProps)
+          };
+        }
+        return D;
+      }, l._getItemStyleCache = void 0, l._getItemStyleCache = pt(function(_, v, y) {
+        return {};
+      }), l._onScroll = function(_) {
+        var v = _.currentTarget, y = v.clientHeight, R = v.clientWidth, I = v.scrollLeft, E = v.scrollTop, N = v.scrollHeight, z = v.scrollWidth;
+        l.setState(function(D) {
+          if (D.scrollLeft === I && D.scrollTop === E)
+            return null;
+          var O = l.props.direction, x = I;
+          if (O === "rtl")
+            switch (Jt()) {
+              case "negative":
+                x = -I;
+                break;
+              case "positive-descending":
+                x = z - R - I;
+                break;
+            }
+          x = Math.max(0, Math.min(x, z - R));
+          var M = Math.max(0, Math.min(E, N - y));
+          return {
+            isScrolling: !0,
+            horizontalScrollDirection: D.scrollLeft < I ? "forward" : "backward",
+            scrollLeft: x,
+            scrollTop: M,
+            verticalScrollDirection: D.scrollTop < E ? "forward" : "backward",
+            scrollUpdateWasRequested: !1
+          };
+        }, l._resetIsScrollingDebounced);
+      }, l._outerRefSetter = function(_) {
+        var v = l.props.outerRef;
+        l._outerRef = _, typeof v == "function" ? v(_) : v != null && typeof v == "object" && v.hasOwnProperty("current") && (v.current = _);
+      }, l._resetIsScrollingDebounced = function() {
+        l._resetIsScrollingTimeoutId !== null && Yt(l._resetIsScrollingTimeoutId), l._resetIsScrollingTimeoutId = Ao(l._resetIsScrolling, Mo);
+      }, l._resetIsScrolling = function() {
+        l._resetIsScrollingTimeoutId = null, l.setState({
+          isScrolling: !1
+        }, function() {
+          l._getItemStyleCache(-1);
+        });
+      }, l;
+    }
+    g.getDerivedStateFromProps = function(l, _) {
+      return Ho(l, _), C(l), null;
+    };
+    var w = g.prototype;
+    return w.scrollTo = function(l) {
+      var _ = l.scrollLeft, v = l.scrollTop;
+      _ !== void 0 && (_ = Math.max(0, _)), v !== void 0 && (v = Math.max(0, v)), this.setState(function(y) {
+        return _ === void 0 && (_ = y.scrollLeft), v === void 0 && (v = y.scrollTop), y.scrollLeft === _ && y.scrollTop === v ? null : {
+          horizontalScrollDirection: y.scrollLeft < _ ? "forward" : "backward",
+          scrollLeft: _,
+          scrollTop: v,
+          scrollUpdateWasRequested: !0,
+          verticalScrollDirection: y.scrollTop < v ? "forward" : "backward"
+        };
+      }, this._resetIsScrollingDebounced);
+    }, w.scrollToItem = function(l) {
+      var _ = l.align, v = _ === void 0 ? "auto" : _, y = l.columnIndex, R = l.rowIndex, I = this.props, E = I.columnCount, N = I.height, z = I.rowCount, D = I.width, O = this.state, x = O.scrollLeft, M = O.scrollTop, H = Fo();
+      y !== void 0 && (y = Math.max(0, Math.min(y, E - 1))), R !== void 0 && (R = Math.max(0, Math.min(R, z - 1)));
+      var U = c(this.props, this._instanceProps), Y = s(this.props, this._instanceProps), B = Y > D ? H : 0, J = U > N ? H : 0;
+      this.scrollTo({
+        scrollLeft: y !== void 0 ? d(this.props, y, v, x, this._instanceProps, J) : x,
+        scrollTop: R !== void 0 ? u(this.props, R, v, M, this._instanceProps, B) : M
+      });
+    }, w.componentDidMount = function() {
+      var l = this.props, _ = l.initialScrollLeft, v = l.initialScrollTop;
+      if (this._outerRef != null) {
+        var y = this._outerRef;
+        typeof _ == "number" && (y.scrollLeft = _), typeof v == "number" && (y.scrollTop = v);
+      }
+      this._callPropsCallbacks();
+    }, w.componentDidUpdate = function() {
+      var l = this.props.direction, _ = this.state, v = _.scrollLeft, y = _.scrollTop, R = _.scrollUpdateWasRequested;
+      if (R && this._outerRef != null) {
+        var I = this._outerRef;
+        if (l === "rtl")
+          switch (Jt()) {
+            case "negative":
+              I.scrollLeft = -v;
+              break;
+            case "positive-ascending":
+              I.scrollLeft = v;
+              break;
+            default:
+              var E = I.clientWidth, N = I.scrollWidth;
+              I.scrollLeft = N - E - v;
+              break;
+          }
+        else
+          I.scrollLeft = Math.max(0, v);
+        I.scrollTop = Math.max(0, y);
+      }
+      this._callPropsCallbacks();
+    }, w.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && Yt(this._resetIsScrollingTimeoutId);
+    }, w.render = function() {
+      var l = this.props, _ = l.children, v = l.className, y = l.columnCount, R = l.direction, I = l.height, E = l.innerRef, N = l.innerElementType, z = l.innerTagName, D = l.itemData, O = l.itemKey, x = O === void 0 ? ko : O, M = l.outerElementType, H = l.outerTagName, U = l.rowCount, Y = l.style, B = l.useIsScrolling, J = l.width, ee = this.state.isScrolling, te = this._getHorizontalRangeToRender(), j = te[0], ne = te[1], de = this._getVerticalRangeToRender(), Ie = de[0], he = de[1], Le = [];
+      if (y > 0 && U)
+        for (var se = Ie; se <= he; se++)
+          for (var me = j; me <= ne; me++)
+            Le.push(Ve(_, {
+              columnIndex: me,
+              data: D,
+              isScrolling: B ? ee : void 0,
+              key: x({
+                columnIndex: me,
+                data: D,
+                rowIndex: se
+              }),
+              rowIndex: se,
+              style: this._getItemStyle(se, me)
+            }));
+      var Re = c(this.props, this._instanceProps), ot = s(this.props, this._instanceProps);
+      return Ve(M || H || "div", {
+        className: v,
+        onScroll: this._onScroll,
+        ref: this._outerRefSetter,
+        style: Mr({
+          position: "relative",
+          height: I,
+          width: J,
+          overflow: "auto",
+          WebkitOverflowScrolling: "touch",
+          willChange: "transform",
+          direction: R
+        }, Y)
+      }, Ve(N || z || "div", {
+        children: Le,
+        ref: E,
+        style: {
+          height: Re,
+          pointerEvents: ee ? "none" : void 0,
+          width: ot
+        }
+      }));
+    }, w._callPropsCallbacks = function() {
+      var l = this.props, _ = l.columnCount, v = l.onItemsRendered, y = l.onScroll, R = l.rowCount;
+      if (typeof v == "function" && _ > 0 && R > 0) {
+        var I = this._getHorizontalRangeToRender(), E = I[0], N = I[1], z = I[2], D = I[3], O = this._getVerticalRangeToRender(), x = O[0], M = O[1], H = O[2], U = O[3];
+        this._callOnItemsRendered(E, N, x, M, z, D, H, U);
+      }
+      if (typeof y == "function") {
+        var Y = this.state, B = Y.horizontalScrollDirection, J = Y.scrollLeft, ee = Y.scrollTop, te = Y.scrollUpdateWasRequested, j = Y.verticalScrollDirection;
+        this._callOnScroll(J, ee, B, j, te);
+      }
+    }, w._getHorizontalRangeToRender = function() {
+      var l = this.props, _ = l.columnCount, v = l.overscanColumnCount, y = l.overscanColumnsCount, R = l.overscanCount, I = l.rowCount, E = this.state, N = E.horizontalScrollDirection, z = E.isScrolling, D = E.scrollLeft, O = v || y || R || 1;
+      if (_ === 0 || I === 0)
+        return [0, 0, 0, 0];
+      var x = o(this.props, D, this._instanceProps), M = r(this.props, x, D, this._instanceProps), H = !z || N === "backward" ? Math.max(1, O) : 1, U = !z || N === "forward" ? Math.max(1, O) : 1;
+      return [Math.max(0, x - H), Math.max(0, Math.min(_ - 1, M + U)), x, M];
+    }, w._getVerticalRangeToRender = function() {
+      var l = this.props, _ = l.columnCount, v = l.overscanCount, y = l.overscanRowCount, R = l.overscanRowsCount, I = l.rowCount, E = this.state, N = E.isScrolling, z = E.verticalScrollDirection, D = E.scrollTop, O = y || R || v || 1;
+      if (_ === 0 || I === 0)
+        return [0, 0, 0, 0];
+      var x = p(this.props, D, this._instanceProps), M = f(this.props, x, D, this._instanceProps), H = !N || z === "backward" ? Math.max(1, O) : 1, U = !N || z === "forward" ? Math.max(1, O) : 1;
+      return [Math.max(0, x - H), Math.max(0, Math.min(I - 1, M + U)), x, M];
+    }, g;
+  }(or), t.defaultProps = {
+    direction: "ltr",
+    itemData: void 0,
+    useIsScrolling: !1
+  }, t;
+}
+var Ho = function(t, n) {
+  var o = t.children, r = t.direction, a = t.height, c = t.innerTagName, s = t.outerTagName, d = t.overscanColumnsCount, u = t.overscanCount, h = t.overscanRowsCount, m = t.width, p = n.instance;
+  if (process.env.NODE_ENV !== "production") {
+    if (typeof u == "number" && qe && !qe.has(p) && (qe.add(p), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof h == "number") && Ue && !Ue.has(p) && (Ue.add(p), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || s != null) && Ze && !Ze.has(p) && (Ze.add(p), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
+      throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
+    switch (r) {
+      case "ltr":
+      case "rtl":
+        break;
+      default:
+        throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + r + '" was specified.'));
+    }
+    if (typeof m != "number")
+      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (m === null ? "null" : typeof m) + '" was specified.'));
+    if (typeof a != "number")
+      throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
+  }
+}, Qt = 50, Ln = function(t, n) {
+  var o = t.rowCount, r = n.rowMetadataMap, a = n.estimatedRowHeight, c = n.lastMeasuredRowIndex, s = 0;
+  if (c >= o && (c = o - 1), c >= 0) {
+    var d = r[c];
+    s = d.offset + d.size;
+  }
+  var u = o - c - 1, h = u * a;
+  return s + h;
+}, Rn = function(t, n) {
+  var o = t.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, c = n.lastMeasuredColumnIndex, s = 0;
+  if (c >= o && (c = o - 1), c >= 0) {
+    var d = r[c];
+    s = d.offset + d.size;
+  }
+  var u = o - c - 1, h = u * a;
+  return s + h;
+}, ve = function(t, n, o, r) {
+  var a, c, s;
+  if (t === "column" ? (a = r.columnMetadataMap, c = n.columnWidth, s = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, c = n.rowHeight, s = r.lastMeasuredRowIndex), o > s) {
+    var d = 0;
+    if (s >= 0) {
+      var u = a[s];
+      d = u.offset + u.size;
+    }
+    for (var h = s + 1; h <= o; h++) {
+      var m = c(h);
+      a[h] = {
+        offset: d,
+        size: m
+      }, d += m;
+    }
+    t === "column" ? r.lastMeasuredColumnIndex = o : r.lastMeasuredRowIndex = o;
+  }
+  return a[o];
+}, en = function(t, n, o, r) {
+  var a, c;
+  t === "column" ? (a = o.columnMetadataMap, c = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, c = o.lastMeasuredRowIndex);
+  var s = c > 0 ? a[c].offset : 0;
+  return s >= r ? Nn(t, n, o, c, 0, r) : $o(t, n, o, Math.max(0, c), r);
+}, Nn = function(t, n, o, r, a, c) {
+  for (; a <= r; ) {
+    var s = a + Math.floor((r - a) / 2), d = ve(t, n, s, o).offset;
+    if (d === c)
+      return s;
+    d < c ? a = s + 1 : d > c && (r = s - 1);
+  }
+  return a > 0 ? a - 1 : 0;
+}, $o = function(t, n, o, r, a) {
+  for (var c = t === "column" ? n.columnCount : n.rowCount, s = 1; r < c && ve(t, n, r, o).offset < a; )
+    r += s, s *= 2;
+  return Nn(t, n, o, Math.min(r, c - 1), Math.floor(r / 2), a);
+}, tn = function(t, n, o, r, a, c, s) {
+  var d = t === "column" ? n.width : n.height, u = ve(t, n, o, c), h = t === "column" ? Rn(n, c) : Ln(n, c), m = Math.max(0, Math.min(h - d, u.offset)), p = Math.max(0, u.offset - d + s + u.size);
+  switch (r === "smart" && (a >= p - d && a <= m + d ? r = "auto" : r = "center"), r) {
+    case "start":
+      return m;
+    case "end":
+      return p;
+    case "center":
+      return Math.round(p + (m - p) / 2);
+    case "auto":
+    default:
+      return a >= p && a <= m ? a : p > m || a < p ? p : m;
+  }
+}, Go = /* @__PURE__ */ Wo({
+  getColumnOffset: function(t, n, o) {
+    return ve("column", t, n, o).offset;
+  },
+  getColumnStartIndexForOffset: function(t, n, o) {
+    return en("column", t, o, n);
+  },
+  getColumnStopIndexForStartIndex: function(t, n, o, r) {
+    for (var a = t.columnCount, c = t.width, s = ve("column", t, n, r), d = o + c, u = s.offset + s.size, h = n; h < a - 1 && u < d; )
+      h++, u += ve("column", t, h, r).size;
+    return h;
+  },
+  getColumnWidth: function(t, n, o) {
+    return o.columnMetadataMap[n].size;
+  },
+  getEstimatedTotalHeight: Ln,
+  getEstimatedTotalWidth: Rn,
+  getOffsetForColumnAndAlignment: function(t, n, o, r, a, c) {
+    return tn("column", t, n, o, r, a, c);
+  },
+  getOffsetForRowAndAlignment: function(t, n, o, r, a, c) {
+    return tn("row", t, n, o, r, a, c);
+  },
+  getRowOffset: function(t, n, o) {
+    return ve("row", t, n, o).offset;
+  },
+  getRowHeight: function(t, n, o) {
+    return o.rowMetadataMap[n].size;
+  },
+  getRowStartIndexForOffset: function(t, n, o) {
+    return en("row", t, o, n);
+  },
+  getRowStopIndexForStartIndex: function(t, n, o, r) {
+    for (var a = t.rowCount, c = t.height, s = ve("row", t, n, r), d = o + c, u = s.offset + s.size, h = n; h < a - 1 && u < d; )
+      h++, u += ve("row", t, h, r).size;
+    return h;
+  },
+  initInstanceProps: function(t, n) {
+    var o = t, r = o.estimatedColumnWidth, a = o.estimatedRowHeight, c = {
+      columnMetadataMap: {},
+      estimatedColumnWidth: r || Qt,
+      estimatedRowHeight: a || Qt,
+      lastMeasuredColumnIndex: -1,
+      lastMeasuredRowIndex: -1,
+      rowMetadataMap: {}
+    };
+    return n.resetAfterColumnIndex = function(s, d) {
+      d === void 0 && (d = !0), n.resetAfterIndices({
+        columnIndex: s,
+        shouldForceUpdate: d
+      });
+    }, n.resetAfterRowIndex = function(s, d) {
+      d === void 0 && (d = !0), n.resetAfterIndices({
+        rowIndex: s,
+        shouldForceUpdate: d
+      });
+    }, n.resetAfterIndices = function(s) {
+      var d = s.columnIndex, u = s.rowIndex, h = s.shouldForceUpdate, m = h === void 0 ? !0 : h;
+      typeof d == "number" && (c.lastMeasuredColumnIndex = Math.min(c.lastMeasuredColumnIndex, d - 1)), typeof u == "number" && (c.lastMeasuredRowIndex = Math.min(c.lastMeasuredRowIndex, u - 1)), n._getItemStyleCache(-1), m && n.forceUpdate();
+    }, c;
+  },
+  shouldResetStyleCacheOnItemSizeChange: !1,
+  validateProps: function(t) {
+    var n = t.columnWidth, o = t.rowHeight;
+    if (process.env.NODE_ENV !== "production") {
+      if (typeof n != "function")
+        throw Error('An invalid "columnWidth" prop has been specified. Value should be a function. ' + ('"' + (n === null ? "null" : typeof n) + '" was specified.'));
+      if (typeof o != "function")
+        throw Error('An invalid "rowHeight" prop has been specified. Value should be a function. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
+    }
+  }
+});
+process.env.NODE_ENV;
+function nn(e, t) {
+  for (var n in e)
+    if (!(n in t))
+      return !0;
+  for (var o in t)
+    if (e[o] !== t[o])
+      return !0;
+  return !1;
+}
+var Vo = ["style"], qo = ["style"];
+function Uo(e, t) {
+  var n = e.style, o = Kt(e, Vo), r = t.style, a = Kt(t, qo);
+  return !nn(n, r) && !nn(o, a);
+}
+const Zo = () => {
+  const { viewMode: e } = et(), { scrollMode: t } = De(), { setColumnCount: n } = mn(), { virtualScrollableElementRef: o } = tt(), r = nt(), a = L(
+    (f) => r.widths[f] || 0,
+    [r.widths]
+  ), c = L(
+    (f) => r.heights[f] || 0,
+    [r.heights]
+  ), s = k(() => r.heights.length, [r.heights]), d = k(() => Math.max(...r.widths), [r.widths]), u = k(() => t === Q.HORIZONTAL_SCROLLING ? s : e === Be.DUAL_PAGE ? 2 : 1, [e, t, t, s, o, d]);
+  F(() => {
+    n(u);
+  }, [u, n]);
+  const h = k(() => t === Q.HORIZONTAL_SCROLLING || t === Q.PAGE_SCROLLING ? 1 : Math.round(s / u), [u, s, t]), m = k(() => r.heights.reduce((f, b) => f + b, 0) / r.heights.length || 0, [r]), p = k(() => r.widths.reduce((f, b) => f + b, 0) / r.heights.length || 0, [r]);
+  return {
+    rowCount: h,
+    rowHeight: c,
+    columnCount: u,
+    columnWidth: a,
+    pageDimension: r,
+    estimatedRowHeight: m,
+    estimatedColumnWidth: p
+  };
+};
+let ie;
+typeof window < "u" ? ie = window : typeof self < "u" ? ie = self : ie = global;
+let Ct = null, Tt = null;
+const rn = 20, mt = ie.clearTimeout, on = ie.setTimeout, ft = ie.cancelAnimationFrame || ie.mozCancelAnimationFrame || ie.webkitCancelAnimationFrame, an = ie.requestAnimationFrame || ie.mozRequestAnimationFrame || ie.webkitRequestAnimationFrame;
+ft == null || an == null ? (Ct = mt, Tt = function(t) {
+  return on(t, rn);
+}) : (Ct = function([t, n]) {
+  ft(t), mt(n);
+}, Tt = function(t) {
+  const n = an(function() {
+    mt(o), t();
+  }), o = on(function() {
+    ft(n), t();
+  }, rn);
+  return [n, o];
+});
+function Bo(e) {
+  let t, n, o, r, a, c, s;
+  const d = typeof document < "u" && document.attachEvent;
+  if (!d) {
+    c = function(T) {
+      const g = T.__resizeTriggers__, w = g.firstElementChild, P = g.lastElementChild, l = w.firstElementChild;
+      P.scrollLeft = P.scrollWidth, P.scrollTop = P.scrollHeight, l.style.width = w.offsetWidth + 1 + "px", l.style.height = w.offsetHeight + 1 + "px", w.scrollLeft = w.scrollWidth, w.scrollTop = w.scrollHeight;
+    }, a = function(T) {
+      return T.offsetWidth !== T.__resizeLast__.width || T.offsetHeight !== T.__resizeLast__.height;
+    }, s = function(T) {
+      if (T.target.className && typeof T.target.className.indexOf == "function" && T.target.className.indexOf("contract-trigger") < 0 && T.target.className.indexOf("expand-trigger") < 0)
+        return;
+      const g = this;
+      c(this), this.__resizeRAF__ && Ct(this.__resizeRAF__), this.__resizeRAF__ = Tt(function() {
+        a(g) && (g.__resizeLast__.width = g.offsetWidth, g.__resizeLast__.height = g.offsetHeight, g.__resizeListeners__.forEach(function(l) {
+          l.call(g, T);
+        }));
+      });
+    };
+    let p = !1, f = "";
+    o = "animationstart";
+    const b = "Webkit Moz O ms".split(" ");
+    let S = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), C = "";
+    {
+      const T = document.createElement("fakeelement");
+      if (T.style.animationName !== void 0 && (p = !0), p === !1) {
+        for (let g = 0; g < b.length; g++)
+          if (T.style[b[g] + "AnimationName"] !== void 0) {
+            C = b[g], f = "-" + C.toLowerCase() + "-", o = S[g], p = !0;
+            break;
+          }
+      }
+    }
+    n = "resizeanim", t = "@" + f + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = f + "animation: 1ms " + n + "; ";
+  }
+  const u = function(p) {
+    if (!p.getElementById("detectElementResize")) {
+      const f = (t || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', b = p.head || p.getElementsByTagName("head")[0], S = p.createElement("style");
+      S.id = "detectElementResize", S.type = "text/css", e != null && S.setAttribute("nonce", e), S.styleSheet ? S.styleSheet.cssText = f : S.appendChild(p.createTextNode(f)), b.appendChild(S);
+    }
+  };
+  return {
+    addResizeListener: function(p, f) {
+      if (d)
+        p.attachEvent("onresize", f);
+      else {
+        if (!p.__resizeTriggers__) {
+          const b = p.ownerDocument, S = ie.getComputedStyle(p);
+          S && S.position === "static" && (p.style.position = "relative"), u(b), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = b.createElement("div")).className = "resize-triggers";
+          const C = b.createElement("div");
+          C.className = "expand-trigger", C.appendChild(b.createElement("div"));
+          const T = b.createElement("div");
+          T.className = "contract-trigger", p.__resizeTriggers__.appendChild(C), p.__resizeTriggers__.appendChild(T), p.appendChild(p.__resizeTriggers__), c(p), p.addEventListener("scroll", s, !0), o && (p.__resizeTriggers__.__animationListener__ = function(w) {
+            w.animationName === n && c(p);
+          }, p.__resizeTriggers__.addEventListener(o, p.__resizeTriggers__.__animationListener__));
+        }
+        p.__resizeListeners__.push(f);
+      }
+    },
+    removeResizeListener: function(p, f) {
+      if (d)
+        p.detachEvent("onresize", f);
+      else if (p.__resizeListeners__.splice(p.__resizeListeners__.indexOf(f), 1), !p.__resizeListeners__.length) {
+        p.removeEventListener("scroll", s, !0), p.__resizeTriggers__.__animationListener__ && (p.__resizeTriggers__.removeEventListener(o, p.__resizeTriggers__.__animationListener__), p.__resizeTriggers__.__animationListener__ = null);
+        try {
+          p.__resizeTriggers__ = !p.removeChild(p.__resizeTriggers__);
+        } catch {
+        }
+      }
+    }
+  };
+}
+class jo extends ir {
+  constructor(...t) {
+    super(...t), this.state = {
+      height: this.props.defaultHeight || 0,
+      scaledHeight: this.props.defaultHeight || 0,
+      scaledWidth: this.props.defaultWidth || 0,
+      width: this.props.defaultWidth || 0
+    }, this._autoSizer = null, this._detectElementResize = null, this._parentNode = null, this._resizeObserver = null, this._timeoutId = null, this._onResize = () => {
+      this._timeoutId = null;
+      const {
+        disableHeight: n,
+        disableWidth: o,
+        onResize: r
+      } = this.props;
+      if (this._parentNode) {
+        const a = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(a.paddingLeft || "0"), s = parseFloat(a.paddingRight || "0"), d = parseFloat(a.paddingTop || "0"), u = parseFloat(a.paddingBottom || "0"), h = this._parentNode.getBoundingClientRect(), m = h.height - d - u, p = h.width - c - s, f = this._parentNode.offsetHeight - d - u, b = this._parentNode.offsetWidth - c - s;
+        (!n && (this.state.height !== f || this.state.scaledHeight !== m) || !o && (this.state.width !== b || this.state.scaledWidth !== p)) && (this.setState({
+          height: f,
+          width: b,
+          scaledHeight: m,
+          scaledWidth: p
+        }), typeof r == "function" && r({
+          height: f,
+          scaledHeight: m,
+          scaledWidth: p,
+          width: b
+        }));
+      }
+    }, this._setRef = (n) => {
+      this._autoSizer = n;
+    };
+  }
+  componentDidMount() {
+    const {
+      nonce: t
+    } = this.props, n = this._autoSizer ? this._autoSizer.parentNode : null;
+    if (n != null && n.ownerDocument && n.ownerDocument.defaultView && n instanceof n.ownerDocument.defaultView.HTMLElement) {
+      this._parentNode = n;
+      const o = n.ownerDocument.defaultView.ResizeObserver;
+      o != null ? (this._resizeObserver = new o(() => {
+        this._timeoutId = setTimeout(this._onResize, 0);
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = Bo(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+    }
+  }
+  componentWillUnmount() {
+    this._parentNode && (this._detectElementResize && this._detectElementResize.removeResizeListener(this._parentNode, this._onResize), this._timeoutId !== null && clearTimeout(this._timeoutId), this._resizeObserver && this._resizeObserver.disconnect());
+  }
+  render() {
+    const {
+      children: t,
+      defaultHeight: n,
+      defaultWidth: o,
+      disableHeight: r = !1,
+      disableWidth: a = !1,
+      doNotBailOutOnEmptyChildren: c = !1,
+      nonce: s,
+      onResize: d,
+      style: u = {},
+      tagName: h = "div",
+      ...m
+    } = this.props, {
+      height: p,
+      scaledHeight: f,
+      scaledWidth: b,
+      width: S
+    } = this.state, C = {
+      overflow: "visible"
+    }, T = {};
+    let g = !1;
+    return r || (p === 0 && (g = !0), C.height = 0, T.height = p, T.scaledHeight = f), a || (S === 0 && (g = !0), C.width = 0, T.width = S, T.scaledWidth = b), c && (g = !1), Ve(h, {
+      ref: this._setRef,
+      style: {
+        ...C,
+        ...u
+      },
+      ...m
+    }, !g && t(T));
+  }
+}
+const Ko = ({ widths: e, heights: t }) => {
+  const { focusedPage: n, totalPages: o } = ae(), r = k(() => {
+    const s = [], d = Math.ceil(n / 2) * 2 - 1;
+    if (s.push(d), d + 1 < o) {
+      const u = d + 1;
+      s.push(u);
+    }
+    return s;
+  }, [n, o]), a = k(() => [
+    {
+      position: "absolute",
+      left: 0,
+      width: e(n - 1),
+      height: t(n - 1)
+    },
+    {
+      position: "absolute",
+      left: e(n),
+      top: 0,
+      width: e(n),
+      height: t(n)
+    }
+  ], [e, t, r]), c = k(() => a.reduce((s, d) => s + Number(d.width || 0), 0), [a]);
+  return /* @__PURE__ */ i("div", { style: { width: c, position: "relative" }, children: r.map((s, d) => /* @__PURE__ */ i(Et, { style: a[d], pageNumber: s }, s)) });
+}, Xo = ({ widths: e, heights: t }) => {
+  const { focusedPage: n } = ae(), o = k(() => ({
+    position: "absolute",
+    width: e(n - 1),
+    height: t(n - 1)
+  }), [e, t, n]), r = k(() => e(n - 1), [e]);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      style: {
+        width: r,
+        position: "relative"
+      },
+      children: /* @__PURE__ */ i(Et, { style: o, pageNumber: n }, n)
+    }
+  );
+}, Yo = (e, t, n) => {
+  const o = W(), { contentRef: r } = Te(), { heights: a, widths: c } = nt(), { setFocusedPage: s } = ae(), [d, u] = G([]), { smoothScrolling: h } = St(), m = xt(d, 0, 500), p = k(() => a.map((b, S) => {
+    const C = c[S], T = Gr(S + 1, e), g = C * T.columnIndex, w = b * T.rowIndex, P = g + C, l = w + b;
+    return {
+      pageNumber: S + 1,
+      ...T,
+      width: C,
+      height: b,
+      startX: g,
+      startY: w,
+      endX: P,
+      endY: l
+    };
+  }), [a, c, e, t]);
+  F(() => {
+    m.length > 0 && !h.current && s(m[0].pageNumber);
+  }, [m, s]);
+  const f = L(
+    (b) => {
+      o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
+        const S = b.target, C = {
+          startTop: S.scrollTop,
+          startLeft: S.scrollLeft,
+          endTop: S.scrollTop + S.clientHeight,
+          endLeft: S.scrollLeft + S.clientWidth
+        }, T = p.filter((g) => {
+          const w = g.endX >= C.startLeft && g.endY >= C.startTop, P = g.startX <= C.endLeft && g.startY <= C.endTop;
+          return w && P;
+        }).map((g) => {
+          const w = C.startLeft > g.startX ? C.startLeft : g.startX, P = C.startTop > g.startY ? C.startTop : g.startY, l = C.endLeft < g.endX ? C.endLeft : g.endX, _ = C.endTop < g.endY ? C.endTop : g.endY, v = l - w, y = _ - P, I = +(v * y / (g.width * g.height) * 100).toFixed(2);
+          return {
+            pageNumber: g.pageNumber,
+            ratio: I
+          };
+        }).sort((g, w) => w.ratio - g.ratio);
+        u(T);
+      });
+    },
+    [r, p]
+  );
+  F(() => {
+    if (n)
+      return n == null || n.addEventListener("scroll", f), () => {
+        n == null || n.removeEventListener("scroll", f);
+      };
+  }, [n, f]);
+}, Jo = ar(({ columnIndex: e, rowIndex: t, data: n, style: o }) => {
+  const r = Vr(t, e, n.columnCount);
+  return /* @__PURE__ */ i(Et, { style: o, pageNumber: r }, r);
+}, Uo), Ds = () => {
+  const { initialPage: e = 1, initialScrollMode: t, instanceId: n } = ur(), { pagesRef: o, setPagesRef: r } = Te(), { scrollToPage: a } = Tn(), {
+    virtualScrollRef: c,
+    getVirtualScrollRef: s,
+    getPageScrollElementRef: d,
+    getVirtualScrollableElementRef: u,
+    setTotalInnerDimensions: h,
+    virtualScrollableElementRef: m,
+    totalInnerDimensions: p,
+    pageScrollElementRef: f
+  } = tt(), b = W(!0), { nextPage: S, prevPage: C, setFocusedPage: T, focusedPage: g } = ae(), { scrollMode: w } = De(), { viewMode: P } = et(), l = W(null), { loading: _ } = X(), { LoaderImageComponent: v } = vn(), { smoothScrolling: y, targetScrollPosition: R } = St(), I = W(
+    p
+  ), E = W({
+    viewMode: P,
+    scrollMode: w
+  }), N = W(!1), z = W(), { isFullScreen: D } = pr(), {
+    pageDimension: O,
+    rowCount: x,
+    rowHeight: M,
+    columnCount: H,
+    columnWidth: U,
+    estimatedColumnWidth: Y,
+    estimatedRowHeight: B
+  } = Zo(), J = xt(p, 100), ee = W();
+  Yo(H, x, m);
+  const te = W({
+    scrollTop: 0,
+    scrollLeft: 0
+  });
+  $r(o);
+  const { isPressed: j } = Wr(), { selectionMode: ne } = dr(), { initializeGrabScroll: de, resetGrabState: Ie } = Hr({
+    isPressed: j
+  }), he = k(() => ne === cr.HAND, [ne]), Le = k(() => ({
+    columnCount: H
+  }), [H]), se = L(
+    ($) => {
+      const V = document.activeElement !== o;
+      !D && V || (["ArrowUp", "ArrowLeft"].includes($.key) ? ($.preventDefault(), C()) : ["ArrowDown", "ArrowRight"].includes($.key) && ($.preventDefault(), S()));
+    },
+    [S, C, D, w]
+  );
+  F(() => (window.addEventListener("keydown", se), () => {
+    window.removeEventListener("keydown", se);
+  }), [se]), F(() => {
+    if (l.current && (l.current.style.position = "relative"), !!c)
+      for (let $ = 0; $ < x; $++)
+        for (let V = 0; V < H; V++)
+          c.resetAfterIndices({
+            columnIndex: V,
+            rowIndex: $,
+            shouldForceUpdate: !0
+          });
+  }, [x, H, O, c]);
+  const me = L(
+    ($, V) => {
+      if (!m)
+        return { scrollTop: 0, scrollLeft: 0 };
+      const fe = te.current.scrollTop > V, ge = te.current.scrollLeft > $;
+      return fe || ge ? te.current : {
+        scrollTop: m.scrollTop,
+        scrollLeft: m.scrollLeft
+      };
+    },
+    [m]
+  ), Re = L(
+    ($, V) => {
+      if (E.current.viewMode !== P || E.current.scrollMode !== w) {
+        ee.current && clearTimeout(ee.current), N.current = !0, a(g, "auto"), ee.current = setTimeout(() => {
+          requestAnimationFrame(() => {
+            E.current = { viewMode: P, scrollMode: w };
+          });
+        }, 100);
+        return;
+      }
+      const ge = $.scrollTop, ze = $.scrollLeft;
+      if (!V.height || !V.width)
+        return;
+      N.current = !0;
+      const { height: Se, width: it } = V, { height: Ft, width: Mt } = I.current;
+      if (Ft === Se && Mt === it)
+        return;
+      const er = ge / Ft * Se, tr = ze / Mt * it, nr = Math.round(Math.min(er, Se)) || 0, rr = Math.round(Math.min(tr, it)) || 0;
+      z.current = setTimeout(() => {
+        requestAnimationFrame(() => {
+          c == null || c.scrollTo({
+            scrollTop: nr,
+            scrollLeft: rr
+          });
+        });
+      }, 0), I.current = {
+        height: V.height,
+        width: V.width
+      };
+    },
+    [c, P, w, a]
+  );
+  F(() => {
+    clearTimeout(z.current);
+    const $ = Array.from({ length: x }).reduce(
+      (ge, ze, Se) => ge + M(Se),
+      0
+    ), V = Array.from({ length: H }).reduce(
+      (ge, ze, Se) => ge + U(Se),
+      0
+    ), fe = me(V, $);
+    te.current = fe, Re(fe, { height: $, width: V }), h({
+      height: $,
+      width: V
+    });
+  }, [O, x, H, Re]);
+  const ot = L(
+    ($) => {
+      te.current = {
+        scrollTop: $.scrollTop,
+        scrollLeft: $.scrollLeft
+      };
+      const V = ((m == null ? void 0 : m.scrollHeight) || 0) - ((m == null ? void 0 : m.clientHeight) || 0), fe = ((m == null ? void 0 : m.scrollWidth) || 0) - ((m == null ? void 0 : m.clientWidth) || 0), ge = Math.round(R.current.left) === Math.round($.scrollLeft) && Math.round(R.current.top) === Math.round($.scrollTop), ze = Math.round(V) === Math.round($.scrollTop) && Math.round(fe) === Math.round($.scrollLeft);
+      (ge || ze) && (y.current = !1);
+    },
+    [m]
+  );
+  F(() => () => {
+    ee.current && clearTimeout(ee.current);
+  }, []);
+  const Jn = k(() => re(ue["rp-pages-container"], {
+    [ue["rp-cursor-grab"]]: he && !j,
+    [ue["rp-cursor-grabbing"]]: he && j
+  }), [he, j]), Qn = L(
+    ($) => {
+      if (he && $) {
+        const V = re(ue["rp-pages"]), fe = document.querySelector(`.${V}`);
+        de(fe);
+      }
+    },
+    [he, de, ue]
+  );
+  return F(() => {
+    _ && Ie();
+  }, [_]), F(() => {
+    if (!(J.height === 0 || !b.current)) {
+      if (t === Q.PAGE_SCROLLING) {
+        e !== g && f && T(e), b.current = !1;
+        return;
+      }
+      a(e, "auto"), T(e), b.current = !1;
+    }
+  }, [
+    a,
+    t,
+    f,
+    T,
+    J
+  ]), /* @__PURE__ */ i("div", { id: n, ref: r, tabIndex: -1, className: Jn, children: /* @__PURE__ */ i(jo, { style: { minHeight: "50px" }, children: ({ width: $, height: V }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: Qn, style: { width: $, height: V }, children: w === Q.PAGE_SCROLLING ? /* @__PURE__ */ i(
+    "div",
+    {
+      ref: d,
+      style: { width: $, height: V },
+      className: re(ue["rp-pages"], ue["rp-page-scrolling-wrapper"]),
+      children: P === Be.DUAL_PAGE ? /* @__PURE__ */ i(Ko, { widths: U, heights: M }) : /* @__PURE__ */ i(Xo, { widths: U, heights: M })
+    }
+  ) : Y ? /* @__PURE__ */ i(
+    Go,
+    {
+      ref: s,
+      itemData: Le,
+      outerRef: u,
+      innerRef: l,
+      onScroll: ot,
+      columnCount: H,
+      columnWidth: U,
+      rowHeight: M,
+      height: V,
+      width: $,
+      estimatedColumnWidth: Y,
+      estimatedRowHeight: B,
+      rowCount: x,
+      className: re(
+        ue["rp-pages"],
+        w === Q.HORIZONTAL_SCROLLING ? ue["rp-pages-horizontal-scroll"] : ""
+      ),
+      children: Jo
+    }
+  ) : _ ? null : /* @__PURE__ */ i(
+    "div",
+    {
+      className: ue["rp-loader"],
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100%",
+        width: "100%"
+      },
+      children: v && /* @__PURE__ */ i(v, {})
+    }
+  ) }) }) });
+}, Fe = {
+  "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
+  "rp-toolbar-wrapper": "_rp-toolbar-wrapper_sz31z_10",
+  "rp-toolbar-start": "_rp-toolbar-start_sz31z_33",
+  "rp-toolbar-middle": "_rp-toolbar-middle_sz31z_39",
+  "rp-toolbar-end": "_rp-toolbar-end_sz31z_46"
+}, gt = {
+  "rp-paginate": "_rp-paginate_1y9vo_1",
+  "rp-page-input": "_rp-page-input_1y9vo_6",
+  "rp-total-page": "_rp-total-page_1y9vo_11"
+}, Qo = () => {
+  const { prevIcon: e } = pe();
+  return e || /* @__PURE__ */ i(We, {});
+}, ei = () => {
+  const { nextIcon: e } = pe();
+  return e || /* @__PURE__ */ i(We, { style: { transform: "rotate(180deg" } });
+}, ti = () => {
+  const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ae(), [c, s] = G(e.toString()), { pageNavigationTool: d = !0 } = _e(), { isSmallScreen: u } = Pe(), { localeMessages: h } = ce();
+  F(() => {
+    s(e.toString());
+  }, [e]);
+  const m = L((S) => {
+    const C = S.target.value;
+    s(C);
+  }, []), p = L(async () => {
+    const S = a(c);
+    S.success || s(S.currentPage.toString());
+  }, [a, c, t]), f = L(() => {
+    s(e.toString());
+  }, [e]), b = L(
+    (S) => {
+      S.key === "Enter" && p();
+    },
+    [p]
+  );
+  return typeof d != "boolean" ? /* @__PURE__ */ i(
+    d,
+    {
+      total: t,
+      current: e,
+      nextPage: o,
+      prevPage: r,
+      goToPage: a,
+      changePage: n
+    }
+  ) : d ? /* @__PURE__ */ A("div", { className: gt["rp-paginate"], children: [
+    !u && /* @__PURE__ */ i(Z, { content: h == null ? void 0 : h.previousPageTooltip, children: /* @__PURE__ */ i(
+      oe,
+      {
+        onClick: r,
+        "aria-label": h == null ? void 0 : h.previousPageTooltip,
+        "aria-disabled": e === 1,
+        children: /* @__PURE__ */ i(Qo, {})
+      }
+    ) }),
+    /* @__PURE__ */ i(Z, { content: h == null ? void 0 : h.currentPageTooltip, children: /* @__PURE__ */ i(
+      hn,
+      {
+        onKeyDown: b,
+        onBlur: f,
+        onChange: m,
+        value: c,
+        className: gt["rp-page-input"]
+      }
+    ) }),
+    /* @__PURE__ */ A("span", { className: gt["rp-total-page"], children: [
+      "/",
+      t
+    ] }),
+    !u && /* @__PURE__ */ i(Z, { content: h == null ? void 0 : h.nextPageTooltip, children: /* @__PURE__ */ i(
+      oe,
+      {
+        onClick: o,
+        "aria-label": h == null ? void 0 : h.nextPageTooltip,
+        "aria-disabled": e === t,
+        children: /* @__PURE__ */ i(ei, {})
+      }
+    ) })
+  ] }) : null;
+};
+var Ot = "Dialog", [En, zs] = jr(Ot), [ni, le] = En(Ot), On = (e) => {
+  const {
+    __scopeDialog: t,
+    children: n,
+    open: o,
+    defaultOpen: r,
+    onOpenChange: a,
+    modal: c = !0
+  } = e, s = q.useRef(null), d = q.useRef(null), [u = !1, h] = Xr({
+    prop: o,
+    defaultProp: r,
+    onChange: a
+  });
+  return /* @__PURE__ */ i(
+    ni,
+    {
+      scope: t,
+      triggerRef: s,
+      contentRef: d,
+      contentId: ct(),
+      titleId: ct(),
+      descriptionId: ct(),
+      open: u,
+      onOpenChange: h,
+      onOpenToggle: q.useCallback(() => h((m) => !m), [h]),
+      modal: c,
+      children: n
+    }
+  );
+};
+On.displayName = Ot;
+var Dn = "DialogTrigger", ri = q.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = le(Dn, n), a = It(t, r.triggerRef);
+    return /* @__PURE__ */ i(
+      $e.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": At(r.open),
+        ...o,
+        ref: a,
+        onClick: ke(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+ri.displayName = Dn;
+var Dt = "DialogPortal", [oi, zn] = En(Dt, {
+  forceMount: void 0
+}), An = (e) => {
+  const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, a = le(Dt, t);
+  return /* @__PURE__ */ i(oi, { scope: t, forceMount: n, children: q.Children.map(o, (c) => /* @__PURE__ */ i(Lt, { present: n || a.open, children: /* @__PURE__ */ i(to, { asChild: !0, container: r, children: c }) })) });
+};
+An.displayName = Dt;
+var Ke = "DialogOverlay", Fn = q.forwardRef(
+  (e, t) => {
+    const n = zn(Ke, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, a = le(Ke, e.__scopeDialog);
+    return a.modal ? /* @__PURE__ */ i(Lt, { present: o || a.open, children: /* @__PURE__ */ i(ii, { ...r, ref: t }) }) : null;
+  }
+);
+Fn.displayName = Ke;
+var ii = q.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = le(Ke, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ i(Yr, { as: Br, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
+        $e.div,
+        {
+          "data-state": At(r.open),
+          ...o,
+          ref: t,
+          style: { pointerEvents: "auto", ...o.style }
+        }
+      ) })
+    );
+  }
+), xe = "DialogContent", Mn = q.forwardRef(
+  (e, t) => {
+    const n = zn(xe, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, a = le(xe, e.__scopeDialog);
+    return /* @__PURE__ */ i(Lt, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(ai, { ...r, ref: t }) : /* @__PURE__ */ i(si, { ...r, ref: t }) });
+  }
+);
+Mn.displayName = xe;
+var ai = q.forwardRef(
+  (e, t) => {
+    const n = le(xe, e.__scopeDialog), o = q.useRef(null), r = It(t, n.contentRef, o);
+    return q.useEffect(() => {
+      const a = o.current;
+      if (a)
+        return no(a);
+    }, []), /* @__PURE__ */ i(
+      kn,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: ke(e.onCloseAutoFocus, (a) => {
+          var c;
+          a.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
+        }),
+        onPointerDownOutside: ke(e.onPointerDownOutside, (a) => {
+          const c = a.detail.originalEvent, s = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || s) && a.preventDefault();
+        }),
+        onFocusOutside: ke(
+          e.onFocusOutside,
+          (a) => a.preventDefault()
+        )
+      }
+    );
+  }
+), si = q.forwardRef(
+  (e, t) => {
+    const n = le(xe, e.__scopeDialog), o = q.useRef(!1), r = q.useRef(!1);
+    return /* @__PURE__ */ i(
+      kn,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (a) => {
+          var c, s;
+          (c = e.onCloseAutoFocus) == null || c.call(e, a), a.defaultPrevented || (o.current || (s = n.triggerRef.current) == null || s.focus(), a.preventDefault()), o.current = !1, r.current = !1;
+        },
+        onInteractOutside: (a) => {
+          var d, u;
+          (d = e.onInteractOutside) == null || d.call(e, a), a.defaultPrevented || (o.current = !0, a.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const c = a.target;
+          ((u = n.triggerRef.current) == null ? void 0 : u.contains(c)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
+        }
+      }
+    );
+  }
+), kn = q.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...c } = e, s = le(xe, n), d = q.useRef(null), u = It(t, d);
+    return Jr(), /* @__PURE__ */ A(Ce, { children: [
+      /* @__PURE__ */ i(
+        Qr,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: o,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: a,
+          children: /* @__PURE__ */ i(
+            eo,
+            {
+              role: "dialog",
+              id: s.contentId,
+              "aria-describedby": s.descriptionId,
+              "aria-labelledby": s.titleId,
+              "data-state": At(s.open),
+              ...c,
+              ref: u,
+              onDismiss: () => s.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ A(Ce, { children: [
+        /* @__PURE__ */ i(li, { titleId: s.titleId }),
+        /* @__PURE__ */ i(ui, { contentRef: d, descriptionId: s.descriptionId })
+      ] })
+    ] });
+  }
+), zt = "DialogTitle", Wn = q.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = le(zt, n);
+    return /* @__PURE__ */ i($e.h2, { id: r.titleId, ...o, ref: t });
+  }
+);
+Wn.displayName = zt;
+var Hn = "DialogDescription", ci = q.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = le(Hn, n);
+    return /* @__PURE__ */ i($e.p, { id: r.descriptionId, ...o, ref: t });
+  }
+);
+ci.displayName = Hn;
+var $n = "DialogClose", Gn = q.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = le($n, n);
+    return /* @__PURE__ */ i(
+      $e.button,
+      {
+        type: "button",
+        ...o,
+        ref: t,
+        onClick: ke(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+Gn.displayName = $n;
+function At(e) {
+  return e ? "open" : "closed";
+}
+var Vn = "DialogTitleWarning", [As, qn] = Kr(Vn, {
+  contentName: xe,
+  titleName: zt,
+  docsSlug: "dialog"
+}), li = ({ titleId: e }) => {
+  const t = qn(Vn), 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.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
+  return q.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, di = "DialogDescriptionWarning", ui = ({ contentRef: e, descriptionId: t }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${qn(di).contentName}}.`;
+  return q.useEffect(() => {
+    var a;
+    const r = (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby");
+    t && r && (document.getElementById(t) || console.warn(o));
+  }, [o, e, t]), null;
+}, pi = On, hi = An, mi = Fn, fi = Mn, gi = Wn, vi = Gn;
+const ye = {
+  "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
+  "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
+  "rp-document-dialog": "_rp-document-dialog_slqo7_13",
+  "rp-document-properties": "_rp-document-properties_slqo7_35",
+  "rp-dialog-title": "_rp-dialog-title_slqo7_39",
+  "rp-dialog-close": "_rp-dialog-close_slqo7_47",
+  "rp-properties-divider": "_rp-properties-divider_slqo7_55"
+}, _i = () => {
+  const { pdfProperties: e } = X(), { container: t } = Te(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = io(), { localeMessages: r } = ce(), a = k(() => {
+    if (!e)
+      return [];
+    const {
+      fileSize: c,
+      filename: s,
+      title: d,
+      author: u,
+      subject: h,
+      createdOn: m,
+      creator: p,
+      keywords: f,
+      modifiedOn: b,
+      pdfProducer: S,
+      pdfVersion: C,
+      pageCount: T
+    } = e;
+    return [
+      { label: r == null ? void 0 : r.propertiesFilenameLabel, value: s },
+      { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: c },
+      { separate: !0 },
+      { label: r == null ? void 0 : r.propertiesTitleLabel, value: d },
+      { label: r == null ? void 0 : r.propertiesAuthorLabel, value: u },
+      { label: r == null ? void 0 : r.propertiesSubjectLabel, value: h },
+      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: f },
+      { label: r == null ? void 0 : r.propertiesCreatorLabel, value: p },
+      {
+        label: r == null ? void 0 : r.propertiesCreateOnLabel,
+        value: m ? Gt(m) : ""
+      },
+      {
+        label: r == null ? void 0 : r.propertiesModifiedOnLabel,
+        value: b ? Gt(b) : ""
+      },
+      { separate: !0 },
+      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: S },
+      { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: C },
+      { label: r == null ? void 0 : r.propertiesPageCountLabel, value: T }
+    ];
+  }, [e, r]);
+  return /* @__PURE__ */ i(pi, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(hi, { container: t, children: /* @__PURE__ */ A("div", { className: ye["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ i(mi, { className: ye["rp-dialog-overlay"] }),
+    /* @__PURE__ */ A(fi, { className: ye["rp-document-dialog"], children: [
+      /* @__PURE__ */ i(gi, { className: ye["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
+      /* @__PURE__ */ i("div", { className: ye["rp-document-properties"], children: a.map((c, s) => /* @__PURE__ */ i("div", { children: c.separate ? /* @__PURE__ */ i("div", { className: ye["rp-properties-divider"] }) : /* @__PURE__ */ i(oo, { label: c.label, value: c.value }) }, s)) }),
+      /* @__PURE__ */ i(vi, { asChild: !0, className: ye["rp-dialog-close"], children: /* @__PURE__ */ i(ro, {}) })
+    ] })
+  ] }) }) });
+}, wi = {
+  "rp-other-tool-content": "_rp-other-tool-content_su718_1"
+}, sn = ".pdf", bi = (e) => URL.createObjectURL(e), Ci = async (e) => {
+  const n = await (await fetch(e)).blob();
+  return bi(n);
+}, Un = () => {
+  const { filename: e, pdfSrc: t } = X(), { downloadFilename: n } = br(), o = (a) => {
+    const c = n || a;
+    return c.endsWith(sn) ? c : `${c}${sn}`;
+  };
+  return { download: L(async () => {
+    if (!e || !t)
+      throw new Error("There is no PDF source to download");
+    const a = document.createElement("a");
+    a.href = await Ci(t), a.download = o(e), document.body.appendChild(a), a.click(), document.body.removeChild(a);
+  }, [e, t]) };
+}, Zn = () => {
+  const { downloadIcon: e } = pe();
+  return e || /* @__PURE__ */ i(uo, {});
+}, Bn = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ i(Z, { className: t, content: n == null ? void 0 : n.downloadFileTooltip, children: e }), Ti = ({ download: e, localeMessages: t }) => /* @__PURE__ */ i(Bn, { localeMessages: t, children: /* @__PURE__ */ i(oe, { onClick: e, "aria-label": t == null ? void 0 : t.downloadFileTooltip, children: /* @__PURE__ */ i(Zn, {}) }) }), Pi = ({ download: e, localeMessages: t }) => /* @__PURE__ */ i(be, { onClick: e, children: /* @__PURE__ */ A(Bn, { className: "rp-menu-item", localeMessages: t, children: [
+  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Zn, {}) }),
+  t == null ? void 0 : t.downloadFileLabel
+] }) }), jn = () => {
+  const { download: e } = Un(), { downloadTool: t = !0 } = _e(), { isSmallScreen: n } = Pe(), { localeMessages: o } = ce();
+  return t ? n ? /* @__PURE__ */ i(Pi, { download: e, localeMessages: o }) : typeof t == "function" ? /* @__PURE__ */ i(t, { download: e }) : t ? /* @__PURE__ */ i(Ti, { download: e, localeMessages: o }) : null : null;
+}, Kn = () => {
+  const { printIcon: e } = pe();
+  return e || /* @__PURE__ */ i(po, {});
+}, Xn = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ i(Z, { className: t, content: n == null ? void 0 : n.printTooltip, children: e }), Si = ({ print: e, localeMessages: t }) => /* @__PURE__ */ i(Xn, { localeMessages: t, children: /* @__PURE__ */ i(oe, { onClick: e, "aria-label": t == null ? void 0 : t.printTooltip, children: /* @__PURE__ */ i(Kn, {}) }) }), yi = ({ print: e, localeMessages: t }) => /* @__PURE__ */ i(be, { onClick: e, children: /* @__PURE__ */ A(Xn, { className: "rp-menu-item", localeMessages: t, children: [
+  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Kn, {}) }),
+  t == null ? void 0 : t.printLabel
+] }) }), Yn = () => {
+  const { print: e, cancel: t, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = rt(), { printTool: c = !0 } = _e(), { isSmallScreen: s } = Pe(), { localeMessages: d } = ce();
+  return c ? s ? /* @__PURE__ */ i(yi, { print: e, localeMessages: d }) : typeof c == "function" ? /* @__PURE__ */ i(
+    c,
+    {
+      print: e,
+      cancel: t,
+      setOnProgress: n,
+      setOnError: r,
+      setOnComplete: o,
+      progress: a
+    }
+  ) : c ? /* @__PURE__ */ i(Si, { print: e, localeMessages: d }) : null : null;
+}, xi = {
+  "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
+}, Ii = () => {
+  const { goToFirstPageIcon: e } = pe();
+  return e || /* @__PURE__ */ i(Cn, { className: xi["rp-go-to-Top"] });
+}, Li = () => {
+  const { goToLastPageIcon: e } = pe();
+  return e || /* @__PURE__ */ i(Cn, {});
+}, cn = { width: "100%" }, Ri = () => {
+  const { goToPage: e, totalPages: t, focusedPage: n } = ae(), { jumpNavigationTool: o = !0 } = _e(), { localeMessages: r } = ce(), a = k(() => n === 1, [n]), c = k(() => n === t, [n, t]), s = L(() => {
+    e(1);
+  }, [e]), d = L(() => {
+    e(t);
+  }, [e, t]);
+  return o ? /* @__PURE__ */ A(je, { children: [
+    /* @__PURE__ */ i(be, { onClick: s, children: /* @__PURE__ */ i(Z, { content: r == null ? void 0 : r.firstPageTooltip, style: cn, children: /* @__PURE__ */ A("div", { className: "rp-menu-item", "aria-disabled": a, children: [
+      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Ii, {}) }),
+      /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.firstPageLabel })
+    ] }) }) }),
+    /* @__PURE__ */ i(be, { onClick: d, children: /* @__PURE__ */ i(Z, { content: r == null ? void 0 : r.lastPageTooltip, style: cn, children: /* @__PURE__ */ A("div", { className: "rp-menu-item", "aria-disabled": c, children: [
+      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Li, {}) }),
+      /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.lastPageLabel })
+    ] }) }) }),
+    /* @__PURE__ */ i(Rt, {})
+  ] }) : null;
+}, Ni = () => {
+  const { container: e } = Te(), { isSmallScreen: t } = Pe(), {
+    openFileTool: n,
+    downloadTool: o,
+    documentProperties: r,
+    scrollModeTool: a,
+    rotateTool: c,
+    selectionModeTool: s,
+    jumpNavigationTool: d,
+    printTool: u,
+    fullscreenTool: h
+  } = _e(), { localeMessages: m } = ce();
+  return k(() => {
+    const f = d || c || s || a || r;
+    let b = !1;
+    return t && (b = !(!n && !o && !u && !h)), f || b;
+  }, [
+    n,
+    o,
+    r,
+    a,
+    c,
+    s,
+    d,
+    t
+  ]) ? /* @__PURE__ */ A(ao, { children: [
+    /* @__PURE__ */ i(
+      wn,
+      {
+        container: e,
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(Z, { content: m == null ? void 0 : m.moreOptionTooltip, children: /* @__PURE__ */ i(oe, { "aria-label": m == null ? void 0 : m.moreOptionTooltip, children: /* @__PURE__ */ i(Zr, {}) }) }) }),
+        children: /* @__PURE__ */ A("div", { className: wi["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
+          t && /* @__PURE__ */ A(je, { children: [
+            /* @__PURE__ */ i(_n, {}),
+            /* @__PURE__ */ i(jn, {}),
+            /* @__PURE__ */ i(Yn, {}),
+            /* @__PURE__ */ i(bn, {}),
+            /* @__PURE__ */ i(Rt, {})
+          ] }),
+          /* @__PURE__ */ i(Ri, {}),
+          /* @__PURE__ */ i(co, {}),
+          /* @__PURE__ */ i(ho, {}),
+          /* @__PURE__ */ i(lo, {}),
+          /* @__PURE__ */ i(so, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ i(_i, {})
+  ] }) : null;
+}, Ei = () => {
+  const { isSmallScreen: e } = Pe();
+  return /* @__PURE__ */ A(Ce, { children: [
+    /* @__PURE__ */ i(Ur, {}),
+    !e && /* @__PURE__ */ A(Ce, { children: [
+      /* @__PURE__ */ i(_n, {}),
+      /* @__PURE__ */ i(jn, {}),
+      /* @__PURE__ */ i(Yn, {}),
+      /* @__PURE__ */ i(bn, {})
+    ] }),
+    /* @__PURE__ */ i(Ni, {})
+  ] });
+}, Ee = {
+  "rp-zoom-wrapper": "_rp-zoom-wrapper_cocqs_1",
+  "rp-current-zoom-wrapper": "_rp-current-zoom-wrapper_cocqs_6",
+  "rp-current-zoom-icon": "_rp-current-zoom-icon_cocqs_11",
+  "rp-current-zoom-text": "_rp-current-zoom-text_cocqs_16",
+  "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_cocqs_20"
+}, Oi = 25, vt = 1e3, Di = [50, 75, 100, 125, 150, 200, 300, 400], zi = () => {
+  const { zoomInIcon: e } = pe();
+  return e || /* @__PURE__ */ i(mo, {});
+}, Ai = () => {
+  const { zoomOutIcon: e } = pe();
+  return e || /* @__PURE__ */ i(fo, {});
+}, Fi = () => {
+  const { zoomLevel: e, setZoomLevel: t } = Qe(), { container: n, contentRef: o } = Te(), { zoomTool: r = !0 } = _e(), { focusedPage: a } = ae(), { rotate: c } = Je(), { pages: s } = X(), { isSmallScreen: d } = Pe(), { localeMessages: u } = ce(), h = L(() => {
+    t((T) => {
+      const g = Math.floor(T / 25) * 25;
+      return Math.min(g + 25, vt);
+    });
+  }, [t]), m = L(() => {
+    t((T) => {
+      const g = Math.ceil(T / 25) * 25;
+      return Math.min(g - 25, vt);
+    });
+  }, [t]), p = k(() => e === Oi, [e]), f = k(() => e === vt, [e]), b = k(() => {
+    var T;
+    return (T = s.get(a)) == null ? void 0 : T.page.getViewport({ scale: 1, rotation: c });
+  }, [s, a, c]), S = L(
+    (T) => {
+      const g = ((b == null ? void 0 : b.width) || 0) + 2 * Vt, w = ((b == null ? void 0 : b.height) || 0) + 2 * Vt, P = (o == null ? void 0 : o.clientWidth) || 0, l = (o == null ? void 0 : o.clientHeight) || 0, _ = go(T, P, l, g, w);
+      t(_);
+    },
+    [t, b]
+  ), C = L(
+    (T) => {
+      typeof T == "number" ? t(T) : S(T);
+    },
+    [t, S]
+  );
+  return typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: e, setZoomLevel: t }) : r ? /* @__PURE__ */ A("div", { className: Ee["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ i(Z, { content: u == null ? void 0 : u.zoomOutTooltip, children: /* @__PURE__ */ i(
+      oe,
+      {
+        disabled: p,
+        onClick: m,
+        "aria-label": u == null ? void 0 : u.zoomOutTooltip,
+        children: /* @__PURE__ */ i(Ai, {})
+      }
+    ) }),
+    !d && /* @__PURE__ */ i(
+      wn,
+      {
+        container: n,
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(Z, { content: u == null ? void 0 : u.zoomSelectTooltip, children: /* @__PURE__ */ A(
+          oe,
+          {
+            className: Ee["rp-current-zoom-wrapper"],
+            "aria-label": u == null ? void 0 : u.zoomSelectTooltip,
+            children: [
+              /* @__PURE__ */ i("span", { className: Ee["rp-current-zoom-text"], children: e }),
+              /* @__PURE__ */ i("span", { className: Ee["rp-current-zoom-text"], children: "%" }),
+              /* @__PURE__ */ i(We, { className: Ee["rp-current-zoom-icon"] })
+            ]
+          }
+        ) }) }),
+        style: { minWidth: "200px" },
+        align: "center",
+        children: /* @__PURE__ */ A("div", { className: Ee["rp-zoom-dropdown-content"], children: [
+          /* @__PURE__ */ A(je, { children: [
+            /* @__PURE__ */ i(be, { onClick: () => C(at.ACTUAL), children: u == null ? void 0 : u.zoomActualSize }),
+            /* @__PURE__ */ i(be, { onClick: () => C(at.PAGE_FIT), children: u == null ? void 0 : u.zoomPageFit }),
+            /* @__PURE__ */ i(be, { onClick: () => C(at.PAGE_WIDTH), children: u == null ? void 0 : u.zoomPageWidth })
+          ] }),
+          /* @__PURE__ */ i(Rt, {}),
+          /* @__PURE__ */ i(je, { children: Di.map((T) => /* @__PURE__ */ A(be, { onClick: () => C(T), children: [
+            T,
+            " %"
+          ] }, T)) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ i(Z, { content: u == null ? void 0 : u.zoomInTooltip, children: /* @__PURE__ */ i(
+      oe,
+      {
+        disabled: f,
+        onClick: h,
+        "aria-label": u == null ? void 0 : u.zoomInTooltip,
+        children: /* @__PURE__ */ i(zi, {})
+      }
+    ) })
+  ] }) : null;
+}, ln = () => {
+  const {
+    totalMatches: e,
+    nextMatch: t,
+    prevMatch: n
+  } = Nt(), { localeMessages: o } = ce();
+  return /* @__PURE__ */ A(Ce, { children: [
+    /* @__PURE__ */ i(Z, { content: o == null ? void 0 : o.searchPrevTooltip, className: K["rp-search-tool-result-navigator"], children: /* @__PURE__ */ i(oe, { onClick: n, "aria-label": o == null ? void 0 : o.searchPrevTooltip, children: /* @__PURE__ */ i(
+      We,
+      {
+        className: K["rp-search-tool-input-icon"],
+        "aria-disabled": !e
+      }
+    ) }) }),
+    /* @__PURE__ */ i(Z, { content: o == null ? void 0 : o.searchNextTooltip, className: K["rp-search-tool-result-navigator"], children: /* @__PURE__ */ i(oe, { onClick: t, "aria-label": o == null ? void 0 : o.searchNextTooltip, children: /* @__PURE__ */ i(
+      We,
+      {
+        style: { transform: "rotate(180deg" },
+        className: K["rp-search-tool-input-icon"],
+        "aria-disabled": !e
+      }
+    ) }) })
+  ] });
+}, dn = () => {
+  const { searchIcon: e } = pe();
+  return e || /* @__PURE__ */ i(vo, {});
+}, Mi = () => {
+  const { container: e } = Te(), [t, n] = G(!1), { pdf: o } = X(), [r, a] = G(null), {
+    searchOptions: c,
+    setSearchOptions: s,
+    loading: d,
+    setSearch: u,
+    totalMatches: h,
+    currentMatchPosition: m,
+    nextMatch: p,
+    prevMatch: f,
+    search: b
+  } = Nt(), { searchTool: S = !0 } = _e(), [C, T] = G(b), { localeMessages: g } = ce(), { isSmallScreen: w } = Pe(), P = L(() => {
+    n(!0);
+  }, []), l = L(() => {
+    u(""), T(""), n(!1);
+  }, [u]), _ = (x) => {
+    const M = x.key === "Enter", H = x.key === " ";
+    (M || H) && l();
+  }, v = L(
+    (x) => {
+      x.key === "Escape" && t && l();
+    },
+    [t]
+  ), y = L(
+    (x) => {
+      x.shiftKey && x.key === "Enter" ? f() : x.key === "Enter" && b !== C ? u(C) : x.key === "Enter" && p();
+    },
+    [C, f, p, u, b]
+  );
+  F(() => (window.addEventListener("keydown", v), () => {
+    window.removeEventListener("keydown", v);
+  }), [v]), F(() => {
+    r && r.focus();
+  }, [r]);
+  const R = L((x) => {
+    T(x.target.value);
+  }, []), I = L(() => {
+    T(""), u("");
+  }, [u]), E = k(() => `${m} / ${h}`, [m, h]), { wholeWords: N, matchCase: z } = k(() => c, [c]), D = L(
+    (x) => {
+      s((M) => ({ ...M, matchCase: x }));
+    },
+    [s]
+  ), O = L(
+    (x) => {
+      s((M) => ({ ...M, wholeWords: x }));
+    },
+    [s]
+  );
+  return F(() => {
+    l();
+  }, [o, l]), S ? /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i(
+    kr,
+    {
+      open: t,
+      container: e,
+      triggerComponent: /* @__PURE__ */ i(Z, { content: g == null ? void 0 : g.searchButtonTooltip, children: /* @__PURE__ */ i(oe, { onClick: P, "aria-label": g == null ? void 0 : g.searchButtonTooltip, children: /* @__PURE__ */ i(dn, {}) }) }),
+      children: /* @__PURE__ */ A("div", { className: K["rp-search-tool-content"], children: [
+        /* @__PURE__ */ A("div", { className: K["rp-search-tool-input-wrapper"], children: [
+          /* @__PURE__ */ A("div", { className: K["rp-search-tool-input"], children: [
+            /* @__PURE__ */ i(Z, { content: g == null ? void 0 : g.searchInputTooltip, children: /* @__PURE__ */ i(
+              hn,
+              {
+                value: C,
+                onKeyDown: y,
+                onChange: R,
+                icon: /* @__PURE__ */ i(dn, {}),
+                placeholder: g == null ? void 0 : g.searchInputPlaceholder,
+                className: K["rp-search-input"],
+                ref: a,
+                children: !!C && /* @__PURE__ */ i("span", { className: K["rp-search-tool-input-clear"], onClick: I, children: /* @__PURE__ */ i(_o, {}) })
+              }
+            ) }),
+            d ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(yt, { className: K["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: E }),
+            w && /* @__PURE__ */ i("div", { className: K["rp-search-tool-controls"], children: /* @__PURE__ */ i(qt, { onKeyPress: _, handleClose: l }) })
+          ] }),
+          /* @__PURE__ */ A("div", { className: K["rp-search-tool-input-checkboxes"], children: [
+            w && /* @__PURE__ */ i(ln, {}),
+            /* @__PURE__ */ i(Ut, { name: "matchCase", value: z, onChange: D, children: g == null ? void 0 : g.searchMatchCaseLabel }),
+            !w && /* @__PURE__ */ i(Z, { content: g == null ? void 0 : g.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: K["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Zt, {}) }) }),
+            /* @__PURE__ */ i(Ut, { name: "wholeWord", value: N, onChange: O, children: g == null ? void 0 : g.searchWholeWordsLabel }),
+            !w && /* @__PURE__ */ i(Z, { content: g == null ? void 0 : g.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: K["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Zt, {}) }) })
+          ] })
+        ] }),
+        !w && /* @__PURE__ */ A("div", { className: K["rp-search-tool-controls"], children: [
+          /* @__PURE__ */ i(ln, {}),
+          /* @__PURE__ */ i(qt, { onKeyPress: _, handleClose: l })
+        ] })
+      ] })
+    }
+  ) }) : null;
+}, ki = "_loading_vpexk_1", Oe = {
+  "rp-loading-overlay": "_rp-loading-overlay_vpexk_1",
+  "rp-loading-modal": "_rp-loading-modal_vpexk_14",
+  "rp-loading-title": "_rp-loading-title_vpexk_27",
+  "rp-loading-progress-bar": "_rp-loading-progress-bar_vpexk_35",
+  "rp-loading-progress": "_rp-loading-progress_vpexk_35",
+  "rp-loading-cancel-button": "_rp-loading-cancel-button_vpexk_55",
+  loading: ki
+}, Wi = ({ percentage: e }) => {
+  const { cancel: t } = rt(), { localeMessages: n } = ce();
+  return e < 1 ? null : /* @__PURE__ */ i("div", { className: re(Oe["rp-loading-overlay"]), children: /* @__PURE__ */ A("div", { className: re(Oe["rp-loading-modal"]), children: [
+    /* @__PURE__ */ A("div", { className: re(Oe["rp-loading-title"]), children: [
+      n == null ? void 0 : n.printLoadingMessage,
+      "..."
+    ] }),
+    /* @__PURE__ */ i("div", { className: re(Oe["rp-loading-progress-bar"]), children: /* @__PURE__ */ i(
+      "div",
+      {
+        className: re(Oe["rp-loading-progress"]),
+        style: { width: `${e}%` }
+      }
+    ) }),
+    /* @__PURE__ */ i("button", { className: re(Oe["rp-loading-cancel-button"]), onClick: t, children: n == null ? void 0 : n.printCancelLabel })
+  ] }) });
+}, Hi = He((e, t) => {
+  const { showPrintProgress: n } = _e(), { progress: o } = rt(), { isSmallScreen: r } = Pe(), { percentage: a } = o || {}, c = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+  return /* @__PURE__ */ A("div", { children: [
+    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: t, className: Fe["rp-toolbar-content"], children: /* @__PURE__ */ A("div", { className: Fe["rp-toolbar-wrapper"], style: c(), children: [
+      /* @__PURE__ */ A("div", { "data-rp": "topBarLeft", className: Fe["rp-toolbar-start"], children: [
+        /* @__PURE__ */ i(Mi, {}),
+        /* @__PURE__ */ i(ti, {})
+      ] }),
+      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: Fe["rp-toolbar-middle"], children: /* @__PURE__ */ i(Fi, {}) }),
+      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: Fe["rp-toolbar-end"], children: /* @__PURE__ */ i(Ei, {}) })
+    ] }) }),
+    n && a ? /* @__PURE__ */ i(Wi, { percentage: a }) : null
+  ] });
+}), _t = {
+  "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_1sdl6_1",
+  "rp-sidebar-content": "_rp-sidebar-content_1sdl6_1",
+  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_1sdl6_16",
+  "rp-thumbnail-dragging": "_rp-thumbnail-dragging_1sdl6_21"
+}, Me = {
+  "rp-thumbnail-wrapper": "_rp-thumbnail-wrapper_3fenb_1",
+  "rp-thumbnail-text": "_rp-thumbnail-text_3fenb_10",
+  "rp-thumbnail": "_rp-thumbnail_3fenb_1",
+  "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
+  "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
+}, $i = (e) => {
+  const { thumbnailSrc: t, pageNumber: n, isFocused: o, viewport: r } = e, { goToPage: a } = ae(), c = k(() => o ? Me["rp-thumbnail-active"] : "", [o]), s = k(() => ({
+    width: Math.round(r.width),
+    height: Math.round(r.height)
+  }), [r]), d = L(() => {
+    n && a(n);
+  }, [a, n]);
+  return /* @__PURE__ */ A(
+    "div",
+    {
+      onClick: d,
+      id: `page-${n}`,
+      className: Me["rp-thumbnail-wrapper"],
+      children: [
+        /* @__PURE__ */ i("div", { className: re(c, Me["rp-thumbnail"]), children: t ? /* @__PURE__ */ i(
+          "img",
+          {
+            src: t,
+            width: s.width,
+            height: s.height,
+            alt: "thumbnail"
+          }
+        ) : /* @__PURE__ */ i(
+          "div",
+          {
+            className: Me["rp-thumbnail-loader"],
+            style: {
+              width: `${s.width}px`,
+              height: `${s.height}px`
+            },
+            children: /* @__PURE__ */ i(yt, {})
+          }
+        ) }),
+        /* @__PURE__ */ i("div", { className: Me["rp-thumbnail-text"], children: n })
+      ]
+    }
+  );
+}, un = {
+  "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
+  "rp-thumbnails": "_rp-thumbnails_16vqr_1"
+}, Gi = 16, Vi = (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) - Gi);
+}, qi = He((e, t) => {
+  const { show: n } = e, { focusedPage: o, totalPages: r } = ae(), { thumbnailPages: a, addPage: c, thumbnailLength: s, addToPage: d } = xn(), u = W(null), h = W(1);
+  pn(t, () => u.current);
+  const m = k(() => Object.values(a), [a]), p = L(() => {
+    const f = s + 1;
+    f <= r && c(f);
+  }, [c, r, s]);
+  return F(() => {
+    o > s ? d(o) : n && h.current !== o && (Vi(u.current, o), h.current = o);
+  }, [o, s, d, n, m]), Tr(u.current, p), /* @__PURE__ */ i("div", { ref: u, className: un["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: un["rp-thumbnails"], children: n ? m.map((f, b) => {
+    var S, C;
+    return /* @__PURE__ */ i(
+      $i,
+      {
+        isFocused: o === ((S = f.page) == null ? void 0 : S.pageNumber),
+        pageNumber: (C = f.page) == null ? void 0 : C.pageNumber,
+        thumbnailSrc: f.thumbnailSrc,
+        loading: f.loading,
+        viewport: f.viewport
+      },
+      b
+    );
+  }) : null }) });
+}), Ui = () => {
+  const { thumbnailIcon: e } = pe();
+  return e || /* @__PURE__ */ i(Cr, {});
+}, Zi = () => {
+  const { active: e, setActive: t } = xn(), [n, o] = G(200), r = W(null), { thumbnailTool: a, sidebarEnable: c } = _e(), { localeMessages: s } = ce(), d = L(() => {
+    t((h) => !h);
+  }, []), u = k(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: d, active: e }) : a ? /* @__PURE__ */ i(Z, { content: s == null ? void 0 : s.thumbnailTooltip, children: /* @__PURE__ */ i(
+    oe,
+    {
+      onClick: d,
+      active: e,
+      "aria-label": s == null ? void 0 : s.thumbnailTooltip,
+      children: /* @__PURE__ */ i(Ui, {})
+    }
+  ) }) : null, [a, e, d, s]);
+  return /* @__PURE__ */ i(Ce, { children: c && /* @__PURE__ */ A(
+    "div",
+    {
+      style: { "--rp-thumbnail-width": `${n}px` },
+      className: _t["rp-sidebar-content-wrapper"],
+      "data-rp": "sidebar",
+      children: [
+        /* @__PURE__ */ i("div", { className: _t["rp-sidebar-content"], children: u }),
+        /* @__PURE__ */ A(
+          "div",
+          {
+            "data-rp": "thumbnailSidebar",
+            hidden: !e,
+            className: _t["rp-thumbnails-wrapper"],
+            children: [
+              /* @__PURE__ */ i(qi, { show: e, ref: r }),
+              /* @__PURE__ */ i(Pr, { onWidthChange: o, thumbnailRef: r })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}, we = {
+  "rp-layout": "_rp-layout_12d1x_1",
+  "rp-content": "_rp-content_12d1x_5",
+  "rp-pages": "_rp-pages_12d1x_11",
+  "rp-container": "_rp-container_12d1x_16",
+  "rp-loader": "_rp-loader_12d1x_52",
+  "rp-theme-variables": "_rp-theme-variables_12d1x_56",
+  "rp-dark-mode": "_rp-dark-mode_12d1x_147"
+}, Bi = He(
+  (e, t) => {
+    const { children: n, toolbarRef: o, style: r, className: a } = e, { customVariables: c, customDarkVariables: s } = Nr(), { darkMode: d } = sr();
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: t,
+        className: re(
+          we["rp-theme-variables"],
+          we["rp-container"],
+          d ? we["rp-dark-mode"] : "",
+          a
+        ),
+        style: {
+          "--rp-toolbar-height": `${(o == null ? void 0 : o.clientHeight) || 48}px`,
+          ...c,
+          ...d ? s : {},
+          ...r
+        },
+        children: n
+      }
+    );
+  }
+), Fs = He((e, t) => {
+  const {
+    children: n,
+    slots: o,
+    icons: r,
+    style: a,
+    className: c,
+    mobileWidth: s,
+    onLoaded: d,
+    cleanupOnLoaded: u,
+    onLayoutWidthChange: h
+  } = e, [m, p] = G(null), { setContainer: f, setContentRef: b } = Te(), { loading: S } = X(), { LoaderImageComponent: C } = vn();
+  return F(() => (d && d(), () => {
+    u && u();
+  }), [d, u]), /* @__PURE__ */ i(Bi, { toolbarRef: m, ref: t, children: /* @__PURE__ */ i(Rr, { mobileWidth: s, onLayoutWidthChange: h, children: /* @__PURE__ */ i(Sr, { slots: o, children: /* @__PURE__ */ i(yr, { icons: r, children: /* @__PURE__ */ A(xr, { getContainerRef: f, style: a, className: c, children: [
+    /* @__PURE__ */ A(Ir, { children: [
+      /* @__PURE__ */ A("div", { className: we["rp-layout"], children: [
+        /* @__PURE__ */ i(Hi, { ref: p }),
+        /* @__PURE__ */ A("div", { className: we["rp-content"], children: [
+          /* @__PURE__ */ i("div", { className: we["rp-sidebar"], children: /* @__PURE__ */ i(Zi, {}) }),
+          /* @__PURE__ */ i("div", { ref: b, className: we["rp-pages"], children: n })
+        ] })
+      ] }),
+      /* @__PURE__ */ i(Lr, {})
+    ] }),
+    S ? /* @__PURE__ */ i(
+      "div",
+      {
+        className: we["rp-loader"],
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          width: "100%",
+          height: "100%"
+        },
+        children: /* @__PURE__ */ i(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              height: "100%",
+              width: "100%"
+            },
+            children: C && /* @__PURE__ */ i(C, {})
+          }
+        )
+      }
+    ) : null
+  ] }) }) }) }) });
+});
+export {
+  Ro as A,
+  ln as B,
+  Po as C,
+  Ko as D,
+  Mi as E,
+  jn as F,
+  Hi as G,
+  $i as H,
+  qi as I,
+  Zi as J,
+  Bi as K,
+  Wi as L,
+  Ri as M,
+  Ni as O,
+  Rs as P,
+  Ds as R,
+  Os as S,
+  Es as T,
+  Fi as Z,
+  Ns as a,
+  Fs as b,
+  Un as c,
+  rt as d,
+  Nt as e,
+  Tn as f,
+  wo as g,
+  Pn as h,
+  bo as i,
+  Sn as j,
+  Co as k,
+  yn as l,
+  xn as m,
+  To as n,
+  In as o,
+  xo as p,
+  No as q,
+  Et as r,
+  Zo as s,
+  Xo as t,
+  ae as u,
+  Yo as v,
+  ti as w,
+  _i as x,
+  Yn as y,
+  Ei as z
+};