@pdf-viewer/react 1.17.0-beta.0 → 1.17.0-beta.1

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

@@ -1,16 +1,16 @@
-import { jsx as i, jsxs as e } from "react/jsx-runtime";
-import l from "../../../../ui/RPTooltip.js";
-import { MenuItem as c } from "../../MenuItem.js";
-import { useViewportContext as d } from "../../../../../contexts/ViewportContext.js";
-import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
-import { b as u } from "../../../../../ToolbarLayout.module-0245d511.js";
-import { FileDownloadDefaultIcon as a } from "../../../../icons/FileDownloadDefaultIcon.js";
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import e from "../../../../ui/RPTooltip.js";
+import { MenuItem as d } from "../../MenuItem.js";
+import { useViewportContext as a } from "../../../../../contexts/ViewportContext.js";
+import { useLocalizationContext as u } from "../../../../../contexts/LocalizationContext.js";
+import { b as c } from "../../../../../ToolbarLayout.module-00eddd49.js";
+import { FileDownloadDefaultIcon as f } from "../../../../icons/FileDownloadDefaultIcon.js";
 import "react";
-import "../../../../../index-35c7f4a2.js";
+import "../../../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../../index-808ea7bf.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../index-f563c6f0.js";
+import "../../../../../index-a48ec088.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../contexts/LayoutContainerContext.js";
 import "../../../../../utils/appConsole.js";
@@ -80,6 +80,7 @@ import "../../../../RPDropFileZone.js";
 import "../../../../icons/LightPdfIcon.js";
 import "../../../../icons/DarkPdfIcon.js";
 import "../../../../../LayoutWrapper-3f4d0a19.js";
+import "../../../SkipLink.js";
 import "../../../../../SearchCloseButton-08d57275.js";
 import "../../../../icons/CloseIcon.js";
 import "../../../../ui/Checkbox.js";
@@ -135,16 +136,23 @@ import "../../../../icons/ZoomOutIcon.js";
 import "../../../../../utils/zoom.js";
 import "../../../../icons/SearchIcon.js";
 import "../../../../icons/ClearIcon.js";
-const Qi = (m) => {
-  const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = d(), { localeMessages: o } = f(), { download: n } = u();
+const Ui = (m) => {
+  const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = a(), { localeMessages: o } = u(), { download: n } = c();
   if (!p || !r)
     return null;
   if (r)
-    return /* @__PURE__ */ i(c, { onClick: n, children: /* @__PURE__ */ e(l, { className: "rp-menu-item", content: o == null ? void 0 : o.downloadFileTooltip, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(a, {}) }),
-      o == null ? void 0 : o.downloadFileLabel
-    ] }) });
+    return /* @__PURE__ */ i(
+      d,
+      {
+        onClick: n,
+        "aria-label": o == null ? void 0 : o.downloadFileTooltip,
+        children: /* @__PURE__ */ l(e, { className: "rp-menu-item", content: o == null ? void 0 : o.downloadFileTooltip, children: [
+          /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(f, { "aria-hidden": "true" }) }),
+          o == null ? void 0 : o.downloadFileLabel
+        ] })
+      }
+    );
 };
 export {
-  Qi as FileDownloadTool
+  Ui as FileDownloadTool
 };

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

@@ -1,12 +1,12 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import l from "../../../../ui/RPTooltip.js";
 import { MenuItem as c } from "../../MenuItem.js";
-import { useViewportContext as f } from "../../../../../contexts/ViewportContext.js";
-import { useLocalizationContext as u } from "../../../../../contexts/LocalizationContext.js";
+import { useViewportContext as u } from "../../../../../contexts/ViewportContext.js";
+import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
 import "react";
 import "../../../../../contexts/RPDocumentContext.js";
 import "../../../../../contexts/DocumentPasswordContext.js";
-import "../../../../../ToolbarLayout.module-0245d511.js";
+import "../../../../../ToolbarLayout.module-00eddd49.js";
 import "../../../../../contexts/DarkModeContext.js";
 import "../../../../../contexts/RotationContext.js";
 import "../../../../../contexts/LayerContext.js";
@@ -18,7 +18,7 @@ import "../../../../../contexts/VirtualGridContext.js";
 import "../../../../../contexts/SelectionModeContext.js";
 import "../../../../../contexts/InitialStateContext.js";
 import "../../../../../contexts/FullScreenContext.js";
-import { useOpenFileContext as s } from "../../../../../contexts/FileInputContext.js";
+import { useOpenFileContext as a } from "../../../../../contexts/FileInputContext.js";
 import "../../../../../contexts/DropFileZoneContext.js";
 import "../../../../../contexts/LayoutContainerContext.js";
 import "../../../../../contexts/DimensionPagesContext.js";
@@ -43,6 +43,7 @@ import "../../../sidebar/RPSplitter.js";
 import "../../../WrapperLayout.js";
 import "../../../../RPDropFileZone.js";
 import "../../../../../LayoutWrapper-3f4d0a19.js";
+import "../../../SkipLink.js";
 import "../../../../ui/Button.js";
 import "../../../../../SearchCloseButton-08d57275.js";
 import "../../../../ui/Input.js";
@@ -50,16 +51,16 @@ import "../../../../ui/Checkbox.js";
 import "../../../../icons/LoaderIcon.js";
 import "../../../../../contexts/IconContext.js";
 import "../../../../ui/DropDown.js";
-import { FileUploadDefaultIcon as a } from "../../../../icons/FileUploadDefaultIcon.js";
+import { FileUploadDefaultIcon as d } from "../../../../icons/FileUploadDefaultIcon.js";
 import "../../MenuSeparator.js";
 import "../../../../../utils/dateFormatter.js";
 import "../../PropertyItem.js";
 import "../../../../../RotateTool.module-67946714.js";
-import "../../../../../index-35c7f4a2.js";
+import "../../../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../../index-808ea7bf.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../index-f563c6f0.js";
+import "../../../../../index-a48ec088.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../utils/appConsole.js";
 import "../../../../../utils/hooks/useLocalization.js";
@@ -135,16 +136,23 @@ import "../../../../icons/ClearIcon.js";
 import "../../../../../utils/hooks/useHighlight.js";
 import "../../../../icons/LightPdfIcon.js";
 import "../../../../icons/DarkPdfIcon.js";
-const Kt = (m) => {
-  const { icon: i, isToolVisible: p = !0 } = m, { isSmallScreen: r } = f(), { localeMessages: o } = u(), { openFile: e } = s();
+const Qi = (m) => {
+  const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = u(), { localeMessages: o } = f(), { openFile: n } = a();
   if (!p || !r)
     return null;
   if (r)
-    return /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(l, { className: "rp-menu-item", content: o == null ? void 0 : o.openLocalFileTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: i || /* @__PURE__ */ t(a, {}) }),
-      o == null ? void 0 : o.openLocalFileLabel
-    ] }) });
+    return /* @__PURE__ */ i(
+      c,
+      {
+        onClick: n,
+        "aria-label": o == null ? void 0 : o.openLocalFileTooltip,
+        children: /* @__PURE__ */ e(l, { className: "rp-menu-item", content: o == null ? void 0 : o.openLocalFileTooltip, children: [
+          /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(d, { "aria-hidden": "true" }) }),
+          o == null ? void 0 : o.openLocalFileLabel
+        ] })
+      }
+    );
 };
 export {
-  Kt as FileUploadTool
+  Qi as FileUploadTool
 };

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

@@ -1,15 +1,15 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { MenuItem as c } from "../../MenuItem.js";
-import u from "../../../../ui/RPTooltip.js";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { MenuItem as u } from "../../MenuItem.js";
+import c from "../../../../ui/RPTooltip.js";
 import { FullScreenIcon as f } from "../../../../icons/FullScreenIcon.js";
-import { useViewportContext as s } from "../../../../../contexts/ViewportContext.js";
-import { useFullScreenContext as S } from "../../../../../contexts/FullScreenContext.js";
-import { useLocalizationContext as d } from "../../../../../contexts/LocalizationContext.js";
-import "../../../../../index-f563c6f0.js";
+import { useViewportContext as S } from "../../../../../contexts/ViewportContext.js";
+import { useFullScreenContext as d } from "../../../../../contexts/FullScreenContext.js";
+import { useLocalizationContext as x } from "../../../../../contexts/LocalizationContext.js";
+import "../../../../../index-a48ec088.js";
 import "react";
-import "../../../../../index-35c7f4a2.js";
+import "../../../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../../index-808ea7bf.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../utils/withRef.js";
 import "../../../../../contexts/LayoutContainerContext.js";
@@ -18,14 +18,22 @@ import "../../../../../utils/appConsole.js";
 import "../../../../../utils/hooks/useLocalization.js";
 import "../../../../../th_TH-d1686d95.js";
 const y = (m) => {
-  const { icon: r, isToolVisible: e = !0 } = m, { toggleFullScreen: n, isSupported: p } = S(), { isSmallScreen: i } = s(), { localeMessages: o } = d();
+  const { icon: t, isToolVisible: e = !0 } = m, { toggleFullScreen: n, isSupported: p } = d(), { isSmallScreen: i } = S(), { localeMessages: o } = x();
   if (!e || !i)
     return null;
   if (i)
-    return /* @__PURE__ */ t(c, { onClick: n, disabled: !p, children: /* @__PURE__ */ l(u, { className: "rp-menu-item", content: o == null ? void 0 : o.fullScreenTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ t(f, {}) }),
-      o == null ? void 0 : o.fullScreenTooltip
-    ] }) });
+    return /* @__PURE__ */ r(
+      u,
+      {
+        onClick: n,
+        disabled: !p,
+        "aria-label": o == null ? void 0 : o.fullScreenTooltip,
+        children: /* @__PURE__ */ l(c, { className: "rp-menu-item", content: o == null ? void 0 : o.fullScreenTooltip, children: [
+          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ r(f, { "aria-hidden": "true" }) }),
+          o == null ? void 0 : o.fullScreenTooltip
+        ] })
+      }
+    );
 };
 export {
   y as FullScreenTool

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

@@ -1,9 +1,9 @@
-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 { u as C, s as G } from "../../../../../ToolbarLayout.module-0245d511.js";
-import { G as L } from "../../../../../index-f563c6f0.js";
-import { useMemo as l, useCallback as c } from "react";
+import l from "../../../../ui/RPTooltip.js";
+import { u as C, s as G } from "../../../../../ToolbarLayout.module-00eddd49.js";
+import { G as L } from "../../../../../index-a48ec088.js";
+import { useMemo as d, useCallback as s } from "react";
 import "../../../../../contexts/RPDocumentContext.js";
 import "../../../../../contexts/DocumentPasswordContext.js";
 import "../../../../../contexts/DarkModeContext.js";
@@ -44,6 +44,7 @@ import "../../../sidebar/RPSplitter.js";
 import "../../../WrapperLayout.js";
 import "../../../../RPDropFileZone.js";
 import "../../../../../LayoutWrapper-3f4d0a19.js";
+import "../../../SkipLink.js";
 import "../../../../ui/Button.js";
 import "../../../../../SearchCloseButton-08d57275.js";
 import "../../../../ui/Input.js";
@@ -55,11 +56,11 @@ import { MenuSeparator as v } from "../../MenuSeparator.js";
 import "../../../../../utils/dateFormatter.js";
 import "../../PropertyItem.js";
 import "../../../../../RotateTool.module-67946714.js";
-import { GoToDownIcon as d } from "../../../../icons/GoToDownIcon.js";
+import { GoToDownIcon as c } from "../../../../icons/GoToDownIcon.js";
 import "../../../../../clsx-0c6e471a.js";
-import "../../../../../index-35c7f4a2.js";
+import "../../../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../../index-808ea7bf.js";
 import "../../../../../utils/withRef.js";
 import "../../../../icons/ChevronUpIcon.js";
 import "../../../../../utils/types.js";
@@ -135,24 +136,40 @@ import "../../../../icons/ClearIcon.js";
 import "../../../../../utils/hooks/useHighlight.js";
 import "../../../../icons/LightPdfIcon.js";
 import "../../../../icons/DarkPdfIcon.js";
-const u = { width: "100%" }, ii = (f) => {
-  const { icons: P, isToolVisible: h = !0 } = f, { firstPageIcon: e, lastPageIcon: n } = P ?? {}, { goToPage: i, totalPages: r, focusedPage: m } = C(), { localeMessages: o } = N(), T = l(() => m === 1, [m]), g = l(() => m === r, [m, r]), b = c(() => {
+const u = { width: "100%" }, ri = (P) => {
+  const { icons: f, isToolVisible: h = !0 } = P, { firstPageIcon: n, lastPageIcon: e } = f ?? {}, { goToPage: i, totalPages: r, focusedPage: m } = C(), { localeMessages: t } = N(), T = d(() => m === 1, [m]), b = d(() => m === r, [m, r]), g = s(() => {
     i(1);
-  }, [i]), x = c(() => {
+  }, [i]), x = s(() => {
     i(r);
   }, [i, r]);
   return h ? /* @__PURE__ */ p(L, { children: [
-    /* @__PURE__ */ t(a, { onClick: b, children: /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.firstPageTooltip, style: u, 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: G["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: u, 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(v, {})
+    /* @__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(c, { className: G["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(c, { "aria-hidden": "true" }) }),
+          /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.lastPageLabel })
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ o(v, {})
   ] }) : null;
 };
 export {
-  ii as MostPageTool
+  ri 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 { c } from "../../../../../ToolbarLayout.module-0245d511.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 { c as u } from "../../../../../ToolbarLayout.module-00eddd49.js";
+import { useViewportContext as c } from "../../../../../contexts/ViewportContext.js";
+import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
+import { MenuItem as d } from "../../MenuItem.js";
 import x from "../../../../ui/RPTooltip.js";
 import "react";
 import "../../../../icons/ChevronUpIcon.js";
@@ -75,16 +75,17 @@ import "../../../../RPDropFileZone.js";
 import "../../../../icons/LightPdfIcon.js";
 import "../../../../icons/DarkPdfIcon.js";
 import "../../../../../LayoutWrapper-3f4d0a19.js";
+import "../../../SkipLink.js";
 import "../../../../../SearchCloseButton-08d57275.js";
 import "../../../../icons/CloseIcon.js";
 import "../../../../ui/Checkbox.js";
-import "../../../../../index-35c7f4a2.js";
+import "../../../../../index-c9a2990a.js";
 import "react-dom";
 import "../../../../icons/CheckIcon.js";
 import "../../../../../contexts/IconContext.js";
 import "../../../../ui/DropDown.js";
-import "../../../../../index-f563c6f0.js";
-import "../../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../../index-a48ec088.js";
+import "../../../../../index-808ea7bf.js";
 import "../../MenuSeparator.js";
 import "../../../../../utils/dateFormatter.js";
 import "../../PropertyItem.js";
@@ -135,16 +136,23 @@ import "../../../../icons/ZoomOutIcon.js";
 import "../../../../../utils/zoom.js";
 import "../../../../icons/SearchIcon.js";
 import "../../../../icons/ClearIcon.js";
-const Qo = (m) => {
-  const { icon: r, isToolVisible: p = !0 } = m, { print: n } = c(), { isSmallScreen: i } = f(), { localeMessages: t } = u();
-  if (!p || !i)
+const Qi = (m) => {
+  const { icon: r, isToolVisible: p = !0 } = m, { print: n } = u(), { isSmallScreen: o } = c(), { localeMessages: t } = f();
+  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 {
-  Qo as PrintTool
+  Qi as PrintTool
 };

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

@@ -1,17 +1,17 @@
-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 n from "../../../../ui/RPTooltip.js";
-import { G as f } from "../../../../../index-f563c6f0.js";
+import { G as f } from "../../../../../index-a48ec088.js";
 import { ClockwiseIcon as p } 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-35c7f4a2.js";
+import "../../../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../../index-808ea7bf.js";
 import "../../../../../utils/withRef.js";
 import "../../../../../contexts/RotationContext.js";
 import "../../../../../utils/appConsole.js";
@@ -29,17 +29,31 @@ import "../../../../../utils/convertPdfDate.js";
 import "../../../../../utils/formatFileSize.js";
 import "../../../../../utils/hooks/useLocalization.js";
 const Z = (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(n, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: i || /* @__PURE__ */ t(p, {}) }),
-      o == null ? void 0 : o.rotateClockwiseLabel
-    ] }) }),
-    /* @__PURE__ */ t(e, { onClick: s, children: /* @__PURE__ */ r(n, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: m || /* @__PURE__ */ t(p, { 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(n, { className: "rp-menu-item", content: t == null ? void 0 : t.rotateClockwiseTooltip, children: [
+          /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: i || /* @__PURE__ */ o(p, { "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(n, { className: "rp-menu-item", content: t == null ? void 0 : t.rotateCounterclockwiseTooltip, children: [
+          /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: m || /* @__PURE__ */ o(p, { 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,52 +1,70 @@
-import { jsx as r, Fragment as N, jsxs as t } from "react/jsx-runtime";
-import { useMemo as C } from "react";
+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 } from "../../../../../index-f563c6f0.js";
+import { G as R } from "../../../../../index-a48ec088.js";
 import { MenuItem as c } from "../../MenuItem.js";
-import { PageScrollingIcon as R } from "../../../../icons/PageScrollingIcon.js";
+import { PageScrollingIcon as G } from "../../../../icons/PageScrollingIcon.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 S, ScrollMode as i } from "../../../../../utils/types.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 v } from "../../../../../contexts/LocalizationContext.js";
-import "../../../../../index-35c7f4a2.js";
+import { useLocalizationContext as E } from "../../../../../contexts/LocalizationContext.js";
+import "../../../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../../index-808ea7bf.js";
 import "../../../../../utils/withRef.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../utils/appConsole.js";
 import "../../../../../contexts/InitialStateContext.js";
 import "../../../../../th_TH-d1686d95.js";
 import "../../../../../utils/hooks/useLocalization.js";
-const M = (I) => {
-  const { icons: h, isToolVisible: a = !0 } = I, { pageScrollIcon: d, verticalScrollIcon: u, horizontalScrollIcon: L } = h ?? {}, { viewMode: n } = _(), { scrollMode: m, setScrollMode: l } = A(), { localeMessages: o } = v(), f = C(() => n === S.DUAL_PAGE || n === S.DUAL_PAGE_WITH_COVER, [n]);
-  return a ? /* @__PURE__ */ r(N, { children: /* @__PURE__ */ t(G, { children: [
-    /* @__PURE__ */ r(c, { onClick: () => l(i.PAGE_SCROLLING), children: /* @__PURE__ */ t(e, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, children: [
-      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: d || /* @__PURE__ */ r(R, {}) }),
-      o == null ? void 0 : o.pageScrollingLabel,
-      m === i.PAGE_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ r(c, { onClick: () => l(i.VERTICAL_SCROLLING), children: /* @__PURE__ */ t(e, { className: "rp-menu-item", content: o == null ? void 0 : o.verticalScrollingTooltip, children: [
-      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: u || /* @__PURE__ */ r(O, {}) }),
-      o == null ? void 0 : o.verticalScrollingLabel,
-      m === i.VERTICAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ r(
+const X = (h) => {
+  const { icons: S, isToolVisible: I = !0 } = h, { pageScrollIcon: d, verticalScrollIcon: a, horizontalScrollIcon: u } = S ?? {}, { viewMode: l } = _(), { scrollMode: t, setScrollMode: m } = A(), { localeMessages: r } = E(), N = f(() => l === L.DUAL_PAGE || l === L.DUAL_PAGE_WITH_COVER, [l]);
+  return I ? /* @__PURE__ */ i(C, { children: /* @__PURE__ */ n(R, { children: [
+    /* @__PURE__ */ i(
       c,
       {
-        disabled: f,
-        onClick: () => l(i.HORIZONTAL_SCROLLING),
-        children: /* @__PURE__ */ t(e, { className: "rp-menu-item", content: o == null ? void 0 : o.horizontalTooltip, children: [
-          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: L || /* @__PURE__ */ r(T, {}) }),
-          o == null ? void 0 : o.horizontalLabel,
-          m === i.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+        onClick: () => m(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: () => m(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: () => m(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 {
-  M as ScrollModeTool
+  X as ScrollModeTool
 };