@react-pdf-kit/viewer 2.0.0-beta.10 → 2.0.0-beta.12

package/dist/components/RPProvider.js

@@ -1,21 +1,21 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useMemo as v, useEffect as S } from "react";
-import { DocumentProvider as C } from "../contexts/RPDocumentContext.js";
-import { DocumentPasswordProvider as g } from "../contexts/DocumentPasswordContext.js";
-import { RPController as b } from "./RPController.js";
-import { LoaderProvider as L } from "../contexts/LoaderContext.js";
-import { ToolComponentProvider as T } from "../contexts/ToolComponentContext.js";
+import { useMemo as v, useEffect as C } from "react";
+import { DocumentProvider as g } from "../contexts/RPDocumentContext.js";
+import { DocumentPasswordProvider as b } from "../contexts/DocumentPasswordContext.js";
+import { RPController as T } from "./RPController.js";
+import { LoaderProvider as x } from "../contexts/LoaderContext.js";
+import { ToolComponentProvider as L } from "../contexts/ToolComponentContext.js";
 import { IconToolProvider as j } from "../contexts/IconToolContext.js";
 import { OtherToolProvider as k } from "../contexts/OtherToolContext.js";
 import { useFlickerSelectText as w } from "../utils/hooks/useFlickerSelectText.js";
-import { EventCallbackProvider as x } from "../contexts/EventCallbackContext.js";
-import { combinedCSS as y } from "../assets/style.js";
-import { injectGlobalCSS as D } from "../libInjectCss.js";
-import { injectPrintCSS as E } from "../utils/injectPrintCSS.js";
+import { EventCallbackProvider as y } from "../contexts/EventCallbackContext.js";
+import { combinedCSS as D } from "../assets/style.js";
+import { injectGlobalCSS as E } from "../libInjectCss.js";
+import { injectPrintCSS as R } from "../utils/injectPrintCSS.js";
 import "../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
 import "../utils/types.js";
-import "../th_TH-d627cd51.js";
+import "../de_DE-a553b162.js";
 import "../utils/getThumbnailViewport.js";
 import "../contexts/ConfigContext.js";
 import "../utils/hooks/usePdfProperties.js";
@@ -75,7 +75,7 @@ import "../utils/Queue.js";
 import "../utils/renderPage.js";
 import "./icons/LoaderIcon.js";
 import "../clsx-0c6e471a.js";
-const ro = (i) => {
+const oo = (i) => {
   const {
     children: m,
     src: o,
@@ -83,33 +83,43 @@ const ro = (i) => {
     onLoaded: e,
     onLoadError: n,
     loaderImage: c,
-    onLoadProgress: d,
-    disableAutoFetch: l,
+    onLoadProgress: l,
+    disableAutoFetch: d,
     disableStream: a,
     rangeChunkSize: s,
     onPageChange: f,
     onRotate: P,
     onScroll: h,
+    onTextSelect: S,
     ...u
   } = i, t = v(() => typeof o == "string" ? o : `${Date.now()}`, [o]);
-  return w(), S(() => {
-    D(y, "rp-viewer-styles"), E();
-  }, []), /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
-    C,
+  return w(), C(() => {
+    E(D, "rp-viewer-styles"), R();
+  }, []), /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
+    g,
     {
       src: o,
       characterMap: p,
       onLoaded: e,
       onLoadError: n,
-      onLoadProgress: d,
-      disableAutoFetch: l,
+      onLoadProgress: l,
+      disableAutoFetch: d,
       disableStream: a,
       rangeChunkSize: s,
-      children: /* @__PURE__ */ r(x, { onPageChange: f, onRotate: P, onScroll: h, children: /* @__PURE__ */ r(b, { ...u, children: /* @__PURE__ */ r(L, { loaderImage: c, children: /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(k, { children: m }) }) }) }, t) }, t) })
+      children: /* @__PURE__ */ r(
+        y,
+        {
+          onPageChange: f,
+          onRotate: P,
+          onScroll: h,
+          onTextSelect: S,
+          children: /* @__PURE__ */ r(T, { ...u, children: /* @__PURE__ */ r(x, { loaderImage: c, children: /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(k, { children: m }) }) }) }, t) }, t)
+        }
+      )
     },
     t
   ) });
 };
 export {
-  ro as RPProvider
+  oo as RPProvider
 };

package/dist/components/icons/DualPageWithCoverIcon.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+const H = (e) => /* @__PURE__ */ o(
+  "svg",
+  {
+    ...e,
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M11 1.5C11.2761 1.5 11.5 1.72386 11.5 2V7.5H14C14.2761 7.5 14.5 7.72386 14.5 8V14C14.5 14.2761 14.2761 14.5 14 14.5H2C1.72386 14.5 1.5 14.2761 1.5 14V8C1.5 7.72386 1.72386 7.5 2 7.5H4.5V2C4.5 1.72386 4.72386 1.5 5 1.5H11ZM8.5 13.5H13.5V8.5H8.5V13.5ZM2.5 13.5H7.5V8.5H2.5V13.5ZM5.5 7.5H10.5V2.5H5.5V7.5Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+export {
+  H as DualPageWithCoverIcon
+};

package/dist/components/layout/LayoutContainer.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as d } from "../../clsx-0c6e471a.js";
-import { c as t } from "../../RPLayout.module-967bf4bc.js";
+import { c as t } from "../../RPLayout.module-b4b23e29.js";
 import { useThemeContext as h } from "../../contexts/ThemeContext.js";
 import { useDarkModeContext as f } from "../../contexts/DarkModeContext.js";
 import { withRef as u } from "../../utils/withRef.js";

package/dist/components/layout/LayoutWrapper.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as e } from "../../RPLayout.module-967bf4bc.js";
+import { c as e } from "../../RPLayout.module-b4b23e29.js";
 import { withRef as a } from "../../utils/withRef.js";
 import "react";
 const l = a((r, o) => {

package/dist/components/layout/RPDefaultLayout.js

@@ -1,18 +1,19 @@
 import { jsx as o, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as v, useState as L, useEffect as R } from "react";
-import { RPToolbar as P } from "./toolbar/RPToolbar.js";
+import { forwardRef as L, useState as P, useEffect as R } from "react";
+import { RPToolbar as w } from "./toolbar/RPToolbar.js";
 import { RPSidebar as x } from "./sidebar/RPSidebar.js";
-import { c as r } from "../../RPLayout.module-967bf4bc.js";
-import { ToolbarComponentProvider as N } from "../../contexts/ToolbarComponentContext.js";
-import { useLayoutContainer as w } from "../../contexts/LayoutContainerContext.js";
-import { Container as j } from "./Container.js";
-import { IconProvider as D } from "../../contexts/IconContext.js";
-import { WrapperLayout as I } from "./WrapperLayout.js";
-import { RPDropFileZone as T } from "../RPDropFileZone.js";
-import { ViewportProvider as W } from "../../contexts/ViewportContext.js";
-import { useDocumentContext as S } from "../../contexts/RPDocumentContext.js";
-import { useLoaderContext as E } from "../../contexts/LoaderContext.js";
-import { LayoutContainer as F } from "./LayoutContainer.js";
+import { c as r } from "../../RPLayout.module-b4b23e29.js";
+import { ToolbarComponentProvider as D } from "../../contexts/ToolbarComponentContext.js";
+import { useLayoutContainer as N } from "../../contexts/LayoutContainerContext.js";
+import { Container as S } from "./Container.js";
+import { IconProvider as k } from "../../contexts/IconContext.js";
+import { WrapperLayout as F } from "./WrapperLayout.js";
+import { RPDropFileZone as j } from "../RPDropFileZone.js";
+import { ViewportProvider as I } from "../../contexts/ViewportContext.js";
+import { useDocumentContext as T } from "../../contexts/RPDocumentContext.js";
+import { useLoaderContext as W } from "../../contexts/LoaderContext.js";
+import { LayoutContainer as M } from "./LayoutContainer.js";
+import { SkipLink as e } from "./SkipLink.js";
 import "../../RPToolbar.module-27d7fe77.js";
 import "./toolbar/Paginate.js";
 import "../icons/ChevronUpIcon.js";
@@ -20,10 +21,10 @@ import "../ui/Button.js";
 import "../../clsx-0c6e471a.js";
 import "../../utils/withRef.js";
 import "../ui/Input.js";
-import "../../Paginate.module-206a7d7d.js";
+import "../../Paginate.module-4eef00aa.js";
 import "../../PaginationContext-9217cab4.js";
 import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../utils/appConsole.js";
 import "../../contexts/InitialStateContext.js";
@@ -57,8 +58,8 @@ import "./toolbar/RPToolbarEnd.js";
 import "./toolbar/FileUploadTool.js";
 import "../icons/FileUploadDefaultIcon.js";
 import "./toolbar/MenuItem.js";
-import "../../index-4baea9b5.js";
-import "../../Combination-54a77a7a.js";
+import "../../index-61f59539.js";
+import "../../Combination-136ff99c.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "./toolbar/DarkModeTool.js";
@@ -84,6 +85,7 @@ import "../../RotateTool.module-67946714.js";
 import "../../utils/hooks/useRotate.js";
 import "./toolbar/ViewModeTool.js";
 import "../icons/DualPageIcon.js";
+import "../icons/DualPageWithCoverIcon.js";
 import "../icons/SinglePageIcon.js";
 import "../icons/CheckIcon.js";
 import "./toolbar/ScrollModeTool.js";
@@ -131,6 +133,7 @@ import "./toolbar/SearchResultNavigator.js";
 import "./toolbar/SearchCloseButton.js";
 import "../ui/LoadingIndicator.js";
 import "../icons/Thumbnail.js";
+import "../../RPSplitter-f6acf13b.js";
 import "./sidebar/Thumbnails.js";
 import "./sidebar/Thumbnail.js";
 import "../../contexts/RenderQueueProvider.js";
@@ -140,7 +143,6 @@ import "../../contexts/ThumbnailsContext.js";
 import "../../utils/hooks/useThumbnail.js";
 import "../../utils/getThumbnailViewport.js";
 import "../../utils/hooks/useInfiniteScroll.js";
-import "./sidebar/RPSplitter.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../icons/LightPdfIcon.js";
 import "../icons/DarkPdfIcon.js";
@@ -150,38 +152,58 @@ import "../../utils/hooks/usePdfProperties.js";
 import "../../utils/convertPdfDate.js";
 import "../../utils/formatFileSize.js";
 import "../../contexts/ThemeContext.js";
-const wt = v((e, n) => {
+const kt = L((n, a) => {
   const {
-    children: a,
+    children: l,
     slots: s,
-    icons: l,
-    style: d,
-    className: c,
-    mobileWidth: f,
+    icons: d,
+    style: c,
+    className: f,
+    mobileWidth: h,
     onLoaded: i,
     cleanupOnLoaded: m,
-    onLayoutWidthChange: h
-  } = e, [u, C] = L(null), { setContainer: y, setContentRef: b } = w(), { loading: g } = S(), { LoaderImageComponent: p } = E();
+    onLayoutWidthChange: u
+  } = n, [b, C] = P(null), { setContainer: y, setContentRef: g } = N(), { loading: v } = T(), { LoaderImageComponent: p } = W();
   return R(() => (i && i(), () => {
     m && m();
   }), [i, m]), // TODO: deprecated in v2.0.0, remove later ~
-  /* @__PURE__ */ o(F, { toolbarRef: u, ref: n, children: /* @__PURE__ */ o(W, { mobileWidth: f, onLayoutWidthChange: h, children: /* @__PURE__ */ o(N, { slots: s, children: /* @__PURE__ */ o(D, { icons: l, children: /* @__PURE__ */ t(j, { getContainerRef: y, style: d, className: c, children: [
-    /* @__PURE__ */ t(I, { children: [
+  /* @__PURE__ */ o(M, { toolbarRef: b, ref: a, children: /* @__PURE__ */ o(I, { mobileWidth: h, onLayoutWidthChange: u, children: /* @__PURE__ */ o(D, { slots: s, children: /* @__PURE__ */ o(k, { icons: d, children: /* @__PURE__ */ t(S, { getContainerRef: y, style: c, className: f, children: [
+    /* @__PURE__ */ o(e, { href: "#rp-menu", label: "Skip to Menu" }),
+    /* @__PURE__ */ o(e, { href: "#rp-main-content", label: "Skip to Main Content" }),
+    /* @__PURE__ */ t(F, { children: [
       /* @__PURE__ */ t("div", { className: r["rp-layout"], children: [
-        /* @__PURE__ */ o(
-          P,
+        /* @__PURE__ */ o("nav", { id: "rp-menu", role: "menu", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ o(
+          w,
           {
             ref: C
           }
-        ),
+        ) }),
         /* @__PURE__ */ t("div", { className: r["rp-content"], children: [
-          /* @__PURE__ */ o("div", { className: r["rp-sidebar"], children: /* @__PURE__ */ o(x, {}) }),
-          /* @__PURE__ */ o("div", { ref: b, className: r["rp-pages"], children: a })
+          /* @__PURE__ */ o(
+            "aside",
+            {
+              className: r["rp-sidebar"],
+              role: "complementary",
+              "aria-label": "PDF viewer sidebar",
+              children: /* @__PURE__ */ o(x, {})
+            }
+          ),
+          /* @__PURE__ */ o(
+            "main",
+            {
+              id: "rp-main-content",
+              ref: g,
+              className: r["rp-pages"],
+              role: "main",
+              "aria-label": "PDF document pages",
+              children: l
+            }
+          )
         ] })
       ] }),
-      /* @__PURE__ */ o(T, {})
+      /* @__PURE__ */ o(j, {})
     ] }),
-    g ? /* @__PURE__ */ o(
+    v ? /* @__PURE__ */ o(
       "div",
       {
         className: r["rp-loader"],
@@ -212,5 +234,5 @@ const wt = v((e, n) => {
   ] }) }) }) }) });
 });
 export {
-  wt as RPDefaultLayout
+  kt as RPDefaultLayout
 };

package/dist/components/layout/RPLayout.js

@@ -1,24 +1,25 @@
 import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { useEffect as h } from "react";
-import { useLayoutContainer as u } from "../../contexts/LayoutContainerContext.js";
-import { Container as y } from "./Container.js";
-import { ViewportProvider as C } from "../../contexts/ViewportContext.js";
-import { ToolbarLayout as L } from "./toolbar/ToolbarLayout.js";
-import { WrapperLayout as g } from "./WrapperLayout.js";
+import { useEffect as u } from "react";
+import { useLayoutContainer as y } from "../../contexts/LayoutContainerContext.js";
+import { Container as C } from "./Container.js";
+import { ViewportProvider as L } from "../../contexts/ViewportContext.js";
+import { ToolbarLayout as g } from "./toolbar/ToolbarLayout.js";
+import { WrapperLayout as b } from "./WrapperLayout.js";
 import { useDocumentContext as x } from "../../contexts/RPDocumentContext.js";
-import { RPDropFileZone as b } from "../RPDropFileZone.js";
-import { c as j } from "../../RPLayout.module-967bf4bc.js";
+import { RPDropFileZone as k } from "../RPDropFileZone.js";
+import { c as j } from "../../RPLayout.module-b4b23e29.js";
 import { useLoaderContext as v } from "../../contexts/LoaderContext.js";
 import { LayoutContainer as w } from "./LayoutContainer.js";
+import { SkipLink as p } from "./SkipLink.js";
 import "../../clsx-0c6e471a.js";
 import "./toolbar/ToolbarDefault.js";
-import "../../ToolbarLayout.module-1fee0a18.js";
+import "../../ToolbarLayout.module-6e339802.js";
 import "./sidebar/Thumbnails.js";
 import "./sidebar/Thumbnail.js";
 import "../icons/LoaderIcon.js";
 import "../../PaginationContext-9217cab4.js";
 import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../utils/appConsole.js";
 import "../../contexts/InitialStateContext.js";
@@ -82,10 +83,10 @@ import "../icons/ChevronUpIcon.js";
 import "./toolbar/SearchCloseButton.js";
 import "../icons/CloseIcon.js";
 import "../ui/DropDown.js";
-import "../../index-4baea9b5.js";
-import "../../Combination-54a77a7a.js";
+import "../../index-61f59539.js";
+import "../../Combination-136ff99c.js";
 import "./toolbar/Paginate.js";
-import "../../Paginate.module-206a7d7d.js";
+import "../../Paginate.module-4eef00aa.js";
 import "./toolbar/ZoomTool.js";
 import "../icons/ZoomInIcon.js";
 import "../icons/ZoomOutIcon.js";
@@ -118,6 +119,7 @@ import "../../RotateTool.module-67946714.js";
 import "../../utils/hooks/useRotate.js";
 import "./toolbar/ViewModeTool.js";
 import "../icons/DualPageIcon.js";
+import "../icons/DualPageWithCoverIcon.js";
 import "../icons/SinglePageIcon.js";
 import "./toolbar/ScrollModeTool.js";
 import "../icons/PageScrollingIcon.js";
@@ -144,7 +146,7 @@ import "../icons/HandModeDefaultIcon.js";
 import "../../contexts/SelectionModeContext.js";
 import "../../RPToolbar.module-27d7fe77.js";
 import "../ui/LoadingIndicator.js";
-import "./sidebar/RPSplitter.js";
+import "../../RPSplitter-f6acf13b.js";
 import "./toolbar/ToolbarCustom.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../utils/hooks/useLoadPdf.js";
@@ -155,26 +157,28 @@ import "../../utils/formatFileSize.js";
 import "../icons/LightPdfIcon.js";
 import "../icons/DarkPdfIcon.js";
 import "../../contexts/ThemeContext.js";
-const br = (p) => {
+const vr = (e) => {
   const {
-    children: e,
-    style: n,
-    className: a,
+    children: n,
+    style: a,
+    className: l,
     mobileWidth: s,
     onLoaded: t,
     cleanupOnLoaded: r,
-    onLayoutWidthChange: l,
-    toolbar: d
-  } = p, { setContainer: c } = u(), { loading: f } = x(), { LoaderImageComponent: i } = v();
-  return h(() => (t && t(), () => {
+    onLayoutWidthChange: d,
+    toolbar: f
+  } = e, { setContainer: c } = y(), { loading: h } = x(), { LoaderImageComponent: i } = v();
+  return u(() => (t && t(), () => {
     r && r();
   }), [t, r]), // TODO: deprecated in v2.0.0, remove later ("LayoutContainer") ~
-  /* @__PURE__ */ o(w, { children: /* @__PURE__ */ o(C, { mobileWidth: s, onLayoutWidthChange: l, children: /* @__PURE__ */ m(y, { getContainerRef: c, style: n, className: a, children: [
-    /* @__PURE__ */ m(g, { children: [
-      /* @__PURE__ */ o(L, { toolbar: d, children: e }),
-      /* @__PURE__ */ o(b, {})
+  /* @__PURE__ */ o(w, { children: /* @__PURE__ */ o(L, { mobileWidth: s, onLayoutWidthChange: d, children: /* @__PURE__ */ m(C, { getContainerRef: c, style: a, className: l, children: [
+    /* @__PURE__ */ o(p, { href: "#rp-menu", label: "Skip to Menu" }),
+    /* @__PURE__ */ o(p, { href: "#rp-main-content", label: "Skip to Main Content" }),
+    /* @__PURE__ */ m(b, { children: [
+      /* @__PURE__ */ o(g, { toolbar: f, children: n }),
+      /* @__PURE__ */ o(k, {})
     ] }),
-    f ? /* @__PURE__ */ o(
+    h ? /* @__PURE__ */ o(
       "div",
       {
         className: j["rp-loader"],
@@ -205,5 +209,5 @@ const br = (p) => {
   ] }) }) });
 };
 export {
-  br as RPLayout
+  vr as RPLayout
 };

package/dist/components/layout/SkipLink.js

@@ -0,0 +1,29 @@
+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
+};

package/dist/components/layout/WrapperLayout.js

@@ -7,7 +7,7 @@ import "../../contexts/RPDocumentContext.js";
 import "../../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
 import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";

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

@@ -1,23 +1,24 @@
 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 _ } from "../../icons/Thumbnail.js";
-import { UIButton as w } from "../../ui/Button.js";
-import { Thumbnails as x } from "./Thumbnails.js";
-import { RPSplitter as R } from "./RPSplitter.js";
-import { useThumbnailContext as v } from "../../../contexts/ThumbnailsContext.js";
-import { useToolbarComponentContext as N } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as S } from "../../../contexts/IconContext.js";
-import k from "../../ui/RPTooltip.js";
-import { useLocalizationContext as z } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as q } from "../../../contexts/IconToolContext.js";
-import { THUMBNAIL_MIN_WIDTH as y } from "../../../utils/constants.js";
+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-f6acf13b.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 "./Thumbnail.js";
 import "../../icons/LoaderIcon.js";
 import "../../../PaginationContext-9217cab4.js";
 import "../../../utils/types.js";
-import "../../../th_TH-d627cd51.js";
+import "../../../de_DE-a553b162.js";
 import "../../../contexts/ScrollModeContext.js";
 import "../../../utils/appConsole.js";
 import "../../../contexts/InitialStateContext.js";
@@ -39,7 +40,6 @@ import "../../../utils/smoothScrollTo.js";
 import "../../../contexts/DimensionPagesContext.js";
 import "../../../contexts/ZoomContext.js";
 import "../../../utils/getZoomLevel.js";
-import "../../../contexts/LayoutContainerContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../utils/hooks/useDebounce.js";
 import "../../../contexts/PagesRotateContext.js";
@@ -57,45 +57,40 @@ import "../../../index-e3ee9457.js";
 import "../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../index-655864a7.js";
 import "../../../utils/hooks/useLocalization.js";
-const n = {
-  "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_1bqgz_1",
-  "rp-sidebar-content": "_rp-sidebar-content_1bqgz_1",
-  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_1bqgz_16"
-}, B = () => {
-  const { thumbnailIcon: o } = S(), { thumbnailIcon: m } = q();
-  return o || m || /* @__PURE__ */ t(_, {});
-}, Dt = () => {
-  const { active: o, setActive: m } = v(), [c, b] = T(y), e = s(null), a = s(null), { thumbnailTool: i, sidebarEnable: u } = N(), { localeMessages: r } = z(), p = C(() => {
-    m((d) => !d);
-  }, []), h = I(() => typeof i != "boolean" && i ? /* @__PURE__ */ t(i, { onClick: p, active: o }) : i ? /* @__PURE__ */ t(k, { content: r == null ? void 0 : r.thumbnailTooltip, children: /* @__PURE__ */ t(
-    w,
+const $ = () => {
+  const { thumbnailIcon: o } = k(), { thumbnailIcon: p } = P();
+  return o || p || /* @__PURE__ */ t(x, {});
+}, Ut = () => {
+  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: p,
+      onClick: n,
       active: o,
       "aria-label": r == null ? void 0 : r.thumbnailTooltip,
-      children: /* @__PURE__ */ t(B, {})
+      children: /* @__PURE__ */ t($, {})
     }
-  ) }) : null, [i, o, p, r]);
-  return /* @__PURE__ */ t(f, { children: u && /* @__PURE__ */ l(
+  ) }) : null, [i, o, n, r]);
+  return /* @__PURE__ */ t(f, { children: h && /* @__PURE__ */ l(
     "div",
     {
       style: { "--rp-thumbnail-width": `${c}px` },
-      className: n["rp-sidebar-content-wrapper"],
+      className: m["rp-sidebar-content-wrapper"],
       "data-rp": "sidebar",
       children: [
-        /* @__PURE__ */ t("div", { ref: a, className: n["rp-sidebar-content"], children: h }),
+        /* @__PURE__ */ t("div", { ref: a, className: m["rp-sidebar-content"], children: b }),
         /* @__PURE__ */ l(
           "div",
           {
             "data-rp": "thumbnailSidebar",
-            hidden: !o,
-            className: n["rp-thumbnails-wrapper"],
+            className: `${m["rp-thumbnails-wrapper"]} ${o ? "" : m["rp-thumbnails-wrapper-hidden"]}`,
             children: [
-              /* @__PURE__ */ t(x, { show: o, ref: e }),
+              /* @__PURE__ */ t(v, { show: o, ref: e }),
               /* @__PURE__ */ t(
-                R,
+                w,
                 {
-                  onWidthChange: b,
+                  onWidthChange: u,
                   thumbnailRef: e,
                   leftSidebarRef: a
                 }
@@ -108,5 +103,5 @@ const n = {
   ) });
 };
 export {
-  Dt as RPSidebar
+  Ut as RPSidebar
 };

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

@@ -1,61 +1,8 @@
-import { jsx as y } from "react/jsx-runtime";
-import { useRef as f, useState as B, useCallback as v, useEffect as w } from "react";
-import { THUMBNAIL_MIN_WIDTH as _ } from "../../../utils/constants.js";
-import { useLayoutContainer as I } from "../../../contexts/LayoutContainerContext.js";
-const L = {
-  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_wfl8g_2",
-  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_wfl8g_19"
-}, R = {
-  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_1iiu0_1",
-  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_1iiu0_18"
-}, W = (s) => {
-  s.preventDefault(), s.stopPropagation();
-}, H = (s) => {
-  const { onWidthChange: e, thumbnailRef: x, leftSidebarRef: E, isRPLayout: S } = s, i = f(null), M = f(0), c = f(null), [a, D] = B(_), { container: p } = I(), P = v((r) => {
-    var u, l, m, o, g, d;
-    W(r);
-    const t = ((l = (u = i.current) == null ? void 0 : u.getBoundingClientRect()) == null ? void 0 : l.left) ?? 0, n = ((o = (m = x.current) == null ? void 0 : m.getBoundingClientRect()) == null ? void 0 : o.width) ?? 0;
-    c.current = { x: t, y: 0 }, M.current = n, (g = i.current) == null || g.classList.add(L["rp-thumbnail-dragger-dragging"]), (d = i.current) == null || d.classList.add(R["rp-thumbnail-dragger-dragging"]);
-  }, []), h = v((r) => {
-    var t, n;
-    W(r), c.current = null, (t = i.current) == null || t.classList.remove(L["rp-thumbnail-dragger-dragging"]), (n = i.current) == null || n.classList.remove(R["rp-thumbnail-dragger-dragging"]);
-  }, []), b = v(
-    (r) => {
-      if (!c.current)
-        return;
-      const t = r.clientX - c.current.x, n = Math.max(
-        _,
-        Math.min(M.current + t, a)
-      );
-      e == null || e(n), W(r);
-    },
-    [e, a]
-  );
-  return w(() => {
-    if (!p)
-      return;
-    const r = new ResizeObserver(([t]) => {
-      var o, g, d;
-      const n = ((o = i.current) == null ? void 0 : o.offsetWidth) ?? 0, u = ((d = (g = E.current) == null ? void 0 : g.getBoundingClientRect()) == null ? void 0 : d.width) ?? 0, l = t.contentRect.width / 2, m = n + u;
-      D(l - m);
-    });
-    return r.observe(p), () => {
-      r.disconnect();
-    };
-  }, [p, E]), w(() => {
-    var t;
-    (((t = x.current) == null ? void 0 : t.clientWidth) ?? _) > a && (e == null || e(a));
-  }, [a, e]), w(() => (window.addEventListener("pointermove", b), window.addEventListener("pointerup", h), () => {
-    window.removeEventListener("pointermove", b), window.removeEventListener("pointerup", h);
-  }), [b, h]), /* @__PURE__ */ y(
-    "div",
-    {
-      ref: i,
-      className: S ? R["rp-thumbnail-dragger"] : L["rp-thumbnail-dragger"],
-      onPointerDown: P
-    }
-  );
-};
+import "react/jsx-runtime";
+import "react";
+import { R as e } from "../../../RPSplitter-f6acf13b.js";
+import "../../../utils/constants.js";
+import "../../../contexts/LayoutContainerContext.js";
 export {
-  H as RPSplitter
+  e as RPSplitter
 };