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

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

@@ -8,7 +8,7 @@ import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/LoaderIcon.js";
-import { S as Dr } from "../../../ToolbarLayout.module-0245d511.js";
+import { S as Er } from "../../../ToolbarLayout.module-00eddd49.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -49,6 +49,7 @@ import "../sidebar/RPSplitter.js";
 import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
 import "../../../LayoutWrapper-3f4d0a19.js";
+import "../SkipLink.js";
 import "../../ui/RPTooltip.js";
 import "../../ui/DropDown.js";
 import "./MenuItem.js";
@@ -60,7 +61,7 @@ import "../../../RotateTool.module-67946714.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/withRef.js";
 import "../../icons/CloseIcon.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
 import "../../icons/CheckIcon.js";
 import "../../icons/ChevronUpIcon.js";
@@ -101,8 +102,8 @@ import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
 import "../../icons/FileUploadDefaultIcon.js";
-import "../../../index-f563c6f0.js";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../index-a48ec088.js";
+import "../../../index-808ea7bf.js";
 import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
 import "../../icons/SunIcon.js";
@@ -136,5 +137,5 @@ import "../../../utils/hooks/useHighlight.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 export {
-  Dr as SearchTool
+  Er as SearchTool
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
-import { G as a } from "../../../index-f563c6f0.js";
+import { G as a } from "../../../index-a48ec088.js";
 import { TextSelectionDefaultIcon as h } from "../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as s } from "../../icons/HandModeDefaultIcon.js";
 import { CheckIcon as l } from "../../icons/CheckIcon.js";
@@ -14,9 +14,9 @@ import { useLocalizationContext as C } from "../../../contexts/LocalizationConte
 import { useIconToolContext as T } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as M } from "../../../contexts/ToolComponentContext.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 "../../../th_TH-d1686d95.js";
 import "../../../utils/appConsole.js";

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as c } from "react/jsx-runtime";
-import { e as u } from "../../../ToolbarLayout.module-0245d511.js";
+import { e as u } from "../../../ToolbarLayout.module-00eddd49.js";
 import { ThumbnailIcon as a } from "../../icons/Thumbnail.js";
 import { UIButton as h } from "../../ui/Button.js";
 import l from "../../ui/RPTooltip.js";
@@ -73,16 +73,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 "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
@@ -135,12 +136,12 @@ import "../../../utils/zoom.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 import "../../../utils/hooks/useLocalization.js";
-const Vt = () => {
+const Wt = () => {
   const { active: t, setActive: e } = u(), { thumbnailIcon: p } = s(), { thumbnailTool: i = !0 } = f(), { localeMessages: r } = T(), m = r == null ? void 0 : r.thumbnailTooltip, n = () => {
     e(!t);
   };
   return i ? typeof i == "function" ? /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(i, { onClick: n, active: t }) }) : /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(h, { onClick: n, active: t, "aria-label": m, children: p || /* @__PURE__ */ o(a, {}) }) }) }) : null;
 };
 export {
-  Vt as ThumbnailTool
+  Wt as ThumbnailTool
 };

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

@@ -1,6 +1,6 @@
-import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
-import { useRef as c, useState as w } from "react";
-import { e as x, c as N, o as i, p as C, q as R } from "../../../ToolbarLayout.module-0245d511.js";
+import { jsxs as i, Fragment as a, jsx as r } from "react/jsx-runtime";
+import { useRef as c, useState as N } from "react";
+import { e as T, c as x, o, p as C, q as R } from "../../../ToolbarLayout.module-00eddd49.js";
 import { useToolbarComponentContext as y } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -37,11 +37,12 @@ import "../../../contexts/ConfigContext.js";
 import "pdfjs-dist";
 import "../Container.js";
 import "../../../contexts/ViewportContext.js";
-import { RPSplitter as I } from "../sidebar/RPSplitter.js";
-import { THUMBNAIL_MIN_WIDTH as W } from "../../../utils/constants.js";
+import { RPSplitter as D } from "../sidebar/RPSplitter.js";
+import { THUMBNAIL_MIN_WIDTH as I } from "../../../utils/constants.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";
@@ -97,10 +98,10 @@ import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
 import "../../icons/SunIcon.js";
 import "../../icons/ThreeDotIcon.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
-import "../../../index-f563c6f0.js";
+import "../../../index-808ea7bf.js";
+import "../../../index-a48ec088.js";
 import "../../icons/CloseIcon.js";
 import "./DocumentProperties.js";
 import "../../icons/InfoIcon.js";
@@ -135,25 +136,33 @@ import "../../../utils/hooks/useLocalization.js";
 import "../../../utils/hooks/useHighlight.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
-const mo = (d) => {
-  const { children: h, toolbar: u } = d, n = c(null), { active: e } = x(), { showPrintProgress: b } = y(), { progress: f, showDefaultProgress: g } = N(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, P] = w(W), T = g ?? b;
-  return /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ o("div", { className: i["rp-toolbar-layout"], children: [
-      m && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: i["rp-topbar-content"], children: m == null ? void 0 : m.component }),
-      /* @__PURE__ */ o("div", { className: i["rp-content"], children: [
-        /* @__PURE__ */ o(s, { children: [
-          p && /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: l, className: i["rp-sidebar-content"], children: p == null ? void 0 : p.component }),
-          /* @__PURE__ */ o(
+const po = (d) => {
+  const { children: h, toolbar: u } = d, n = c(null), { active: e } = T(), { showPrintProgress: b } = y(), { progress: f, showDefaultProgress: g } = x(), { percentage: s } = f || {}, t = u, m = t == null ? void 0 : t.topbar, p = t == null ? void 0 : t.leftSidebar, l = c(null), [v, P] = N(I), w = g ?? b;
+  return /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ i("div", { className: o["rp-toolbar-layout"], children: [
+      m && /* @__PURE__ */ r("nav", { id: "rp-navigation", role: "navigation", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: m == null ? void 0 : m.component }) }),
+      /* @__PURE__ */ i("div", { className: o["rp-content"], children: [
+        /* @__PURE__ */ r(a, { children: p && /* @__PURE__ */ i(a, { children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              "data-rp": "sidebar",
+              ref: l,
+              className: o["rp-sidebar-content"],
+              children: p == null ? void 0 : p.component
+            }
+          ),
+          /* @__PURE__ */ i(
             "div",
             {
               "data-rp": "thumbnailSidebar",
               hidden: !e,
-              className: i["rp-thumbnails-wrapper"],
+              className: o["rp-thumbnails-wrapper"],
               style: { ...e && { position: "relative", display: "flex" } },
               children: [
-                /* @__PURE__ */ t(C, { show: e, ref: n, width: v }),
-                /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-                  I,
+                /* @__PURE__ */ r(C, { show: e, ref: n, width: v }),
+                /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+                  D,
                   {
                     onWidthChange: P,
                     thumbnailRef: n,
@@ -164,13 +173,22 @@ const mo = (d) => {
               ]
             }
           )
-        ] }),
-        /* @__PURE__ */ t(s, { children: h })
+        ] }) }),
+        /* @__PURE__ */ r(
+          "main",
+          {
+            id: "rp-main-content",
+            role: "main",
+            "aria-label": "PDF document pages",
+            className: o["rp-pages"],
+            children: h
+          }
+        )
       ] })
     ] }),
-    T && a ? /* @__PURE__ */ t(R, { percentage: a }) : null
+    w && s ? /* @__PURE__ */ r(R, { percentage: s }) : null
   ] });
 };
 export {
-  mo as ToolbarCustom
+  po as ToolbarCustom
 };

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

@@ -1,7 +1,7 @@
-import { jsxs as t, Fragment as m, jsx as r } from "react/jsx-runtime";
-import { useRef as a, useState as P } from "react";
-import { e as g, c as v, o, p as x, q as N } from "../../../ToolbarLayout.module-0245d511.js";
-import { useToolbarComponentContext as R } from "../../../contexts/ToolbarComponentContext.js";
+import { jsxs as o, Fragment as e, jsx as r } from "react/jsx-runtime";
+import { useRef as n, useState as g } from "react";
+import { e as v, c as P, o as t, p as N, q as w } from "../../../ToolbarLayout.module-00eddd49.js";
+import { useToolbarComponentContext as x } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
@@ -37,11 +37,12 @@ import "../../../contexts/ConfigContext.js";
 import "pdfjs-dist";
 import "../Container.js";
 import "../../../contexts/ViewportContext.js";
-import { THUMBNAIL_MIN_WIDTH as T } from "../../../utils/constants.js";
-import { RPSplitter as w } from "../sidebar/RPSplitter.js";
+import { THUMBNAIL_MIN_WIDTH as R } from "../../../utils/constants.js";
+import { RPSplitter as T } from "../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";
@@ -56,7 +57,7 @@ import "../../../utils/dateFormatter.js";
 import "./PropertyItem.js";
 import "../../../RotateTool.module-67946714.js";
 import { RPHorizontalBar as C } from "./tools/defaults/RPHorizontalBar.js";
-import { RPVerticalBar as S } from "./tools/defaults/RPVerticalBar.js";
+import { RPVerticalBar as D } from "./tools/defaults/RPVerticalBar.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../../utils/types.js";
 import "../../../th_TH-d1686d95.js";
@@ -99,10 +100,10 @@ import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
 import "../../icons/SunIcon.js";
 import "../../icons/ThreeDotIcon.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
-import "../../../index-f563c6f0.js";
+import "../../../index-808ea7bf.js";
+import "../../../index-a48ec088.js";
 import "../../icons/CloseIcon.js";
 import "./DocumentProperties.js";
 import "../../icons/InfoIcon.js";
@@ -138,29 +139,29 @@ import "../../../utils/hooks/useHighlight.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 import "./ThumbnailTool.js";
-const po = (n) => {
-  const { children: l } = n, p = a(null), { active: i } = g(), { showPrintProgress: c } = R(), { progress: d, showDefaultProgress: h } = v(), { percentage: e } = d || {}, s = a(null), [u, f] = P(T), b = h ?? c;
-  return /* @__PURE__ */ t(m, { children: [
-    /* @__PURE__ */ t("div", { className: o["rp-toolbar-layout"], children: [
-      /* @__PURE__ */ r("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: /* @__PURE__ */ r(C, {}) }),
-      /* @__PURE__ */ t("div", { className: o["rp-content"], children: [
-        /* @__PURE__ */ t(m, { children: [
-          /* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: s, className: o["rp-sidebar-content"], children: /* @__PURE__ */ r(S, {}) }),
-          /* @__PURE__ */ t(
+const ao = (s) => {
+  const { children: l } = s, m = n(null), { active: i } = v(), { showPrintProgress: c } = x(), { progress: d, showDefaultProgress: h } = P(), { percentage: p } = d || {}, a = n(null), [u, b] = g(R), f = h ?? c;
+  return /* @__PURE__ */ o(e, { children: [
+    /* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
+      /* @__PURE__ */ r("nav", { id: "rp-navigation", role: "navigation", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(C, {}) }) }),
+      /* @__PURE__ */ o("div", { className: t["rp-content"], children: [
+        /* @__PURE__ */ o(e, { children: [
+          /* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: a, className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(D, {}) }),
+          /* @__PURE__ */ o(
             "div",
             {
               "data-rp": "thumbnailSidebar",
               hidden: !i,
-              className: o["rp-thumbnails-wrapper"],
+              className: t["rp-thumbnails-wrapper"],
               style: { ...i && { position: "relative", display: "flex" } },
               children: [
-                /* @__PURE__ */ r(x, { show: i, ref: p, width: u }),
+                /* @__PURE__ */ r(N, { show: i, ref: m, width: u }),
                 /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-                  w,
+                  T,
                   {
-                    onWidthChange: f,
-                    thumbnailRef: p,
-                    leftSidebarRef: s,
+                    onWidthChange: b,
+                    thumbnailRef: m,
+                    leftSidebarRef: a,
                     isRPLayout: !0
                   }
                 ) })
@@ -168,12 +169,21 @@ const po = (n) => {
             }
           )
         ] }),
-        /* @__PURE__ */ r(m, { children: l })
+        /* @__PURE__ */ r(
+          "main",
+          {
+            id: "rp-main-content",
+            role: "main",
+            "aria-label": "PDF document pages",
+            className: t["rp-pages"],
+            children: l
+          }
+        )
       ] })
     ] }),
-    b && e ? /* @__PURE__ */ r(N, { percentage: e }) : null
+    f && p ? /* @__PURE__ */ r(w, { percentage: p }) : null
   ] });
 };
 export {
-  po as ToolbarDefault
+  ao as ToolbarDefault
 };

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

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { ToolbarDefault as i } from "./ToolbarDefault.js";
 import { ToolbarCustom as p } from "./ToolbarCustom.js";
 import "react";
-import "../../../ToolbarLayout.module-0245d511.js";
+import "../../../ToolbarLayout.module-00eddd49.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../../clsx-0c6e471a.js";
@@ -75,17 +75,18 @@ import "../../RPDropFileZone.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 import "../../../LayoutWrapper-3f4d0a19.js";
+import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../ui/RPTooltip.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../index-808ea7bf.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/DropDown.js";
-import "../../../index-f563c6f0.js";
+import "../../../index-a48ec088.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
@@ -140,10 +141,10 @@ import "../../icons/ClearIcon.js";
 import "./tools/defaults/RPHorizontalBar.js";
 import "./tools/defaults/RPVerticalBar.js";
 import "./ThumbnailTool.js";
-const Or = (m) => {
+const Pr = (m) => {
   const { children: r, toolbar: o } = m;
   return o && typeof o == "boolean" ? /* @__PURE__ */ t(i, { children: r }) : /* @__PURE__ */ t(p, { toolbar: o, children: r });
 };
 export {
-  Or as ToolbarLayout
+  Pr as ToolbarLayout
 };

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

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as I, jsxs as n } from "react/jsx-runtime";
-import { G as f } from "../../../index-f563c6f0.js";
+import { G as f } from "../../../index-a48ec088.js";
 import { MenuSeparator as g } from "./MenuSeparator.js";
 import { MenuItem as i } from "./MenuItem.js";
 import { DualPageIcon as T } from "../../icons/DualPageIcon.js";
@@ -16,9 +16,9 @@ import c from "../../ui/RPTooltip.js";
 import { useIconContext as u } from "../../../contexts/IconContext.js";
 import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
-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/appConsole.js";
 import "../../../contexts/InitialStateContext.js";

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

@@ -5,10 +5,10 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { i as Dm } from "../../../ToolbarLayout.module-0245d511.js";
+import { i as Em } from "../../../ToolbarLayout.module-00eddd49.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-f563c6f0.js";
+import "../../../index-a48ec088.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../contexts/ToolbarComponentContext.js";
@@ -82,10 +82,11 @@ import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 import "../../../utils/hooks/useLocalization.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 "../../../utils/dateFormatter.js";
@@ -107,7 +108,7 @@ import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
 import "../../icons/FileUploadDefaultIcon.js";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../index-808ea7bf.js";
 import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
 import "../../icons/SunIcon.js";
@@ -136,5 +137,5 @@ import "../../icons/HandModeDefaultIcon.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 export {
-  Dm as ZoomTool
+  Em as ZoomTool
 };

package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js

@@ -4,11 +4,11 @@ import { useLocalizationContext as c } from "../../../../contexts/LocalizationCo
 import { useOtherToolContext as u } from "../../../../contexts/OtherToolContext.js";
 import { InfoIcon as f } from "../../../icons/InfoIcon.js";
 import { UIButton as D } from "../../../ui/Button.js";
-import { D as P } from "../../../../ToolbarLayout.module-0245d511.js";
+import { D as P } from "../../../../ToolbarLayout.module-00eddd49.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 "../../../../utils/appConsole.js";
 import "../../../../utils/hooks/useLocalization.js";
@@ -78,13 +78,14 @@ 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 "../../../icons/CheckIcon.js";
 import "../../../../contexts/IconContext.js";
 import "../../../ui/DropDown.js";
-import "../../../../index-f563c6f0.js";
+import "../../../../index-a48ec088.js";
 import "../MenuItem.js";
 import "../MenuSeparator.js";
 import "../../../../utils/dateFormatter.js";
@@ -139,7 +140,7 @@ const d = ({
   children: r,
   className: i,
   localeMessages: o
-}) => /* @__PURE__ */ t(e, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }), Vt = ({ icon: r }) => {
+}) => /* @__PURE__ */ t(e, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }), Wt = ({ icon: r }) => {
   const { setActiveDocumentProperties: i } = u(), { localeMessages: o } = c();
   return /* @__PURE__ */ p(n, { children: [
     /* @__PURE__ */ t(d, { localeMessages: o, children: /* @__PURE__ */ t(
@@ -154,5 +155,5 @@ const d = ({
   ] });
 };
 export {
-  Vt as DocumentPropertiesTool
+  Wt as DocumentPropertiesTool
 };

package/dist/components/layout/toolbar/tools/DualPageTool.js

@@ -1,18 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-import l from "../../../ui/RPTooltip.js";
-import { UIButton as e } from "../../../ui/Button.js";
-import { DualPageIcon as u } from "../../../icons/DualPageIcon.js";
+import m from "../../../ui/RPTooltip.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { DualPageIcon as n } from "../../../icons/DualPageIcon.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 { ScrollMode as d } from "../../../../utils/types.js";
 import "../../../../contexts/RotationContext.js";
 import "../../../../contexts/LayerContext.js";
 import "../../../../contexts/ZoomContext.js";
-import { useViewModeContext as c } from "../../../../contexts/ViewModeContext.js";
-import { useScrollModeContext as f } from "../../../../contexts/ScrollModeContext.js";
+import { useViewModeContext as u } from "../../../../contexts/ViewModeContext.js";
+import "../../../../contexts/ScrollModeContext.js";
 import "../../../../contexts/VirtualScrollContext.js";
 import "../../../../contexts/VirtualGridContext.js";
 import "../../../../contexts/SelectionModeContext.js";
@@ -45,6 +44,7 @@ import "../../sidebar/RPSplitter.js";
 import "../../WrapperLayout.js";
 import "../../../RPDropFileZone.js";
 import "../../../../LayoutWrapper-3f4d0a19.js";
+import "../../SkipLink.js";
 import "../../../../SearchCloseButton-08d57275.js";
 import "../../../ui/Input.js";
 import "../../../ui/Checkbox.js";
@@ -56,18 +56,19 @@ 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 "../../../../clsx-0c6e471a.js";
 import "../../../../utils/hooks/useLoadPdf.js";
+import "../../../../utils/types.js";
+import "../../../../th_TH-d1686d95.js";
 import "../../../../utils/getThumbnailViewport.js";
 import "../../../../utils/hooks/usePdfProperties.js";
 import "../../../../utils/convertPdfDate.js";
 import "../../../../utils/formatFileSize.js";
 import "../../../../utils/appConsole.js";
-import "../../../../th_TH-d1686d95.js";
 import "../../../icons/ChevronUpIcon.js";
 import "../../../../utils/highlight.js";
 import "../../../../utils/charators.js";
@@ -98,7 +99,7 @@ import "../DarkModeTool.js";
 import "../../../icons/MoonIcon.js";
 import "../../../icons/SunIcon.js";
 import "../../../icons/ThreeDotIcon.js";
-import "../../../../index-f563c6f0.js";
+import "../../../../index-a48ec088.js";
 import "../../../icons/CloseIcon.js";
 import "../DocumentProperties.js";
 import "../../../icons/InfoIcon.js";
@@ -135,18 +136,10 @@ import "../../../../utils/hooks/useLicense.js";
 import "../../../../utils/getElementPositionInPage.js";
 import "../../../icons/LightPdfIcon.js";
 import "../../../icons/DarkPdfIcon.js";
-const P = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */ r(l, { className: i, content: o == null ? void 0 : o.dualPageTooltip, children: t }), Jt = ({ icon: t }) => {
-  const { setDualPage: i } = c(), { localeMessages: o } = a(), { scrollMode: m } = f(), p = n(() => m === d.HORIZONTAL_SCROLLING, [m]);
-  return /* @__PURE__ */ r(P, { localeMessages: o, children: /* @__PURE__ */ r(
-    e,
-    {
-      disabled: p,
-      onClick: i,
-      "aria-label": o == null ? void 0 : o.dualPageTooltip,
-      children: t || /* @__PURE__ */ r(u, {})
-    }
-  ) });
+const d = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.dualPageTooltip, children: t }), Kt = ({ icon: t }) => {
+  const { setDualPage: i } = u(), { localeMessages: o } = a();
+  return /* @__PURE__ */ r(d, { localeMessages: o, children: /* @__PURE__ */ r(p, { onClick: i, "aria-label": o == null ? void 0 : o.dualPageTooltip, children: t || /* @__PURE__ */ r(n, { "aria-hidden": "true" }) }) });
 };
 export {
-  Jt as DualPageTool
+  Kt as DualPageTool
 };