@react-pdf-kit/viewer 2.8.0-beta.1 → 2.8.0-beta.10

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

@@ -6,8 +6,8 @@ import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
 import { t as a } from "../../../Button-DBu3SaMk.js";
 import { useIconContext as o } from "../../../contexts/IconContext.js";
 import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
-import { t as c } from "../../../RPTooltip-CXBVXusS.js";
-import { t as l } from "../../../MenuItem-9kCH_GQ0.js";
+import { t as c } from "../../../RPTooltip-QWwWh4HW.js";
+import { t as l } from "../../../MenuItem-lItnKNd5.js";
 import { FullScreenIcon as u } from "../../icons/FullScreenIcon.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/FullScreenTool.tsx
@@ -18,12 +18,12 @@ var p = () => {
 	className: t,
 	content: n?.fullScreenTooltip,
 	children: e
-}), h = ({ toggleFullScreen: e, isSupported: t, localeMessages: n }) => /* @__PURE__ */ d(l, {
-	onClick: e,
-	disabled: !t,
-	children: /* @__PURE__ */ f(m, {
+}), h = ({ toggleFullScreen: e, isSupported: t, localeMessages: n }) => /* @__PURE__ */ d(m, {
+	localeMessages: n,
+	children: /* @__PURE__ */ f(l, {
+		onClick: e,
+		disabled: !t,
 		className: "rp-menu-item",
-		localeMessages: n,
 		children: [/* @__PURE__ */ d("div", {
 			className: "rp-menu-item-left",
 			children: /* @__PURE__ */ d(u, {})
@@ -55,7 +55,8 @@ var p = () => {
 		children: /* @__PURE__ */ d(a, {
 			disabled: !l,
 			onClick: o,
-			"aria-label": i ? "Exit full screen" : "Enter full screen",
+			"aria-label": _?.fullScreenLabel,
+			"aria-pressed": i,
 			children: /* @__PURE__ */ d(p, {})
 		})
 	});

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../MenuItem-9kCH_GQ0.js";
+import { t as e } from "../../../MenuItem-lItnKNd5.js";
 export { e as MenuItem };

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

@@ -1,12 +1,12 @@
-import { r as e } from "../../../PaginationContext-C5CJiEW-.js";
+import { r as e } from "../../../PaginationContext-DIzsZhFd.js";
 import { useLocalizationContext as t } from "../../../contexts/LocalizationContext.js";
 import { useToolbarComponentContext as n } from "../../../contexts/ToolbarComponentContext.js";
 import { useToolComponentContext as r } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
 import { useIconContext as a } from "../../../contexts/IconContext.js";
-import { t as o } from "../../../RPTooltip-CXBVXusS.js";
+import { t as o } from "../../../RPTooltip-QWwWh4HW.js";
 import { n as s } from "../../../dist-VbpVNBs6.js";
-import { t as c } from "../../../MenuItem-9kCH_GQ0.js";
+import { t as c } from "../../../MenuItem-lItnKNd5.js";
 import { t as l } from "../../../MenuSeparator-CaFxd8b5.js";
 import { GoToDownIcon as u } from "../../icons/GoToDownIcon.js";
 import { t as d } from "../../../MostPageTool.module-BRVv-sGz.js";
@@ -26,34 +26,28 @@ var g = () => {
 		i(a);
 	}, [i, a]);
 	return !d || !y ? null : /* @__PURE__ */ h(s, { children: [
-		/* @__PURE__ */ m(c, {
-			onClick: C,
-			children: /* @__PURE__ */ m(o, {
-				content: b?.firstPageTooltip,
-				style: v,
-				children: /* @__PURE__ */ h("div", {
-					className: "rp-menu-item",
-					"aria-disabled": x,
-					children: [/* @__PURE__ */ m("div", {
-						className: "rp-menu-item-left",
-						children: /* @__PURE__ */ m(g, {})
-					}), /* @__PURE__ */ m("span", { children: b?.firstPageLabel })]
-				})
+		/* @__PURE__ */ m(o, {
+			content: b?.firstPageTooltip,
+			style: v,
+			children: /* @__PURE__ */ h(c, {
+				onClick: C,
+				disabled: x,
+				children: [/* @__PURE__ */ m("div", {
+					className: "rp-menu-item-left",
+					children: /* @__PURE__ */ m(g, {})
+				}), /* @__PURE__ */ m("span", { children: b?.firstPageLabel })]
 			})
 		}),
-		/* @__PURE__ */ m(c, {
-			onClick: w,
-			children: /* @__PURE__ */ m(o, {
-				content: b?.lastPageTooltip,
-				style: v,
-				children: /* @__PURE__ */ h("div", {
-					className: "rp-menu-item",
-					"aria-disabled": S,
-					children: [/* @__PURE__ */ m("div", {
-						className: "rp-menu-item-left",
-						children: /* @__PURE__ */ m(_, {})
-					}), /* @__PURE__ */ m("span", { children: b?.lastPageLabel })]
-				})
+		/* @__PURE__ */ m(o, {
+			content: b?.lastPageTooltip,
+			style: v,
+			children: /* @__PURE__ */ h(c, {
+				onClick: w,
+				disabled: S,
+				children: [/* @__PURE__ */ m("div", {
+					className: "rp-menu-item-left",
+					children: /* @__PURE__ */ m(_, {})
+				}), /* @__PURE__ */ m("span", { children: b?.lastPageLabel })]
 			})
 		}),
 		/* @__PURE__ */ m(l, {})

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

@@ -4,7 +4,7 @@ import { useToolbarComponentContext as ee } from "../../../contexts/ToolbarCompo
 import { useToolComponentContext as te } from "../../../contexts/ToolComponentContext.js";
 import { t as n } from "../../../Button-DBu3SaMk.js";
 import { useViewportContext as r } from "../../../contexts/ViewportContext.js";
-import { t as i } from "../../../RPTooltip-CXBVXusS.js";
+import { t as i } from "../../../RPTooltip-QWwWh4HW.js";
 import { n as a } from "../../../dist-VbpVNBs6.js";
 import { FileUploadTool as o } from "./FileUploadTool.js";
 import { ThreeDotIcon as s } from "../../icons/ThreeDotIcon.js";

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

@@ -1,7 +1,7 @@
 import { ScrollMode as e, ViewMode as t } from "../../../utils/types.js";
 import { useScrollModeContext as n } from "../../../contexts/ScrollModeContext.js";
 import { useViewModeContext as r } from "../../../contexts/ViewModeContext.js";
-import { r as i } from "../../../PaginationContext-C5CJiEW-.js";
+import { r as i } from "../../../PaginationContext-DIzsZhFd.js";
 import { useLocalizationContext as a } from "../../../contexts/LocalizationContext.js";
 import { useToolbarComponentContext as o } from "../../../contexts/ToolbarComponentContext.js";
 import { useToolComponentContext as s } from "../../../contexts/ToolComponentContext.js";
@@ -9,10 +9,10 @@ import { useIconToolContext as c } from "../../../contexts/IconToolContext.js";
 import { ChevronUpIcon as l } from "../../icons/ChevronUpIcon.js";
 import { t as u } from "../../../Button-DBu3SaMk.js";
 import { t as d } from "../../../Input-Dpo1Xfxe.js";
-import { t as f } from "../../../Paginate.module-B0GMw-MB.js";
+import { t as f } from "../../../Paginate.module-DhE7N8AA.js";
 import { useIconContext as p } from "../../../contexts/IconContext.js";
 import { useViewportContext as m } from "../../../contexts/ViewportContext.js";
-import { t as h } from "../../../RPTooltip-CXBVXusS.js";
+import { t as h } from "../../../RPTooltip-QWwWh4HW.js";
 import { useCallback as g, useEffect as _, useMemo as v, useState as y } from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/Paginate.tsx
@@ -71,6 +71,7 @@ var S = () => {
 					name: "page-input",
 					label: P?.currentPageTooltip || "Current page",
 					"aria-label": P?.currentPageTooltip,
+					autoComplete: "off",
 					"aria-valuemin": 1,
 					"aria-valuemax": l,
 					"aria-valuenow": parseInt(D) || c,
@@ -81,8 +82,22 @@ var S = () => {
 			}),
 			/* @__PURE__ */ x("span", {
 				className: f["rp-total-page"],
+				"aria-hidden": "true",
 				children: ["/", l]
 			}),
+			/* @__PURE__ */ x("span", {
+				role: "status",
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				className: f["rp-sr-only"],
+				children: [
+					c,
+					" ",
+					P?.ofTotalPagesLabel ?? "of",
+					" ",
+					l
+				]
+			}),
 			!j && /* @__PURE__ */ b(h, {
 				content: P?.nextPageTooltip,
 				children: /* @__PURE__ */ b(u, {

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

@@ -6,8 +6,8 @@ import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
 import { t as a } from "../../../Button-DBu3SaMk.js";
 import { useIconContext as o } from "../../../contexts/IconContext.js";
 import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
-import { t as c } from "../../../RPTooltip-CXBVXusS.js";
-import { t as l } from "../../../MenuItem-9kCH_GQ0.js";
+import { t as c } from "../../../RPTooltip-QWwWh4HW.js";
+import { t as l } from "../../../MenuItem-lItnKNd5.js";
 import { PrintDefaultTool as u } from "../../icons/PrintDefaultIcon.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/PrintTool.tsx
@@ -25,11 +25,11 @@ var p = () => {
 		"aria-label": t?.printTooltip,
 		children: /* @__PURE__ */ d(p, {})
 	})
-}), g = ({ print: e, localeMessages: t }) => /* @__PURE__ */ d(l, {
-	onClick: e,
-	children: /* @__PURE__ */ f(m, {
+}), g = ({ print: e, localeMessages: t }) => /* @__PURE__ */ d(m, {
+	localeMessages: t,
+	children: /* @__PURE__ */ f(l, {
+		onClick: e,
 		className: "rp-menu-item",
-		localeMessages: t,
 		children: [/* @__PURE__ */ d("div", {
 			className: "rp-menu-item-left",
 			children: /* @__PURE__ */ d(p, {})

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

@@ -1,5 +1,5 @@
-import { t as e } from "../../../RPTooltip-CXBVXusS.js";
-import { t } from "../../../MenuItem-9kCH_GQ0.js";
+import { t as e } from "../../../RPTooltip-QWwWh4HW.js";
+import { t } from "../../../MenuItem-lItnKNd5.js";
 import { InfoIcon as n } from "../../icons/InfoIcon.js";
 import { t as r } from "../../../MenuSeparator-CaFxd8b5.js";
 import "react";

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

@@ -2,7 +2,7 @@ import { useLayoutContainer as e } from "../../../contexts/LayoutContainerContex
 import { useLocalizationContext as t } from "../../../contexts/LocalizationContext.js";
 import { t as n } from "../../../Button-DBu3SaMk.js";
 import { useViewportContext as r } from "../../../contexts/ViewportContext.js";
-import { t as i } from "../../../RPTooltip-CXBVXusS.js";
+import { t as i } from "../../../RPTooltip-QWwWh4HW.js";
 import { n as a } from "../../../dist-VbpVNBs6.js";
 import { ThreeDotIcon as o } from "../../icons/ThreeDotIcon.js";
 import { t as s } from "../../../DropDown-CM6xEwZC.js";

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

@@ -8,7 +8,7 @@ import { Paginate as o } from "./Paginate.js";
 import { RPToolbarEnd as s } from "./RPToolbarEnd.js";
 import { ZoomTool as c } from "./ZoomTool.js";
 import { SearchTool as l } from "./SearchTool.js";
-import { t as u } from "../../../LoadingIndicator-Bzzf28Xv.js";
+import { t as u } from "../../../LoadingIndicator-0E8WHnSN.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/RPToolbar.tsx
 var p = r((r, p) => {

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

@@ -3,9 +3,9 @@ import { useToolbarComponentContext as t } from "../../../contexts/ToolbarCompon
 import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as r } from "../../../contexts/IconToolContext.js";
 import { useIconContext as i } from "../../../contexts/IconContext.js";
-import { t as a } from "../../../RPTooltip-CXBVXusS.js";
+import { t as a } from "../../../RPTooltip-QWwWh4HW.js";
 import { n as o } from "../../../dist-VbpVNBs6.js";
-import { t as s } from "../../../MenuItem-9kCH_GQ0.js";
+import { t as s } from "../../../MenuItem-lItnKNd5.js";
 import { t as c } from "../../../MenuSeparator-CaFxd8b5.js";
 import { ClockwiseIcon as l } from "../../icons/ClockwiseIcon.js";
 import { t as u } from "../../../RotateTool.module-DH5yWbvM.js";
@@ -21,22 +21,22 @@ var h = () => {
 }, _ = () => {
 	let { handleRotateClockwise: r, handleRotateCounterclockwise: i } = d(), { rotateTool: l = !0 } = t(), { rotateTool: u = !0 } = n(), { localeMessages: _ } = e();
 	return !l || !u ? null : /* @__PURE__ */ p(f, { children: /* @__PURE__ */ m(o, { children: [
-		/* @__PURE__ */ p(s, {
-			onClick: r,
-			children: /* @__PURE__ */ m(a, {
+		/* @__PURE__ */ p(a, {
+			content: _?.rotateClockwiseTooltip,
+			children: /* @__PURE__ */ m(s, {
+				onClick: r,
 				className: "rp-menu-item",
-				content: _?.rotateClockwiseTooltip,
 				children: [/* @__PURE__ */ p("div", {
 					className: "rp-menu-item-left",
 					children: /* @__PURE__ */ p(h, {})
 				}), _?.rotateClockwiseLabel]
 			})
 		}),
-		/* @__PURE__ */ p(s, {
-			onClick: i,
-			children: /* @__PURE__ */ m(a, {
+		/* @__PURE__ */ p(a, {
+			content: _?.rotateCounterclockwiseTooltip,
+			children: /* @__PURE__ */ m(s, {
+				onClick: i,
 				className: "rp-menu-item",
-				content: _?.rotateCounterclockwiseTooltip,
 				children: [/* @__PURE__ */ p("div", {
 					className: "rp-menu-item-left",
 					children: /* @__PURE__ */ p(g, {})

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

@@ -6,9 +6,9 @@ import { useToolbarComponentContext as a } from "../../../contexts/ToolbarCompon
 import { useToolComponentContext as o } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
 import { useIconContext as c } from "../../../contexts/IconContext.js";
-import { t as l } from "../../../RPTooltip-CXBVXusS.js";
+import { t as l } from "../../../RPTooltip-QWwWh4HW.js";
 import { n as u } from "../../../dist-VbpVNBs6.js";
-import { t as d } from "../../../MenuItem-9kCH_GQ0.js";
+import { t as d } from "../../../MenuItem-lItnKNd5.js";
 import { CheckIcon as f } from "../../icons/CheckIcon.js";
 import { PageScrollingIcon as p } from "../../icons/PageScrollingIcon.js";
 import { VerticalScrollingIcon as m } from "../../icons/VerticalScrollingIcon.js";
@@ -26,13 +26,13 @@ var b = () => {
 	let { horizontalScrollIcon: e } = c(), { horizontalScrollIcon: t } = s();
 	return e || t || /* @__PURE__ */ v(h, {});
 }, C = () => {
-	let { scrollModeTool: s = !0 } = a(), { scrollModeTool: c = !0 } = o(), { viewMode: p } = r(), { scrollMode: m, setScrollMode: h } = n(), { localeMessages: C } = i(), w = g(() => p === t.DUAL_PAGE || p === t.DUAL_PAGE_WITH_COVER, [p]);
+	let { scrollModeTool: s = !0 } = a(), { scrollModeTool: c = !0 } = o(), { viewMode: p } = r(), { scrollMode: m, setScrollMode: h } = n(), { localeMessages: C } = i(), w = C?.horizontalScrollingLabel || C?.horizontalLabel, T = C?.horizontalScrollingTooltip || C?.horizontalTooltip, E = g(() => p === t.DUAL_PAGE || p === t.DUAL_PAGE_WITH_COVER, [p]);
 	return !s || !c ? null : /* @__PURE__ */ v(_, { children: /* @__PURE__ */ y(u, { children: [
-		/* @__PURE__ */ v(d, {
-			onClick: () => h(e.PAGE_SCROLLING),
-			children: /* @__PURE__ */ y(l, {
+		/* @__PURE__ */ v(l, {
+			content: C?.pageScrollingTooltip,
+			children: /* @__PURE__ */ y(d, {
+				onClick: () => h(e.PAGE_SCROLLING),
 				className: "rp-menu-item",
-				content: C?.pageScrollingTooltip,
 				children: [
 					/* @__PURE__ */ v("div", {
 						className: "rp-menu-item-left",
@@ -43,11 +43,11 @@ var b = () => {
 				]
 			})
 		}),
-		/* @__PURE__ */ v(d, {
-			onClick: () => h(e.VERTICAL_SCROLLING),
-			children: /* @__PURE__ */ y(l, {
+		/* @__PURE__ */ v(l, {
+			content: C?.verticalScrollingTooltip,
+			children: /* @__PURE__ */ y(d, {
+				onClick: () => h(e.VERTICAL_SCROLLING),
 				className: "rp-menu-item",
-				content: C?.verticalScrollingTooltip,
 				children: [
 					/* @__PURE__ */ v("div", {
 						className: "rp-menu-item-left",
@@ -58,18 +58,18 @@ var b = () => {
 				]
 			})
 		}),
-		/* @__PURE__ */ v(d, {
-			disabled: w,
-			onClick: () => h(e.HORIZONTAL_SCROLLING),
-			children: /* @__PURE__ */ y(l, {
+		/* @__PURE__ */ v(l, {
+			content: T,
+			children: /* @__PURE__ */ y(d, {
+				disabled: E,
+				onClick: () => h(e.HORIZONTAL_SCROLLING),
 				className: "rp-menu-item",
-				content: C?.horizontalTooltip,
 				children: [
 					/* @__PURE__ */ v("div", {
 						className: "rp-menu-item-left",
 						children: /* @__PURE__ */ v(S, {})
 					}),
-					C?.horizontalLabel,
+					w,
 					m === e.HORIZONTAL_SCROLLING ? /* @__PURE__ */ v(f, { className: "rp-menu-item-right" }) : null
 				]
 			})

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

@@ -1,8 +1,8 @@
 import { useLocalizationContext as e } from "../../../contexts/LocalizationContext.js";
 import { t } from "../../../Button-DBu3SaMk.js";
-import { t as n } from "../../../RPTooltip-CXBVXusS.js";
+import { t as n } from "../../../RPTooltip-QWwWh4HW.js";
 import { CloseIcon as r } from "../../icons/CloseIcon.js";
-import { t as i } from "../../../SearchTool.module-DUkVXfOn.js";
+import { t as i } from "../../../SearchTool.module-DY8Ucfb_.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/SearchCloseButton.tsx
 var o = ({ onKeyPress: o, handleClose: s }) => {

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

@@ -2,8 +2,8 @@ import { useLocalizationContext as e } from "../../../contexts/LocalizationConte
 import { useSearchContext as t } from "../../../contexts/SearchContext.js";
 import { ChevronUpIcon as n } from "../../icons/ChevronUpIcon.js";
 import { t as r } from "../../../Button-DBu3SaMk.js";
-import { t as i } from "../../../RPTooltip-CXBVXusS.js";
-import { t as a } from "../../../SearchTool.module-DUkVXfOn.js";
+import { t as i } from "../../../RPTooltip-QWwWh4HW.js";
+import { t as a } from "../../../SearchTool.module-DY8Ucfb_.js";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/SearchResultNavigator.tsx
 var l = () => {