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

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

@@ -11,7 +11,7 @@ import { ViewModeTool as J } from "./ViewModeTool.js";
 import { ScrollModeTool as K } from "./ScrollModeTool.js";
 import { useViewportContext as Q } from "../../../contexts/ViewportContext.js";
 import { FileUploadTool as W } from "./FileUploadTool.js";
-import { G as X } from "../../../index-4baea9b5.js";
+import { G as X } from "../../../index-61f59539.js";
 import { MenuSeparator as Y } from "./MenuSeparator.js";
 import { FileDownloadTool as Z } from "./FileDownloadTool.js";
 import { PrintTool as _ } from "./PrintTool.js";
@@ -20,7 +20,7 @@ import { MostPageTool as to } from "./MostPageTool.js";
 import ro from "../../ui/RPTooltip.js";
 import { SelectionModeTool as io } from "./SelectionModeTool.js";
 import { useToolbarComponentContext as eo } from "../../../contexts/ToolbarComponentContext.js";
-import { useState as C, useRef as mo, useMemo as F, useEffect as po } from "react";
+import { useState as F, useRef as mo, useMemo as P, useEffect as po } from "react";
 import { useLocalizationContext as lo } from "../../../contexts/LocalizationContext.js";
 import { useToolComponentContext as no } from "../../../contexts/ToolComponentContext.js";
 import "../../../clsx-0c6e471a.js";
@@ -28,14 +28,14 @@ import "../../../utils/withRef.js";
 import "../../../index-c0faa594.js";
 import "react-dom";
 import "../../../index-e3ee9457.js";
-import "../../../Combination-54a77a7a.js";
+import "../../../Combination-136ff99c.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";
 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";
@@ -55,6 +55,7 @@ import "../../../utils/hooks/useRotate.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/InitialStateContext.js";
 import "../../icons/DualPageIcon.js";
+import "../../icons/DualPageWithCoverIcon.js";
 import "../../icons/SinglePageIcon.js";
 import "../../../contexts/ViewModeContext.js";
 import "../../icons/CheckIcon.js";
@@ -96,65 +97,73 @@ import "../../../MostPageTool.module-13578ad6.js";
 import "../../icons/TextSelectionDefaultIcon.js";
 import "../../icons/HandModeDefaultIcon.js";
 import "../../../contexts/SelectionModeContext.js";
-const or = () => {
-  const [P, S] = C(!1), { container: R, pagesRef: i } = G(), { isSmallScreen: r } = Q(), {
-    openFileTool: p,
-    downloadTool: l,
-    documentProperties: n,
-    scrollModeTool: s,
-    rotateTool: c,
-    selectionModeTool: T,
-    jumpNavigationTool: a,
-    printTool: d,
+const tr = () => {
+  const [p, S] = F(!1), { container: R, pagesRef: i } = G(), { isSmallScreen: r } = Q(), {
+    openFileTool: l,
+    downloadTool: n,
+    documentProperties: s,
+    scrollModeTool: a,
+    rotateTool: d,
+    selectionModeTool: c,
+    jumpNavigationTool: T,
+    printTool: u,
     fullscreenTool: f,
     viewModeTool: j
   } = eo(), {
-    openFileTool: u,
-    downloadTool: h,
-    documentProperties: O,
-    scrollModeTool: w,
-    rotateTool: M,
-    selectionModeTool: v,
-    jumpNavigationTool: D,
+    openFileTool: h,
+    downloadTool: O,
+    documentProperties: w,
+    scrollModeTool: M,
+    rotateTool: v,
+    selectionModeTool: D,
+    jumpNavigationTool: x,
     printTool: b,
     fullscreenTool: g,
     viewModeTool: k
-  } = no(), { localeMessages: t } = lo(), [I, N] = C(0), x = mo(
+  } = no(), { localeMessages: t } = lo(), [I, N] = F(0), C = mo(
     new ResizeObserver((e) => {
       N(e[0].contentRect.height);
     })
-  ), z = F(() => a || c || T || s || n || j || r && (p || l || d || f), [
-    p,
+  ), z = P(() => T || d || c || a || s || j || r && (l || n || u || f), [
     l,
-    d,
-    f,
     n,
+    u,
+    f,
     s,
+    a,
+    d,
     c,
     T,
-    a,
     r
-  ]), H = F(() => D || M || v || w || O || k || r && (u || h || b || g), [
-    u,
+  ]), H = P(() => x || v || D || M || w || k || r && (h || O || b || g), [
     h,
+    O,
     b,
     g,
-    O,
     w,
     M,
     v,
     D,
+    x,
     r
   ]);
-  return po(() => (i && x.current.observe(i), () => {
-    x.current.disconnect();
+  return po(() => (i && C.current.observe(i), () => {
+    C.current.disconnect();
   }), [i]), !z || !H ? null : /* @__PURE__ */ m(y, { children: [
     /* @__PURE__ */ o(
       B,
       {
         container: R,
         onOpenChange: S,
-        triggerComponent: /* @__PURE__ */ o("div", { role: "button", children: /* @__PURE__ */ o(ro, { content: t == null ? void 0 : t.moreOptionTooltip, children: /* @__PURE__ */ o(V, { active: P, "aria-label": t == null ? void 0 : t.moreOptionTooltip, children: /* @__PURE__ */ o(L, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ o("div", { role: "button", "aria-haspopup": "menu", children: /* @__PURE__ */ o(ro, { content: t == null ? void 0 : t.moreOptionTooltip, children: /* @__PURE__ */ o(
+          V,
+          {
+            active: p,
+            "aria-label": t == null ? void 0 : t.moreOptionTooltip,
+            "aria-expanded": p,
+            children: /* @__PURE__ */ o(L, { "aria-hidden": "true" })
+          }
+        ) }) }),
         side: "bottom",
         avoidCollisions: !1,
         children: /* @__PURE__ */ m(
@@ -186,5 +195,5 @@ const or = () => {
   ] });
 };
 export {
-  or as OtherTool
+  tr as OtherTool
 };

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

@@ -1,11 +1,11 @@
-import { jsx as n, jsxs as h } from "react/jsx-runtime";
+import { jsx as n, jsxs as T } from "react/jsx-runtime";
 import { useState as k, useEffect as D, useCallback as m, useMemo as L } from "react";
-import { ChevronUpIcon as S } from "../../icons/ChevronUpIcon.js";
-import { UIButton as T } from "../../ui/Button.js";
+import { ChevronUpIcon as b } from "../../icons/ChevronUpIcon.js";
+import { UIButton as h } from "../../ui/Button.js";
 import { UIInput as V } from "../../ui/Input.js";
-import { c as g } from "../../../Paginate.module-206a7d7d.js";
+import { c as g } from "../../../Paginate.module-4eef00aa.js";
 import { u as A } from "../../../PaginationContext-9217cab4.js";
-import { useIconContext as N } from "../../../contexts/IconContext.js";
+import { useIconContext as S } from "../../../contexts/IconContext.js";
 import { useToolbarComponentContext as B } from "../../../contexts/ToolbarComponentContext.js";
 import { useViewportContext as G } from "../../../contexts/ViewportContext.js";
 import f from "../../ui/RPTooltip.js";
@@ -13,7 +13,7 @@ import { useLocalizationContext as j } from "../../../contexts/LocalizationConte
 import { useViewModeContext as K } from "../../../contexts/ViewModeContext.js";
 import { useScrollModeContext as O } from "../../../contexts/ScrollModeContext.js";
 import { ViewMode as R, ScrollMode as _ } from "../../../utils/types.js";
-import { useIconToolContext as b } from "../../../contexts/IconToolContext.js";
+import { useIconToolContext as N } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as z } from "../../../contexts/ToolComponentContext.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/withRef.js";
@@ -24,7 +24,7 @@ import "../../../utils/getThumbnailViewport.js";
 import "../../../contexts/ConfigContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../utils/appConsole.js";
-import "../../../th_TH-d627cd51.js";
+import "../../../de_DE-a553b162.js";
 import "../../../utils/hooks/usePdfProperties.js";
 import "../../../utils/convertPdfDate.js";
 import "../../../utils/formatFileSize.js";
@@ -52,81 +52,88 @@ import "../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../index-655864a7.js";
 import "../../../utils/hooks/useLocalization.js";
 const F = () => {
-  const { prevIcon: o } = N(), { prevIcon: r } = b();
-  return o || r || /* @__PURE__ */ n(S, {});
+  const { prevIcon: t } = S(), { prevIcon: r } = N();
+  return t || r || /* @__PURE__ */ n(b, {});
 }, q = () => {
-  const { nextIcon: o } = N(), { nextIcon: r } = b();
-  return o || r || /* @__PURE__ */ n(S, { style: { transform: "rotate(180deg" } });
+  const { nextIcon: t } = S(), { nextIcon: r } = N();
+  return t || r || /* @__PURE__ */ n(b, { style: { transform: "rotate(180deg" } });
 }, Ho = () => {
-  const { focusedPage: o, totalPages: r, setFocusedPage: d, nextPage: a, prevPage: c, goToPage: i } = A(), [l, p] = k(o.toString()), { pageNavigationTool: u = !0 } = B(), { pageNavigationTool: s = !0 } = z(), { isSmallScreen: P } = G(), { viewMode: x } = K(), { scrollMode: C } = O(), { localeMessages: t } = j();
+  const { focusedPage: t, totalPages: r, setFocusedPage: P, nextPage: c, prevPage: u, goToPage: i } = A(), [p, a] = k(t.toString()), { pageNavigationTool: l = !0 } = B(), { pageNavigationTool: s = !0 } = z(), { isSmallScreen: d } = G(), { viewMode: x } = K(), { scrollMode: v } = O(), { localeMessages: o } = j();
   D(() => {
-    p(o.toString());
-  }, [o]);
+    a(t.toString());
+  }, [t]);
   const w = m((e) => {
-    const v = e.target.value;
-    p(v);
+    const C = e.target.value;
+    a(C);
   }, []), I = m(async () => {
-    const e = i(l);
-    e.success || p(e.currentPage.toString());
-  }, [i, l, r]), y = m(() => {
-    p(o.toString());
-  }, [o]), E = m(
+    const e = i(p);
+    e.success || a(e.currentPage.toString());
+  }, [i, p, r]), y = m(() => {
+    a(t.toString());
+  }, [t]), E = m(
     (e) => {
       e.key === "Enter" && I();
     },
     [I]
-  ), U = L(() => x === R.DUAL_PAGE && C === _.PAGE_SCROLLING && o === r - 1 || o === r, [o, r, x, C]);
-  return !u || !s ? null : typeof u != "boolean" ? /* @__PURE__ */ n(
-    u,
+  ), U = L(() => x === R.DUAL_PAGE && v === _.PAGE_SCROLLING && t === r - 1 || t === r, [t, r, x, v]);
+  return !l || !s ? null : typeof l != "boolean" ? /* @__PURE__ */ n(
+    l,
     {
       total: r,
-      current: o,
-      nextPage: a,
-      prevPage: c,
+      current: t,
+      nextPage: c,
+      prevPage: u,
       goToPage: i,
-      changePage: d
+      changePage: P
     }
   ) : typeof s != "boolean" ? /* @__PURE__ */ n(
     s,
     {
       total: r,
-      current: o,
-      nextPage: a,
-      prevPage: c,
+      current: t,
+      nextPage: c,
+      prevPage: u,
       goToPage: i,
-      changePage: d
+      changePage: P
     }
-  ) : /* @__PURE__ */ h("div", { className: g["rp-paginate"], children: [
-    !P && /* @__PURE__ */ n(f, { content: t == null ? void 0 : t.previousPageTooltip, children: /* @__PURE__ */ n(
-      T,
+  ) : /* @__PURE__ */ T("div", { className: g["rp-paginate"], children: [
+    !d && /* @__PURE__ */ n(f, { content: o == null ? void 0 : o.previousPageTooltip, children: /* @__PURE__ */ n(
+      h,
       {
-        onClick: c,
-        "aria-label": t == null ? void 0 : t.previousPageTooltip,
-        "aria-disabled": o === 1,
+        onClick: u,
+        "aria-label": o == null ? void 0 : o.previousPageTooltip,
+        "aria-disabled": t === 1,
         children: /* @__PURE__ */ n(F, {})
       }
     ) }),
-    /* @__PURE__ */ n(f, { content: t == null ? void 0 : t.currentPageTooltip, children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(f, { content: o == null ? void 0 : o.currentPageTooltip, children: /* @__PURE__ */ n(
       V,
       {
         onKeyDown: E,
         onBlur: y,
         onChange: w,
-        value: l,
+        value: p,
         className: g["rp-page-input"],
         id: "page-input",
-        name: "page-input"
+        name: "page-input",
+        "aria-label": o == null ? void 0 : o.currentPageTooltip,
+        "aria-valuemin": 1,
+        "aria-valuemax": r,
+        "aria-valuenow": parseInt(p) || t,
+        type: "number",
+        min: 1,
+        max: r
       }
     ) }),
-    /* @__PURE__ */ h("span", { className: g["rp-total-page"], children: [
+    /* @__PURE__ */ T("span", { className: g["rp-total-page"], children: [
       "/",
       r
     ] }),
-    !P && /* @__PURE__ */ n(f, { content: t == null ? void 0 : t.nextPageTooltip, children: /* @__PURE__ */ n(
-      T,
+    !d && /* @__PURE__ */ n(f, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ n(
+      h,
       {
-        onClick: a,
-        "aria-label": t == null ? void 0 : t.nextPageTooltip,
+        onClick: c,
+        "aria-label": o == null ? void 0 : o.nextPageTooltip,
         "aria-disabled": U,
         children: /* @__PURE__ */ n(q, {})
       }

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

@@ -18,7 +18,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";
@@ -28,11 +28,11 @@ import "../../../utils/convertPdfDate.js";
 import "../../../utils/formatFileSize.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../utils/hooks/useLocalization.js";
-import "../../../index-4baea9b5.js";
+import "../../../index-61f59539.js";
 import "../../../index-c0faa594.js";
 import "react-dom";
 import "../../../index-e3ee9457.js";
-import "../../../Combination-54a77a7a.js";
+import "../../../Combination-136ff99c.js";
 import "../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../index-655864a7.js";
 const C = () => {

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

@@ -3,12 +3,12 @@ import { MenuItem as f } from "./MenuItem.js";
 import { InfoIcon as s } from "../../icons/InfoIcon.js";
 import d from "../../ui/RPTooltip.js";
 import { MenuSeparator as e } from "./MenuSeparator.js";
-import "../../../index-4baea9b5.js";
+import "../../../index-61f59539.js";
 import "react";
 import "../../../index-c0faa594.js";
 import "react-dom";
 import "../../../index-e3ee9457.js";
-import "../../../Combination-54a77a7a.js";
+import "../../../Combination-136ff99c.js";
 import "../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../index-655864a7.js";
 import "../../../clsx-0c6e471a.js";

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

@@ -1,5 +1,5 @@
-import { jsxs as T, Fragment as R, jsx as t } from "react/jsx-runtime";
-import { useState as k, useRef as z, useMemo as M, useEffect as j } from "react";
+import { jsxs as u, Fragment as R, jsx as t } from "react/jsx-runtime";
+import { useState as k, useRef as z, useMemo as P, useEffect as j } from "react";
 import { c as H } from "../../../OtherTool.module-a4be5f1f.js";
 import { useLayoutContainer as L } from "../../../contexts/LayoutContainerContext.js";
 import { ThreeDotIcon as N } from "../../icons/ThreeDotIcon.js";
@@ -7,15 +7,15 @@ import { UIButton as U } from "../../ui/Button.js";
 import { UIDropDown as y } from "../../ui/DropDown.js";
 import { DocumentDialog as B } from "./DocumentDialog.js";
 import { useViewportContext as G } from "../../../contexts/ViewportContext.js";
-import { G as E } from "../../../index-4baea9b5.js";
-import { MenuSeparator as b } from "./MenuSeparator.js";
-import $ from "../../ui/RPTooltip.js";
-import { useLocalizationContext as q } from "../../../contexts/LocalizationContext.js";
-import { FileDownloadTool as A } from "./tools/more-options/FileDownloadTool.js";
-import { FileUploadTool as J } from "./tools/more-options/FileUploadTool.js";
-import { PrintTool as K } from "./tools/more-options/PrintTool.js";
-import { FullScreenTool as Q } from "./tools/more-options/FullScreenTool.js";
-import { MostPageTool as W } from "./tools/more-options/MostPageTool.js";
+import { G as W } from "../../../index-61f59539.js";
+import { MenuSeparator as M } from "./MenuSeparator.js";
+import E from "../../ui/RPTooltip.js";
+import { useLocalizationContext as $ } from "../../../contexts/LocalizationContext.js";
+import { FileDownloadTool as q } from "./tools/more-options/FileDownloadTool.js";
+import { FileUploadTool as A } from "./tools/more-options/FileUploadTool.js";
+import { PrintTool as J } from "./tools/more-options/PrintTool.js";
+import { FullScreenTool as K } from "./tools/more-options/FullScreenTool.js";
+import { MostPageTool as Q } from "./tools/more-options/MostPageTool.js";
 import { RotateTool as X } from "./tools/more-options/RotateTool.js";
 import { SelectionModeTool as Y } from "./tools/more-options/SelectionModeTool.js";
 import { ViewModeTool as Z } from "./tools/more-options/ViewModeTool.js";
@@ -26,14 +26,14 @@ import "../../../utils/withRef.js";
 import "../../../index-c0faa594.js";
 import "react-dom";
 import "../../../index-e3ee9457.js";
-import "../../../Combination-54a77a7a.js";
+import "../../../Combination-136ff99c.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";
 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";
@@ -87,69 +87,70 @@ import "../../icons/HandModeDefaultIcon.js";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/SelectionModeContext.js";
 import "../../icons/DualPageIcon.js";
+import "../../icons/DualPageWithCoverIcon.js";
 import "../../icons/SinglePageIcon.js";
 import "../../icons/PageScrollingIcon.js";
 import "../../icons/VerticalScrollingIcon.js";
 import "../../icons/HorizontalScrollingIcon.js";
 import "../../icons/InfoIcon.js";
-const Er = (P) => {
-  const { children: S, icons: o, slots: r, slotTop: s, slotBottom: V } = P, {
+const Er = (b) => {
+  const { children: S, icons: o, slots: r, slotTop: v, slotBottom: V } = b, {
     openFileTool: i = !0,
     downloadTool: m = !0,
     printTool: p = !0,
     fullscreenTool: l = !0,
-    jumpNavigationTool: u = !0,
+    jumpNavigationTool: T = !0,
     rotateTool: d = !0,
     selectionModeTool: f = !0,
     scrollModeTool: I = !0,
-    documentProperties: g = !0,
-    viewModeTool: h = !0
-  } = r ?? {}, { container: v, pagesRef: c } = L(), { isSmallScreen: a } = G(), { localeMessages: e } = q(), [x, C] = k(0), w = z(
+    documentProperties: h = !0,
+    viewModeTool: g = !0
+  } = r ?? {}, { container: s, pagesRef: a } = L(), { isSmallScreen: c } = G(), { localeMessages: e } = $(), [C, x] = k(0), w = z(
     new ResizeObserver((n) => {
-      C(n[0].contentRect.height);
+      x(n[0].contentRect.height);
     })
-  ), D = M(() => {
+  ), D = P(() => {
     let n = !1;
-    const O = u || d || f || I || g || h;
-    return a && (n = !(!i && !m && !p && !l)), O || n;
+    const O = T || d || f || I || h || g;
+    return c && (n = !(!i && !m && !p && !l)), O || n;
   }, [
-    a,
+    c,
     i,
     p,
     l,
     m,
-    g,
+    h,
     I,
     d,
     f,
-    u,
-    h
-  ]), F = M(() => i || m || p || l, [i, m, p, l]);
-  return j(() => (c && w.current.observe(c), () => {
+    T,
+    g
+  ]), F = P(() => i || m || p || l, [i, m, p, l]);
+  return j(() => (a && w.current.observe(a), () => {
     w.current.disconnect();
-  }), [c]), D ? /* @__PURE__ */ T(R, { children: [
+  }), [a]), D ? /* @__PURE__ */ u(R, { children: [
     /* @__PURE__ */ t(
       y,
       {
-        container: v,
-        triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t($, { content: e == null ? void 0 : e.moreOptionTooltip, children: /* @__PURE__ */ t(U, { "aria-label": e == null ? void 0 : e.moreOptionTooltip, children: /* @__PURE__ */ t(N, {}) }) }) }),
-        children: /* @__PURE__ */ T(
+        container: s,
+        triggerComponent: /* @__PURE__ */ t("div", { role: "button", "aria-haspopup": "menu", children: /* @__PURE__ */ t(E, { content: e == null ? void 0 : e.moreOptionTooltip, children: /* @__PURE__ */ t(U, { "aria-label": e == null ? void 0 : e.moreOptionTooltip, children: /* @__PURE__ */ t(N, { "aria-hidden": "true" }) }) }) }),
+        children: /* @__PURE__ */ u(
           "div",
           {
-            style: { maxHeight: `${x}px`, overflow: "auto" },
+            style: { maxHeight: `${C}px`, overflow: "auto" },
             className: H["rp-other-tool-content"],
             "data-rp": "moreOptionsDropdown",
             children: [
-              s,
-              a && /* @__PURE__ */ T(E, { children: [
-                /* @__PURE__ */ t(J, { icon: o == null ? void 0 : o.openFileIcon, isToolVisible: r == null ? void 0 : r.openFileTool }),
-                /* @__PURE__ */ t(A, { icon: o == null ? void 0 : o.downloadIcon, isToolVisible: r == null ? void 0 : r.downloadTool }),
-                /* @__PURE__ */ t(K, { icon: o == null ? void 0 : o.printIcon, isToolVisible: r == null ? void 0 : r.printTool }),
-                /* @__PURE__ */ t(Q, { icon: o == null ? void 0 : o.fullScreenIcon, isToolVisible: r == null ? void 0 : r.fullscreenTool }),
-                F && /* @__PURE__ */ t(b, {})
+              v,
+              c && /* @__PURE__ */ u(W, { children: [
+                /* @__PURE__ */ t(A, { icon: o == null ? void 0 : o.openFileIcon, isToolVisible: r == null ? void 0 : r.openFileTool }),
+                /* @__PURE__ */ t(q, { icon: o == null ? void 0 : o.downloadIcon, isToolVisible: r == null ? void 0 : r.downloadTool }),
+                /* @__PURE__ */ t(J, { icon: o == null ? void 0 : o.printIcon, isToolVisible: r == null ? void 0 : r.printTool }),
+                /* @__PURE__ */ t(K, { icon: o == null ? void 0 : o.fullScreenIcon, isToolVisible: r == null ? void 0 : r.fullscreenTool }),
+                F && /* @__PURE__ */ t(M, {})
               ] }),
               /* @__PURE__ */ t(
-                W,
+                Q,
                 {
                   icons: {
                     firstPageIcon: o == null ? void 0 : o.goToFirstPageIcon,
@@ -181,7 +182,7 @@ const Er = (P) => {
               /* @__PURE__ */ t(
                 Z,
                 {
-                  icons: { singlePageIcon: o == null ? void 0 : o.singlePageIcon, dualPageIcon: o == null ? void 0 : o.dualPageIcon },
+                  icons: { singlePageIcon: o == null ? void 0 : o.singlePageIcon, dualPageIcon: o == null ? void 0 : o.dualPageIcon, dualPageWithCoverIcon: o == null ? void 0 : o.dualPageWithCoverIcon },
                   isToolVisible: r == null ? void 0 : r.viewModeTool
                 }
               ),
@@ -196,7 +197,7 @@ const Er = (P) => {
                   isToolVisible: r == null ? void 0 : r.scrollModeTool
                 }
               ),
-              !((r == null ? void 0 : r.scrollModeTool) === !1 || (r == null ? void 0 : r.documentProperties) === !1) && /* @__PURE__ */ t(b, {}),
+              !((r == null ? void 0 : r.scrollModeTool) === !1 || (r == null ? void 0 : r.documentProperties) === !1) && /* @__PURE__ */ t(M, {}),
               /* @__PURE__ */ t(
                 oo,
                 {

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

@@ -15,10 +15,10 @@ import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../../clsx-0c6e471a.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";
@@ -61,8 +61,8 @@ import "../../../contexts/IconToolContext.js";
 import "./FileUploadTool.js";
 import "../../icons/FileUploadDefaultIcon.js";
 import "./MenuItem.js";
-import "../../../index-4baea9b5.js";
-import "../../../Combination-54a77a7a.js";
+import "../../../index-61f59539.js";
+import "../../../Combination-136ff99c.js";
 import "../../../contexts/FileInputContext.js";
 import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
@@ -87,6 +87,7 @@ import "../../../RotateTool.module-67946714.js";
 import "../../../utils/hooks/useRotate.js";
 import "./ViewModeTool.js";
 import "../../icons/DualPageIcon.js";
+import "../../icons/DualPageWithCoverIcon.js";
 import "../../icons/SinglePageIcon.js";
 import "../../icons/CheckIcon.js";
 import "./ScrollModeTool.js";
@@ -128,7 +129,7 @@ import "../../../utils/getWordPositionInPage.js";
 import "./SearchResultNavigator.js";
 import "./SearchCloseButton.js";
 import "../../../utils/hooks/usePrint.js";
-const Mr = v((x, m) => {
+const Qr = v((x, m) => {
   const { showPrintProgress: p = !0 } = w(), { showPrintProgress: e = !0 } = b(), { progress: s, showDefaultProgress: n } = u(), { isSmallScreen: a } = C(), { percentage: i } = s || {}, l = () => a ? { gridTemplateColumns: "25% 60% 15%" } : void 0, d = () => {
     if (!(!(n ?? (p && e)) || !i))
       return /* @__PURE__ */ o(g, { percentage: i });
@@ -146,5 +147,5 @@ const Mr = v((x, m) => {
   ] });
 });
 export {
-  Mr as RPToolbar
+  Qr as RPToolbar
 };

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

@@ -14,11 +14,11 @@ import "../../ui/Button.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/withRef.js";
 import "./MenuItem.js";
-import "../../../index-4baea9b5.js";
+import "../../../index-61f59539.js";
 import "../../../index-c0faa594.js";
 import "react-dom";
 import "../../../index-e3ee9457.js";
-import "../../../Combination-54a77a7a.js";
+import "../../../Combination-136ff99c.js";
 import "../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../index-655864a7.js";
 import "../../../contexts/FileInputContext.js";
@@ -26,7 +26,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";
@@ -63,6 +63,7 @@ import "../../../contexts/RotationContext.js";
 import "../../../contexts/InitialStateContext.js";
 import "./ViewModeTool.js";
 import "../../icons/DualPageIcon.js";
+import "../../icons/DualPageWithCoverIcon.js";
 import "../../icons/SinglePageIcon.js";
 import "../../../contexts/ViewModeContext.js";
 import "../../icons/CheckIcon.js";
@@ -102,7 +103,7 @@ import "../../../contexts/DownloadContext.js";
 import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/PrintContext.js";
 import "../../../utils/hooks/usePrint.js";
-const nr = () => {
+const fr = () => {
   const { isSmallScreen: t } = s();
   return /* @__PURE__ */ r(m, { children: [
     /* @__PURE__ */ o(p, {}),
@@ -116,5 +117,5 @@ const nr = () => {
   ] });
 };
 export {
-  nr as RPToolbarEnd
+  fr as RPToolbarEnd
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as C, jsxs as i } from "react/jsx-runtime";
-import { G as u } from "../../../index-4baea9b5.js";
+import { G as u } from "../../../index-61f59539.js";
 import { ClockwiseIcon as c } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as m } from "./MenuItem.js";
 import { c as f } from "../../../RotateTool.module-67946714.js";
@@ -15,7 +15,7 @@ import "react";
 import "../../../index-c0faa594.js";
 import "react-dom";
 import "../../../index-e3ee9457.js";
-import "../../../Combination-54a77a7a.js";
+import "../../../Combination-136ff99c.js";
 import "../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../index-655864a7.js";
 import "../../../clsx-0c6e471a.js";
@@ -26,7 +26,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";