@pdf-viewer/react 0.4.0-beta.1 → 0.4.0-beta.2

package/dist/RPLayout-608b83dd.js

@@ -0,0 +1,2756 @@
+import { jsx as s, jsxs as O, Fragment as De } from "react/jsx-runtime";
+import * as V from "react";
+import { useRef as $, useEffect as A, useCallback as x, useState as F, useMemo as D, createContext as ke, useContext as We, forwardRef as He, useImperativeHandle as Ut, createElement as Le, PureComponent as On, Component as Dn, memo as An } from "react";
+import { ChevronUpIcon as Re } from "./components/icons/ChevronUpIcon.js";
+import { UIButton as B } from "./components/ui/Button.js";
+import { UIInput as qt } from "./components/ui/Input.js";
+import { useScrollModeContext as Ce, ScrollModeProvider as zn } from "./contexts/ScrollModeContext.js";
+import { useDocumentContext as J } from "./contexts/RPDocumentContext.js";
+import "./components/RPConfig.js";
+import { ThumbnailIcon as Fn } from "./components/icons/Thumbnail.js";
+import { c as j } from "./clsx-0c6e471a.js";
+import { LoaderIcon as dt } from "./components/icons/LoaderIcon.js";
+import { renderPage as rt } from "./utils/renderPage.js";
+import "./contexts/ThemeContext.js";
+import { RPDropFileZone as kn } from "./components/RPDropFileZone.js";
+import { DropFileZoneProvider as Wn } from "./contexts/DropFileZoneContext.js";
+import { DarkModeProvider as Hn } from "./contexts/DarkModeContext.js";
+import { useToolbarComponentContext as se, ToolbarComponentProvider as $n } from "./contexts/ToolbarComponentContext.js";
+import { useRotateContext as $e, RotateProvider as Vn } from "./contexts/RotateContext.js";
+import { useViewModeContext as Ve, ViewModeProvider as Gn } from "./contexts/ViewModeContext.js";
+import { FileInputProvider as Un } from "./contexts/FileInputContext.js";
+import { useZoomContext as pt, ZoomProvider as qn } from "./contexts/ZoomContext.js";
+import { findMatches as Zn, resetDivs as jn, highlightMatches as Bn } from "./utils/highlight.js";
+import { useVirtualScrollContext as Ge, VirtualScrollProvider as Kn } from "./contexts/VirtualScrollContext.js";
+import * as Xn from "pdfjs-dist";
+import { AnnotationLayer as Jn, PixelsPerInch as Yn, AnnotationMode as Qn, RenderingCancelledException as er } from "pdfjs-dist";
+import { getThumbnailViewport as Tt } from "./utils/getThumbnailViewport.js";
+import { useInfiniteScroll as tr } from "./utils/hooks/useInfiniteScroll.js";
+import { RPSplitter as nr } from "./components/layout/sidebar/RPSplitter.js";
+import { useIconContext as te, IconProvider as rr } from "./contexts/IconContext.js";
+import { c as pe, C as or } from "./Container-cea98fc1.js";
+import { useLayoutContainer as Ue, LayoutContainerProvider as ar } from "./contexts/LayoutContainerContext.js";
+import { ViewMode as Ae, ScrollMode as Y, AnnotationSubType as ot, SelectionMode as Zt, ZoomLevel as _e } from "./utils/types.js";
+import { useLayerContext as sr, LayerProvider as ir } from "./contexts/LayerContext.js";
+import { useVirtualGridContext as jt, VirtualGridProvider as lr } from "./contexts/VirtualGridContext.js";
+import { useScrollStateContext as Bt, ScrollStateProvider as cr } from "./contexts/ScrollStateContext.js";
+import { useViewportContext as me, ViewportProvider as ur } from "./contexts/ViewportContext.js";
+import { useSelectionModeContext as dr, SelectionModeProvider as pr } from "./contexts/SelectionModeContext.js";
+import { useInitialStateContext as hr, InitialStateProvider as fr } from "./contexts/InitialStateContext.js";
+import { useFullScreenContext as mr, FullScreenProvider as gr } from "./contexts/FullScreenContext.js";
+import { WrapperLayout as vr } from "./components/layout/WrapperLayout.js";
+import { SimpleLinkService as _r } from "./utils/link_service.js";
+import { dateFormatter as at } from "./utils/dateFormatter.js";
+import { sanitizeExternalUrl as wr } from "./utils/sanitizeExternalUrl.js";
+import { useWatermark as br } from "./utils/hooks/useWatermark.js";
+import { usePageDimension as Kt } from "./utils/hooks/usePageDimension.js";
+import { useMousePressed as Cr } from "./utils/hooks/useMousePressed.js";
+import { useGrabScroll as Pr } from "./utils/hooks/useGrabScroll.js";
+import { useDebounce as Sr } from "./utils/hooks/useDebounce.js";
+import { appConsole as Tr } from "./utils/appConsole.js";
+import { FileUploadTool as Xt } from "./components/layout/toolbar/FileUploadTool.js";
+import { DarkModeTool as Ir } from "./components/layout/toolbar/DarkModeTool.js";
+import { ThreeDotIcon as yr } from "./components/icons/ThreeDotIcon.js";
+import { UIDropDown as ht } from "./components/ui/DropDown.js";
+import { c as xr, u as ft, a as Me, b as xe, d as mt, e as Rr, f as Mr, h as Lr, g as Nr, F as Er, D as Or, i as Dr, j as Ar, k as je, l as zr, G as ze } from "./index-8049287f.js";
+import { CloseIcon as Jt } from "./components/icons/CloseIcon.js";
+import { PropertyItem as Fr } from "./components/layout/toolbar/PropertyItem.js";
+import { useOtherToolContext as kr, OtherToolProvider as Wr } from "./contexts/OtherToolContext.js";
+import { DocumentProperties as Hr } from "./components/layout/toolbar/DocumentProperties.js";
+import { RotateTool as $r } from "./components/layout/toolbar/RotateTool.js";
+import { ScrollModeTool as Vr } from "./components/layout/toolbar/ScrollModeTool.js";
+import { MenuSeparator as gt } from "./components/layout/toolbar/MenuSeparator.js";
+import { FileDownloadDefaultIcon as Gr } from "./components/icons/FileDownloadDefaultIcon.js";
+import { MenuItem as le } from "./components/layout/toolbar/MenuItem.js";
+import { PrintDefaultTool as Ur } from "./components/icons/PrintDefaultIcon.js";
+import { FullScreenTool as Yt } from "./components/layout/toolbar/FullScreenTool.js";
+import { GoToDownIcon as Qt } from "./components/icons/GoToDownIcon.js";
+import { SelectionModeTool as qr } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomInIcon as Zr } from "./components/icons/ZoomInIcon.js";
+import { ZoomOutIcon as jr } from "./components/icons/ZoomOutIcon.js";
+import { PAGE_PADDING as It } from "./utils/constants.js";
+import { SearchIcon as Br } from "./components/icons/SearchIcon.js";
+import { UICheckbox as yt } from "./components/ui/Checkbox.js";
+import { ClearIcon as Kr } from "./components/icons/ClearIcon.js";
+import './assets/RPLayout.css';const oe = {
+  "rp-pages": "_rp-pages_92c86_1",
+  "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_92c86_7",
+  "rp-pages-container": "_rp-pages-container_92c86_11",
+  "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_92c86_17",
+  "rp-viewer": "_rp-viewer_92c86_22",
+  "rp-cursor-grab": "_rp-cursor-grab_92c86_27",
+  "rp-cursor-grabbing": "_rp-cursor-grabbing_92c86_31"
+}, Be = {
+  "rp-page-wrapper": "_rp-page-wrapper_h7a2q_1",
+  "rp-page": "_rp-page_h7a2q_1",
+  "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
+}, Xr = (e) => {
+  const { pageNumber: t, onLoaded: n, onLoading: r } = e, o = $(null), { pages: a } = J(), { rotate: l } = $e(), i = $(), { currentZoom: c } = pt();
+  return A(() => {
+    if (!a || c === 0)
+      return;
+    const h = a.get(t);
+    if (o.current && h) {
+      const p = o.current;
+      p.hidden = !0;
+      const m = i.current;
+      m && m.cancel(), r && r(), i.current = rt(h.page, p, c, l), i.current.promise.then(() => {
+        p.hidden = !1;
+      }).catch((u) => {
+      }).finally(() => {
+        n && n();
+      });
+    }
+  }, [a, t, l, c, r, n]), /* @__PURE__ */ s("canvas", { "data-rp": `page-${t}-canvas`, ref: o });
+}, Ke = {
+  "rp-text-layer": "_rp-text-layer_1mgyz_1",
+  "rp-text-layer-text": "_rp-text-layer-text_1mgyz_9"
+}, vt = () => {
+  const { viewMode: e } = Ve(), { scrollMode: t } = Ce(), { virtualScrollRef: n, pageScrollElementRef: r } = Ge(), { setFocusedPage: o } = ne(), a = $(), { columnCount: l } = jt(), i = Kt(), c = $(t), h = $(e);
+  A(() => {
+    n != null && n.scrollToItem && (a.current = n);
+  }, [n]);
+  const p = x(
+    (u) => {
+      if (!r)
+        return;
+      const f = Math.ceil(u / 2) * 2 - 1;
+      u === f + 1 ? r.scrollTo({ left: i.widths[f], top: 0 }) : r.scrollTo({ left: 0, top: 0 });
+    },
+    [r, i]
+  );
+  return A(() => {
+    c.current = t, h.current = e;
+  }, [t, e]), { scrollToPage: x(
+    (u, f = "start") => {
+      const v = u - 1;
+      if (h.current === Ae.DUAL_PAGE && c.current === Y.PAGE_SCROLLING) {
+        p(u);
+        return;
+      }
+      if (c.current === Y.PAGE_SCROLLING) {
+        o(u);
+        return;
+      }
+      if (a.current)
+        if (c.current === Y.HORIZONTAL_SCROLLING)
+          a.current.scrollToItem({ columnIndex: v, align: f });
+        else if (h.current === Ae.DUAL_PAGE) {
+          const g = v % 2, C = Math.floor(v / 2);
+          a.current.scrollToItem({ columnIndex: g, rowIndex: C, align: f });
+        } else
+          a.current.scrollToItem({ rowIndex: v, align: f });
+    },
+    [l, p, o]
+  ) };
+}, Jr = (e = {}, t = "") => {
+  const [n, r] = F(t), [o, a] = F(!1), { pdf: l } = J(), i = $(!n), [c, h] = F([]), [p, m] = F(0), { scrollToPage: u } = vt(), { virtualScrollRef: f, pageScrollElementRef: v, virtualScrollableElementRef: _ } = Ge(), { scrollMode: g } = Ce(), [C, y] = F(null), w = D(() => p === 0 ? null : c[p - 1], [p, c]), T = D(() => c.length, [c]);
+  A(() => {
+    if (!w || (u(w.page), !C || !C.classList.contains("selected")))
+      return;
+    const P = _ || v;
+    if (!P)
+      return;
+    const N = C.getBoundingClientRect(), I = P.clientHeight / 2, M = P.clientWidth / 2, L = P.scrollTop + N.top - I, R = P.scrollLeft + N.left - M;
+    P.scrollTo({
+      top: L,
+      left: R
+    });
+  }, [
+    w,
+    u,
+    f,
+    C,
+    g,
+    _,
+    v
+  ]);
+  const d = x(() => {
+    m((P) => T ? P + 1 > T ? 1 : P + 1 : 0);
+  }, [T]), S = x(() => {
+    m((P) => T ? P - 1 <= 0 ? T : P - 1 : 0);
+  }, [T]), b = x(async (P) => {
+    if (!P)
+      return {};
+    const N = P.numPages, I = {};
+    for (let M = 1; M <= N; M++) {
+      if (i.current)
+        throw "close pop over";
+      const L = await P.getPage(M);
+      I[M.toString()] = await L.getTextContent();
+    }
+    return I;
+  }, []);
+  return A(() => {
+    if (!n) {
+      i.current = !0, h([]), m(0);
+      return;
+    }
+    i.current = !1, a(!0), h([]), m(0), b(l).then((P) => {
+      const I = Object.keys(P).reduce((M, L) => {
+        const R = Zn(
+          [n],
+          P[L],
+          Number(L) - 1,
+          e
+        ).map((E, z) => ({ ...E, page: Number(L), pageMatchIdx: z }));
+        return [...M, ...R];
+      }, []);
+      h(I), m(I.length ? 1 : 0);
+    }).catch(() => {
+      h([]), m(0);
+    }).finally(() => a(!1));
+  }, [n, b, l, e]), {
+    search: n,
+    setSearch: r,
+    loading: o,
+    matches: c,
+    totalMatches: T,
+    currentMatchPosition: p,
+    currentMatch: w,
+    nextMatch: d,
+    prevMatch: S,
+    currentMatchElement: C,
+    setCurrentMatchElement: y
+  };
+}, en = ke({
+  search: "",
+  setSearch: (e) => {
+  },
+  loading: !1,
+  matches: [],
+  totalMatches: 0,
+  currentMatchPosition: 0,
+  currentMatch: null,
+  nextMatch: () => {
+  },
+  prevMatch: () => {
+  },
+  searchOptions: {},
+  setSearchOptions: (e) => e,
+  currentMatchElement: null,
+  setCurrentMatchElement: (e) => {
+  }
+}), Yr = ({
+  children: e,
+  initialSearch: t
+}) => {
+  const [n, r] = F({}), {
+    loading: o,
+    setSearch: a,
+    totalMatches: l,
+    currentMatchPosition: i,
+    currentMatch: c,
+    search: h,
+    matches: p,
+    nextMatch: m,
+    prevMatch: u,
+    currentMatchElement: f,
+    setCurrentMatchElement: v
+  } = Jr(n, t);
+  return /* @__PURE__ */ s(
+    en.Provider,
+    {
+      value: {
+        searchOptions: n,
+        setSearchOptions: r,
+        loading: o,
+        setSearch: a,
+        totalMatches: l,
+        currentMatchPosition: i,
+        currentMatch: c,
+        nextMatch: m,
+        prevMatch: u,
+        search: h,
+        matches: p,
+        currentMatchElement: f,
+        setCurrentMatchElement: v
+      },
+      children: e
+    }
+  );
+}, tn = () => We(en), Qr = (e) => {
+  const { pageNumber: t } = e, { pages: n } = J(), r = $(null), { matches: o, currentMatch: a, setCurrentMatchElement: l } = tn(), [i, c] = F(
+    []
+  ), h = $(), p = $(), m = $(), u = D(() => o.filter((v) => v.pageIndex === t - 1), [o, t]), f = x(
+    (v, _, g = !1) => {
+      if (g && jn(v, _), !u.length) {
+        m.current = void 0, c([]);
+        return;
+      }
+      const C = Bn(u, v, _);
+      c(C);
+    },
+    [u]
+  );
+  return A(() => {
+    var g;
+    if ((g = m.current) == null || g.classList.remove("selected"), !i.length || !a || a.pageIndex !== t - 1)
+      return;
+    const v = u.findIndex(
+      (C) => JSON.stringify(C) === JSON.stringify(a)
+    );
+    if (v === -1)
+      return;
+    const _ = i.find((C) => C.index === v);
+    _ && (m.current = _.element, l(_.element), _.element.classList.add("selected"));
+  }, [a, i, u]), A(() => {
+    const v = n.get(t);
+    if (!(!v || !r.current))
+      return h.current && h.current.cancel(), v.page.getTextContent().then((_) => {
+        const g = v.page.getViewport({ scale: 1 });
+        return h.current = new Xn.TextLayer({
+          viewport: g,
+          textContentSource: _,
+          container: r.current
+        }), p.current = _, r.current && (r.current.innerText = ""), h.current.render();
+      }).then(() => {
+        var C;
+        [].slice.call(r.current.children).forEach((y) => {
+          y.classList.add(Ke["rp-text-layer-text"]);
+        });
+        const g = (C = h.current) == null ? void 0 : C.textDivs;
+        g && p.current && f(p.current, g);
+      }).catch(() => {
+      }), () => {
+        var _;
+        (_ = h.current) == null || _.cancel();
+      };
+  }, [n, t]), A(() => {
+    var g;
+    [].slice.call(r.current.children).forEach((C) => {
+      C.classList.add(Ke["rp-text-layer-text"]);
+    });
+    const _ = (g = h.current) == null ? void 0 : g.textDivs;
+    _ && p.current && f(p.current, _, !0);
+  }, [f]), /* @__PURE__ */ s(
+    "div",
+    {
+      "data-rp": `page-${t}-textLayer`,
+      className: Ke["rp-text-layer"],
+      ref: r
+    }
+  );
+}, eo = {
+  "rp-annotation-layer": "_rp-annotation-layer_o0ksd_1"
+}, nn = ["click", "dblclick", "mouseover", "input", "change"];
+let to = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const st = /* @__PURE__ */ new Map(), rn = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
+function no(e, t) {
+  const n = rn(e, t);
+  return st.has(n) ? st.get(n) ?? null : null;
+}
+const ro = (e, t, n) => {
+  st.set(rn(e, t), n);
+}, xt = (e, t) => {
+  switch (t[1].name) {
+    case "XYZ":
+      return {
+        bottomOffset: (n, r) => t[3] === null ? r : t[3],
+        leftOffset: (n, r) => t[2] === null ? 0 : t[2],
+        pageIndex: e,
+        scaleTo: t[4]
+      };
+    case "Fit":
+    case "FitB":
+      return {
+        bottomOffset: 0,
+        leftOffset: 0,
+        pageIndex: e,
+        scaleTo: 1
+      };
+    case "FitH":
+    case "FitBH":
+      return {
+        bottomOffset: t[2],
+        leftOffset: 0,
+        pageIndex: e,
+        scaleTo: 1
+      };
+    default:
+      return {
+        bottomOffset: 0,
+        leftOffset: 0,
+        pageIndex: e,
+        scaleTo: 1
+      };
+  }
+};
+async function on(e, t) {
+  let n;
+  if (typeof t == "string" ? n = await e.getDestination(t) : n = t, n && typeof n[0] == "object" && n[0] !== null) {
+    const r = n[0], o = no(e, r);
+    if (o === null) {
+      const a = await e.getPageIndex(r);
+      return ro(e, r, a), await on(e, n);
+    } else
+      return xt(o, n);
+  } else
+    return xt(n[0], n);
+}
+function oo(e) {
+  const { id: t, url: n, unsafeUrl: r } = e, o = new MutationObserver((a) => {
+    const l = document.querySelector(`[data-annotation-id="${t}"]`);
+    if (l) {
+      const i = l.querySelector("a"), c = wr((n || r) ?? "", "");
+      i && (i.setAttribute("target", "_blank"), i.setAttribute("href", c), i.setAttribute("rel", "noopener noreferrer")), o.disconnect();
+    }
+  });
+  o.observe(document.body, { childList: !0, subtree: !0 });
+}
+const ao = (e) => {
+  const n = e.target.parentNode;
+  if (!n)
+    return;
+  const r = new MutationObserver((o) => {
+    o.forEach(() => {
+      n.querySelectorAll(
+        '[data-l10n-id="pdfjs-annotation-date-time-string"]'
+      ).forEach((l) => {
+        const i = l.getAttribute("data-l10n-args");
+        if (i)
+          try {
+            const { dateObj: c } = JSON.parse(i);
+            l.textContent = at(c);
+          } catch {
+          }
+      });
+    });
+  });
+  return r.observe(n, {
+    childList: !0,
+    // Watch for changes to child elements
+    subtree: !0,
+    // Watch all descendants, not just direct children
+    attributes: !0
+    // Watch for changes to attributes
+  }), () => r.disconnect();
+}, Rt = (e, t, n, r) => {
+  if (e.type !== "click")
+    return;
+  const o = e.target, a = o.getAttribute("data-element-id");
+  if (o.getAttribute("href"))
+    return;
+  const i = t.find((c) => c.id === a);
+  !i || i.annotationType !== ot.Link || i.dest && on(n, i.dest).then((c) => {
+    console.log(">>> AnnotationLayer handleClick", c), r(c);
+  });
+};
+function so(e, t) {
+  for (const n of nn)
+    e.addEventListener(n, t);
+}
+function io(e, t) {
+  for (const n of nn)
+    e.removeEventListener(n, t);
+}
+const lo = (e) => {
+  const { pageNumber: t } = e, n = $(null), { pages: r, pdf: o } = J(), a = $(), [l, i] = F(), [c, h] = F(null), [p, m] = F(), { setFocusedPage: u, goToPage: f } = ne(), { scrollMode: v } = Ce(), _ = D(() => r.get(t), [r, t]), g = D(() => _ == null ? void 0 : _.page.getViewport(), [_]);
+  A(() => {
+    o == null || o.hasJSActions().then((w) => {
+      i(w);
+    }), o == null || o.getFieldObjects().then((w) => {
+      h(w);
+    }), a.current && (a.current.div.replaceChildren(), a.current = void 0);
+  }, [o]);
+  const C = D(() => o == null ? void 0 : o.annotationStorage, [o]);
+  A(() => {
+    _ && _.page.getAnnotations().then((w) => {
+      a.current = void 0, m(w), n.current && (n.current.innerText = "");
+    });
+  }, [_]);
+  const y = x(
+    (w) => {
+      ao(w), !(!p || !o) && (v === Y.PAGE_SCROLLING ? Rt(w, p, o, (T) => u(T.pageIndex + 1)) : Rt(w, p, o, (T) => f(T.pageIndex + 1)));
+    },
+    [o, p, f, u, v]
+  );
+  return A(() => {
+    if (!_ || !p)
+      return;
+    const w = _.page.getViewport();
+    if (a.current) {
+      a.current.update({
+        viewport: w.clone({ dontFlip: !0 })
+      });
+      return;
+    }
+    console.log(">>> AnnotationLayer useMemo", p, t);
+    for (const T of p) {
+      const { annotationType: d } = T;
+      switch (d) {
+        case ot.Link:
+          oo(T);
+          break;
+        case ot.Widget:
+          break;
+      }
+    }
+    a.current = new Jn({
+      div: n.current,
+      accessibilityManager: void 0,
+      annotationCanvasMap: void 0,
+      annotationEditorUIManager: void 0,
+      structTreeLayer: void 0,
+      page: _.page,
+      viewport: w.clone({ dontFlip: !0 })
+    }), n.current && io(n.current, y), a.current.render({
+      annotations: p,
+      annotationStorage: C,
+      hasJSActions: l,
+      fieldObjects: c,
+      div: n.current,
+      viewport: w.clone({ dontFlip: !0 }),
+      page: _.page,
+      imageResourcesPath: to,
+      renderForms: !1,
+      linkService: new _r(),
+      downloadManager: null,
+      enableScripting: !1
+    }).then(() => {
+      n.current && so(n.current, y);
+    });
+  }, [p, l, c, y]), /* @__PURE__ */ s(
+    "div",
+    {
+      "data-rp": `page-${t}-annotationLayer`,
+      style: { width: `${g == null ? void 0 : g.width}px`, height: `${g == null ? void 0 : g.height}px` },
+      className: eo["rp-annotation-layer"],
+      ref: n
+    }
+  );
+}, co = Array.from({ length: 21 }, (e, t) => Number((t * 0.05).toFixed(2))), _t = He((e, t) => {
+  const { pageNumber: n, style: r, onIntersectRatioChange: o, ...a } = e, { pages: l } = J(), { rotate: i } = $e(), { textLayer: c } = sr(), { currentZoom: h } = pt(), p = $(l.get(n)), [m, u] = F(!1), f = $(null), [v, _] = F({
+    width: 0,
+    height: 0
+  });
+  Ut(t, () => f.current), A(() => {
+    if (l && (p.current = l.get(n), p.current)) {
+      const w = p.current.page.getViewport({ scale: h, rotation: i });
+      _(w);
+    }
+  }, [l, n, i, h]);
+  const g = D(() => {
+    switch (i) {
+      case 90:
+        return `${v.width / 2}px ${v.width / 2}px`;
+      case -90:
+      case 270:
+        return `${v.height / 2}px ${v.height / 2}px`;
+      default:
+        return "center";
+    }
+  }, [i, v]), C = x(() => {
+    u(!0);
+  }, []), y = x(() => {
+    u(!1);
+  }, []);
+  return A(() => {
+    const w = new IntersectionObserver(
+      (T) => {
+        o && o(n, T[0].intersectionRatio);
+      },
+      { threshold: co }
+    );
+    return f.current && w.observe(f.current), () => {
+      w.disconnect(), o && o(n, -1);
+    };
+  }, [o, n, i]), /* @__PURE__ */ s(
+    "div",
+    {
+      ref: f,
+      id: `page-${n}`,
+      "data-rp": `page-${n}`,
+      ...a,
+      style: {
+        ...r,
+        "--rp-rotate": `${i}deg`,
+        "--rp-page-rotate-translate": `${g}`,
+        "--scale-factor": h
+      },
+      className: Be["rp-page-wrapper"],
+      children: /* @__PURE__ */ O(
+        "div",
+        {
+          style: {
+            width: `${v.width}px`,
+            height: `${v.height}px`
+          },
+          className: Be["rp-page"],
+          children: [
+            /* @__PURE__ */ s(Xr, { onLoading: C, onLoaded: y, pageNumber: n }),
+            m && /* @__PURE__ */ s("div", { className: Be["rp-loader-wrapper"], children: /* @__PURE__ */ s(dt, {}) }),
+            c && /* @__PURE__ */ s(Qr, { pageNumber: n }),
+            /* @__PURE__ */ s(lo, { pageNumber: n })
+          ]
+        }
+      )
+    }
+  );
+});
+function it() {
+  return it = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var r in n)
+        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+    }
+    return e;
+  }, it.apply(null, arguments);
+}
+function Mt(e) {
+  if (e === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+function lt(e, t) {
+  return lt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
+    return n.__proto__ = r, n;
+  }, lt(e, t);
+}
+function uo(e, t) {
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, lt(e, t);
+}
+var Lt = Number.isNaN || function(t) {
+  return typeof t == "number" && t !== t;
+};
+function po(e, t) {
+  return !!(e === t || Lt(e) && Lt(t));
+}
+function ho(e, t) {
+  if (e.length !== t.length)
+    return !1;
+  for (var n = 0; n < e.length; n++)
+    if (!po(e[n], t[n]))
+      return !1;
+  return !0;
+}
+function Xe(e, t) {
+  t === void 0 && (t = ho);
+  var n, r = [], o, a = !1;
+  function l() {
+    for (var i = [], c = 0; c < arguments.length; c++)
+      i[c] = arguments[c];
+    return a && n === this && t(i, r) || (o = e.apply(this, i), a = !0, n = this, r = i), o;
+  }
+  return l;
+}
+function Nt(e, t) {
+  if (e == null)
+    return {};
+  var n = {};
+  for (var r in e)
+    if ({}.hasOwnProperty.call(e, r)) {
+      if (t.includes(r))
+        continue;
+      n[r] = e[r];
+    }
+  return n;
+}
+var fo = typeof performance == "object" && typeof performance.now == "function", Et = fo ? function() {
+  return performance.now();
+} : function() {
+  return Date.now();
+};
+function Ot(e) {
+  cancelAnimationFrame(e.id);
+}
+function mo(e, t) {
+  var n = Et();
+  function r() {
+    Et() - n >= t ? e.call(null) : o.id = requestAnimationFrame(r);
+  }
+  var o = {
+    id: requestAnimationFrame(r)
+  };
+  return o;
+}
+var Je = -1;
+function go(e) {
+  if (e === void 0 && (e = !1), Je === -1 || e) {
+    var t = document.createElement("div"), n = t.style;
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), Je = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+  }
+  return Je;
+}
+var we = null;
+function Dt(e) {
+  if (e === void 0 && (e = !1), we === null || e) {
+    var t = document.createElement("div"), n = t.style;
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
+    var r = document.createElement("div"), o = r.style;
+    return o.width = "100px", o.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? we = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? we = "negative" : we = "positive-ascending"), document.body.removeChild(t), we;
+  }
+  return we;
+}
+var vo = 150, _o = function(t) {
+  var n = t.columnIndex;
+  t.data;
+  var r = t.rowIndex;
+  return r + ":" + n;
+}, Ne = null, Ee = null, Oe = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Ne = /* @__PURE__ */ new WeakSet(), Ee = /* @__PURE__ */ new WeakSet(), Oe = /* @__PURE__ */ new WeakSet());
+function wo(e) {
+  var t, n = e.getColumnOffset, r = e.getColumnStartIndexForOffset, o = e.getColumnStopIndexForStartIndex, a = e.getColumnWidth, l = e.getEstimatedTotalHeight, i = e.getEstimatedTotalWidth, c = e.getOffsetForColumnAndAlignment, h = e.getOffsetForRowAndAlignment, p = e.getRowHeight, m = e.getRowOffset, u = e.getRowStartIndexForOffset, f = e.getRowStopIndexForStartIndex, v = e.initInstanceProps, _ = e.shouldResetStyleCacheOnItemSizeChange, g = e.validateProps;
+  return t = /* @__PURE__ */ function(C) {
+    uo(y, C);
+    function y(T) {
+      var d;
+      return d = C.call(this, T) || this, d._instanceProps = v(d.props, Mt(d)), d._resetIsScrollingTimeoutId = null, d._outerRef = void 0, d.state = {
+        instance: Mt(d),
+        isScrolling: !1,
+        horizontalScrollDirection: "forward",
+        scrollLeft: typeof d.props.initialScrollLeft == "number" ? d.props.initialScrollLeft : 0,
+        scrollTop: typeof d.props.initialScrollTop == "number" ? d.props.initialScrollTop : 0,
+        scrollUpdateWasRequested: !1,
+        verticalScrollDirection: "forward"
+      }, d._callOnItemsRendered = void 0, d._callOnItemsRendered = Xe(function(S, b, P, N, I, M, L, R) {
+        return d.props.onItemsRendered({
+          overscanColumnStartIndex: S,
+          overscanColumnStopIndex: b,
+          overscanRowStartIndex: P,
+          overscanRowStopIndex: N,
+          visibleColumnStartIndex: I,
+          visibleColumnStopIndex: M,
+          visibleRowStartIndex: L,
+          visibleRowStopIndex: R
+        });
+      }), d._callOnScroll = void 0, d._callOnScroll = Xe(function(S, b, P, N, I) {
+        return d.props.onScroll({
+          horizontalScrollDirection: P,
+          scrollLeft: S,
+          scrollTop: b,
+          verticalScrollDirection: N,
+          scrollUpdateWasRequested: I
+        });
+      }), d._getItemStyle = void 0, d._getItemStyle = function(S, b) {
+        var P = d.props, N = P.columnWidth, I = P.direction, M = P.rowHeight, L = d._getItemStyleCache(_ && N, _ && I, _ && M), R = S + ":" + b, E;
+        if (L.hasOwnProperty(R))
+          E = L[R];
+        else {
+          var z = n(d.props, b, d._instanceProps), W = I === "rtl";
+          L[R] = E = {
+            position: "absolute",
+            left: W ? void 0 : z,
+            right: W ? z : void 0,
+            top: m(d.props, S, d._instanceProps),
+            height: p(d.props, S, d._instanceProps),
+            width: a(d.props, b, d._instanceProps)
+          };
+        }
+        return E;
+      }, d._getItemStyleCache = void 0, d._getItemStyleCache = Xe(function(S, b, P) {
+        return {};
+      }), d._onScroll = function(S) {
+        var b = S.currentTarget, P = b.clientHeight, N = b.clientWidth, I = b.scrollLeft, M = b.scrollTop, L = b.scrollHeight, R = b.scrollWidth;
+        d.setState(function(E) {
+          if (E.scrollLeft === I && E.scrollTop === M)
+            return null;
+          var z = d.props.direction, W = I;
+          if (z === "rtl")
+            switch (Dt()) {
+              case "negative":
+                W = -I;
+                break;
+              case "positive-descending":
+                W = R - N - I;
+                break;
+            }
+          W = Math.max(0, Math.min(W, R - N));
+          var G = Math.max(0, Math.min(M, L - P));
+          return {
+            isScrolling: !0,
+            horizontalScrollDirection: E.scrollLeft < I ? "forward" : "backward",
+            scrollLeft: W,
+            scrollTop: G,
+            verticalScrollDirection: E.scrollTop < M ? "forward" : "backward",
+            scrollUpdateWasRequested: !1
+          };
+        }, d._resetIsScrollingDebounced);
+      }, d._outerRefSetter = function(S) {
+        var b = d.props.outerRef;
+        d._outerRef = S, typeof b == "function" ? b(S) : b != null && typeof b == "object" && b.hasOwnProperty("current") && (b.current = S);
+      }, d._resetIsScrollingDebounced = function() {
+        d._resetIsScrollingTimeoutId !== null && Ot(d._resetIsScrollingTimeoutId), d._resetIsScrollingTimeoutId = mo(d._resetIsScrolling, vo);
+      }, d._resetIsScrolling = function() {
+        d._resetIsScrollingTimeoutId = null, d.setState({
+          isScrolling: !1
+        }, function() {
+          d._getItemStyleCache(-1);
+        });
+      }, d;
+    }
+    y.getDerivedStateFromProps = function(d, S) {
+      return bo(d, S), g(d), null;
+    };
+    var w = y.prototype;
+    return w.scrollTo = function(d) {
+      var S = d.scrollLeft, b = d.scrollTop;
+      S !== void 0 && (S = Math.max(0, S)), b !== void 0 && (b = Math.max(0, b)), this.setState(function(P) {
+        return S === void 0 && (S = P.scrollLeft), b === void 0 && (b = P.scrollTop), P.scrollLeft === S && P.scrollTop === b ? null : {
+          horizontalScrollDirection: P.scrollLeft < S ? "forward" : "backward",
+          scrollLeft: S,
+          scrollTop: b,
+          scrollUpdateWasRequested: !0,
+          verticalScrollDirection: P.scrollTop < b ? "forward" : "backward"
+        };
+      }, this._resetIsScrollingDebounced);
+    }, w.scrollToItem = function(d) {
+      var S = d.align, b = S === void 0 ? "auto" : S, P = d.columnIndex, N = d.rowIndex, I = this.props, M = I.columnCount, L = I.height, R = I.rowCount, E = I.width, z = this.state, W = z.scrollLeft, G = z.scrollTop, Z = go();
+      P !== void 0 && (P = Math.max(0, Math.min(P, M - 1))), N !== void 0 && (N = Math.max(0, Math.min(N, R - 1)));
+      var U = l(this.props, this._instanceProps), K = i(this.props, this._instanceProps), ce = K > E ? Z : 0, re = U > L ? Z : 0;
+      this.scrollTo({
+        scrollLeft: P !== void 0 ? c(this.props, P, b, W, this._instanceProps, re) : W,
+        scrollTop: N !== void 0 ? h(this.props, N, b, G, this._instanceProps, ce) : G
+      });
+    }, w.componentDidMount = function() {
+      var d = this.props, S = d.initialScrollLeft, b = d.initialScrollTop;
+      if (this._outerRef != null) {
+        var P = this._outerRef;
+        typeof S == "number" && (P.scrollLeft = S), typeof b == "number" && (P.scrollTop = b);
+      }
+      this._callPropsCallbacks();
+    }, w.componentDidUpdate = function() {
+      var d = this.props.direction, S = this.state, b = S.scrollLeft, P = S.scrollTop, N = S.scrollUpdateWasRequested;
+      if (N && this._outerRef != null) {
+        var I = this._outerRef;
+        if (d === "rtl")
+          switch (Dt()) {
+            case "negative":
+              I.scrollLeft = -b;
+              break;
+            case "positive-ascending":
+              I.scrollLeft = b;
+              break;
+            default:
+              var M = I.clientWidth, L = I.scrollWidth;
+              I.scrollLeft = L - M - b;
+              break;
+          }
+        else
+          I.scrollLeft = Math.max(0, b);
+        I.scrollTop = Math.max(0, P);
+      }
+      this._callPropsCallbacks();
+    }, w.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && Ot(this._resetIsScrollingTimeoutId);
+    }, w.render = function() {
+      var d = this.props, S = d.children, b = d.className, P = d.columnCount, N = d.direction, I = d.height, M = d.innerRef, L = d.innerElementType, R = d.innerTagName, E = d.itemData, z = d.itemKey, W = z === void 0 ? _o : z, G = d.outerElementType, Z = d.outerTagName, U = d.rowCount, K = d.style, ce = d.useIsScrolling, re = d.width, ge = this.state.isScrolling, ve = this._getHorizontalRangeToRender(), Pe = ve[0], k = ve[1], H = this._getVerticalRangeToRender(), q = H[0], ie = H[1], Se = [];
+      if (P > 0 && U)
+        for (var ue = q; ue <= ie; ue++)
+          for (var de = Pe; de <= k; de++)
+            Se.push(Le(S, {
+              columnIndex: de,
+              data: E,
+              isScrolling: ce ? ge : void 0,
+              key: W({
+                columnIndex: de,
+                data: E,
+                rowIndex: ue
+              }),
+              rowIndex: ue,
+              style: this._getItemStyle(ue, de)
+            }));
+      var qe = l(this.props, this._instanceProps), Ze = i(this.props, this._instanceProps);
+      return Le(G || Z || "div", {
+        className: b,
+        onScroll: this._onScroll,
+        ref: this._outerRefSetter,
+        style: it({
+          position: "relative",
+          height: I,
+          width: re,
+          overflow: "auto",
+          WebkitOverflowScrolling: "touch",
+          willChange: "transform",
+          direction: N
+        }, K)
+      }, Le(L || R || "div", {
+        children: Se,
+        ref: M,
+        style: {
+          height: qe,
+          pointerEvents: ge ? "none" : void 0,
+          width: Ze
+        }
+      }));
+    }, w._callPropsCallbacks = function() {
+      var d = this.props, S = d.columnCount, b = d.onItemsRendered, P = d.onScroll, N = d.rowCount;
+      if (typeof b == "function" && S > 0 && N > 0) {
+        var I = this._getHorizontalRangeToRender(), M = I[0], L = I[1], R = I[2], E = I[3], z = this._getVerticalRangeToRender(), W = z[0], G = z[1], Z = z[2], U = z[3];
+        this._callOnItemsRendered(M, L, W, G, R, E, Z, U);
+      }
+      if (typeof P == "function") {
+        var K = this.state, ce = K.horizontalScrollDirection, re = K.scrollLeft, ge = K.scrollTop, ve = K.scrollUpdateWasRequested, Pe = K.verticalScrollDirection;
+        this._callOnScroll(re, ge, ce, Pe, ve);
+      }
+    }, w._getHorizontalRangeToRender = function() {
+      var d = this.props, S = d.columnCount, b = d.overscanColumnCount, P = d.overscanColumnsCount, N = d.overscanCount, I = d.rowCount, M = this.state, L = M.horizontalScrollDirection, R = M.isScrolling, E = M.scrollLeft, z = b || P || N || 1;
+      if (S === 0 || I === 0)
+        return [0, 0, 0, 0];
+      var W = r(this.props, E, this._instanceProps), G = o(this.props, W, E, this._instanceProps), Z = !R || L === "backward" ? Math.max(1, z) : 1, U = !R || L === "forward" ? Math.max(1, z) : 1;
+      return [Math.max(0, W - Z), Math.max(0, Math.min(S - 1, G + U)), W, G];
+    }, w._getVerticalRangeToRender = function() {
+      var d = this.props, S = d.columnCount, b = d.overscanCount, P = d.overscanRowCount, N = d.overscanRowsCount, I = d.rowCount, M = this.state, L = M.isScrolling, R = M.verticalScrollDirection, E = M.scrollTop, z = P || N || b || 1;
+      if (S === 0 || I === 0)
+        return [0, 0, 0, 0];
+      var W = u(this.props, E, this._instanceProps), G = f(this.props, W, E, this._instanceProps), Z = !L || R === "backward" ? Math.max(1, z) : 1, U = !L || R === "forward" ? Math.max(1, z) : 1;
+      return [Math.max(0, W - Z), Math.max(0, Math.min(I - 1, G + U)), W, G];
+    }, y;
+  }(On), t.defaultProps = {
+    direction: "ltr",
+    itemData: void 0,
+    useIsScrolling: !1
+  }, t;
+}
+var bo = function(t, n) {
+  var r = t.children, o = t.direction, a = t.height, l = t.innerTagName, i = t.outerTagName, c = t.overscanColumnsCount, h = t.overscanCount, p = t.overscanRowsCount, m = t.width, u = n.instance;
+  if (process.env.NODE_ENV !== "production") {
+    if (typeof h == "number" && Ne && !Ne.has(u) && (Ne.add(u), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof c == "number" || typeof p == "number") && Ee && !Ee.has(u) && (Ee.add(u), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (l != null || i != null) && Oe && !Oe.has(u) && (Oe.add(u), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
+      throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
+    switch (o) {
+      case "ltr":
+      case "rtl":
+        break;
+      default:
+        throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + o + '" 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.'));
+  }
+}, At = 50, an = function(t, n) {
+  var r = t.rowCount, o = n.rowMetadataMap, a = n.estimatedRowHeight, l = n.lastMeasuredRowIndex, i = 0;
+  if (l >= r && (l = r - 1), l >= 0) {
+    var c = o[l];
+    i = c.offset + c.size;
+  }
+  var h = r - l - 1, p = h * a;
+  return i + p;
+}, sn = function(t, n) {
+  var r = t.columnCount, o = n.columnMetadataMap, a = n.estimatedColumnWidth, l = n.lastMeasuredColumnIndex, i = 0;
+  if (l >= r && (l = r - 1), l >= 0) {
+    var c = o[l];
+    i = c.offset + c.size;
+  }
+  var h = r - l - 1, p = h * a;
+  return i + p;
+}, ae = function(t, n, r, o) {
+  var a, l, i;
+  if (t === "column" ? (a = o.columnMetadataMap, l = n.columnWidth, i = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, l = n.rowHeight, i = o.lastMeasuredRowIndex), r > i) {
+    var c = 0;
+    if (i >= 0) {
+      var h = a[i];
+      c = h.offset + h.size;
+    }
+    for (var p = i + 1; p <= r; p++) {
+      var m = l(p);
+      a[p] = {
+        offset: c,
+        size: m
+      }, c += m;
+    }
+    t === "column" ? o.lastMeasuredColumnIndex = r : o.lastMeasuredRowIndex = r;
+  }
+  return a[r];
+}, zt = function(t, n, r, o) {
+  var a, l;
+  t === "column" ? (a = r.columnMetadataMap, l = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, l = r.lastMeasuredRowIndex);
+  var i = l > 0 ? a[l].offset : 0;
+  return i >= o ? ln(t, n, r, l, 0, o) : Co(t, n, r, Math.max(0, l), o);
+}, ln = function(t, n, r, o, a, l) {
+  for (; a <= o; ) {
+    var i = a + Math.floor((o - a) / 2), c = ae(t, n, i, r).offset;
+    if (c === l)
+      return i;
+    c < l ? a = i + 1 : c > l && (o = i - 1);
+  }
+  return a > 0 ? a - 1 : 0;
+}, Co = function(t, n, r, o, a) {
+  for (var l = t === "column" ? n.columnCount : n.rowCount, i = 1; o < l && ae(t, n, o, r).offset < a; )
+    o += i, i *= 2;
+  return ln(t, n, r, Math.min(o, l - 1), Math.floor(o / 2), a);
+}, Ft = function(t, n, r, o, a, l, i) {
+  var c = t === "column" ? n.width : n.height, h = ae(t, n, r, l), p = t === "column" ? sn(n, l) : an(n, l), m = Math.max(0, Math.min(p - c, h.offset)), u = Math.max(0, h.offset - c + i + h.size);
+  switch (o === "smart" && (a >= u - c && a <= m + c ? o = "auto" : o = "center"), o) {
+    case "start":
+      return m;
+    case "end":
+      return u;
+    case "center":
+      return Math.round(u + (m - u) / 2);
+    case "auto":
+    default:
+      return a >= u && a <= m ? a : u > m || a < u ? u : m;
+  }
+}, Po = /* @__PURE__ */ wo({
+  getColumnOffset: function(t, n, r) {
+    return ae("column", t, n, r).offset;
+  },
+  getColumnStartIndexForOffset: function(t, n, r) {
+    return zt("column", t, r, n);
+  },
+  getColumnStopIndexForStartIndex: function(t, n, r, o) {
+    for (var a = t.columnCount, l = t.width, i = ae("column", t, n, o), c = r + l, h = i.offset + i.size, p = n; p < a - 1 && h < c; )
+      p++, h += ae("column", t, p, o).size;
+    return p;
+  },
+  getColumnWidth: function(t, n, r) {
+    return r.columnMetadataMap[n].size;
+  },
+  getEstimatedTotalHeight: an,
+  getEstimatedTotalWidth: sn,
+  getOffsetForColumnAndAlignment: function(t, n, r, o, a, l) {
+    return Ft("column", t, n, r, o, a, l);
+  },
+  getOffsetForRowAndAlignment: function(t, n, r, o, a, l) {
+    return Ft("row", t, n, r, o, a, l);
+  },
+  getRowOffset: function(t, n, r) {
+    return ae("row", t, n, r).offset;
+  },
+  getRowHeight: function(t, n, r) {
+    return r.rowMetadataMap[n].size;
+  },
+  getRowStartIndexForOffset: function(t, n, r) {
+    return zt("row", t, r, n);
+  },
+  getRowStopIndexForStartIndex: function(t, n, r, o) {
+    for (var a = t.rowCount, l = t.height, i = ae("row", t, n, o), c = r + l, h = i.offset + i.size, p = n; p < a - 1 && h < c; )
+      p++, h += ae("row", t, p, o).size;
+    return p;
+  },
+  initInstanceProps: function(t, n) {
+    var r = t, o = r.estimatedColumnWidth, a = r.estimatedRowHeight, l = {
+      columnMetadataMap: {},
+      estimatedColumnWidth: o || At,
+      estimatedRowHeight: a || At,
+      lastMeasuredColumnIndex: -1,
+      lastMeasuredRowIndex: -1,
+      rowMetadataMap: {}
+    };
+    return n.resetAfterColumnIndex = function(i, c) {
+      c === void 0 && (c = !0), n.resetAfterIndices({
+        columnIndex: i,
+        shouldForceUpdate: c
+      });
+    }, n.resetAfterRowIndex = function(i, c) {
+      c === void 0 && (c = !0), n.resetAfterIndices({
+        rowIndex: i,
+        shouldForceUpdate: c
+      });
+    }, n.resetAfterIndices = function(i) {
+      var c = i.columnIndex, h = i.rowIndex, p = i.shouldForceUpdate, m = p === void 0 ? !0 : p;
+      typeof c == "number" && (l.lastMeasuredColumnIndex = Math.min(l.lastMeasuredColumnIndex, c - 1)), typeof h == "number" && (l.lastMeasuredRowIndex = Math.min(l.lastMeasuredRowIndex, h - 1)), n._getItemStyleCache(-1), m && n.forceUpdate();
+    }, l;
+  },
+  shouldResetStyleCacheOnItemSizeChange: !1,
+  validateProps: function(t) {
+    var n = t.columnWidth, r = 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 r != "function")
+        throw Error('An invalid "rowHeight" prop has been specified. Value should be a function. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
+    }
+  }
+});
+process.env.NODE_ENV;
+function kt(e, t) {
+  for (var n in e)
+    if (!(n in t))
+      return !0;
+  for (var r in t)
+    if (e[r] !== t[r])
+      return !0;
+  return !1;
+}
+var So = ["style"], To = ["style"];
+function Io(e, t) {
+  var n = e.style, r = Nt(e, So), o = t.style, a = Nt(t, To);
+  return !kt(n, o) && !kt(r, a);
+}
+const yo = () => {
+  const { viewMode: e } = Ve(), { scrollMode: t } = Ce(), { setColumnCount: n } = jt(), { virtualScrollableElementRef: r } = Ge(), o = Kt(), a = x(
+    (f) => o.widths[f] || 0,
+    [o]
+  ), l = x(
+    (f) => o.heights[f] || 0,
+    [o]
+  ), i = D(() => o.heights.length, [o]), c = D(() => Math.max(...o.widths), [o]), h = D(() => t === Y.HORIZONTAL_SCROLLING ? i : e === Ae.DUAL_PAGE ? 2 : 1, [e, t, t, i, r, c]);
+  A(() => {
+    n(h);
+  }, [h, n]);
+  const p = D(() => t === Y.HORIZONTAL_SCROLLING || t === Y.PAGE_SCROLLING ? 1 : Math.round(i / h), [h, i, t]), m = D(() => o.heights.reduce((f, v) => f + v, 0) / o.heights.length || 0, [o]), u = D(() => o.widths.reduce((f, v) => f + v, 0) / o.heights.length || 0, [o]);
+  return {
+    rowCount: p,
+    rowHeight: l,
+    columnCount: h,
+    columnWidth: a,
+    pageDimension: o,
+    estimatedRowHeight: m,
+    estimatedColumnWidth: u
+  };
+};
+let X;
+typeof window < "u" ? X = window : typeof self < "u" ? X = self : X = global;
+let ct = null, ut = null;
+const Wt = 20, Ye = X.clearTimeout, Ht = X.setTimeout, Qe = X.cancelAnimationFrame || X.mozCancelAnimationFrame || X.webkitCancelAnimationFrame, $t = X.requestAnimationFrame || X.mozRequestAnimationFrame || X.webkitRequestAnimationFrame;
+Qe == null || $t == null ? (ct = Ye, ut = function(t) {
+  return Ht(t, Wt);
+}) : (ct = function([t, n]) {
+  Qe(t), Ye(n);
+}, ut = function(t) {
+  const n = $t(function() {
+    Ye(r), t();
+  }), r = Ht(function() {
+    Qe(n), t();
+  }, Wt);
+  return [n, r];
+});
+function xo(e) {
+  let t, n, r, o, a, l, i;
+  const c = typeof document < "u" && document.attachEvent;
+  if (!c) {
+    l = function(C) {
+      const y = C.__resizeTriggers__, w = y.firstElementChild, T = y.lastElementChild, d = w.firstElementChild;
+      T.scrollLeft = T.scrollWidth, T.scrollTop = T.scrollHeight, d.style.width = w.offsetWidth + 1 + "px", d.style.height = w.offsetHeight + 1 + "px", w.scrollLeft = w.scrollWidth, w.scrollTop = w.scrollHeight;
+    }, a = function(C) {
+      return C.offsetWidth !== C.__resizeLast__.width || C.offsetHeight !== C.__resizeLast__.height;
+    }, i = function(C) {
+      if (C.target.className && typeof C.target.className.indexOf == "function" && C.target.className.indexOf("contract-trigger") < 0 && C.target.className.indexOf("expand-trigger") < 0)
+        return;
+      const y = this;
+      l(this), this.__resizeRAF__ && ct(this.__resizeRAF__), this.__resizeRAF__ = ut(function() {
+        a(y) && (y.__resizeLast__.width = y.offsetWidth, y.__resizeLast__.height = y.offsetHeight, y.__resizeListeners__.forEach(function(d) {
+          d.call(y, C);
+        }));
+      });
+    };
+    let u = !1, f = "";
+    r = "animationstart";
+    const v = "Webkit Moz O ms".split(" ");
+    let _ = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), g = "";
+    {
+      const C = document.createElement("fakeelement");
+      if (C.style.animationName !== void 0 && (u = !0), u === !1) {
+        for (let y = 0; y < v.length; y++)
+          if (C.style[v[y] + "AnimationName"] !== void 0) {
+            g = v[y], f = "-" + g.toLowerCase() + "-", r = _[y], u = !0;
+            break;
+          }
+      }
+    }
+    n = "resizeanim", t = "@" + f + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", o = f + "animation: 1ms " + n + "; ";
+  }
+  const h = function(u) {
+    if (!u.getElementById("detectElementResize")) {
+      const f = (t || "") + ".resize-triggers { " + (o || "") + '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%; }', v = u.head || u.getElementsByTagName("head")[0], _ = u.createElement("style");
+      _.id = "detectElementResize", _.type = "text/css", e != null && _.setAttribute("nonce", e), _.styleSheet ? _.styleSheet.cssText = f : _.appendChild(u.createTextNode(f)), v.appendChild(_);
+    }
+  };
+  return {
+    addResizeListener: function(u, f) {
+      if (c)
+        u.attachEvent("onresize", f);
+      else {
+        if (!u.__resizeTriggers__) {
+          const v = u.ownerDocument, _ = X.getComputedStyle(u);
+          _ && _.position === "static" && (u.style.position = "relative"), h(v), u.__resizeLast__ = {}, u.__resizeListeners__ = [], (u.__resizeTriggers__ = v.createElement("div")).className = "resize-triggers";
+          const g = v.createElement("div");
+          g.className = "expand-trigger", g.appendChild(v.createElement("div"));
+          const C = v.createElement("div");
+          C.className = "contract-trigger", u.__resizeTriggers__.appendChild(g), u.__resizeTriggers__.appendChild(C), u.appendChild(u.__resizeTriggers__), l(u), u.addEventListener("scroll", i, !0), r && (u.__resizeTriggers__.__animationListener__ = function(w) {
+            w.animationName === n && l(u);
+          }, u.__resizeTriggers__.addEventListener(r, u.__resizeTriggers__.__animationListener__));
+        }
+        u.__resizeListeners__.push(f);
+      }
+    },
+    removeResizeListener: function(u, f) {
+      if (c)
+        u.detachEvent("onresize", f);
+      else if (u.__resizeListeners__.splice(u.__resizeListeners__.indexOf(f), 1), !u.__resizeListeners__.length) {
+        u.removeEventListener("scroll", i, !0), u.__resizeTriggers__.__animationListener__ && (u.__resizeTriggers__.removeEventListener(r, u.__resizeTriggers__.__animationListener__), u.__resizeTriggers__.__animationListener__ = null);
+        try {
+          u.__resizeTriggers__ = !u.removeChild(u.__resizeTriggers__);
+        } catch {
+        }
+      }
+    }
+  };
+}
+class Ro extends Dn {
+  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: r,
+        onResize: o
+      } = this.props;
+      if (this._parentNode) {
+        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), i = parseFloat(a.paddingRight || "0"), c = parseFloat(a.paddingTop || "0"), h = parseFloat(a.paddingBottom || "0"), p = this._parentNode.getBoundingClientRect(), m = p.height - c - h, u = p.width - l - i, f = this._parentNode.offsetHeight - c - h, v = this._parentNode.offsetWidth - l - i;
+        (!n && (this.state.height !== f || this.state.scaledHeight !== m) || !r && (this.state.width !== v || this.state.scaledWidth !== u)) && (this.setState({
+          height: f,
+          width: v,
+          scaledHeight: m,
+          scaledWidth: u
+        }), typeof o == "function" && o({
+          height: f,
+          scaledHeight: m,
+          scaledWidth: u,
+          width: v
+        }));
+      }
+    }, 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 r = n.ownerDocument.defaultView.ResizeObserver;
+      r != null ? (this._resizeObserver = new r(() => {
+        this._timeoutId = setTimeout(this._onResize, 0);
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = xo(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: r,
+      disableHeight: o = !1,
+      disableWidth: a = !1,
+      doNotBailOutOnEmptyChildren: l = !1,
+      nonce: i,
+      onResize: c,
+      style: h = {},
+      tagName: p = "div",
+      ...m
+    } = this.props, {
+      height: u,
+      scaledHeight: f,
+      scaledWidth: v,
+      width: _
+    } = this.state, g = {
+      overflow: "visible"
+    }, C = {};
+    let y = !1;
+    return o || (u === 0 && (y = !0), g.height = 0, C.height = u, C.scaledHeight = f), a || (_ === 0 && (y = !0), g.width = 0, C.width = _, C.scaledWidth = v), l && (y = !1), Le(p, {
+      ref: this._setRef,
+      style: {
+        ...g,
+        ...h
+      },
+      ...m
+    }, !y && t(C));
+  }
+}
+const Mo = (e = 1) => {
+  const [t, n] = F(e), [r, o] = F(0), { scrollToPage: a } = vt(), l = $(1), { isScrolling: i } = Bt(), { viewMode: c } = Ve(), { scrollMode: h } = Ce(), p = Sr(t, 100), m = x(
+    (g) => {
+      if (!/^[0-9]*$/g.test(g.toString()) || !g)
+        return { success: !1, currentPage: l.current };
+      const y = +g;
+      return y < 0 || y > r ? { success: !1, currentPage: l.current } : (n(y), l.current = y, { success: !0, currentPage: +g });
+    },
+    [r]
+  ), u = x(m, [m]), f = x(
+    (g) => {
+      const C = m(g);
+      return C.success && (i.current = !0, a(C.currentPage)), C;
+    },
+    [m, a]
+  ), v = x(() => {
+    let g = t - 1;
+    f(g);
+  }, [f, t, c, h]), _ = x(() => {
+    let g = t + 1;
+    f(g);
+  }, [f, t, c, h]);
+  return {
+    focusedPage: p,
+    totalPages: r,
+    setFocusedPage: u,
+    setTotalPages: o,
+    nextPage: _,
+    prevPage: v,
+    goToPage: f
+  };
+}, cn = ke({
+  focusedPage: 0,
+  setFocusedPage: (e) => {
+  },
+  goToPage: (e) => ({ success: !!e, currentPage: +e }),
+  totalPages: 0,
+  setTotalPages: (e) => {
+  },
+  prevPage: () => {
+  },
+  nextPage: () => {
+  }
+}), ne = () => {
+  const e = We(cn);
+  return typeof (e == null ? void 0 : e.focusedPage) > "u" && Tr.error("Please use this hooks inside children component of RPController or RPLayout"), e;
+}, Lo = ({ children: e }) => {
+  const { initialPage: t = 1 } = hr(), { pdf: n } = J(), { focusedPage: r, totalPages: o, setFocusedPage: a, setTotalPages: l, goToPage: i, nextPage: c, prevPage: h } = Mo(t);
+  return A(() => {
+    n != null && n.numPages && l(n.numPages);
+  }, [n, l, o, t]), A(() => {
+    requestAnimationFrame(() => {
+      i(t);
+    });
+  }, [i, t]), /* @__PURE__ */ s(
+    cn.Provider,
+    {
+      value: {
+        focusedPage: r,
+        totalPages: o,
+        setFocusedPage: a,
+        setTotalPages: l,
+        nextPage: c,
+        prevPage: h,
+        goToPage: i
+      },
+      children: e
+    }
+  );
+}, No = ({ widths: e, heights: t }) => {
+  const { focusedPage: n, totalPages: r } = ne(), o = D(() => {
+    const i = [], c = Math.ceil(n / 2) * 2 - 1;
+    if (i.push(c), c + 1 < r) {
+      const h = c + 1;
+      i.push(h);
+    }
+    return i;
+  }, [n, r]), a = D(() => [
+    {
+      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, o]), l = D(() => a.reduce((i, c) => i + Number(c.width || 0), 0), [a]);
+  return /* @__PURE__ */ s("div", { style: { width: l, position: "relative" }, children: o.map((i, c) => /* @__PURE__ */ s(_t, { style: a[c], pageNumber: i }, i)) });
+}, Eo = ({ widths: e, heights: t }) => {
+  const { focusedPage: n } = ne(), r = D(() => ({
+    position: "absolute",
+    width: e(n - 1),
+    height: t(n - 1)
+  }), [e, t, n]), o = D(() => e(n - 1), [e]);
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      style: {
+        width: o,
+        position: "relative"
+      },
+      children: /* @__PURE__ */ s(_t, { style: r, pageNumber: n }, n)
+    }
+  );
+}, Oo = An(({ columnIndex: e, rowIndex: t, data: n, style: r }) => {
+  const o = D(() => e + 1 + t * n.columnCount, [e, t, n]);
+  return /* @__PURE__ */ s(
+    _t,
+    {
+      style: r,
+      onIntersectRatioChange: n.handleIntersectRatioChange,
+      pageNumber: o
+    },
+    o
+  );
+}, Io), Xs = () => {
+  const { getContainer: e, container: t } = br(), { scrollToPage: n } = vt(), {
+    virtualScrollRef: r,
+    getVirtualScrollRef: o,
+    getPageScrollElementRef: a,
+    getVirtualScrollableElementRef: l,
+    setTotalInnerDimensions: i,
+    totalInnerDimensions: c
+  } = Ge(), { nextPage: h, prevPage: p, setFocusedPage: m, focusedPage: u } = ne(), { scrollMode: f } = Ce(), { viewMode: v } = Ve(), _ = $(null), g = $({
+    height: 0,
+    width: 0
+  }), C = $({
+    viewMode: v,
+    scrollMode: f
+  }), { isFullScreen: y } = mr(), {
+    pageDimension: w,
+    rowCount: T,
+    rowHeight: d,
+    columnCount: S,
+    columnWidth: b,
+    estimatedColumnWidth: P,
+    estimatedRowHeight: N
+  } = yo(), [I, M] = F({}), { isScrolling: L } = Bt(), R = $(), E = $({
+    scrollTop: 0,
+    scrollLeft: 0
+  }), { isPressed: z } = Cr(), { selectionMode: W } = dr(), { initializeGrabScroll: G, scrollBehavior: Z } = Pr({
+    isPressed: z
+  }), U = D(() => W === Zt.HAND, [W]), K = x((k, H) => {
+    M((q) => ({ ...q, [k]: Math.round(H * 100) }));
+  }, []), ce = D(() => ({
+    columnCount: S,
+    handleIntersectRatioChange: K
+  }), [S, K]), re = x(
+    (k) => {
+      const H = document.activeElement !== t;
+      !y && H || (["ArrowUp", "ArrowLeft"].includes(k.key) ? (k.preventDefault(), p()) : ["ArrowDown", "ArrowRight"].includes(k.key) && (k.preventDefault(), h()));
+    },
+    [h, p, y, f]
+  ), ge = x((k) => {
+    E.current = {
+      scrollTop: k.scrollTop,
+      scrollLeft: k.scrollLeft
+    };
+  }, []);
+  A(() => (window.addEventListener("keydown", re), () => {
+    window.removeEventListener("keydown", re);
+  }), [re]), A(() => {
+    if (_.current && (_.current.style.position = "relative"), !!r) {
+      g.current = c, i({
+        height: Array.from({ length: T }).reduce(
+          (k, H, q) => k + d(q),
+          0
+        ),
+        width: Array.from({ length: S }).reduce(
+          (k, H, q) => k + b(q),
+          0
+        )
+      });
+      for (let k = 0; k < T; k++)
+        for (let H = 0; H < S; H++)
+          r.resetAfterIndices({
+            columnIndex: H,
+            rowIndex: k,
+            shouldForceUpdate: !0
+          });
+    }
+  }, [T, S, w, r, n]), A(() => {
+    if (L.current)
+      return;
+    if (C.current.viewMode !== v || C.current.scrollMode !== f) {
+      R.current && clearTimeout(R.current), M({}), n(u), f === Y.HORIZONTAL_SCROLLING && (r == null || r.scrollTo({
+        scrollTop: 0
+      })), R.current = setTimeout(() => {
+        requestAnimationFrame(() => {
+          C.current = { viewMode: v, scrollMode: f };
+        });
+      }, 100);
+      return;
+    }
+    const H = E.current.scrollTop, q = E.current.scrollLeft;
+    if (c.height !== 0 && c.width !== 0) {
+      const { height: ie, width: Se } = c, { height: ue, width: de } = g.current, qe = H / ue * ie, Ze = q / de * Se, Nn = Math.min(qe, ie) || 0, En = Math.min(Ze, Se) || 0;
+      r == null || r.scrollTo({
+        scrollTop: Nn,
+        scrollLeft: En
+      });
+    }
+  }, [c, v, f]), A(() => {
+    const k = Object.entries(I);
+    if (L.current) {
+      L.current && (L.current = !1);
+      return;
+    }
+    let H = 0, q = -1;
+    k.forEach((ie) => {
+      q < ie[1] && (H = Number(ie[0]), q = ie[1]);
+    }), H && m(H);
+  }, [I, m]), A(() => () => {
+    R.current && clearTimeout(R.current);
+  }, []);
+  const ve = D(() => j(oe["rp-pages-container"], {
+    [oe["rp-cursor-grab"]]: U,
+    [oe["rp-cursor-grabbing"]]: z && U
+  }), [U, z]), Pe = x(
+    (k) => {
+      if (U && k) {
+        const H = j(oe["rp-pages"]), q = document.querySelector(`.${H}`);
+        G(q);
+      }
+    },
+    [U, G, oe]
+  );
+  return /* @__PURE__ */ s("div", { ref: e, tabIndex: -1, className: ve, children: /* @__PURE__ */ s(Ro, { children: ({ width: k, height: H }) => /* @__PURE__ */ s(
+    "div",
+    {
+      "data-rp": "pagesWrapper",
+      ref: Pe,
+      style: { width: k, height: H, scrollBehavior: Z },
+      children: f === Y.PAGE_SCROLLING ? /* @__PURE__ */ s(
+        "div",
+        {
+          ref: a,
+          style: { width: k, height: H },
+          className: j(oe["rp-pages"], oe["rp-page-scrolling-wrapper"]),
+          children: v === Ae.DUAL_PAGE ? /* @__PURE__ */ s(No, { widths: b, heights: d }) : /* @__PURE__ */ s(Eo, { widths: b, heights: d })
+        }
+      ) : P ? /* @__PURE__ */ s(
+        Po,
+        {
+          ref: o,
+          itemData: ce,
+          outerRef: l,
+          innerRef: _,
+          onScroll: ge,
+          columnCount: S,
+          columnWidth: b,
+          rowHeight: d,
+          height: H,
+          width: k,
+          estimatedColumnWidth: P,
+          estimatedRowHeight: N,
+          rowCount: T,
+          className: j(
+            oe["rp-pages"],
+            f === Y.HORIZONTAL_SCROLLING ? oe["rp-pages-horizontal-scroll"] : ""
+          ),
+          style: { scrollBehavior: Z },
+          children: Oo
+        }
+      ) : null
+    }
+  ) }) });
+}, Te = {
+  "rp-toolbar-content": "_rp-toolbar-content_16hg5_1",
+  "rp-toolbar-wrapper": "_rp-toolbar-wrapper_16hg5_9",
+  "rp-toolbar-start": "_rp-toolbar-start_16hg5_17",
+  "rp-toolbar-middle": "_rp-toolbar-middle_16hg5_23",
+  "rp-toolbar-end": "_rp-toolbar-end_16hg5_30"
+}, et = {
+  "rp-paginate": "_rp-paginate_1vu6o_1",
+  "rp-page-input": "_rp-page-input_1vu6o_6",
+  "rp-total-page": "_rp-total-page_1vu6o_12"
+}, Do = () => {
+  const { prevIcon: e } = te();
+  return e || /* @__PURE__ */ s(Re, {});
+}, Ao = () => {
+  const { nextIcon: e } = te();
+  return e || /* @__PURE__ */ s(Re, { style: { transform: "rotate(180deg" } });
+}, zo = () => {
+  const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: a } = ne(), [l, i] = F(e.toString()), { pageNavigationTool: c = !0 } = se(), { isSmallScreen: h } = me();
+  A(() => {
+    i(e.toString());
+  }, [e]);
+  const p = x((v) => {
+    const _ = v.target.value;
+    i(_);
+  }, []), m = x(() => {
+    const v = a(l);
+    v.success || i(v.currentPage.toString());
+  }, [a, l, t]), u = x(() => {
+    i(e.toString());
+  }, [e]), f = x(
+    (v) => {
+      v.key === "Enter" && m();
+    },
+    [m]
+  );
+  return typeof c != "boolean" ? /* @__PURE__ */ s(
+    c,
+    {
+      total: t,
+      current: e,
+      nextPage: r,
+      prevPage: o,
+      goToPage: a,
+      changePage: n
+    }
+  ) : c ? /* @__PURE__ */ O("div", { className: et["rp-paginate"], children: [
+    !h && /* @__PURE__ */ s(B, { onClick: o, disabled: e === 1, children: /* @__PURE__ */ s(Do, {}) }),
+    /* @__PURE__ */ s(
+      qt,
+      {
+        onKeyDown: f,
+        onBlur: u,
+        onChange: p,
+        value: l,
+        className: et["rp-page-input"]
+      }
+    ),
+    /* @__PURE__ */ O("span", { className: et["rp-total-page"], children: [
+      "/",
+      t
+    ] }),
+    !h && /* @__PURE__ */ s(B, { onClick: r, disabled: e === t, children: /* @__PURE__ */ s(Ao, {}) })
+  ] }) : null;
+};
+var wt = "Dialog", [un, Js] = xr(wt), [Fo, Q] = un(wt), dn = (e) => {
+  const {
+    __scopeDialog: t,
+    children: n,
+    open: r,
+    defaultOpen: o,
+    onOpenChange: a,
+    modal: l = !0
+  } = e, i = V.useRef(null), c = V.useRef(null), [h = !1, p] = Ar({
+    prop: r,
+    defaultProp: o,
+    onChange: a
+  });
+  return /* @__PURE__ */ s(
+    Fo,
+    {
+      scope: t,
+      triggerRef: i,
+      contentRef: c,
+      contentId: je(),
+      titleId: je(),
+      descriptionId: je(),
+      open: h,
+      onOpenChange: p,
+      onOpenToggle: V.useCallback(() => p((m) => !m), [p]),
+      modal: l,
+      children: n
+    }
+  );
+};
+dn.displayName = wt;
+var pn = "DialogTrigger", ko = V.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = Q(pn, n), a = ft(t, o.triggerRef);
+    return /* @__PURE__ */ s(
+      Me.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": o.open,
+        "aria-controls": o.contentId,
+        "data-state": Pt(o.open),
+        ...r,
+        ref: a,
+        onClick: xe(e.onClick, o.onOpenToggle)
+      }
+    );
+  }
+);
+ko.displayName = pn;
+var bt = "DialogPortal", [Wo, hn] = un(bt, {
+  forceMount: void 0
+}), fn = (e) => {
+  const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, a = Q(bt, t);
+  return /* @__PURE__ */ s(Wo, { scope: t, forceMount: n, children: V.Children.map(r, (l) => /* @__PURE__ */ s(mt, { present: n || a.open, children: /* @__PURE__ */ s(zr, { asChild: !0, container: o, children: l }) })) });
+};
+fn.displayName = bt;
+var Fe = "DialogOverlay", mn = V.forwardRef(
+  (e, t) => {
+    const n = hn(Fe, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = Q(Fe, e.__scopeDialog);
+    return a.modal ? /* @__PURE__ */ s(mt, { present: r || a.open, children: /* @__PURE__ */ s(Ho, { ...o, ref: t }) }) : null;
+  }
+);
+mn.displayName = Fe;
+var Ho = V.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = Q(Fe, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ s(Rr, { as: Mr, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ s(
+        Me.div,
+        {
+          "data-state": Pt(o.open),
+          ...r,
+          ref: t,
+          style: { pointerEvents: "auto", ...r.style }
+        }
+      ) })
+    );
+  }
+), fe = "DialogContent", gn = V.forwardRef(
+  (e, t) => {
+    const n = hn(fe, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = Q(fe, e.__scopeDialog);
+    return /* @__PURE__ */ s(mt, { present: r || a.open, children: a.modal ? /* @__PURE__ */ s($o, { ...o, ref: t }) : /* @__PURE__ */ s(Vo, { ...o, ref: t }) });
+  }
+);
+gn.displayName = fe;
+var $o = V.forwardRef(
+  (e, t) => {
+    const n = Q(fe, e.__scopeDialog), r = V.useRef(null), o = ft(t, n.contentRef, r);
+    return V.useEffect(() => {
+      const a = r.current;
+      if (a)
+        return Lr(a);
+    }, []), /* @__PURE__ */ s(
+      vn,
+      {
+        ...e,
+        ref: o,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: xe(e.onCloseAutoFocus, (a) => {
+          var l;
+          a.preventDefault(), (l = n.triggerRef.current) == null || l.focus();
+        }),
+        onPointerDownOutside: xe(e.onPointerDownOutside, (a) => {
+          const l = a.detail.originalEvent, i = l.button === 0 && l.ctrlKey === !0;
+          (l.button === 2 || i) && a.preventDefault();
+        }),
+        onFocusOutside: xe(
+          e.onFocusOutside,
+          (a) => a.preventDefault()
+        )
+      }
+    );
+  }
+), Vo = V.forwardRef(
+  (e, t) => {
+    const n = Q(fe, e.__scopeDialog), r = V.useRef(!1), o = V.useRef(!1);
+    return /* @__PURE__ */ s(
+      vn,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (a) => {
+          var l, i;
+          (l = e.onCloseAutoFocus) == null || l.call(e, a), a.defaultPrevented || (r.current || (i = n.triggerRef.current) == null || i.focus(), a.preventDefault()), r.current = !1, o.current = !1;
+        },
+        onInteractOutside: (a) => {
+          var c, h;
+          (c = e.onInteractOutside) == null || c.call(e, a), a.defaultPrevented || (r.current = !0, a.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          const l = a.target;
+          ((h = n.triggerRef.current) == null ? void 0 : h.contains(l)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && o.current && a.preventDefault();
+        }
+      }
+    );
+  }
+), vn = V.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: a, ...l } = e, i = Q(fe, n), c = V.useRef(null), h = ft(t, c);
+    return Nr(), /* @__PURE__ */ O(De, { children: [
+      /* @__PURE__ */ s(
+        Er,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: r,
+          onMountAutoFocus: o,
+          onUnmountAutoFocus: a,
+          children: /* @__PURE__ */ s(
+            Or,
+            {
+              role: "dialog",
+              id: i.contentId,
+              "aria-describedby": i.descriptionId,
+              "aria-labelledby": i.titleId,
+              "data-state": Pt(i.open),
+              ...l,
+              ref: h,
+              onDismiss: () => i.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ O(De, { children: [
+        /* @__PURE__ */ s(Uo, { titleId: i.titleId }),
+        /* @__PURE__ */ s(Zo, { contentRef: c, descriptionId: i.descriptionId })
+      ] })
+    ] });
+  }
+), Ct = "DialogTitle", _n = V.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = Q(Ct, n);
+    return /* @__PURE__ */ s(Me.h2, { id: o.titleId, ...r, ref: t });
+  }
+);
+_n.displayName = Ct;
+var wn = "DialogDescription", Go = V.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = Q(wn, n);
+    return /* @__PURE__ */ s(Me.p, { id: o.descriptionId, ...r, ref: t });
+  }
+);
+Go.displayName = wn;
+var bn = "DialogClose", Cn = V.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, o = Q(bn, n);
+    return /* @__PURE__ */ s(
+      Me.button,
+      {
+        type: "button",
+        ...r,
+        ref: t,
+        onClick: xe(e.onClick, () => o.onOpenChange(!1))
+      }
+    );
+  }
+);
+Cn.displayName = bn;
+function Pt(e) {
+  return e ? "open" : "closed";
+}
+var Pn = "DialogTitleWarning", [Ys, Sn] = Dr(Pn, {
+  contentName: fe,
+  titleName: Ct,
+  docsSlug: "dialog"
+}), Uo = ({ titleId: e }) => {
+  const t = Sn(Pn), 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 V.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, qo = "DialogDescriptionWarning", Zo = ({ contentRef: e, descriptionId: t }) => {
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Sn(qo).contentName}}.`;
+  return V.useEffect(() => {
+    var a;
+    const o = (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby");
+    t && o && (document.getElementById(t) || console.warn(r));
+  }, [r, e, t]), null;
+}, jo = dn, Bo = fn, Ko = mn, Xo = gn, Jo = _n, Yo = Cn;
+const he = {
+  "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"
+}, Qo = () => {
+  const { pdfProperties: e } = J(), { container: t } = Ue(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = kr(), o = D(() => {
+    if (!e)
+      return [];
+    const {
+      fileSize: a,
+      filename: l,
+      title: i,
+      author: c,
+      subject: h,
+      createdOn: p,
+      creator: m,
+      keywords: u,
+      modifierOn: f,
+      pdfProducer: v,
+      pdfVersion: _,
+      pageCount: g
+    } = e;
+    return [
+      { label: "File name", value: l },
+      { label: "File size", value: a },
+      { separate: !0 },
+      { label: "Title", value: i },
+      { label: "Author", value: c },
+      { label: "Subject", value: h },
+      { label: "Keywords", value: u },
+      { label: "Creator", value: m },
+      {
+        label: "Created on",
+        value: p ? at(p) : ""
+      },
+      {
+        label: "Modified on",
+        value: f ? at(f) : ""
+      },
+      { separate: !0 },
+      { label: "PDF producer", value: v },
+      { label: "PDF version", value: _ },
+      { label: "Page count", value: g }
+    ];
+  }, [e]);
+  return /* @__PURE__ */ s(jo, { open: n, onOpenChange: r, children: /* @__PURE__ */ s(Bo, { container: t, children: /* @__PURE__ */ O("div", { className: he["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ s(Ko, { className: he["rp-dialog-overlay"] }),
+    /* @__PURE__ */ O(Xo, { className: he["rp-document-dialog"], children: [
+      /* @__PURE__ */ s(Jo, { className: he["rp-dialog-title"], children: "Document Properties" }),
+      /* @__PURE__ */ s("div", { className: he["rp-document-properties"], children: o.map((a, l) => /* @__PURE__ */ s("div", { children: a.separate ? /* @__PURE__ */ s("div", { className: he["rp-properties-divider"] }) : /* @__PURE__ */ s(Fr, { label: a.label, value: a.value }) }, l)) }),
+      /* @__PURE__ */ s(Yo, { asChild: !0, className: he["rp-dialog-close"], children: /* @__PURE__ */ s(Jt, {}) })
+    ] })
+  ] }) }) });
+}, ea = {
+  "rp-other-tool-content": "_rp-other-tool-content_su718_1"
+}, ta = () => {
+  const { filename: e, pdfSrc: t } = J();
+  return { downloadFile: () => {
+    if (!e)
+      return;
+    const r = document.createElement("a");
+    r.href = t, r.download = e, document.body.appendChild(r), r.click(), document.body.removeChild(r);
+  } };
+}, Tn = () => {
+  const { downloadIcon: e } = te();
+  return e || /* @__PURE__ */ s(Gr, {});
+}, na = ({ downloadFile: e }) => /* @__PURE__ */ s(B, { onClick: e, children: /* @__PURE__ */ s(Tn, {}) }), ra = ({ downloadFile: e }) => /* @__PURE__ */ O(le, { onClick: e, children: [
+  /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(Tn, {}) }),
+  "Download file"
+] }), In = () => {
+  const { downloadFile: e } = ta(), { downloadTool: t = !0 } = se(), { isSmallScreen: n } = me();
+  return t ? n ? /* @__PURE__ */ s(ra, { downloadFile: e }) : typeof t == "function" ? /* @__PURE__ */ s(t, { downloadFile: e }) : t ? /* @__PURE__ */ s(na, { downloadFile: e }) : null : null;
+};
+const oa = () => {
+  const { pdf: e, pages: t } = J(), [n, r] = F({
+    loadedPages: 0,
+    totalPages: 0,
+    percentage: 0
+  }), [o, a] = F(!1), [l, i] = F(!1), [c, h] = F(null), p = $(!1);
+  A(() => {
+    p.current;
+  }, [p]);
+  const m = x(() => {
+    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();
+  }, []), u = x(() => {
+    p.current = !1, a(!1), i(!1), h(null), r({
+      loadedPages: 0,
+      totalPages: 0,
+      percentage: 0
+    });
+  }, []), f = () => {
+    p.current = !0;
+  }, v = async ({
+    scratchCanvas: w,
+    pdfDocument: T,
+    pageNumber: d,
+    viewerPdfPage: S,
+    printResolution: b,
+    optionalContentConfigPromise: P,
+    printAnnotationStoragePromise: N
+  }) => {
+    if (p.current) {
+      u();
+      return;
+    }
+    const I = b / Yn.PDF;
+    w.width = Math.floor(S.width * I), w.height = Math.floor(S.height * I);
+    const M = w.getContext("2d");
+    M.save(), M.fillStyle = "rgb(255, 255, 255)", M.fillRect(0, 0, w.width, w.height), M.restore();
+    const [L, R] = await Promise.all([
+      T.getPage(d),
+      N
+    ]);
+    if (p.current) {
+      u();
+      return;
+    }
+    const E = {
+      canvasContext: M,
+      transform: [I, 0, 0, I, 0, 0],
+      viewport: L.getViewport({ scale: 1, rotation: S.rotation }),
+      intent: "print",
+      annotationMode: Qn.ENABLE_STORAGE,
+      optionalContentConfigPromise: P,
+      printAnnotationStorage: R
+    };
+    try {
+      return L.render(E).promise;
+    } catch (z) {
+      throw z instanceof er || console.error(z), z;
+    }
+  }, _ = x(() => {
+    const w = window.print;
+    return new Promise((T) => {
+      const d = (P) => {
+        setTimeout(() => {
+          w.call(window), setTimeout(() => P(), 20);
+        }, 0);
+      };
+      if (document.querySelector(".rp-print-zone")) {
+        d(T);
+        return;
+      }
+      const b = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (d(T), b.disconnect());
+      });
+      b.observe(document.body, { childList: !0, subtree: !0 });
+    });
+  }, []), g = async (w) => {
+    const T = document.createElement("img"), d = document.createElement("div");
+    return d.classList.add("rp-print-page"), await new Promise((S, b) => {
+      w.toBlob((P) => {
+        P ? (T.src = URL.createObjectURL(P), T.onload = () => {
+          URL.revokeObjectURL(T.src), S();
+        }, T.onerror = b) : b(new Error("Failed to create blob"));
+      });
+    }).catch(() => {
+    }), d.appendChild(T), d;
+  }, C = (w, T) => {
+    const d = document.createElement("div");
+    d.classList.add("rp-print-zone");
+    const S = document.createElement("style"), b = T.get(1);
+    if (b) {
+      const { width: P, height: N } = b == null ? void 0 : b.page.getViewport({ scale: 1 });
+      S.innerHTML = `@page { size: ${P}px ${N}px }`;
+    }
+    return d.appendChild(S), d.append(...w), d;
+  }, y = x(async () => {
+    if (!e)
+      return;
+    u();
+    const w = document.createElement("canvas"), T = [];
+    try {
+      e.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
+      const S = e.getOptionalContentConfig({ intent: "print" }), b = Promise.resolve(
+        e.annotationStorage.print ?? void 0
+      ), P = t.size;
+      for (const [I, M] of t) {
+        if (p.current) {
+          u();
+          return;
+        }
+        const L = M.page.getViewport({ scale: 1 });
+        if (await v({
+          scratchCanvas: w,
+          pdfDocument: e,
+          pageNumber: I,
+          viewerPdfPage: L,
+          printResolution: 150,
+          optionalContentConfigPromise: S,
+          printAnnotationStoragePromise: b
+        }), p.current) {
+          u();
+          return;
+        }
+        const R = await g(w);
+        T.push(R);
+        const E = parseFloat((T.length / P * 100).toFixed(2));
+        r({
+          loadedPages: I,
+          totalPages: P,
+          percentage: E
+        });
+      }
+      if (p.current) {
+        u();
+        return;
+      }
+      const N = C(T, t);
+      document.body.appendChild(N), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await _();
+    } catch (d) {
+      i(!0), d instanceof Error && h(d);
+    } finally {
+      w.height = 0, w.width = 0;
+    }
+  }, [e, t, p]);
+  return A(() => {
+    const w = () => {
+      u(), m();
+    };
+    return window.addEventListener("afterprint", w, !0), () => {
+      window.removeEventListener("afterprint", w, !0);
+    };
+  }, [m, u]), {
+    print: y,
+    cancel: f,
+    progress: n,
+    isComplete: o,
+    isError: l,
+    error: c
+  };
+}, yn = ke({
+  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);
+    }
+  }
+}), aa = ({ children: e }) => {
+  const [t, n] = F(null), [r, o] = F(null), { print: a, cancel: l, progress: i, isComplete: c, isError: h, error: p } = oa(), m = x((g) => {
+    g && typeof g == "function" && o(() => g);
+  }, []), u = (g) => {
+    p && g(p);
+  }, f = x(
+    (g) => {
+      n(() => g);
+    },
+    [i, t]
+  );
+  A(() => {
+    c && r && v();
+  }, [c, r]), A(() => {
+    h && u((g) => {
+      console.error(g);
+    });
+  }, [h]), A(() => {
+    i && t && t(i);
+  }, [i, t]);
+  const v = () => {
+    r && (r(), o(null));
+  }, _ = {
+    print: a,
+    cancel: l,
+    setOnProgress: f,
+    setOnComplete: m,
+    setOnError: u,
+    progress: i
+  };
+  return /* @__PURE__ */ s(yn.Provider, { value: _, children: e });
+}, St = () => {
+  const e = We(yn);
+  if (!e)
+    throw new Error("usePrintContext must be used within a PrintProvider");
+  return e;
+}, xn = () => {
+  const { printIcon: e } = te();
+  return e || /* @__PURE__ */ s(Ur, {});
+}, sa = ({ print: e }) => /* @__PURE__ */ s(B, { onClick: e, children: /* @__PURE__ */ s(xn, {}) }), ia = ({ print: e }) => /* @__PURE__ */ O(le, { onClick: e, children: [
+  /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(xn, {}) }),
+  "Print"
+] }), Rn = () => {
+  const { print: e, cancel: t, setOnProgress: n, setOnComplete: r, setOnError: o, progress: a } = St(), { printTool: l = !0 } = se(), { isSmallScreen: i } = me();
+  return l ? i ? /* @__PURE__ */ s(ia, { print: e }) : typeof l == "function" ? /* @__PURE__ */ s(
+    l,
+    {
+      print: e,
+      cancel: t,
+      setOnProgress: n,
+      setOnError: o,
+      setOnComplete: r,
+      progress: a
+    }
+  ) : l ? /* @__PURE__ */ s(sa, { print: e }) : null : null;
+}, la = {
+  "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
+}, ca = () => {
+  const { goToFirstPageIcon: e } = te();
+  return e || /* @__PURE__ */ s(Qt, { className: la["rp-go-to-Top"] });
+}, ua = () => {
+  const { goToLastPageIcon: e } = te();
+  return e || /* @__PURE__ */ s(Qt, {});
+}, da = () => {
+  const { goToPage: e, totalPages: t, focusedPage: n } = ne(), { jumpNavigationTool: r } = se(), o = D(() => n === 1, [n]), a = D(() => n === t, [n, t]), l = x(() => {
+    e(1);
+  }, [e]), i = x(() => {
+    e(t);
+  }, [e, t]);
+  return r ? /* @__PURE__ */ O(ze, { children: [
+    /* @__PURE__ */ O(le, { disabled: o, onClick: l, children: [
+      /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(ca, {}) }),
+      "First page"
+    ] }),
+    /* @__PURE__ */ O(le, { disabled: a, onClick: i, children: [
+      /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(ua, {}) }),
+      "Last page"
+    ] }),
+    /* @__PURE__ */ s(gt, {})
+  ] }) : null;
+}, pa = () => {
+  const { container: e } = Ue(), { isSmallScreen: t } = me(), {
+    openFileTool: n,
+    downloadTool: r,
+    documentProperties: o,
+    scrollModeTool: a,
+    rotateTool: l,
+    selectionModeTool: i,
+    jumpNavigationTool: c,
+    printTool: h,
+    fullscreenTool: p
+  } = se();
+  return D(() => {
+    const u = c || l || i || a || o;
+    let f = !1;
+    return t && (f = !(!n && !r && !h && !p)), u || f;
+  }, [
+    n,
+    r,
+    o,
+    a,
+    l,
+    i,
+    c
+  ]) ? /* @__PURE__ */ O(Wr, { children: [
+    /* @__PURE__ */ s(
+      ht,
+      {
+        container: e,
+        triggerComponent: /* @__PURE__ */ s(B, { children: /* @__PURE__ */ s(yr, {}) }),
+        children: /* @__PURE__ */ O("div", { className: ea["rp-other-tool-content"], children: [
+          t && /* @__PURE__ */ O(ze, { children: [
+            /* @__PURE__ */ s(Xt, {}),
+            /* @__PURE__ */ s(In, {}),
+            /* @__PURE__ */ s(Rn, {}),
+            /* @__PURE__ */ s(Yt, {}),
+            /* @__PURE__ */ s(gt, {})
+          ] }),
+          /* @__PURE__ */ s(da, {}),
+          /* @__PURE__ */ s($r, {}),
+          /* @__PURE__ */ s(qr, {}),
+          /* @__PURE__ */ s(Vr, {}),
+          /* @__PURE__ */ s(Hr, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ s(Qo, {})
+  ] }) : null;
+}, ha = () => {
+  const { isSmallScreen: e } = me();
+  return /* @__PURE__ */ O(De, { children: [
+    /* @__PURE__ */ s(Ir, {}),
+    !e && /* @__PURE__ */ O(De, { children: [
+      /* @__PURE__ */ s(Xt, {}),
+      /* @__PURE__ */ s(In, {}),
+      /* @__PURE__ */ s(Rn, {}),
+      /* @__PURE__ */ s(Yt, {})
+    ] }),
+    /* @__PURE__ */ s(pa, {})
+  ] });
+}, Ie = {
+  "rp-zoom-wrapper": "_rp-zoom-wrapper_163s9_1",
+  "rp-current-zoom-wrapper": "_rp-current-zoom-wrapper_163s9_6",
+  "rp-current-zoom-icon": "_rp-current-zoom-icon_163s9_11",
+  "rp-current-zoom": "_rp-current-zoom_163s9_6",
+  "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_163s9_20"
+}, fa = 25, tt = 1e3, ma = [50, 75, 100, 125, 150, 200, 300, 400], ga = () => {
+  const { zoomInIcon: e } = te();
+  return e || /* @__PURE__ */ s(Zr, {});
+}, va = () => {
+  const { zoomOutIcon: e } = te();
+  return e || /* @__PURE__ */ s(jr, {});
+}, _a = () => {
+  const { zoomLevel: e, setZoomLevel: t } = pt(), { container: n, contentRef: r } = Ue(), { zoomTool: o = !0 } = se(), { focusedPage: a } = ne(), { rotate: l } = $e(), { pages: i } = J(), { isSmallScreen: c } = me(), h = x(() => {
+    t((g) => {
+      const C = Math.floor(g / 25) * 25;
+      return Math.min(C + 25, tt);
+    });
+  }, [t]), p = x(() => {
+    t((g) => {
+      const C = Math.ceil(g / 25) * 25;
+      return Math.min(C - 25, tt);
+    });
+  }, [t]), m = D(() => e === fa, [e]), u = D(() => e === tt, [e]), f = D(() => {
+    var g;
+    return (g = i.get(a)) == null ? void 0 : g.page.getViewport({ scale: 1, rotation: l });
+  }, [i, a, l]), v = x(
+    (g) => {
+      const C = ((f == null ? void 0 : f.width) || 0) + 2 * It, y = ((f == null ? void 0 : f.height) || 0) + 2 * It, w = (r == null ? void 0 : r.clientWidth) || 0, T = (r == null ? void 0 : r.clientHeight) || 0;
+      switch (g) {
+        case _e.ACTUAL:
+          t(100);
+          break;
+        case _e.PAGE_FIT:
+          let d = 0;
+          const S = w > T;
+          y > C && S ? d = T / y : d = w / C;
+          const b = Math.floor(d * 100);
+          t(b);
+          break;
+        case _e.PAGE_WIDTH:
+          t(Math.floor(w / C * 100));
+          break;
+      }
+    },
+    [t, f]
+  ), _ = x(
+    (g) => {
+      typeof g == "number" ? t(g) : v(g);
+    },
+    [t, v]
+  );
+  return typeof o != "boolean" ? /* @__PURE__ */ s(o, { zoomLevel: e, setZoomLevel: t }) : o ? /* @__PURE__ */ O("div", { className: Ie["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ s(B, { disabled: m, onClick: p, children: /* @__PURE__ */ s(va, {}) }),
+    !c && /* @__PURE__ */ s(
+      ht,
+      {
+        container: n,
+        triggerComponent: /* @__PURE__ */ O(B, { className: Ie["rp-current-zoom-wrapper"], children: [
+          /* @__PURE__ */ O("span", { className: Ie["rp-current-zoom"], children: [
+            e,
+            " %"
+          ] }),
+          /* @__PURE__ */ s(Re, { className: Ie["rp-current-zoom-icon"] })
+        ] }),
+        style: { minWidth: "200px" },
+        align: "center",
+        children: /* @__PURE__ */ O("div", { className: Ie["rp-zoom-dropdown-content"], children: [
+          /* @__PURE__ */ O(ze, { children: [
+            /* @__PURE__ */ s(le, { onClick: () => _(_e.ACTUAL), children: "Actual size" }),
+            /* @__PURE__ */ s(le, { onClick: () => _(_e.PAGE_FIT), children: "Page fit" }),
+            /* @__PURE__ */ s(le, { onClick: () => _(_e.PAGE_WIDTH), children: "Page width" })
+          ] }),
+          /* @__PURE__ */ s(gt, {}),
+          /* @__PURE__ */ s(ze, { children: ma.map((g) => /* @__PURE__ */ O(le, { onClick: () => _(g), children: [
+            g,
+            " %"
+          ] }, g)) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ s(B, { disabled: u, onClick: h, children: /* @__PURE__ */ s(ga, {}) })
+  ] }) : null;
+}, ee = {
+  "rp-search-tool-content": "_rp-search-tool-content_1vxow_1",
+  "rp-search-tool-input": "_rp-search-tool-input_1vxow_6",
+  "rp-search-tool-input-icon": "_rp-search-tool-input-icon_1vxow_12",
+  "rp-search-tool-controls": "_rp-search-tool-controls_1vxow_16",
+  "rp-search-tool-input-wrapper": "_rp-search-tool-input-wrapper_1vxow_24",
+  "rp-search-tool-input-checkboxes": "_rp-search-tool-input-checkboxes_1vxow_30",
+  "rp-search-tool-input-clear": "_rp-search-tool-input-clear_1vxow_35",
+  "rp-search-input": "_rp-search-input_1vxow_49"
+}, Vt = () => {
+  const { searchIcon: e } = te();
+  return e || /* @__PURE__ */ s(Br, {});
+}, wa = () => {
+  const { container: e } = Ue(), [t, n] = F(!1), { pdf: r } = J(), [o, a] = F(null), {
+    searchOptions: l,
+    setSearchOptions: i,
+    loading: c,
+    setSearch: h,
+    totalMatches: p,
+    currentMatchPosition: m,
+    nextMatch: u,
+    prevMatch: f,
+    search: v
+  } = tn(), { searchTool: _ } = se(), [g, C] = F(v), y = x(() => {
+    n(!0);
+  }, []), w = x(() => {
+    h(""), C(""), n(!1);
+  }, [h]), T = x(
+    (R) => {
+      R.key === "Escape" && t && w();
+    },
+    [t]
+  ), d = x(
+    (R) => {
+      R.shiftKey && R.key === "Enter" ? f() : R.key === "Enter" && h((E) => (g === E && u(), g));
+    },
+    [g, f, u, h]
+  );
+  A(() => (window.addEventListener("keydown", T), () => {
+    window.removeEventListener("keydown", T);
+  }), [T]), A(() => {
+    o && o.focus();
+  }, [o]);
+  const S = x((R) => {
+    C(R.target.value);
+  }, []), b = x(() => {
+    C(""), h("");
+  }, [h]), P = D(() => `${m} / ${p}`, [m, p]), { wholeWords: N, matchCase: I } = D(() => l, [l]), M = x(
+    (R) => {
+      i((E) => ({ ...E, matchCase: R }));
+    },
+    [i]
+  ), L = x(
+    (R) => {
+      i((E) => ({ ...E, wholeWords: R }));
+    },
+    [i]
+  );
+  return A(() => {
+    w();
+  }, [r, w]), _ ? /* @__PURE__ */ s(
+    ht,
+    {
+      open: t,
+      container: e,
+      align: "start",
+      triggerComponent: /* @__PURE__ */ s(B, { onClick: y, children: /* @__PURE__ */ s(Vt, {}) }),
+      children: /* @__PURE__ */ O("div", { className: ee["rp-search-tool-content"], children: [
+        /* @__PURE__ */ O("div", { className: ee["rp-search-tool-input-wrapper"], children: [
+          /* @__PURE__ */ O("div", { className: ee["rp-search-tool-input"], children: [
+            /* @__PURE__ */ s(
+              qt,
+              {
+                value: g,
+                onKeyDown: d,
+                onChange: S,
+                icon: /* @__PURE__ */ s(Vt, {}),
+                placeholder: "Enter to Search",
+                className: ee["rp-search-input"],
+                ref: a,
+                children: !!g && /* @__PURE__ */ s("span", { className: ee["rp-search-tool-input-clear"], onClick: b, children: /* @__PURE__ */ s(Kr, {}) })
+              }
+            ),
+            c ? /* @__PURE__ */ s("span", { children: /* @__PURE__ */ s(dt, {}) }) : /* @__PURE__ */ s("span", { children: P })
+          ] }),
+          /* @__PURE__ */ O("div", { className: ee["rp-search-tool-input-checkboxes"], children: [
+            /* @__PURE__ */ s(yt, { name: "matchCase", value: I, onChange: M, children: "Match Case" }),
+            /* @__PURE__ */ s(yt, { name: "wholeWord", value: N, onChange: L, children: "Whole Word" })
+          ] })
+        ] }),
+        /* @__PURE__ */ O("div", { className: ee["rp-search-tool-controls"], children: [
+          /* @__PURE__ */ s(B, { onClick: f, children: /* @__PURE__ */ s(Re, { className: ee["rp-search-tool-input-icon"] }) }),
+          /* @__PURE__ */ s(B, { onClick: u, children: /* @__PURE__ */ s(
+            Re,
+            {
+              style: { transform: "rotate(180deg" },
+              className: ee["rp-search-tool-input-icon"]
+            }
+          ) }),
+          /* @__PURE__ */ s(B, { children: /* @__PURE__ */ s(Jt, { onClick: w, className: ee["rp-search-tool-input-icon"] }) })
+        ] })
+      ] })
+    }
+  ) : null;
+}, ba = "_loading_1snj5_1", be = {
+  "rp-loading-overlay": "_rp-loading-overlay_1snj5_1",
+  "rp-loading-modal": "_rp-loading-modal_1snj5_14",
+  "rp-loading-title": "_rp-loading-title_1snj5_27",
+  "rp-loading-progress-bar": "_rp-loading-progress-bar_1snj5_35",
+  "rp-loading-progress": "_rp-loading-progress_1snj5_35",
+  "rp-loading-cancel-button": "_rp-loading-cancel-button_1snj5_52",
+  loading: ba
+}, Ca = ({ percentage: e }) => {
+  const { cancel: t } = St();
+  return e < 1 ? null : /* @__PURE__ */ s("div", { className: j(be["rp-loading-overlay"]), children: /* @__PURE__ */ O("div", { className: j(be["rp-loading-modal"]), children: [
+    /* @__PURE__ */ s("div", { className: j(be["rp-loading-title"]), children: "Preparing document..." }),
+    /* @__PURE__ */ s("div", { className: j(be["rp-loading-progress-bar"]), children: /* @__PURE__ */ s(
+      "div",
+      {
+        className: j(be["rp-loading-progress"]),
+        style: { width: `${e}%` }
+      }
+    ) }),
+    /* @__PURE__ */ s("button", { className: j(be["rp-loading-cancel-button"]), onClick: t, children: "Cancel" })
+  ] }) });
+}, Pa = He((e, t) => {
+  const { showPrintProgress: n } = se(), { progress: r } = St(), { isSmallScreen: o } = me(), { percentage: a } = r || {}, l = () => o ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+  return /* @__PURE__ */ O("div", { children: [
+    /* @__PURE__ */ s("div", { "data-rp": "topBarWrapper", ref: t, className: Te["rp-toolbar-content"], children: /* @__PURE__ */ O("div", { "data-rp": "topBar", className: Te["rp-toolbar-wrapper"], style: l(), children: [
+      /* @__PURE__ */ O("div", { "data-rp": "topBarStart", className: Te["rp-toolbar-start"], children: [
+        /* @__PURE__ */ s(wa, {}),
+        /* @__PURE__ */ s(zo, {})
+      ] }),
+      /* @__PURE__ */ s("div", { "data-rp": "topBarMiddle", className: Te["rp-toolbar-middle"], children: /* @__PURE__ */ s(_a, {}) }),
+      /* @__PURE__ */ s("div", { "data-rp": "topBarEnd", className: Te["rp-toolbar-end"], children: /* @__PURE__ */ s(ha, {}) })
+    ] }) }),
+    n && a ? /* @__PURE__ */ s(Ca, { percentage: a }) : null
+  ] });
+}), nt = {
+  "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_p2vax_1",
+  "rp-sidebar-content": "_rp-sidebar-content_p2vax_1",
+  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_p2vax_16",
+  "rp-thumbnail-dragging": "_rp-thumbnail-dragging_p2vax_21"
+}, ye = {
+  "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"
+}, Sa = (e) => {
+  const { thumbnailSrc: t, pageNumber: n, isFocused: r, viewport: o } = e, { goToPage: a } = ne(), l = D(() => r ? ye["rp-thumbnail-active"] : "", [r]), i = D(() => ({
+    width: Math.round(o.width),
+    height: Math.round(o.height)
+  }), [o]), c = x(() => {
+    n && a(n);
+  }, [a, n]);
+  return /* @__PURE__ */ O(
+    "div",
+    {
+      onClick: c,
+      id: `page-${n}`,
+      className: ye["rp-thumbnail-wrapper"],
+      children: [
+        /* @__PURE__ */ s("div", { className: j(l, ye["rp-thumbnail"]), children: t ? /* @__PURE__ */ s(
+          "img",
+          {
+            src: t,
+            width: i.width,
+            height: i.height,
+            alt: "thumbnail"
+          }
+        ) : /* @__PURE__ */ s(
+          "div",
+          {
+            className: ye["rp-thumbnail-loader"],
+            style: {
+              width: `${i.width}px`,
+              height: `${i.height}px`
+            },
+            children: /* @__PURE__ */ s(dt, {})
+          }
+        ) }),
+        /* @__PURE__ */ s("div", { className: ye["rp-thumbnail-text"], children: n })
+      ]
+    }
+  );
+}, Gt = {
+  "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
+  "rp-thumbnails": "_rp-thumbnails_16vqr_1"
+}, Ta = () => {
+  const [e, t] = F({}), { pages: n } = J(), { rotate: r } = $e(), o = D(() => Object.keys(e).length, [e]), a = x(
+    (i) => {
+      if (!n.size)
+        return;
+      const c = Array.from(n.values()).slice(0, i).map((m) => {
+        const { thumbnailViewport: u, scale: f } = Tt(m.page, r);
+        return {
+          scale: f,
+          page: m.page,
+          loading: !0,
+          viewport: u
+        };
+      }), h = c.reduce((m, u) => (m[u.page.pageNumber] = u, m), {});
+      t(h);
+      const p = [];
+      for (const m of c) {
+        const u = document.createElement("canvas"), f = rt(
+          m.page,
+          u,
+          m.scale,
+          r
+        ).promise.then(() => {
+          const v = u.toDataURL();
+          return {
+            ...m,
+            thumbnailSrc: v,
+            loading: !1
+          };
+        });
+        p.push(f);
+      }
+      Promise.all(p).then((m) => {
+        const u = m.reduce(
+          (f, v) => (f[v.page.pageNumber] = v, f),
+          {}
+        );
+        t((f) => ({ ...f, ...u }));
+      });
+    },
+    [n, r]
+  );
+  A(() => {
+    a(10);
+  }, [a]);
+  const l = x(
+    (i) => {
+      if (!n)
+        return;
+      const c = n.get(i);
+      if (!c)
+        return;
+      t((p) => ({
+        ...p,
+        [i]: {
+          loading: !0,
+          page: c.page,
+          viewport: c.thumbnailViewport,
+          scale: c.thumbnailScale
+        }
+      }));
+      const h = document.createElement("canvas");
+      rt(c.page, h, c.thumbnailScale, r).promise.then(() => {
+        const p = h.toDataURL(), { thumbnailViewport: m, scale: u } = Tt(c.page, r);
+        return {
+          scale: u,
+          thumbnailSrc: p,
+          page: c.page,
+          loading: !1,
+          viewport: m
+        };
+      }).then((p) => {
+        t((m) => ({ ...m, [i]: p }));
+      });
+    },
+    [n, r]
+  );
+  return { thumbnailPages: e, addPage: l, addToPage: a, thumbnailLength: o };
+}, Mn = ke({
+  thumbnailPages: {},
+  addPage: (e) => {
+  },
+  addToPage: (e) => {
+  },
+  thumbnailLength: 0,
+  setActive: (e) => {
+  },
+  active: !1
+}), Ln = () => We(Mn), Ia = ({
+  children: e,
+  initialThumbnailsVisible: t
+}) => {
+  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: a } = Ta(), [l, i] = F(t);
+  return /* @__PURE__ */ s(
+    Mn.Provider,
+    {
+      value: { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: a, active: l, setActive: i },
+      children: e
+    }
+  );
+}, ya = 16, xa = (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) - ya);
+}, Ra = He((e, t) => {
+  const { show: n } = e, { focusedPage: r, totalPages: o } = ne(), { thumbnailPages: a, addPage: l, thumbnailLength: i, addToPage: c } = Ln(), h = $(null), p = $(1);
+  Ut(t, () => h.current);
+  const m = D(() => Object.values(a), [a]), u = x(() => {
+    const f = i + 1;
+    f <= o && l(f);
+  }, [l, o, i]);
+  return A(() => {
+    r > i ? c(r) : n && p.current !== r && (xa(h.current, r), p.current = r);
+  }, [r, i, c, n, m]), tr(h.current, u), /* @__PURE__ */ s("div", { ref: h, className: Gt["rp-thumbnails-container"], children: /* @__PURE__ */ s("div", { className: Gt["rp-thumbnails"], children: n ? m.map((f, v) => {
+    var _, g;
+    return /* @__PURE__ */ s(
+      Sa,
+      {
+        isFocused: r === ((_ = f.page) == null ? void 0 : _.pageNumber),
+        pageNumber: (g = f.page) == null ? void 0 : g.pageNumber,
+        thumbnailSrc: f.thumbnailSrc,
+        loading: f.loading,
+        viewport: f.viewport
+      },
+      v
+    );
+  }) : null }) });
+}), Ma = () => {
+  const { thumbnailIcon: e } = te();
+  return e || /* @__PURE__ */ s(Fn, {});
+}, La = () => {
+  const { active: e, setActive: t } = Ln(), [n, r] = F(200), o = $(null), { thumbnailTool: a } = se(), l = x(() => {
+    t((c) => !c);
+  }, []), i = D(() => typeof a != "boolean" && a ? /* @__PURE__ */ s(a, { onClick: l, active: e }) : a ? /* @__PURE__ */ s(B, { onClick: l, active: e, children: /* @__PURE__ */ s(Ma, {}) }) : null, [a, e, l]);
+  return /* @__PURE__ */ O(
+    "div",
+    {
+      style: { "--rp-thumbnail-width": `${n}px` },
+      className: nt["rp-sidebar-content-wrapper"],
+      "data-rp": "sidebar",
+      children: [
+        /* @__PURE__ */ s("div", { "data-rp": "thumbnailButton", className: nt["rp-sidebar-content"], children: i }),
+        /* @__PURE__ */ O("div", { "data-rp": "thumbnails", hidden: !e, className: nt["rp-thumbnails-wrapper"], children: [
+          /* @__PURE__ */ s(Ra, { show: e, ref: o }),
+          /* @__PURE__ */ s(nr, { onWidthChange: r, thumbnailRef: o })
+        ] })
+      ]
+    }
+  );
+}, Na = (e) => {
+  const {
+    children: t,
+    darkMode: n = !1,
+    onDarkModeChange: r,
+    initialRotate: o = 0,
+    textLayer: a = !0,
+    initialPage: l = 1,
+    // initialViewMode = ViewMode.SINGLE_PAGE,
+    initialScale: i,
+    initialScrollMode: c = Y.VERTICAL_SCROLLING,
+    mobileWidth: h
+  } = e;
+  return /* @__PURE__ */ s(
+    fr,
+    {
+      initialScale: i,
+      initialPage: l,
+      initialScrollMode: c,
+      initialRotate: o,
+      children: /* @__PURE__ */ s(ur, { mobileWidth: h, children: /* @__PURE__ */ s(lr, { children: /* @__PURE__ */ s(Kn, { children: /* @__PURE__ */ s(Gn, { children: /* @__PURE__ */ s(zn, { children: /* @__PURE__ */ s(pr, { initialSelectionMode: Zt.TEXT, children: /* @__PURE__ */ s(cr, { children: /* @__PURE__ */ s(Lo, { children: /* @__PURE__ */ s(Vn, { children: /* @__PURE__ */ s(ir, { textLayer: a, children: /* @__PURE__ */ s(qn, { children: /* @__PURE__ */ s(
+        Hn,
+        {
+          darkMode: n,
+          onDarkModeChange: r,
+          children: t
+        }
+      ) }) }) }) }) }) }) }) }) }) }) })
+    }
+  );
+}, Qs = He((e, t) => {
+  const {
+    children: n,
+    slots: r,
+    icons: o,
+    initialThumbnailsVisible: a = !1,
+    initialSearch: l,
+    showToolbar: i = !0,
+    style: c,
+    className: h,
+    onLoaded: p,
+    cleanupOnLoaded: m,
+    ...u
+  } = e, [f, v] = F(null), [_, g] = F(null), [C, y] = F(null);
+  return A(() => (p && p(), () => {
+    m && m();
+  }), [p, m]), /* @__PURE__ */ s("div", { ref: t, className: j(pe["rp-theme-variables"], pe["rp-container"]), children: /* @__PURE__ */ s(ar, { container: _, contentRef: C, children: /* @__PURE__ */ s(Na, { ...u, children: /* @__PURE__ */ s(Yr, { initialSearch: l, children: /* @__PURE__ */ s(Ia, { initialThumbnailsVisible: a, children: /* @__PURE__ */ s($n, { slots: r, children: /* @__PURE__ */ s(Wn, { children: /* @__PURE__ */ s(rr, { icons: o, children: /* @__PURE__ */ s(gr, { elementRef: C, children: /* @__PURE__ */ s(aa, { children: /* @__PURE__ */ s(Un, { children: i ? /* @__PURE__ */ s(
+    or,
+    {
+      getContainerRef: g,
+      toolbarRef: f,
+      style: c,
+      className: h,
+      children: /* @__PURE__ */ O(vr, { children: [
+        /* @__PURE__ */ O("div", { className: pe["rp-layout"], children: [
+          /* @__PURE__ */ s(Pa, { ref: v }),
+          /* @__PURE__ */ O("div", { className: pe["rp-content"], children: [
+            /* @__PURE__ */ s("div", { className: pe["rp-sidebar"], children: /* @__PURE__ */ s(La, {}) }),
+            /* @__PURE__ */ s("div", { ref: y, className: pe["rp-pages"], children: n })
+          ] })
+        ] }),
+        /* @__PURE__ */ s(kn, {})
+      ] })
+    }
+  ) : /* @__PURE__ */ s(
+    "div",
+    {
+      ref: y,
+      className: j(pe["rp-pages"], h),
+      style: c,
+      children: n
+    }
+  ) }) }) }) }) }) }) }) }) }) }) });
+});
+export {
+  lo as A,
+  Ia as B,
+  Xr as C,
+  No as D,
+  Ra as E,
+  In as F,
+  La as G,
+  Na as H,
+  Ca as L,
+  da as M,
+  pa as O,
+  cn as P,
+  Xs as R,
+  en as S,
+  Qr as T,
+  _a as Z,
+  Qs as a,
+  ta as b,
+  St as c,
+  tn as d,
+  vt as e,
+  Jr as f,
+  Yr as g,
+  _t as h,
+  yo as i,
+  Mo as j,
+  Lo as k,
+  Eo as l,
+  zo as m,
+  Qo as n,
+  oa as o,
+  yn as p,
+  aa as q,
+  Rn as r,
+  ha as s,
+  wa as t,
+  ne as u,
+  Pa as v,
+  Sa as w,
+  Ta as x,
+  Mn as y,
+  Ln as z
+};