@react-pdf-kit/viewer 2.6.0-beta.2 → 2.6.0-rc.0

package/dist/components/layout/SkipLink.js

@@ -1,29 +1,3 @@
-import { jsx as c } from "react/jsx-runtime";
-const s = {
-  "rp-skip-link": "_rp-skip-link_15qjp_1"
-}, l = ({ href: n, label: i }) => {
-  const o = (r) => {
-    r.preventDefault();
-    const e = document.querySelector(n);
-    if (!e)
-      return;
-    const t = e.querySelector(
-      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    ) || e;
-    t && typeof t.focus == "function" && t.focus();
-  };
-  return /* @__PURE__ */ c(
-    "a",
-    {
-      href: n,
-      className: s["rp-skip-link"],
-      onClick: o,
-      "aria-label": i,
-      tabIndex: 0,
-      children: i
-    }
-  );
-};
-export {
-  l as SkipLink
-};
+"use client";
+import { t as e } from "../../SkipLink-Bvbn3miT.js";
+export { e as SkipLink };

package/dist/components/layout/WrapperLayout.js

@@ -1,27 +1,2 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useDropFileZoneContext as t } from "../../contexts/DropFileZoneContext.js";
-import "react";
-import "../../contexts/RPDocumentContext.js";
-import "../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../utils/types.js";
-import "../../de_DE-8145915f.js";
-import "../../utils/getThumbnailViewport.js";
-import "../../contexts/ConfigContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "../../utils/appConsole.js";
-import "../../utils/const.js";
-import "../../utils/hooks/usePdfProperties.js";
-import "../../utils/convertPdfDate.js";
-import "../../utils/formatFileSize.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/ToolComponentContext.js";
-const m = {
-  "rp-wrapper-layout": "_rp-wrapper-layout_2cghq_1"
-}, j = ({ children: r }) => {
-  const { handleDragEnter: o } = t();
-  return /* @__PURE__ */ p("div", { className: m["rp-wrapper-layout"], onDragEnter: o, children: r });
-};
-export {
-  j as WrapperLayout
-};
+import { t as e } from "../../WrapperLayout-Dcd9l9xH.js";
+export { e as WrapperLayout };

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

@@ -1,68 +1,2 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useMemo as n, useRef as u, useEffect as s } from "react";
-import { useElementThumbnailContext as l } from "../../../contexts/ElementThumbnailContext.js";
-import "../../../utils/types.js";
-import "../../../de_DE-8145915f.js";
-import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../utils/getThumbnailViewport.js";
-import "../../../contexts/ConfigContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../utils/appConsole.js";
-import "../../../utils/const.js";
-import "../../../utils/hooks/usePdfProperties.js";
-import "../../../utils/convertPdfDate.js";
-import "../../../utils/formatFileSize.js";
-import "../../../contexts/RotationContext.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/EventCallbackContext.js";
-import "../../../contexts/LicenseContext.js";
-import "../../../utils/hooks/useLicense.js";
-import "../../../contexts/ThumbnailsContext.js";
-import "../../../utils/hooks/useThumbnail.js";
-import "../../../contexts/SmoothScrollContext.js";
-import "../../../PaginationContext-87f832f2.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../utils/smoothScrollTo.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/ZoomContext.js";
-import "../../../utils/constants.js";
-import "../../../utils/getZoomLevel.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../utils/hooks/useDebounce.js";
-import "../../../utils/getScrollDistance.js";
-import "../../../utils/calculatePage.js";
-const c = {
-  "rp-custom-thumbnail-element": "_rp-custom-thumbnail-element_h5ef7_1"
-}, a = ({ child: t }) => {
-  const r = u(null);
-  return s(() => {
-    var m;
-    return (m = r.current) == null || m.appendChild(t), () => {
-      var o;
-      (o = r.current) == null || o.removeChild(t);
-    };
-  }, [t]), /* @__PURE__ */ i("div", { ref: r });
-}, g = ({ pageNumber: t }) => {
-  const { elementList: r } = l(), m = n(() => {
-    var o;
-    return (o = r[t]) == null ? void 0 : o.map((p, e) => p instanceof HTMLElement ? /* @__PURE__ */ i(a, { child: p }, e) : /* @__PURE__ */ i("div", { children: p }, e));
-  }, [r, t]);
-  return m ? /* @__PURE__ */ i(
-    "div",
-    {
-      className: c["rp-custom-thumbnail-element"],
-      "data-rp": `thumbnail-${t}-customElement`,
-      children: m
-    }
-  ) : null;
-};
-export {
-  g as CustomThumbnailElement
-};
+import { t as e } from "../../../CustomThumbnailElement-C2quEICO.js";
+export { e as CustomThumbnailElement };

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

@@ -1,113 +1,62 @@
-import { jsx as t, Fragment as f, jsxs as l } from "react/jsx-runtime";
-import { useState as T, useRef as s, useCallback as C, useMemo as I } from "react";
-import { ThumbnailIcon as x } from "../../icons/Thumbnail.js";
-import { UIButton as R } from "../../ui/Button.js";
-import { c as m, R as w } from "../../../RPSplitter-b62772f9.js";
-import { Thumbnails as v } from "./Thumbnails.js";
-import { useThumbnailContext as N } from "../../../contexts/ThumbnailsContext.js";
-import { useToolbarComponentContext as S } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as k } from "../../../contexts/IconContext.js";
-import y from "../../ui/RPTooltip.js";
-import { useLocalizationContext as B } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as P } from "../../../contexts/IconToolContext.js";
-import { THUMBNAIL_MIN_WIDTH as W } from "../../../utils/constants.js";
-import "../../../clsx-0c6e471a.js";
-import "../../../utils/withRef.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../contexts/ViewportContext.js";
-import "./Thumbnail.js";
-import "../../icons/LoaderIcon.js";
-import "../../../PaginationContext-87f832f2.js";
-import "../../../utils/types.js";
-import "../../../de_DE-8145915f.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../utils/appConsole.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../utils/getThumbnailViewport.js";
-import "../../../contexts/ConfigContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../utils/const.js";
-import "../../../utils/hooks/usePdfProperties.js";
-import "../../../utils/convertPdfDate.js";
-import "../../../utils/formatFileSize.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/EventCallbackContext.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../utils/smoothScrollTo.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/ZoomContext.js";
-import "../../../utils/getZoomLevel.js";
-import "../../../contexts/RotationContext.js";
-import "../../../utils/hooks/useDebounce.js";
-import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/SmoothScrollContext.js";
-import "../../../utils/getScrollDistance.js";
-import "../../../utils/calculatePage.js";
-import "../../../contexts/RenderQueueProvider.js";
-import "../../../utils/Queue.js";
-import "../../../utils/renderPage.js";
-import "./CustomThumbnailElement.js";
-import "../../../contexts/ElementThumbnailContext.js";
-import "../../../contexts/LicenseContext.js";
-import "../../../utils/hooks/useLicense.js";
-import "../../../utils/hooks/useThumbnail.js";
-import "../../../utils/hooks/useInfiniteScroll.js";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-import "../../../utils/hooks/useLocalization.js";
-const $ = () => {
-  const { thumbnailIcon: o } = k(), { thumbnailIcon: p } = P();
-  return o || p || /* @__PURE__ */ t(x, {});
-}, Gt = () => {
-  const { active: o, setActive: p } = N(), [c, u] = T(W), e = s(null), a = s(null), { thumbnailTool: i, sidebarEnable: h } = S(), { localeMessages: r } = B(), n = C(() => {
-    p((d) => !d);
-  }, []), b = I(() => typeof i != "boolean" && i ? /* @__PURE__ */ t(i, { onClick: n, active: o }) : i ? /* @__PURE__ */ t(y, { content: r == null ? void 0 : r.thumbnailTooltip, children: /* @__PURE__ */ t(
-    R,
-    {
-      onClick: n,
-      active: o,
-      "aria-label": r == null ? void 0 : r.thumbnailTooltip,
-      children: /* @__PURE__ */ t($, {})
-    }
-  ) }) : null, [i, o, n, r]);
-  return /* @__PURE__ */ t(f, { children: h && /* @__PURE__ */ l(
-    "div",
-    {
-      style: { "--rp-thumbnail-width": `${c}px` },
-      className: m["rp-sidebar-content-wrapper"],
-      "data-rp": "sidebar",
-      children: [
-        /* @__PURE__ */ t("div", { ref: a, className: m["rp-sidebar-content"], children: b }),
-        /* @__PURE__ */ l(
-          "div",
-          {
-            "data-rp": "thumbnailSidebar",
-            className: `${m["rp-thumbnails-wrapper"]} ${o ? "" : m["rp-thumbnails-wrapper-hidden"]}`,
-            children: [
-              /* @__PURE__ */ t(v, { show: o, ref: e }),
-              /* @__PURE__ */ t(
-                w,
-                {
-                  onWidthChange: u,
-                  thumbnailRef: e,
-                  leftSidebarRef: a
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-};
-export {
-  Gt as RPSidebar
+"use client";
+import "../../../utils/constants.js";
+import { useToolbarComponentContext as e } from "../../../contexts/ToolbarComponentContext.js";
+import { useThumbnailContext as t } from "../../../contexts/ThumbnailsContext.js";
+import { useLocalizationContext as n } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as r } from "../../../contexts/IconToolContext.js";
+import { t as i } from "../../../Button-jStpvb3T.js";
+import { useIconContext as a } from "../../../contexts/IconContext.js";
+import { t as o } from "../../../RPTooltip-ZZoFqP7C.js";
+import { ThumbnailIcon as s } from "../../icons/Thumbnail.js";
+import { n as c, t as l } from "../../../RPSplitter-C63X9M8w.js";
+import { t as u } from "../../../Thumbnails-ComClyJJ.js";
+import { useCallback as d, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region lib/components/layout/sidebar/RPSidebar.tsx
+var v = () => {
+	let { thumbnailIcon: e } = a(), { thumbnailIcon: t } = r();
+	return e || t || /* @__PURE__ */ g(s, {});
+}, y = () => {
+	let { active: r, setActive: a } = t(), [s, y] = m(200), b = p(null), x = p(null), { thumbnailTool: S, sidebarEnable: C } = e(), { localeMessages: w } = n(), T = d(() => {
+		a((e) => !e);
+	}, []), E = f(() => typeof S != "boolean" && S ? /* @__PURE__ */ g(S, {
+		onClick: T,
+		active: r
+	}) : S ? /* @__PURE__ */ g(o, {
+		content: w?.thumbnailTooltip,
+		children: /* @__PURE__ */ g(i, {
+			onClick: T,
+			active: r,
+			"aria-label": w?.thumbnailTooltip,
+			children: /* @__PURE__ */ g(v, {})
+		})
+	}) : null, [
+		S,
+		r,
+		T,
+		w
+	]);
+	return /* @__PURE__ */ g(h, { children: C && /* @__PURE__ */ _("div", {
+		style: { "--rp-thumbnail-width": `${s}px` },
+		className: c["rp-sidebar-content-wrapper"],
+		"data-rp": "sidebar",
+		children: [/* @__PURE__ */ g("div", {
+			ref: x,
+			className: c["rp-sidebar-content"],
+			children: E
+		}), /* @__PURE__ */ _("div", {
+			"data-rp": "thumbnailSidebar",
+			className: `${c["rp-thumbnails-wrapper"]} ${r ? "" : c["rp-thumbnails-wrapper-hidden"]}`,
+			children: [/* @__PURE__ */ g(u, {
+				show: r,
+				ref: b
+			}), /* @__PURE__ */ g(l, {
+				onWidthChange: y,
+				thumbnailRef: b,
+				leftSidebarRef: x
+			})]
+		})]
+	}) });
 };
+//#endregion
+export { y as RPSidebar };

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

@@ -1,9 +1,2 @@
-import "react/jsx-runtime";
-import "react";
-import { R } from "../../../RPSplitter-b62772f9.js";
-import "../../../utils/constants.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../contexts/ViewportContext.js";
-export {
-  R as RPSplitter
-};
+import { t as e } from "../../../RPSplitter-C63X9M8w.js";
+export { e as RPSplitter };

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

@@ -1,155 +1,3 @@
-import { jsxs as _, jsx as r } from "react/jsx-runtime";
-import { useRef as h, useState as z, useMemo as w, useCallback as N, useEffect as $ } from "react";
-import { c as S } from "../../../clsx-0c6e471a.js";
-import { LoaderIcon as I } from "../../icons/LoaderIcon.js";
-import { u as L } from "../../../PaginationContext-87f832f2.js";
-import { usePagesRotateContext as T } from "../../../contexts/PagesRotateContext.js";
-import { useRenderQueue as j } from "../../../contexts/RenderQueueProvider.js";
-import { useDocumentContext as q } from "../../../contexts/RPDocumentContext.js";
-import { CustomThumbnailElement as D } from "./CustomThumbnailElement.js";
-import "../../../utils/types.js";
-import "../../../de_DE-8145915f.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../utils/appConsole.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/EventCallbackContext.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../utils/smoothScrollTo.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/ZoomContext.js";
-import "../../../utils/constants.js";
-import "../../../utils/getZoomLevel.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../utils/getThumbnailViewport.js";
-import "../../../contexts/ConfigContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../utils/const.js";
-import "../../../utils/hooks/usePdfProperties.js";
-import "../../../utils/convertPdfDate.js";
-import "../../../utils/formatFileSize.js";
-import "../../../utils/hooks/useDebounce.js";
-import "../../../contexts/SmoothScrollContext.js";
-import "../../../utils/getScrollDistance.js";
-import "../../../utils/calculatePage.js";
-import "../../../utils/Queue.js";
-import "../../../utils/renderPage.js";
-import "../../../contexts/ElementThumbnailContext.js";
-import "../../../contexts/LicenseContext.js";
-import "../../../utils/hooks/useLicense.js";
-import "../../../contexts/ThumbnailsContext.js";
-import "../../../utils/hooks/useThumbnail.js";
-const i = {
-  "rp-thumbnail-wrapper": "_rp-thumbnail-wrapper_czi7p_1",
-  "rp-thumbnail-text": "_rp-thumbnail-text_czi7p_10",
-  "rp-thumbnail": "_rp-thumbnail_czi7p_1",
-  "rp-thumbnail-active": "_rp-thumbnail-active_czi7p_23",
-  "rp-thumbnail-loader": "_rp-thumbnail-loader_czi7p_32"
-}, Nt = (C) => {
-  const { pageNumber: t, isFocused: u, viewport: s } = C, { goToPage: d } = L(), { pageRotate: P } = T(), o = h(null), n = j(), { pages: a } = q(), [m, b] = z(null), c = h(!1), g = h(), R = w(() => u ? i["rp-thumbnail-active"] : "", [u]), p = w(() => ({
-    width: Math.round(s.width),
-    height: Math.round(s.height)
-  }), [s]), f = N(() => {
-    t && d(t);
-  }, [d, t]);
-  return $(() => {
-    const e = a.get(t);
-    g.current === e || (b(null), g.current = e);
-  }, [a, t]), $(() => {
-    const e = a.get(t);
-    if (!o.current || !t || !e || m)
-      return;
-    const l = new IntersectionObserver((y) => {
-      y.forEach((E) => {
-        if (c.current) {
-          c.current = !1, n.removeQueue(`thumbnail-${t}`);
-          return;
-        }
-        if (E.isIntersecting) {
-          const v = document.createElement("canvas");
-          c.current = !0, n.enqueue(
-            `thumbnail-${t}`,
-            {
-              page: e.page,
-              canvasElem: v,
-              options: {
-                scale: 1
-              },
-              onLoaded: () => {
-                v.toBlob((x) => {
-                  if (!x)
-                    return;
-                  const k = URL.createObjectURL(x);
-                  b(k);
-                });
-              }
-            },
-            2
-          );
-        }
-      });
-    });
-    return o.current && l.observe(o.current), () => {
-      l.disconnect(), n.removeQueue(`thumbnail-${t}`);
-    };
-  }, [n, t, a, m]), /* @__PURE__ */ _(
-    "div",
-    {
-      onClick: f,
-      onKeyDown: (e) => {
-        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), f());
-      },
-      id: `page-${t}`,
-      className: i["rp-thumbnail-wrapper"],
-      ref: o,
-      role: "button",
-      tabIndex: 0,
-      "aria-label": `Go to page ${t}`,
-      "aria-current": u ? "page" : void 0,
-      children: [
-        /* @__PURE__ */ _(
-          "div",
-          {
-            style: {
-              transform: `rotate(${P[t || 0]}deg)`
-            },
-            className: S(R, i["rp-thumbnail"]),
-            "aria-hidden": "true",
-            children: [
-              m ? /* @__PURE__ */ r(
-                "img",
-                {
-                  src: m,
-                  width: p.width,
-                  height: p.height,
-                  alt: `Page ${t} thumbnail`,
-                  "aria-hidden": "true"
-                }
-              ) : /* @__PURE__ */ r(
-                "div",
-                {
-                  className: i["rp-thumbnail-loader"],
-                  style: {
-                    width: `${p.width}px`,
-                    height: `${p.height}px`
-                  },
-                  children: /* @__PURE__ */ r(I, { "aria-hidden": "true" })
-                }
-              ),
-              /* @__PURE__ */ r(D, { pageNumber: t })
-            ]
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: i["rp-thumbnail-text"], "aria-hidden": "true", children: t })
-      ]
-    }
-  );
-};
-export {
-  Nt as Thumbnail
-};
+"use client";
+import { t as e } from "../../../Thumbnail-Dwo2-4Ki.js";
+export { e as Thumbnail };

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

@@ -1,82 +1,2 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useRef as d, useImperativeHandle as R, useEffect as T, useMemo as x, useCallback as C } from "react";
-import { Thumbnail as y } from "./Thumbnail.js";
-import { useThumbnailContext as I } from "../../../contexts/ThumbnailsContext.js";
-import { useInfiniteScroll as S } from "../../../utils/hooks/useInfiniteScroll.js";
-import { u as j } from "../../../PaginationContext-87f832f2.js";
-import { useThumbnailContainerRegister as z } from "../../../contexts/ElementThumbnailContext.js";
-import { withRef as D } from "../../../utils/withRef.js";
-import "../../../clsx-0c6e471a.js";
-import "../../icons/LoaderIcon.js";
-import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../utils/types.js";
-import "../../../de_DE-8145915f.js";
-import "../../../utils/getThumbnailViewport.js";
-import "../../../contexts/ConfigContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../utils/appConsole.js";
-import "../../../utils/const.js";
-import "../../../utils/hooks/usePdfProperties.js";
-import "../../../utils/convertPdfDate.js";
-import "../../../utils/formatFileSize.js";
-import "../../../contexts/RotationContext.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/EventCallbackContext.js";
-import "../../../contexts/RenderQueueProvider.js";
-import "../../../utils/Queue.js";
-import "../../../utils/renderPage.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../utils/smoothScrollTo.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/ZoomContext.js";
-import "../../../utils/constants.js";
-import "../../../utils/getZoomLevel.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../utils/hooks/useDebounce.js";
-import "../../../contexts/SmoothScrollContext.js";
-import "../../../utils/getScrollDistance.js";
-import "../../../utils/calculatePage.js";
-import "./CustomThumbnailElement.js";
-import "../../../utils/hooks/useThumbnail.js";
-import "../../../contexts/LicenseContext.js";
-import "../../../utils/hooks/useLicense.js";
-const P = {
-  "rp-thumbnails-container": "_rp-thumbnails-container_1szrf_1",
-  "rp-thumbnails": "_rp-thumbnails_1szrf_1"
-}, M = 16, O = (r, p) => {
-  const t = r == null ? void 0 : r.querySelector(`#page-${p}`);
-  r && (t != null && t.offsetTop) && (r.scrollTop = (t == null ? void 0 : t.offsetTop) - M);
-}, jt = D((r, p) => {
-  const { show: t, width: _ } = r, { focusedPage: i, totalPages: a } = j(), { thumbnailPages: u, addPage: c, thumbnailLength: m, addToPage: l } = I(), s = z(), n = d(null), f = d(1);
-  R(p, () => n.current), T(() => (s(n.current), () => s(null)), [s]);
-  const h = x(() => Object.values(u), [u]), v = C(() => {
-    const o = m + 1;
-    o <= a && c(o);
-  }, [c, a, m]);
-  return T(() => {
-    i > m && a > m ? l(i) : t && f.current !== i && (O(n.current, i), f.current = i);
-  }, [i, m, l, t, h]), S(n.current, v), /* @__PURE__ */ e("div", { ref: n, className: P["rp-thumbnails-container"], style: { width: _ }, children: /* @__PURE__ */ e("div", { className: P["rp-thumbnails"], children: t ? h.map((o, N) => {
-    var b, g;
-    return /* @__PURE__ */ e(
-      y,
-      {
-        isFocused: i === ((b = o.page) == null ? void 0 : b.pageNumber),
-        pageNumber: (g = o.page) == null ? void 0 : g.pageNumber,
-        loading: o.loading,
-        viewport: o.viewport,
-        defaultRotation: o.defaultRotation
-      },
-      N
-    );
-  }) : null }) });
-});
-export {
-  jt as Thumbnails
-};
+import { t as e } from "../../../Thumbnails-ComClyJJ.js";
+export { e as Thumbnails };