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

package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js

@@ -1,12 +1,12 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { MenuItem as a } from "../../MenuItem.js";
-import s from "../../../../ui/RPTooltip.js";
+import l from "../../../../ui/RPTooltip.js";
 import { c as C } from "../../../../../MostPageTool.module-13578ad6.js";
-import { G } from "../../../../../index-4baea9b5.js";
+import { G } from "../../../../../index-61f59539.js";
 import { u as L } from "../../../../../PaginationContext-9217cab4.js";
-import { useMemo as l, useCallback as c } from "react";
+import { useMemo as d, useCallback as c } from "react";
 import { MenuSeparator as N } from "../../MenuSeparator.js";
-import { GoToDownIcon as d } from "../../../../icons/GoToDownIcon.js";
+import { GoToDownIcon as s } from "../../../../icons/GoToDownIcon.js";
 import { useLocalizationContext as v } from "../../../../../contexts/LocalizationContext.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../index-c0faa594.js";
@@ -15,9 +15,9 @@ import "../../../../../index-e3ee9457.js";
 import "../../../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../../../index-655864a7.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../Combination-54a77a7a.js";
+import "../../../../../Combination-136ff99c.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";
@@ -48,24 +48,40 @@ import "../../../../../contexts/SmoothScrollContext.js";
 import "../../../../../utils/getScrollDistance.js";
 import "../../../../../utils/calculatePage.js";
 import "../../../../../utils/hooks/useLocalization.js";
-const f = { width: "100%" }, Lo = (u) => {
-  const { icons: P, isToolVisible: h = !0 } = u, { firstPageIcon: e, lastPageIcon: n } = P ?? {}, { goToPage: i, totalPages: r, focusedPage: m } = L(), { localeMessages: o } = v(), T = l(() => m === 1, [m]), g = l(() => m === r, [m, r]), b = c(() => {
+const u = { width: "100%" }, Gt = (f) => {
+  const { icons: P, isToolVisible: h = !0 } = f, { firstPageIcon: n, lastPageIcon: e } = P ?? {}, { goToPage: i, totalPages: r, focusedPage: m } = L(), { localeMessages: t } = v(), T = d(() => m === 1, [m]), b = d(() => m === r, [m, r]), g = c(() => {
     i(1);
   }, [i]), x = c(() => {
     i(r);
   }, [i, r]);
   return h ? /* @__PURE__ */ p(G, { children: [
-    /* @__PURE__ */ t(a, { onClick: b, children: /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.firstPageTooltip, style: f, children: /* @__PURE__ */ p("div", { className: "rp-menu-item", "aria-disabled": T, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: e || /* @__PURE__ */ t(d, { className: C["rp-go-to-Top"] }) }),
-      /* @__PURE__ */ t("span", { children: o == null ? void 0 : o.firstPageLabel })
-    ] }) }) }),
-    /* @__PURE__ */ t(a, { onClick: x, children: /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.lastPageTooltip, style: f, children: /* @__PURE__ */ p("div", { className: "rp-menu-item", "aria-disabled": g, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: n || /* @__PURE__ */ t(d, {}) }),
-      /* @__PURE__ */ t("span", { children: o == null ? void 0 : o.lastPageLabel })
-    ] }) }) }),
-    /* @__PURE__ */ t(N, {})
+    /* @__PURE__ */ o(
+      a,
+      {
+        onClick: g,
+        disabled: T,
+        "aria-label": t == null ? void 0 : t.firstPageTooltip,
+        children: /* @__PURE__ */ o(l, { content: t == null ? void 0 : t.firstPageTooltip, style: u, children: /* @__PURE__ */ p("div", { className: "rp-menu-item", children: [
+          /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: n || /* @__PURE__ */ o(s, { className: C["rp-go-to-Top"], "aria-hidden": "true" }) }),
+          /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.firstPageLabel })
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ o(
+      a,
+      {
+        onClick: x,
+        disabled: b,
+        "aria-label": t == null ? void 0 : t.lastPageTooltip,
+        children: /* @__PURE__ */ o(l, { content: t == null ? void 0 : t.lastPageTooltip, style: u, children: /* @__PURE__ */ p("div", { className: "rp-menu-item", children: [
+          /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: e || /* @__PURE__ */ o(s, { "aria-hidden": "true" }) }),
+          /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.lastPageLabel })
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ o(N, {})
   ] }) : null;
 };
 export {
-  Lo as MostPageTool
+  Gt as MostPageTool
 };

package/dist/components/layout/toolbar/tools/more-options/PrintTool.js

@@ -1,9 +1,9 @@
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import { PrintDefaultTool as l } from "../../../../icons/PrintDefaultIcon.js";
-import { usePrintContext as c } from "../../../../../contexts/PrintContext.js";
+import { usePrintContext as u } from "../../../../../contexts/PrintContext.js";
 import { useViewportContext as f } from "../../../../../contexts/ViewportContext.js";
-import { useLocalizationContext as u } from "../../../../../contexts/LocalizationContext.js";
-import { MenuItem as s } from "../../MenuItem.js";
+import { useLocalizationContext as c } from "../../../../../contexts/LocalizationContext.js";
+import { MenuItem as d } from "../../MenuItem.js";
 import x from "../../../../ui/RPTooltip.js";
 import "react";
 import "../../../../../utils/hooks/usePrint.js";
@@ -11,7 +11,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";
@@ -21,24 +21,31 @@ 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";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../utils/withRef.js";
 const W = (m) => {
-  const { icon: r, isToolVisible: p = !0 } = m, { print: n } = c(), { isSmallScreen: i } = f(), { localeMessages: t } = u();
-  if (!p || !i)
+  const { icon: r, isToolVisible: p = !0 } = m, { print: n } = u(), { isSmallScreen: o } = f(), { localeMessages: t } = c();
+  if (!p || !o)
     return null;
-  if (i)
-    return /* @__PURE__ */ o(s, { onClick: n, children: /* @__PURE__ */ e(x, { className: "rp-menu-item", content: t == null ? void 0 : t.printTooltip, children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ o(l, {}) }),
-      t == null ? void 0 : t.printLabel
-    ] }) });
+  if (o)
+    return /* @__PURE__ */ i(
+      d,
+      {
+        onClick: n,
+        "aria-label": t == null ? void 0 : t.printTooltip,
+        children: /* @__PURE__ */ e(x, { className: "rp-menu-item", content: t == null ? void 0 : t.printTooltip, children: [
+          /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ i(l, { "aria-hidden": "true" }) }),
+          t == null ? void 0 : t.printLabel
+        ] })
+      }
+    );
 };
 export {
   W as PrintTool

package/dist/components/layout/toolbar/tools/more-options/RotateTool.js

@@ -1,12 +1,12 @@
-import { jsx as t, Fragment as C, jsxs as r } from "react/jsx-runtime";
-import { c as d } from "../../../../../RotateTool.module-67946714.js";
+import { jsx as o, Fragment as C, jsxs as r } from "react/jsx-runtime";
+import { c as k } from "../../../../../RotateTool.module-67946714.js";
 import { MenuItem as e } from "../../MenuItem.js";
 import p from "../../../../ui/RPTooltip.js";
-import { G as f } from "../../../../../index-4baea9b5.js";
+import { G as f } from "../../../../../index-61f59539.js";
 import { ClockwiseIcon as n } from "../../../../icons/ClockwiseIcon.js";
-import { MenuSeparator as k } from "../../MenuSeparator.js";
-import { useRotate as h } from "../../../../../utils/hooks/useRotate.js";
-import { useLocalizationContext as w } from "../../../../../contexts/LocalizationContext.js";
+import { MenuSeparator as h } from "../../MenuSeparator.js";
+import { useRotate as w } from "../../../../../utils/hooks/useRotate.js";
+import { useLocalizationContext as s } from "../../../../../contexts/LocalizationContext.js";
 import "../../../../../clsx-0c6e471a.js";
 import "react";
 import "../../../../../index-c0faa594.js";
@@ -15,7 +15,7 @@ import "../../../../../index-e3ee9457.js";
 import "../../../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../../../index-655864a7.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../Combination-54a77a7a.js";
+import "../../../../../Combination-136ff99c.js";
 import "../../../../../contexts/RotationContext.js";
 import "../../../../../utils/appConsole.js";
 import "../../../../../contexts/InitialStateContext.js";
@@ -23,7 +23,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";
@@ -32,17 +32,31 @@ import "../../../../../utils/convertPdfDate.js";
 import "../../../../../utils/formatFileSize.js";
 import "../../../../../utils/hooks/useLocalization.js";
 const M = (c) => {
-  const { icons: l, isToolVisible: a = !0 } = c, { rotateClockwiseIcon: i, rotateCounterClockwiseIcon: m } = l ?? {}, { handleRotateClockwise: u, handleRotateCounterclockwise: s } = h(), { localeMessages: o } = w();
-  return a ? /* @__PURE__ */ t(C, { children: /* @__PURE__ */ r(f, { children: [
-    /* @__PURE__ */ t(e, { onClick: u, children: /* @__PURE__ */ r(p, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: i || /* @__PURE__ */ t(n, {}) }),
-      o == null ? void 0 : o.rotateClockwiseLabel
-    ] }) }),
-    /* @__PURE__ */ t(e, { onClick: s, children: /* @__PURE__ */ r(p, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: m || /* @__PURE__ */ t(n, { className: d["rp-rotate-counterclockwise"] }) }),
-      o == null ? void 0 : o.rotateCounterclockwiseLabel
-    ] }) }),
-    /* @__PURE__ */ t(k, {})
+  const { icons: l, isToolVisible: a = !0 } = c, { rotateClockwiseIcon: i, rotateCounterClockwiseIcon: m } = l ?? {}, { handleRotateClockwise: u, handleRotateCounterclockwise: d } = w(), { localeMessages: t } = s();
+  return a ? /* @__PURE__ */ o(C, { children: /* @__PURE__ */ r(f, { children: [
+    /* @__PURE__ */ o(
+      e,
+      {
+        onClick: u,
+        "aria-label": t == null ? void 0 : t.rotateClockwiseTooltip,
+        children: /* @__PURE__ */ r(p, { className: "rp-menu-item", content: t == null ? void 0 : t.rotateClockwiseTooltip, children: [
+          /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: i || /* @__PURE__ */ o(n, { "aria-hidden": "true" }) }),
+          t == null ? void 0 : t.rotateClockwiseLabel
+        ] })
+      }
+    ),
+    /* @__PURE__ */ o(
+      e,
+      {
+        onClick: d,
+        "aria-label": t == null ? void 0 : t.rotateCounterclockwiseTooltip,
+        children: /* @__PURE__ */ r(p, { className: "rp-menu-item", content: t == null ? void 0 : t.rotateCounterclockwiseTooltip, children: [
+          /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: m || /* @__PURE__ */ o(n, { className: k["rp-rotate-counterclockwise"], "aria-hidden": "true" }) }),
+          t == null ? void 0 : t.rotateCounterclockwiseLabel
+        ] })
+      }
+    ),
+    /* @__PURE__ */ o(h, {})
   ] }) }) : null;
 };
 export {

package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js

@@ -1,55 +1,73 @@
-import { jsx as r, Fragment as f, jsxs as t } from "react/jsx-runtime";
-import { useMemo as N } from "react";
-import l from "../../../../ui/RPTooltip.js";
-import { G as C } from "../../../../../index-4baea9b5.js";
-import { MenuItem as e } from "../../MenuItem.js";
+import { jsx as i, Fragment as C, jsxs as n } from "react/jsx-runtime";
+import { useMemo as f } from "react";
+import e from "../../../../ui/RPTooltip.js";
+import { G as R } from "../../../../../index-61f59539.js";
+import { MenuItem as c } from "../../MenuItem.js";
 import { PageScrollingIcon as G } from "../../../../icons/PageScrollingIcon.js";
-import { VerticalScrollingIcon as R } from "../../../../icons/VerticalScrollingIcon.js";
-import { HorizontalScrollingIcon as O } from "../../../../icons/HorizontalScrollingIcon.js";
-import { useScrollModeContext as T } from "../../../../../contexts/ScrollModeContext.js";
-import { ViewMode as A, ScrollMode as i } from "../../../../../utils/types.js";
-import { CheckIcon as c } from "../../../../icons/CheckIcon.js";
-import { useViewModeContext as v } from "../../../../../contexts/ViewModeContext.js";
-import { useLocalizationContext as _ } from "../../../../../contexts/LocalizationContext.js";
+import { VerticalScrollingIcon as O } from "../../../../icons/VerticalScrollingIcon.js";
+import { HorizontalScrollingIcon as T } from "../../../../icons/HorizontalScrollingIcon.js";
+import { useScrollModeContext as A } from "../../../../../contexts/ScrollModeContext.js";
+import { ViewMode as L, ScrollMode as o } from "../../../../../utils/types.js";
+import { CheckIcon as p } from "../../../../icons/CheckIcon.js";
+import { useViewModeContext as _ } from "../../../../../contexts/ViewModeContext.js";
+import { useLocalizationContext as E } from "../../../../../contexts/LocalizationContext.js";
 import "../../../../../index-c0faa594.js";
 import "react-dom";
 import "../../../../../index-e3ee9457.js";
 import "../../../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../../../index-655864a7.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../Combination-54a77a7a.js";
+import "../../../../../Combination-136ff99c.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../utils/appConsole.js";
 import "../../../../../contexts/InitialStateContext.js";
-import "../../../../../th_TH-d627cd51.js";
+import "../../../../../de_DE-a553b162.js";
 import "../../../../../utils/hooks/useLocalization.js";
-const Y = (S) => {
-  const { icons: h, isToolVisible: I = !0 } = S, { pageScrollIcon: p, verticalScrollIcon: d, horizontalScrollIcon: u } = h ?? {}, { viewMode: L } = v(), { scrollMode: m, setScrollMode: n } = T(), { localeMessages: o } = _(), a = N(() => L === A.DUAL_PAGE, [L]);
-  return I ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ t(C, { children: [
-    /* @__PURE__ */ r(e, { onClick: () => n(i.PAGE_SCROLLING), children: /* @__PURE__ */ t(l, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, children: [
-      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: p || /* @__PURE__ */ r(G, {}) }),
-      o == null ? void 0 : o.pageScrollingLabel,
-      m === i.PAGE_SCROLLING ? /* @__PURE__ */ r(c, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ r(e, { onClick: () => n(i.VERTICAL_SCROLLING), children: /* @__PURE__ */ t(l, { className: "rp-menu-item", content: o == null ? void 0 : o.verticalScrollingTooltip, children: [
-      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: d || /* @__PURE__ */ r(R, {}) }),
-      o == null ? void 0 : o.verticalScrollingLabel,
-      m === i.VERTICAL_SCROLLING ? /* @__PURE__ */ r(c, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ r(
-      e,
+const M = (h) => {
+  const { icons: S, isToolVisible: I = !0 } = h, { pageScrollIcon: d, verticalScrollIcon: a, horizontalScrollIcon: u } = S ?? {}, { viewMode: m } = _(), { scrollMode: t, setScrollMode: l } = A(), { localeMessages: r } = E(), N = f(() => m === L.DUAL_PAGE || m === L.DUAL_PAGE_WITH_COVER, [m]);
+  return I ? /* @__PURE__ */ i(C, { children: /* @__PURE__ */ n(R, { children: [
+    /* @__PURE__ */ i(
+      c,
       {
-        disabled: a,
-        onClick: () => n(i.HORIZONTAL_SCROLLING),
-        children: /* @__PURE__ */ t(l, { className: "rp-menu-item", content: o == null ? void 0 : o.horizontalTooltip, children: [
-          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: u || /* @__PURE__ */ r(O, {}) }),
-          o == null ? void 0 : o.horizontalLabel,
-          m === i.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(c, { className: "rp-menu-item-right" }) : null
+        onClick: () => l(o.PAGE_SCROLLING),
+        "aria-label": r == null ? void 0 : r.pageScrollingTooltip,
+        "aria-checked": t === o.PAGE_SCROLLING,
+        children: /* @__PURE__ */ n(e, { className: "rp-menu-item", content: r == null ? void 0 : r.pageScrollingTooltip, children: [
+          /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: d || /* @__PURE__ */ i(G, { "aria-hidden": "true" }) }),
+          r == null ? void 0 : r.pageScrollingLabel,
+          t === o.PAGE_SCROLLING ? /* @__PURE__ */ i(p, { className: "rp-menu-item-right", "aria-hidden": "true" }) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ i(
+      c,
+      {
+        onClick: () => l(o.VERTICAL_SCROLLING),
+        "aria-label": r == null ? void 0 : r.verticalScrollingTooltip,
+        "aria-checked": t === o.VERTICAL_SCROLLING,
+        children: /* @__PURE__ */ n(e, { className: "rp-menu-item", content: r == null ? void 0 : r.verticalScrollingTooltip, children: [
+          /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: a || /* @__PURE__ */ i(O, { "aria-hidden": "true" }) }),
+          r == null ? void 0 : r.verticalScrollingLabel,
+          t === o.VERTICAL_SCROLLING ? /* @__PURE__ */ i(p, { className: "rp-menu-item-right", "aria-hidden": "true" }) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ i(
+      c,
+      {
+        disabled: N,
+        onClick: () => l(o.HORIZONTAL_SCROLLING),
+        "aria-label": r == null ? void 0 : r.horizontalTooltip,
+        "aria-checked": t === o.HORIZONTAL_SCROLLING,
+        children: /* @__PURE__ */ n(e, { className: "rp-menu-item", content: r == null ? void 0 : r.horizontalTooltip, children: [
+          /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: u || /* @__PURE__ */ i(T, { "aria-hidden": "true" }) }),
+          r == null ? void 0 : r.horizontalLabel,
+          t === o.HORIZONTAL_SCROLLING ? /* @__PURE__ */ i(p, { className: "rp-menu-item-right", "aria-hidden": "true" }) : null
         ] })
       }
     )
   ] }) }) : null;
 };
 export {
-  Y as ScrollModeTool
+  M as ScrollModeTool
 };

package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js

@@ -1,14 +1,14 @@
-import { jsx as t, Fragment as a, jsxs as r } from "react/jsx-runtime";
+import { jsx as o, Fragment as T, jsxs as e } from "react/jsx-runtime";
 import c from "../../../../ui/RPTooltip.js";
-import { G as T } from "../../../../../index-4baea9b5.js";
+import { G as f } from "../../../../../index-61f59539.js";
 import { TextSelectionDefaultIcon as x } from "../../../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as S } from "../../../../icons/HandModeDefaultIcon.js";
-import { CheckIcon as l } from "../../../../icons/CheckIcon.js";
-import { MenuItem as d } from "../../MenuItem.js";
+import { CheckIcon as d } from "../../../../icons/CheckIcon.js";
+import { MenuItem as l } from "../../MenuItem.js";
 import { SelectionMode as i } from "../../../../../utils/types.js";
 import { MenuSeparator as N } from "../../MenuSeparator.js";
-import { useSelectionModeContext as s } from "../../../../../contexts/SelectionModeContext.js";
-import { useLocalizationContext as I } from "../../../../../contexts/LocalizationContext.js";
+import { useSelectionModeContext as I } from "../../../../../contexts/SelectionModeContext.js";
+import { useLocalizationContext as b } from "../../../../../contexts/LocalizationContext.js";
 import "react";
 import "../../../../../index-c0faa594.js";
 import "react-dom";
@@ -16,27 +16,43 @@ import "../../../../../index-e3ee9457.js";
 import "../../../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../../../index-655864a7.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../Combination-54a77a7a.js";
+import "../../../../../Combination-136ff99c.js";
 import "../../../../../clsx-0c6e471a.js";
-import "../../../../../th_TH-d627cd51.js";
+import "../../../../../de_DE-a553b162.js";
 import "../../../../../utils/appConsole.js";
 import "../../../../../utils/hooks/useLocalization.js";
-const K = (u) => {
-  const { icons: f, isToolVisible: h = !0 } = u, { textSelectionIcon: e, handModeIcon: n } = f ?? {}, { selectionMode: m, setSelectionMode: p } = s(), { localeMessages: o } = I();
-  return h ? /* @__PURE__ */ t(a, { children: /* @__PURE__ */ r(T, { children: [
-    /* @__PURE__ */ t(d, { onClick: () => p(i.TEXT), children: /* @__PURE__ */ r(c, { className: "rp-menu-item", content: o == null ? void 0 : o.textSelectionTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: e || /* @__PURE__ */ t(x, {}) }),
-      o == null ? void 0 : o.textSelectionLabel,
-      m === i.TEXT ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ t(d, { onClick: () => p(i.HAND), children: /* @__PURE__ */ r(c, { className: "rp-menu-item", content: o == null ? void 0 : o.handToolTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: n || /* @__PURE__ */ t(S, {}) }),
-      o == null ? void 0 : o.handToolLabel,
-      m === i.HAND ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ t(N, {})
+const Q = (a) => {
+  const { icons: u, isToolVisible: h = !0 } = a, { textSelectionIcon: n, handModeIcon: m } = u ?? {}, { selectionMode: r, setSelectionMode: p } = I(), { localeMessages: t } = b();
+  return h ? /* @__PURE__ */ o(T, { children: /* @__PURE__ */ e(f, { children: [
+    /* @__PURE__ */ o(
+      l,
+      {
+        onClick: () => p(i.TEXT),
+        "aria-label": t == null ? void 0 : t.textSelectionTooltip,
+        "aria-checked": r === i.TEXT,
+        children: /* @__PURE__ */ e(c, { className: "rp-menu-item", content: t == null ? void 0 : t.textSelectionTooltip, children: [
+          /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: n || /* @__PURE__ */ o(x, { "aria-hidden": "true" }) }),
+          t == null ? void 0 : t.textSelectionLabel,
+          r === i.TEXT ? /* @__PURE__ */ o(d, { className: "rp-menu-item-right", "aria-hidden": "true" }) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ o(
+      l,
+      {
+        onClick: () => p(i.HAND),
+        "aria-label": t == null ? void 0 : t.handToolTooltip,
+        "aria-checked": r === i.HAND,
+        children: /* @__PURE__ */ e(c, { className: "rp-menu-item", content: t == null ? void 0 : t.handToolTooltip, children: [
+          /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: m || /* @__PURE__ */ o(S, { "aria-hidden": "true" }) }),
+          t == null ? void 0 : t.handToolLabel,
+          r === i.HAND ? /* @__PURE__ */ o(d, { className: "rp-menu-item-right", "aria-hidden": "true" }) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ o(N, {})
   ] }) }) : null;
 };
 export {
-  K as SelectionModeTool
+  Q as SelectionModeTool
 };

package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js

@@ -1,44 +1,67 @@
-import { jsx as r, Fragment as h, jsxs as i } from "react/jsx-runtime";
-import { useMemo as I } from "react";
-import l from "../../../../ui/RPTooltip.js";
-import { G as N } from "../../../../../index-4baea9b5.js";
-import { MenuSeparator as L } from "../../MenuSeparator.js";
-import { MenuItem as p } from "../../MenuItem.js";
-import { DualPageIcon as C } from "../../../../icons/DualPageIcon.js";
-import { SinglePageIcon as S } from "../../../../icons/SinglePageIcon.js";
-import { useViewModeContext as x } from "../../../../../contexts/ViewModeContext.js";
-import { ScrollMode as G, ViewMode as c } from "../../../../../utils/types.js";
-import { CheckIcon as u } from "../../../../icons/CheckIcon.js";
-import { useScrollModeContext as T } from "../../../../../contexts/ScrollModeContext.js";
-import { useLocalizationContext as b } from "../../../../../contexts/LocalizationContext.js";
+import { jsx as r, Fragment as g, jsxs as e } from "react/jsx-runtime";
+import { useMemo as L } from "react";
+import m from "../../../../ui/RPTooltip.js";
+import { G } from "../../../../../index-61f59539.js";
+import { MenuSeparator as T } from "../../MenuSeparator.js";
+import { MenuItem as n } from "../../MenuItem.js";
+import { DualPageIcon as b } from "../../../../icons/DualPageIcon.js";
+import { DualPageWithCoverIcon as v } from "../../../../icons/DualPageWithCoverIcon.js";
+import { SinglePageIcon as A } from "../../../../icons/SinglePageIcon.js";
+import { useViewModeContext as D } from "../../../../../contexts/ViewModeContext.js";
+import { ScrollMode as E, ViewMode as o } from "../../../../../utils/types.js";
+import { CheckIcon as l } from "../../../../icons/CheckIcon.js";
+import { useScrollModeContext as S } from "../../../../../contexts/ScrollModeContext.js";
+import { useLocalizationContext as _ } from "../../../../../contexts/LocalizationContext.js";
 import "../../../../../index-c0faa594.js";
 import "react-dom";
 import "../../../../../index-e3ee9457.js";
 import "../../../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../../../index-655864a7.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../Combination-54a77a7a.js";
+import "../../../../../Combination-136ff99c.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../utils/appConsole.js";
 import "../../../../../contexts/InitialStateContext.js";
-import "../../../../../th_TH-d627cd51.js";
+import "../../../../../de_DE-a553b162.js";
 import "../../../../../utils/hooks/useLocalization.js";
-const Y = (a) => {
-  const { icons: d, isToolVisible: s = !0 } = a, { singlePageIcon: t, dualPageIcon: e } = d ?? {}, { viewMode: m, setDualPage: f, setSinglePage: P } = x(), { scrollMode: n } = T(), { localeMessages: o } = b(), g = I(() => [G.HORIZONTAL_SCROLLING].includes(n), [n]);
-  return s ? /* @__PURE__ */ r(h, { children: /* @__PURE__ */ i(N, { children: [
-    /* @__PURE__ */ r(p, { onClick: P, children: /* @__PURE__ */ i(l, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
-      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ r(S, {}) }),
-      o == null ? void 0 : o.singlePageLabel,
-      m === c.SINGLE_PAGE ? /* @__PURE__ */ r(u, { className: "rp-menu-item-right" }) : null
+const ti = (h) => {
+  const { icons: P, isToolVisible: f = !0 } = h, { singlePageIcon: a, dualPageIcon: d, dualPageWithCoverIcon: p } = P ?? {}, { viewMode: t, setDualPage: C, setDualPageWithCover: I, setSinglePage: N } = D(), { scrollMode: u } = S(), { localeMessages: i } = _(), c = L(() => [E.HORIZONTAL_SCROLLING].includes(u), [u]);
+  return f ? /* @__PURE__ */ r(g, { children: /* @__PURE__ */ e(G, { children: [
+    /* @__PURE__ */ r(
+      n,
+      {
+        onClick: N,
+        "aria-label": i == null ? void 0 : i.singlePageTooltip,
+        "aria-checked": t === o.SINGLE_PAGE,
+        children: /* @__PURE__ */ e(m, { className: "rp-menu-item", content: i == null ? void 0 : i.singlePageTooltip, children: [
+          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: a || /* @__PURE__ */ r(A, { "aria-hidden": "true" }) }),
+          i == null ? void 0 : i.singlePageLabel,
+          t === o.SINGLE_PAGE ? /* @__PURE__ */ r(l, { className: "rp-menu-item-right", "aria-hidden": "true" }) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ r(
+      n,
+      {
+        disabled: c,
+        onClick: C,
+        "aria-label": i == null ? void 0 : i.dualPageTooltip,
+        "aria-checked": t === o.DUAL_PAGE,
+        children: /* @__PURE__ */ e(m, { className: "rp-menu-item", content: i == null ? void 0 : i.dualPageTooltip, children: [
+          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: d || /* @__PURE__ */ r(b, { "aria-hidden": "true" }) }),
+          i == null ? void 0 : i.dualPageLabel,
+          t === o.DUAL_PAGE ? /* @__PURE__ */ r(l, { className: "rp-menu-item-right", "aria-hidden": "true" }) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ r(n, { disabled: c, onClick: I, children: /* @__PURE__ */ e(m, { className: "rp-menu-item", content: i == null ? void 0 : i.dualPageWithCoverTooltip, children: [
+      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: p || /* @__PURE__ */ r(v, {}) }),
+      i == null ? void 0 : i.dualPageWithCoverLabel,
+      t === o.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ r(l, { className: "rp-menu-item-right" }) : null
     ] }) }),
-    /* @__PURE__ */ r(p, { disabled: g, onClick: f, children: /* @__PURE__ */ i(l, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
-      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: e || /* @__PURE__ */ r(C, {}) }),
-      o == null ? void 0 : o.dualPageLabel,
-      m === c.DUAL_PAGE ? /* @__PURE__ */ r(u, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ r(L, {})
+    /* @__PURE__ */ r(T, {})
   ] }) }) : null;
 };
 export {
-  Y as ViewModeTool
+  ti as ViewModeTool
 };