@react-pdf-kit/viewer 2.6.0-beta.1 → 2.6.0-rc.0

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

@@ -1,65 +1,45 @@
-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-11f3cd64.js";
-import { ClockwiseIcon as n } from "../../../../icons/ClockwiseIcon.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-113053cf.js";
-import "react-dom";
-import "../../../../../index-23911b43.js";
-import "../../../../../index-d0f0aa9a.js";
-import "../../../../../index-ada501c4.js";
-import "../../../../../utils/withRef.js";
-import "../../../../../Combination-17ab8af1.js";
-import "../../../../../contexts/RotationContext.js";
-import "../../../../../utils/appConsole.js";
-import "../../../../../contexts/InitialStateContext.js";
-import "../../../../../contexts/RPDocumentContext.js";
-import "../../../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../../../utils/types.js";
-import "../../../../../de_DE-8145915f.js";
-import "../../../../../utils/getThumbnailViewport.js";
-import "../../../../../contexts/ConfigContext.js";
-import "../../../../../contexts/DocumentPasswordContext.js";
-import "../../../../../utils/const.js";
-import "../../../../../utils/hooks/usePdfProperties.js";
-import "../../../../../utils/convertPdfDate.js";
-import "../../../../../utils/formatFileSize.js";
-import "../../../../../utils/hooks/useLocalization.js";
-const g = (c) => {
-  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 {
-  g as RotateTool
+import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
+import { t } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { n } from "../../../../../dist-CKteKPPA.js";
+import { t as r } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as i } from "../../../../../MenuSeparator-D1H5l8Ej.js";
+import { ClockwiseIcon as a } from "../../../../icons/ClockwiseIcon.js";
+import { t as o } from "../../../../../RotateTool.module-DH5yWbvM.js";
+import { useRotate as s } from "../../../../../utils/hooks/useRotate.js";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/more-options/RotateTool.tsx
+var d = (d) => {
+	let { icons: f, isToolVisible: p = !0 } = d, { rotateClockwiseIcon: m, rotateCounterClockwiseIcon: h } = f ?? {}, { handleRotateClockwise: g, handleRotateCounterclockwise: _ } = s(), { localeMessages: v } = e();
+	return p ? /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u(n, { children: [
+		/* @__PURE__ */ l(r, {
+			onClick: g,
+			"aria-label": v?.rotateClockwiseTooltip,
+			children: /* @__PURE__ */ u(t, {
+				className: "rp-menu-item",
+				content: v?.rotateClockwiseTooltip,
+				children: [/* @__PURE__ */ l("div", {
+					className: "rp-menu-item-left",
+					children: m || /* @__PURE__ */ l(a, { "aria-hidden": "true" })
+				}), v?.rotateClockwiseLabel]
+			})
+		}),
+		/* @__PURE__ */ l(r, {
+			onClick: _,
+			"aria-label": v?.rotateCounterclockwiseTooltip,
+			children: /* @__PURE__ */ u(t, {
+				className: "rp-menu-item",
+				content: v?.rotateCounterclockwiseTooltip,
+				children: [/* @__PURE__ */ l("div", {
+					className: "rp-menu-item-left",
+					children: h || /* @__PURE__ */ l(a, {
+						className: o["rp-rotate-counterclockwise"],
+						"aria-hidden": "true"
+					})
+				}), v?.rotateCounterclockwiseLabel]
+			})
+		}),
+		/* @__PURE__ */ l(i, {})
+	] }) }) : null;
 };
+//#endregion
+export { d as RotateTool };

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

@@ -1,73 +1,82 @@
-import { jsx as i, Fragment as C, jsxs as n } from "react/jsx-runtime";
+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 { useLocalizationContext as i } from "../../../../../contexts/LocalizationContext.js";
+import { t as a } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { n as o } from "../../../../../dist-CKteKPPA.js";
+import { t as s } from "../../../../../MenuItem-BJDWfzAw.js";
+import { CheckIcon as c } from "../../../../icons/CheckIcon.js";
+import { PageScrollingIcon as l } from "../../../../icons/PageScrollingIcon.js";
+import { VerticalScrollingIcon as u } from "../../../../icons/VerticalScrollingIcon.js";
+import { HorizontalScrollingIcon as d } from "../../../../icons/HorizontalScrollingIcon.js";
 import { useMemo as f } from "react";
-import e from "../../../../ui/RPTooltip.js";
-import { G as R } from "../../../../../index-11f3cd64.js";
-import { MenuItem as c } from "../../MenuItem.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 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-113053cf.js";
-import "react-dom";
-import "../../../../../index-23911b43.js";
-import "../../../../../index-d0f0aa9a.js";
-import "../../../../../index-ada501c4.js";
-import "../../../../../utils/withRef.js";
-import "../../../../../Combination-17ab8af1.js";
-import "../../../../../clsx-0c6e471a.js";
-import "../../../../../utils/appConsole.js";
-import "../../../../../contexts/InitialStateContext.js";
-import "../../../../../de_DE-8145915f.js";
-import "../../../../../utils/hooks/useLocalization.js";
-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,
-      {
-        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 {
-  M as ScrollModeTool
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/more-options/ScrollModeTool.tsx
+var g = (g) => {
+	let { icons: _, isToolVisible: v = !0 } = g, { pageScrollIcon: y, verticalScrollIcon: b, horizontalScrollIcon: x } = _ ?? {}, { viewMode: S } = r(), { scrollMode: C, setScrollMode: w } = n(), { localeMessages: T } = i(), E = f(() => S === t.DUAL_PAGE || S === t.DUAL_PAGE_WITH_COVER, [S]);
+	return v ? /* @__PURE__ */ m(p, { children: /* @__PURE__ */ h(o, { children: [
+		/* @__PURE__ */ m(s, {
+			onClick: () => w(e.PAGE_SCROLLING),
+			"aria-label": T?.pageScrollingTooltip,
+			"aria-checked": C === e.PAGE_SCROLLING,
+			children: /* @__PURE__ */ h(a, {
+				className: "rp-menu-item",
+				content: T?.pageScrollingTooltip,
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "rp-menu-item-left",
+						children: y || /* @__PURE__ */ m(l, { "aria-hidden": "true" })
+					}),
+					T?.pageScrollingLabel,
+					C === e.PAGE_SCROLLING ? /* @__PURE__ */ m(c, {
+						className: "rp-menu-item-right",
+						"aria-hidden": "true"
+					}) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ m(s, {
+			onClick: () => w(e.VERTICAL_SCROLLING),
+			"aria-label": T?.verticalScrollingTooltip,
+			"aria-checked": C === e.VERTICAL_SCROLLING,
+			children: /* @__PURE__ */ h(a, {
+				className: "rp-menu-item",
+				content: T?.verticalScrollingTooltip,
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "rp-menu-item-left",
+						children: b || /* @__PURE__ */ m(u, { "aria-hidden": "true" })
+					}),
+					T?.verticalScrollingLabel,
+					C === e.VERTICAL_SCROLLING ? /* @__PURE__ */ m(c, {
+						className: "rp-menu-item-right",
+						"aria-hidden": "true"
+					}) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ m(s, {
+			disabled: E,
+			onClick: () => w(e.HORIZONTAL_SCROLLING),
+			"aria-label": T?.horizontalTooltip,
+			"aria-checked": C === e.HORIZONTAL_SCROLLING,
+			children: /* @__PURE__ */ h(a, {
+				className: "rp-menu-item",
+				content: T?.horizontalTooltip,
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "rp-menu-item-left",
+						children: x || /* @__PURE__ */ m(d, { "aria-hidden": "true" })
+					}),
+					T?.horizontalLabel,
+					C === e.HORIZONTAL_SCROLLING ? /* @__PURE__ */ m(c, {
+						className: "rp-menu-item-right",
+						"aria-hidden": "true"
+					}) : null
+				]
+			})
+		})
+	] }) }) : null;
 };
+//#endregion
+export { g as ScrollModeTool };

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

@@ -1,58 +1,60 @@
-import { jsx as o, Fragment as T, jsxs as e } from "react/jsx-runtime";
-import c from "../../../../ui/RPTooltip.js";
-import { G as f } from "../../../../../index-11f3cd64.js";
-import { TextSelectionDefaultIcon as x } from "../../../../icons/TextSelectionDefaultIcon.js";
-import { HandModeDefaultIcon as S } from "../../../../icons/HandModeDefaultIcon.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 I } from "../../../../../contexts/SelectionModeContext.js";
-import { useLocalizationContext as b } from "../../../../../contexts/LocalizationContext.js";
-import "react";
-import "../../../../../index-113053cf.js";
-import "react-dom";
-import "../../../../../index-23911b43.js";
-import "../../../../../index-d0f0aa9a.js";
-import "../../../../../index-ada501c4.js";
-import "../../../../../utils/withRef.js";
-import "../../../../../Combination-17ab8af1.js";
-import "../../../../../clsx-0c6e471a.js";
-import "../../../../../de_DE-8145915f.js";
-import "../../../../../utils/appConsole.js";
-import "../../../../../utils/hooks/useLocalization.js";
-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 {
-  Q as SelectionModeTool
+import { SelectionMode as e } from "../../../../../utils/types.js";
+import { useSelectionModeContext as t } from "../../../../../contexts/SelectionModeContext.js";
+import { useLocalizationContext as n } from "../../../../../contexts/LocalizationContext.js";
+import { t as r } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { n as i } from "../../../../../dist-CKteKPPA.js";
+import { t as a } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as o } from "../../../../../MenuSeparator-D1H5l8Ej.js";
+import { CheckIcon as s } from "../../../../icons/CheckIcon.js";
+import { TextSelectionDefaultIcon as c } from "../../../../icons/TextSelectionDefaultIcon.js";
+import { HandModeDefaultIcon as l } from "../../../../icons/HandModeDefaultIcon.js";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/more-options/SelectionModeTool.tsx
+var p = (p) => {
+	let { icons: m, isToolVisible: h = !0 } = p, { textSelectionIcon: g, handModeIcon: _ } = m ?? {}, { selectionMode: v, setSelectionMode: y } = t(), { localeMessages: b } = n();
+	return h ? /* @__PURE__ */ d(u, { children: /* @__PURE__ */ f(i, { children: [
+		/* @__PURE__ */ d(a, {
+			onClick: () => y(e.TEXT),
+			"aria-label": b?.textSelectionTooltip,
+			"aria-checked": v === e.TEXT,
+			children: /* @__PURE__ */ f(r, {
+				className: "rp-menu-item",
+				content: b?.textSelectionTooltip,
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "rp-menu-item-left",
+						children: g || /* @__PURE__ */ d(c, { "aria-hidden": "true" })
+					}),
+					b?.textSelectionLabel,
+					v === e.TEXT ? /* @__PURE__ */ d(s, {
+						className: "rp-menu-item-right",
+						"aria-hidden": "true"
+					}) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ d(a, {
+			onClick: () => y(e.HAND),
+			"aria-label": b?.handToolTooltip,
+			"aria-checked": v === e.HAND,
+			children: /* @__PURE__ */ f(r, {
+				className: "rp-menu-item",
+				content: b?.handToolTooltip,
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "rp-menu-item-left",
+						children: _ || /* @__PURE__ */ d(l, { "aria-hidden": "true" })
+					}),
+					b?.handToolLabel,
+					v === e.HAND ? /* @__PURE__ */ d(s, {
+						className: "rp-menu-item-right",
+						"aria-hidden": "true"
+					}) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ d(o, {})
+	] }) }) : null;
 };
+//#endregion
+export { p as SelectionModeTool };

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

@@ -1,67 +1,80 @@
-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-11f3cd64.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-113053cf.js";
-import "react-dom";
-import "../../../../../index-23911b43.js";
-import "../../../../../index-d0f0aa9a.js";
-import "../../../../../index-ada501c4.js";
-import "../../../../../utils/withRef.js";
-import "../../../../../Combination-17ab8af1.js";
-import "../../../../../clsx-0c6e471a.js";
-import "../../../../../utils/appConsole.js";
-import "../../../../../contexts/InitialStateContext.js";
-import "../../../../../de_DE-8145915f.js";
-import "../../../../../utils/hooks/useLocalization.js";
-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(T, {})
-  ] }) }) : null;
-};
-export {
-  ti as ViewModeTool
+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 { useLocalizationContext as i } from "../../../../../contexts/LocalizationContext.js";
+import { t as a } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { n as o } from "../../../../../dist-CKteKPPA.js";
+import { t as s } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as c } from "../../../../../MenuSeparator-D1H5l8Ej.js";
+import { DualPageIcon as l } from "../../../../icons/DualPageIcon.js";
+import { DualPageWithCoverIcon as u } from "../../../../icons/DualPageWithCoverIcon.js";
+import { SinglePageIcon as d } from "../../../../icons/SinglePageIcon.js";
+import { CheckIcon as f } from "../../../../icons/CheckIcon.js";
+import { useMemo as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/more-options/ViewModeTool.tsx
+var _ = (_) => {
+	let { icons: v, isToolVisible: y = !0 } = _, { singlePageIcon: b, dualPageIcon: x, dualPageWithCoverIcon: S } = v ?? {}, { viewMode: C, setDualPage: w, setDualPageWithCover: T, setSinglePage: E } = r(), { scrollMode: D } = n(), { localeMessages: O } = i(), k = p(() => [e.HORIZONTAL_SCROLLING].includes(D), [D]);
+	return y ? /* @__PURE__ */ h(m, { children: /* @__PURE__ */ g(o, { children: [
+		/* @__PURE__ */ h(s, {
+			onClick: E,
+			"aria-label": O?.singlePageTooltip,
+			"aria-checked": C === t.SINGLE_PAGE,
+			children: /* @__PURE__ */ g(a, {
+				className: "rp-menu-item",
+				content: O?.singlePageTooltip,
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "rp-menu-item-left",
+						children: b || /* @__PURE__ */ h(d, { "aria-hidden": "true" })
+					}),
+					O?.singlePageLabel,
+					C === t.SINGLE_PAGE ? /* @__PURE__ */ h(f, {
+						className: "rp-menu-item-right",
+						"aria-hidden": "true"
+					}) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ h(s, {
+			disabled: k,
+			onClick: w,
+			"aria-label": O?.dualPageTooltip,
+			"aria-checked": C === t.DUAL_PAGE,
+			children: /* @__PURE__ */ g(a, {
+				className: "rp-menu-item",
+				content: O?.dualPageTooltip,
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "rp-menu-item-left",
+						children: x || /* @__PURE__ */ h(l, { "aria-hidden": "true" })
+					}),
+					O?.dualPageLabel,
+					C === t.DUAL_PAGE ? /* @__PURE__ */ h(f, {
+						className: "rp-menu-item-right",
+						"aria-hidden": "true"
+					}) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ h(s, {
+			disabled: k,
+			onClick: T,
+			children: /* @__PURE__ */ g(a, {
+				className: "rp-menu-item",
+				content: O?.dualPageWithCoverTooltip,
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "rp-menu-item-left",
+						children: S || /* @__PURE__ */ h(u, {})
+					}),
+					O?.dualPageWithCoverLabel,
+					C === t.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ h(f, { className: "rp-menu-item-right" }) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ h(c, {})
+	] }) }) : null;
 };
+//#endregion
+export { _ as ViewModeTool };