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

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

@@ -3,58 +3,33 @@ 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 { useOpenFileContext as s } from "../../../../../contexts/FileInputContext.js";
+import { FileUploadDefaultIcon as a } from "../../../../icons/FileUploadDefaultIcon.js";
 import "react";
+import "../../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../../index-e3ee9457.js";
+import "../../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../../index-655864a7.js";
+import "../../../../../utils/withRef.js";
+import "../../../../../index-4baea9b5.js";
+import "../../../../../Combination-54a77a7a.js";
+import "../../../../../clsx-0c6e471a.js";
+import "../../../../../contexts/LayoutContainerContext.js";
+import "../../../../../utils/appConsole.js";
+import "../../../../../utils/hooks/useLocalization.js";
+import "../../../../../th_TH-d627cd51.js";
 import "../../../../../contexts/RPDocumentContext.js";
+import "../../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../../utils/types.js";
+import "../../../../../utils/getThumbnailViewport.js";
+import "../../../../../contexts/ConfigContext.js";
 import "../../../../../contexts/DocumentPasswordContext.js";
-import "../../../../../ToolbarLayout.module-c588d36b.js";
-import "../../../../../contexts/DarkModeContext.js";
-import "../../../../../contexts/RotationContext.js";
-import "../../../../../contexts/LayerContext.js";
-import "../../../../../contexts/ZoomContext.js";
-import "../../../../../contexts/ViewModeContext.js";
-import "../../../../../contexts/ScrollModeContext.js";
-import "../../../../../contexts/VirtualScrollContext.js";
-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 "../../../../../contexts/DropFileZoneContext.js";
-import "../../../../../contexts/LayoutContainerContext.js";
-import "../../../../../contexts/DimensionPagesContext.js";
-import "../../../../../contexts/HighlightContext.js";
-import "../../../../../contexts/LicenseContext.js";
-import "../../../../../contexts/DownloadContext.js";
-import "../../../../../contexts/SmoothScrollContext.js";
-import "../../../../../contexts/ElementPageContext.js";
-import "../../../../../contexts/PagesRotateContext.js";
-import "../../../../../contexts/GlobalCurrentPage.js";
-import "../../../../../contexts/LoaderContext.js";
-import "../../../../../contexts/ToolComponentContext.js";
-import "../../../../../contexts/IconToolContext.js";
-import "../../../../../contexts/OtherToolContext.js";
-import "../../../../RPConfig.js";
-import "../../../Container.js";
-import "../../../../../contexts/ToolbarComponentContext.js";
-import "../../../sidebar/RPSplitter.js";
-import "../../../WrapperLayout.js";
-import "../../../../../LayoutWrapper-a871c161.js";
-import "../../../../../contexts/ThemeContext.js";
-import "../../../../RPDropFileZone.js";
-import "../../../../ui/Button.js";
-import "../../../../../SearchCloseButton-cbf182aa.js";
-import "../../../../ui/Input.js";
-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 "../../../../../ZoomTool.module-6c5eabbb.js";
-import "../../MenuSeparator.js";
-import "../../../../../utils/dateFormatter.js";
-import "../../PropertyItem.js";
-import "../../../../../RotateTool.module-03987eba.js";
-const Co = (m) => {
+import "../../../../../utils/hooks/usePdfProperties.js";
+import "../../../../../utils/convertPdfDate.js";
+import "../../../../../utils/formatFileSize.js";
+const Q = (m) => {
   const { icon: i, isToolVisible: p = !0 } = m, { isSmallScreen: r } = f(), { localeMessages: o } = u(), { openFile: e } = s();
   if (!p || !r)
     return null;
@@ -65,5 +40,5 @@ const Co = (m) => {
     ] }) });
 };
 export {
-  Co as FileUploadTool
+  Q as FileUploadTool
 };

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

@@ -1,20 +1,35 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { MenuItem as u } from "../../MenuItem.js";
-import p from "../../../../ui/RPTooltip.js";
+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 { 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";
-const j = (n) => {
-  const { icon: r, isToolVisible: i = !0 } = n, { toggleFullScreen: l, isSupported: m } = S(), { isSmallScreen: e } = s(), { localeMessages: o } = d();
-  if (!i || !e)
+import "../../../../../index-4baea9b5.js";
+import "react";
+import "../../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../../index-e3ee9457.js";
+import "../../../../../Combination-54a77a7a.js";
+import "../../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../../index-655864a7.js";
+import "../../../../../clsx-0c6e471a.js";
+import "../../../../../utils/withRef.js";
+import "../../../../../contexts/LayoutContainerContext.js";
+import "../../../../../utils/hooks/useFullScreen.js";
+import "../../../../../utils/appConsole.js";
+import "../../../../../utils/hooks/useLocalization.js";
+import "../../../../../th_TH-d627cd51.js";
+const D = (m) => {
+  const { icon: r, isToolVisible: e = !0 } = m, { toggleFullScreen: p, isSupported: n } = S(), { isSmallScreen: i } = s(), { localeMessages: o } = d();
+  if (!e || !i)
     return null;
-  if (e)
-    return /* @__PURE__ */ t(u, { onClick: l, disabled: !m, children: /* @__PURE__ */ c(p, { className: "rp-menu-item", content: o == null ? void 0 : o.fullScreenTooltip, children: [
+  if (i)
+    return /* @__PURE__ */ t(c, { onClick: p, disabled: !n, 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
     ] }) });
 };
 export {
-  j as FullScreenTool
+  D as FullScreenTool
 };

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

@@ -1,78 +1,71 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import { MenuItem as a } from "../../MenuItem.js";
 import s from "../../../../ui/RPTooltip.js";
-import { u as C, q as G } from "../../../../../ToolbarLayout.module-c588d36b.js";
-import { G as L } from "../../../../../index-f563c6f0.js";
+import { c as C } from "../../../../../MostPageTool.module-13578ad6.js";
+import { G } from "../../../../../index-4baea9b5.js";
+import { u as L } from "../../../../../PaginationContext-9217cab4.js";
 import { useMemo as l, useCallback as c } from "react";
+import { MenuSeparator as N } from "../../MenuSeparator.js";
+import { GoToDownIcon as d } from "../../../../icons/GoToDownIcon.js";
+import { useLocalizationContext as v } from "../../../../../contexts/LocalizationContext.js";
+import "../../../../../clsx-0c6e471a.js";
+import "../../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../../index-e3ee9457.js";
+import "../../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../../index-655864a7.js";
+import "../../../../../utils/withRef.js";
+import "../../../../../Combination-54a77a7a.js";
+import "../../../../../utils/types.js";
+import "../../../../../th_TH-d627cd51.js";
+import "../../../../../contexts/ScrollModeContext.js";
+import "../../../../../utils/appConsole.js";
+import "../../../../../contexts/InitialStateContext.js";
 import "../../../../../contexts/RPDocumentContext.js";
+import "../../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../../utils/getThumbnailViewport.js";
+import "../../../../../contexts/ConfigContext.js";
 import "../../../../../contexts/DocumentPasswordContext.js";
-import "../../../../../contexts/DarkModeContext.js";
-import "../../../../../contexts/RotationContext.js";
-import "../../../../../contexts/LayerContext.js";
-import "../../../../../contexts/ZoomContext.js";
+import "../../../../../utils/hooks/usePdfProperties.js";
+import "../../../../../utils/convertPdfDate.js";
+import "../../../../../utils/formatFileSize.js";
+import "../../../../../contexts/GlobalCurrentPage.js";
+import "../../../../../contexts/EventCallbackContext.js";
 import "../../../../../contexts/ViewModeContext.js";
-import "../../../../../contexts/ScrollModeContext.js";
 import "../../../../../contexts/VirtualScrollContext.js";
 import "../../../../../contexts/VirtualGridContext.js";
-import "../../../../../contexts/SelectionModeContext.js";
-import "../../../../../contexts/InitialStateContext.js";
-import "../../../../../contexts/FullScreenContext.js";
-import "../../../../../contexts/FileInputContext.js";
-import "../../../../../contexts/DropFileZoneContext.js";
-import "../../../../../contexts/LayoutContainerContext.js";
+import "../../../../../utils/smoothScrollTo.js";
 import "../../../../../contexts/DimensionPagesContext.js";
-import { useLocalizationContext as N } from "../../../../../contexts/LocalizationContext.js";
-import "../../../../../contexts/HighlightContext.js";
-import "../../../../../contexts/LicenseContext.js";
-import "../../../../../contexts/DownloadContext.js";
-import "../../../../../contexts/SmoothScrollContext.js";
-import "../../../../../contexts/ElementPageContext.js";
+import "../../../../../contexts/ZoomContext.js";
+import "../../../../../utils/constants.js";
+import "../../../../../utils/getZoomLevel.js";
+import "../../../../../contexts/LayoutContainerContext.js";
+import "../../../../../contexts/RotationContext.js";
+import "../../../../../utils/hooks/useDebounce.js";
 import "../../../../../contexts/PagesRotateContext.js";
-import "../../../../../contexts/GlobalCurrentPage.js";
-import "../../../../../contexts/LoaderContext.js";
-import "../../../../../contexts/ToolComponentContext.js";
-import "../../../../../contexts/IconToolContext.js";
-import "../../../../../contexts/OtherToolContext.js";
-import "../../../../RPConfig.js";
-import "../../../Container.js";
-import "../../../../../contexts/ViewportContext.js";
-import "../../../../../contexts/ToolbarComponentContext.js";
-import "../../../sidebar/RPSplitter.js";
-import "../../../WrapperLayout.js";
-import "../../../../../LayoutWrapper-a871c161.js";
-import "../../../../../contexts/ThemeContext.js";
-import "../../../../RPDropFileZone.js";
-import "../../../../ui/Button.js";
-import "../../../../../SearchCloseButton-cbf182aa.js";
-import "../../../../ui/Input.js";
-import "../../../../ui/Checkbox.js";
-import "../../../../icons/LoaderIcon.js";
-import "../../../../../contexts/IconContext.js";
-import "../../../../ui/DropDown.js";
-import "../../../../../ZoomTool.module-6c5eabbb.js";
-import { MenuSeparator as v } from "../../MenuSeparator.js";
-import "../../../../../utils/dateFormatter.js";
-import "../../PropertyItem.js";
-import "../../../../../RotateTool.module-03987eba.js";
-import { GoToDownIcon as d } from "../../../../icons/GoToDownIcon.js";
-const u = { width: "100%" }, wo = (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(() => {
+import "../../../../../contexts/SmoothScrollContext.js";
+import "../../../../../utils/getScrollDistance.js";
+import "../../../../../utils/calculatePage.js";
+import "../../../../../utils/hooks/useLocalization.js";
+const f = { width: "100%" }, Lo = (u) => {
+  const { icons: P, isToolVisible: h = !0 } = u, { firstPageIcon: e, lastPageIcon: n } = P ?? {}, { goToPage: i, totalPages: r, focusedPage: m } = L(), { localeMessages: o } = v(), T = l(() => m === 1, [m]), g = l(() => m === r, [m, r]), b = c(() => {
     i(1);
   }, [i]), x = c(() => {
     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"] }) }),
+  return h ? /* @__PURE__ */ p(G, { children: [
+    /* @__PURE__ */ t(a, { onClick: b, children: /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.firstPageTooltip, style: f, children: /* @__PURE__ */ p("div", { className: "rp-menu-item", "aria-disabled": T, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: e || /* @__PURE__ */ t(d, { className: C["rp-go-to-Top"] }) }),
       /* @__PURE__ */ t("span", { children: o == null ? void 0 : o.firstPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ t(a, { onClick: x, children: /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.lastPageTooltip, style: u, children: /* @__PURE__ */ p("div", { className: "rp-menu-item", "aria-disabled": g, children: [
+    /* @__PURE__ */ t(a, { onClick: x, children: /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.lastPageTooltip, style: f, children: /* @__PURE__ */ p("div", { className: "rp-menu-item", "aria-disabled": g, children: [
       /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: n || /* @__PURE__ */ t(d, {}) }),
       /* @__PURE__ */ t("span", { children: o == null ? void 0 : o.lastPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ t(v, {})
+    /* @__PURE__ */ t(N, {})
   ] }) : null;
 };
 export {
-  wo as MostPageTool
+  Lo as MostPageTool
 };

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

@@ -1,20 +1,45 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
 import { PrintDefaultTool as l } from "../../../../icons/PrintDefaultIcon.js";
-import { c } from "../../../../../ToolbarLayout.module-c588d36b.js";
+import { usePrintContext as c } from "../../../../../contexts/PrintContext.js";
 import { useViewportContext as f } from "../../../../../contexts/ViewportContext.js";
 import { useLocalizationContext as u } from "../../../../../contexts/LocalizationContext.js";
 import { MenuItem as s } from "../../MenuItem.js";
 import x from "../../../../ui/RPTooltip.js";
-const j = (n) => {
-  const { icon: r, isToolVisible: m = !0 } = n, { print: e } = c(), { isSmallScreen: i } = f(), { localeMessages: t } = u();
-  if (!m || !i)
+import "react";
+import "../../../../../utils/hooks/usePrint.js";
+import "../../../../../contexts/RPDocumentContext.js";
+import "../../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../../utils/types.js";
+import "../../../../../th_TH-d627cd51.js";
+import "../../../../../utils/getThumbnailViewport.js";
+import "../../../../../contexts/ConfigContext.js";
+import "../../../../../contexts/DocumentPasswordContext.js";
+import "../../../../../utils/appConsole.js";
+import "../../../../../utils/hooks/usePdfProperties.js";
+import "../../../../../utils/convertPdfDate.js";
+import "../../../../../utils/formatFileSize.js";
+import "../../../../../contexts/LayoutContainerContext.js";
+import "../../../../../utils/hooks/useLocalization.js";
+import "../../../../../index-4baea9b5.js";
+import "../../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../../index-e3ee9457.js";
+import "../../../../../Combination-54a77a7a.js";
+import "../../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../../index-655864a7.js";
+import "../../../../../clsx-0c6e471a.js";
+import "../../../../../utils/withRef.js";
+const W = (m) => {
+  const { icon: r, isToolVisible: p = !0 } = m, { print: n } = c(), { isSmallScreen: i } = f(), { localeMessages: t } = u();
+  if (!p || !i)
     return null;
   if (i)
-    return /* @__PURE__ */ o(s, { onClick: e, children: /* @__PURE__ */ p(x, { className: "rp-menu-item", content: t == null ? void 0 : t.printTooltip, children: [
+    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
     ] }) });
 };
 export {
-  j as PrintTool
+  W as PrintTool
 };

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

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

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

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

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

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

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

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