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

package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js

@@ -0,0 +1,70 @@
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { useState as d, useEffect as f } from "react";
+import "../../../../../contexts/RPDocumentContext.js";
+import "../../../../../contexts/DocumentPasswordContext.js";
+import { j as t, S as y, k as C, l as R } from "../../../../../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 "../../../../../contexts/FileInputContext.js";
+import "../../../../../contexts/DropFileZoneContext.js";
+import "../../../../../contexts/LayoutContainerContext.js";
+import "../../../../../contexts/DimensionPagesContext.js";
+import "../../../../../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/PagesRotateContext.js";
+import "../../../../../contexts/GlobalCurrentPage.js";
+import "../../../../../contexts/LoaderContext.js";
+import { useToolComponentContext as v } from "../../../../../contexts/ToolComponentContext.js";
+import { useIconToolContext as x } from "../../../../../contexts/IconToolContext.js";
+import "../../../../../contexts/OtherToolContext.js";
+import "../../../../RPConfig.js";
+import "../../../Container.js";
+import { useViewportContext as I } from "../../../../../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 "../../../../ui/RPTooltip.js";
+import "../../../../ui/Input.js";
+import "../../../../../ZoomTool.module-6c5eabbb.js";
+import "../../../../ui/DropDown.js";
+import "../../MenuItem.js";
+import "../../MenuSeparator.js";
+import "../../../../../utils/dateFormatter.js";
+import "../../PropertyItem.js";
+import "../../../../../RotateTool.module-03987eba.js";
+import { ZoomTool as T } from "../../ZoomTool.js";
+const To = (u) => {
+  const { icons: i, slots: m } = u, { setIcons: p } = x(), { setSlots: s } = v(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = I(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+  return f(() => {
+    p((r) => ({ ...r, ...i })), a(!0);
+  }, [i, p, e, a]), f(() => {
+    s((r) => ({ ...r, ...m })), n(!0);
+  }, [m, s, l, n]), !e || !l ? null : /* @__PURE__ */ o("div", { "data-rp": "topBar", style: { width: "100%" }, children: /* @__PURE__ */ c("div", { className: t["rp-toolbar-wrapper"], style: h(), children: [
+    /* @__PURE__ */ c("div", { "data-rp": "topBarLeft", className: t["rp-toolbar-start"], children: [
+      /* @__PURE__ */ o(y, {}),
+      /* @__PURE__ */ o(C, {})
+    ] }),
+    /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(T, {}) }),
+    /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(R, {}) })
+  ] }) });
+};
+export {
+  To as RPHorizontalBar
+};

package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js

@@ -0,0 +1,16 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useState as a, useEffect as f } from "react";
+import { useIconToolContext as p } from "../../../../../contexts/IconToolContext.js";
+import { useToolComponentContext as d } from "../../../../../contexts/ToolComponentContext.js";
+import { ThumbnailTool as I } from "../../ThumbnailTool.js";
+const C = (u) => {
+  const { icons: t, slots: s } = u, { setIcons: e } = p(), { setSlots: n } = d(), [r, c] = a(!1), [l, i] = a(!1);
+  return f(() => {
+    e((o) => ({ ...o, ...t })), c(!0);
+  }, [t, e, r, c]), f(() => {
+    n((o) => ({ ...o, ...s })), i(!0);
+  }, [s, n, l, i]), !r || !l ? null : /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(I, {}) });
+};
+export {
+  C as RPVerticalBar
+};

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

@@ -0,0 +1,16 @@
+import { jsx as t, Fragment as c, jsxs as p } from "react/jsx-runtime";
+import { MenuItem as u } from "../../MenuItem.js";
+import { InfoIcon as l } from "../../../../icons/InfoIcon.js";
+import { useOtherToolContext as s } from "../../../../../contexts/OtherToolContext.js";
+import f from "../../../../ui/RPTooltip.js";
+import { useLocalizationContext as d } from "../../../../../contexts/LocalizationContext.js";
+const a = (e) => {
+  const { icon: r, isToolVisible: i = !0 } = e, { setActiveDocumentProperties: n } = s(), { localeMessages: o } = d();
+  return i ? /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(u, { onClick: () => n((m) => !m), children: /* @__PURE__ */ p(f, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
+    /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ t(l, {}) }),
+    o == null ? void 0 : o.documentPropertiesLabel
+  ] }) }) }) : null;
+};
+export {
+  a as DocumentProperties
+};

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

@@ -0,0 +1,20 @@
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import c from "../../../../ui/RPTooltip.js";
+import { MenuItem as d } from "../../MenuItem.js";
+import { useViewportContext as p } from "../../../../../contexts/ViewportContext.js";
+import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
+import { b as u } from "../../../../../ToolbarLayout.module-c588d36b.js";
+import { FileDownloadDefaultIcon as a } from "../../../../icons/FileDownloadDefaultIcon.js";
+const h = (r) => {
+  const { icon: t, isToolVisible: e = !0 } = r, { isSmallScreen: n } = p(), { localeMessages: o } = f(), { download: l } = u();
+  if (!e || !n)
+    return null;
+  if (n)
+    return /* @__PURE__ */ i(d, { onClick: l, children: /* @__PURE__ */ m(c, { className: "rp-menu-item", content: o == null ? void 0 : o.downloadFileTooltip, children: [
+      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(a, {}) }),
+      o == null ? void 0 : o.downloadFileLabel
+    ] }) });
+};
+export {
+  h as FileDownloadTool
+};

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

@@ -0,0 +1,69 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import l from "../../../../ui/RPTooltip.js";
+import { MenuItem as c } from "../../MenuItem.js";
+import { useViewportContext as f } from "../../../../../contexts/ViewportContext.js";
+import { useLocalizationContext as u } from "../../../../../contexts/LocalizationContext.js";
+import "react";
+import "../../../../../contexts/RPDocumentContext.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) => {
+  const { icon: i, isToolVisible: p = !0 } = m, { isSmallScreen: r } = f(), { localeMessages: o } = u(), { openFile: e } = s();
+  if (!p || !r)
+    return null;
+  if (r)
+    return /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(l, { className: "rp-menu-item", content: o == null ? void 0 : o.openLocalFileTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: i || /* @__PURE__ */ t(a, {}) }),
+      o == null ? void 0 : o.openLocalFileLabel
+    ] }) });
+};
+export {
+  Co as FileUploadTool
+};

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

@@ -0,0 +1,20 @@
+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 { 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)
+    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: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ t(f, {}) }),
+      o == null ? void 0 : o.fullScreenTooltip
+    ] }) });
+};
+export {
+  j as FullScreenTool
+};

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

@@ -0,0 +1,78 @@
+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 { useMemo as l, useCallback as c } from "react";
+import "../../../../../contexts/RPDocumentContext.js";
+import "../../../../../contexts/DocumentPasswordContext.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 "../../../../../contexts/FileInputContext.js";
+import "../../../../../contexts/DropFileZoneContext.js";
+import "../../../../../contexts/LayoutContainerContext.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/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(() => {
+    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"] }) }),
+      /* @__PURE__ */ t("span", { children: o == null ? void 0 : o.firstPageLabel })
+    ] }) }) }),
+    /* @__PURE__ */ t(a, { onClick: x, children: /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.lastPageTooltip, style: u, children: /* @__PURE__ */ p("div", { className: "rp-menu-item", "aria-disabled": g, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: n || /* @__PURE__ */ t(d, {}) }),
+      /* @__PURE__ */ t("span", { children: o == null ? void 0 : o.lastPageLabel })
+    ] }) }) }),
+    /* @__PURE__ */ t(v, {})
+  ] }) : null;
+};
+export {
+  wo as MostPageTool
+};

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

@@ -0,0 +1,20 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { PrintDefaultTool as l } from "../../../../icons/PrintDefaultIcon.js";
+import { c } from "../../../../../ToolbarLayout.module-c588d36b.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)
+    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: [
+      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ o(l, {}) }),
+      t == null ? void 0 : t.printLabel
+    ] }) });
+};
+export {
+  j as PrintTool
+};

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

@@ -0,0 +1,26 @@
+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 { 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();
+  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, {}) }),
+      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"] }) }),
+      o == null ? void 0 : o.rotateCounterclockwiseLabel
+    ] }) }),
+    /* @__PURE__ */ t(k, {})
+  ] }) }) : null;
+};
+export {
+  G as RotateTool
+};

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

@@ -0,0 +1,43 @@
+import { jsx as r, Fragment as f, jsxs as n } 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 { MenuItem as e } from "../../MenuItem.js";
+import { PageScrollingIcon as G } from "../../../../icons/PageScrollingIcon.js";
+import { VerticalScrollingIcon as R } from "../../../../icons/VerticalScrollingIcon.js";
+import { HorizontalScrollingIcon as O } from "../../../../icons/HorizontalScrollingIcon.js";
+import { useScrollModeContext as T } from "../../../../../contexts/ScrollModeContext.js";
+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: [
+      /* @__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
+    ] }) }),
+    /* @__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("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
+    ] }) }),
+    /* @__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: [
+          /* @__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
+        ] })
+      }
+    )
+  ] }) }) : null;
+};
+export {
+  D as ScrollModeTool
+};

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

@@ -0,0 +1,30 @@
+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 { TextSelectionDefaultIcon as x } from "../../../../icons/TextSelectionDefaultIcon.js";
+import { HandModeDefaultIcon as S } from "../../../../icons/HandModeDefaultIcon.js";
+import { CheckIcon as p } from "../../../../icons/CheckIcon.js";
+import { MenuItem as d } from "../../MenuItem.js";
+import { SelectionMode as e } 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, {}) }),
+      o == null ? void 0 : o.textSelectionLabel,
+      m === e.TEXT ? /* @__PURE__ */ t(p, { 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, {}) }),
+      o == null ? void 0 : o.handToolLabel,
+      m === e.HAND ? /* @__PURE__ */ t(p, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ t(N, {})
+  ] }) }) : null;
+};
+export {
+  M as SelectionModeTool
+};

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

@@ -0,0 +1,32 @@
+import { jsx as e, Fragment as h, jsxs as r } 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 { 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 { 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 { 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, {}) }),
+      o == null ? void 0 : o.singlePageLabel,
+      n === u.SINGLE_PAGE ? /* @__PURE__ */ e(p, { 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, {}) }),
+      o == null ? void 0 : o.dualPageLabel,
+      n === u.DUAL_PAGE ? /* @__PURE__ */ e(p, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ e(L, {})
+  ] }) }) : null;
+};
+export {
+  F as ViewModeTool
+};

package/dist/components/page/AnnotationLayer.js

@@ -0,0 +1,62 @@
+import "react/jsx-runtime";
+import "react";
+import "../../contexts/RPDocumentContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import { G as ao } from "../../ToolbarLayout.module-c588d36b.js";
+import "../../contexts/DarkModeContext.js";
+import "../../utils/types.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 "../../contexts/FileInputContext.js";
+import "../../contexts/DropFileZoneContext.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/DimensionPagesContext.js";
+import "../../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/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 "../layout/Container.js";
+import "../../contexts/ViewportContext.js";
+import "../../contexts/ToolbarComponentContext.js";
+import "../layout/sidebar/RPSplitter.js";
+import "../layout/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/RPTooltip.js";
+import "../ui/DropDown.js";
+import "../../ZoomTool.module-6c5eabbb.js";
+import "../layout/toolbar/MenuItem.js";
+import "../layout/toolbar/MenuSeparator.js";
+import "../../utils/dateFormatter.js";
+import "../layout/toolbar/PropertyItem.js";
+import "../../RotateTool.module-03987eba.js";
+import "pdfjs-dist";
+import "../../utils/link_service.js";
+import "../../utils/annotations.js";
+export {
+  ao as AnnotationLayer
+};

package/dist/components/page/CanvasLayer.js

@@ -0,0 +1,58 @@
+import "react/jsx-runtime";
+import "react";
+import "../../contexts/RPDocumentContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import { E as mr } from "../../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 "../../contexts/FileInputContext.js";
+import "../../contexts/DropFileZoneContext.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/DimensionPagesContext.js";
+import "../../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/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 "../layout/Container.js";
+import "../../contexts/ViewportContext.js";
+import "../../contexts/ToolbarComponentContext.js";
+import "../layout/sidebar/RPSplitter.js";
+import "../layout/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/RPTooltip.js";
+import "../ui/DropDown.js";
+import "../../ZoomTool.module-6c5eabbb.js";
+import "../layout/toolbar/MenuItem.js";
+import "../layout/toolbar/MenuSeparator.js";
+import "../../utils/dateFormatter.js";
+import "../layout/toolbar/PropertyItem.js";
+import "../../RotateTool.module-03987eba.js";
+export {
+  mr as CanvasLayer
+};

package/dist/components/page/CustomElement.js

@@ -0,0 +1,22 @@
+import { jsx as n, Fragment as c } from "react/jsx-runtime";
+import { useRef as l, useMemo as i, useEffect as f } from "react";
+import { useElementPageContext as a } from "../../contexts/ElementPageContext.js";
+const d = ({ child: e }) => {
+  const t = l(null);
+  return f(() => {
+    var o;
+    return (o = t.current) == null || o.appendChild(e), () => {
+      var r;
+      (r = t.current) == null || r.removeChild(e);
+    };
+  }, [e]), /* @__PURE__ */ n("div", { ref: t });
+}, h = ({ pageNumber: e }) => {
+  const { elementList: t } = a(), o = l(null), r = i(() => {
+    var m;
+    return (m = t[e]) == null ? void 0 : m.map((u, s) => u instanceof HTMLElement ? /* @__PURE__ */ n(d, { child: u }, s) : /* @__PURE__ */ n("div", { children: u }, s));
+  }, [t, e]);
+  return r ? /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n("div", { ref: o, "data-rp": `page-${e}-customElement`, children: r.map((m) => m) }) }) : null;
+};
+export {
+  h as CustomElement
+};

package/dist/components/page/DualPage.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "react";
+import { K as p } from "../../ToolbarLayout.module-c588d36b.js";
+export {
+  p as DualPage
+};