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

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

@@ -1,30 +1,39 @@
-import { jsx as t, Fragment as a, jsxs as n } from "react/jsx-runtime";
+import { jsx as t, Fragment as a, jsxs as e } from "react/jsx-runtime";
 import l from "../../../../ui/RPTooltip.js";
-import { G as T } from "../../../../../index-f563c6f0.js";
+import { G as T } from "../../../../../index-a48ec088.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 { 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-c9a2990a.js";
+import "react-dom";
+import "../../../../../index-808ea7bf.js";
+import "../../../../../utils/withRef.js";
+import "../../../../../clsx-0c6e471a.js";
+import "../../../../../th_TH-d627cd51.js";
+import "../../../../../utils/appConsole.js";
+import "../../../../../utils/hooks/useLocalization.js";
+const y = (u) => {
+  const { icons: f, isToolVisible: h = !0 } = u, { textSelectionIcon: r, handModeIcon: n } = f ?? {}, { selectionMode: m, setSelectionMode: c } = s(), { localeMessages: o } = I();
+  return h ? /* @__PURE__ */ t(a, { children: /* @__PURE__ */ e(T, { children: [
+    /* @__PURE__ */ t(d, { onClick: () => c(i.TEXT), children: /* @__PURE__ */ e(l, { className: "rp-menu-item", content: o == null ? void 0 : o.textSelectionTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: r || /* @__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(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, {}) }),
+    /* @__PURE__ */ t(d, { onClick: () => c(i.HAND), children: /* @__PURE__ */ e(l, { 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(p, { className: "rp-menu-item-right" }) : null
     ] }) }),
     /* @__PURE__ */ t(N, {})
   ] }) }) : null;
 };
 export {
-  M as SelectionModeTool
+  y as SelectionModeTool
 };

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

@@ -1,32 +1,41 @@
-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-a48ec088.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-c9a2990a.js";
+import "react-dom";
+import "../../../../../index-808ea7bf.js";
+import "../../../../../utils/withRef.js";
+import "../../../../../clsx-0c6e471a.js";
+import "../../../../../utils/appConsole.js";
+import "../../../../../contexts/InitialStateContext.js";
+import "../../../../../th_TH-d627cd51.js";
+import "../../../../../utils/hooks/useLocalization.js";
+const Q = (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
+  Q as ViewModeTool
 };

package/dist/components/page/AnnotationLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { G as ao } from "../../ToolbarLayout.module-c588d36b.js";
+import { I as Dr } from "../../ToolbarLayout.module-3a77cc37.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";
@@ -31,32 +31,110 @@ import "../../contexts/LoaderContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../../contexts/IconToolContext.js";
 import "../../contexts/OtherToolContext.js";
-import "../RPConfig.js";
+import "../../contexts/EventCallbackContext.js";
+import "../../contexts/ThemeContext.js";
+import "../../contexts/ConfigContext.js";
+import "pdfjs-dist";
 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 "../../LayoutWrapper-6224491f.js";
 import "../ui/Button.js";
-import "../../SearchCloseButton-cbf182aa.js";
+import "../../SearchCloseButton-08d57275.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 "../../RotateTool.module-67946714.js";
 import "../../utils/link_service.js";
 import "../../utils/annotations.js";
+import "../../utils/hooks/useLoadPdf.js";
+import "../../utils/getThumbnailViewport.js";
+import "../../th_TH-d627cd51.js";
+import "../../utils/appConsole.js";
+import "../../utils/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+import "../icons/ChevronUpIcon.js";
+import "../../utils/highlight.js";
+import "../../utils/charators.js";
+import "../../utils/Queue.js";
+import "../../utils/renderPage.js";
+import "../icons/Thumbnail.js";
+import "../../clsx-0c6e471a.js";
+import "../../utils/withRef.js";
+import "../../utils/hooks/useInfiniteScroll.js";
+import "../../utils/constants.js";
+import "./searchHighlight.js";
+import "../../utils/const.js";
+import "./CustomElement.js";
+import "../../utils/getZoomLevel.js";
+import "../../utils/hooks/useDebounce.js";
+import "../../utils/hooks/useLicense.js";
+import "../../utils/getScrollDistance.js";
+import "../../utils/getElementPositionInPage.js";
+import "../../utils/calculatePage.js";
+import "../../utils/hooks/useMousePressed.js";
+import "../../utils/hooks/useGrabScroll.js";
+import "../../utils/hooks/usePinch.js";
+import "../ui/PasswordModal.js";
+import "../../utils/hooks/useLocalization.js";
+import "../../utils/approximateFragtion.js";
+import "../../utils/hooks/useCopyText.js";
+import "../../utils/getWordPositionInPage.js";
+import "../../utils/smoothScrollTo.js";
+import "../layout/toolbar/FileUploadTool.js";
+import "../icons/FileUploadDefaultIcon.js";
+import "../../index-a48ec088.js";
+import "../../index-c9a2990a.js";
+import "react-dom";
+import "../../index-808ea7bf.js";
+import "../layout/toolbar/DarkModeTool.js";
+import "../icons/MoonIcon.js";
+import "../icons/SunIcon.js";
+import "../../utils/hooks/useDarkMode.js";
+import "../icons/ThreeDotIcon.js";
+import "../icons/CloseIcon.js";
+import "../layout/toolbar/DocumentProperties.js";
+import "../icons/InfoIcon.js";
+import "../layout/toolbar/RotateTool.js";
+import "../icons/ClockwiseIcon.js";
+import "../../utils/hooks/useRotate.js";
+import "../layout/toolbar/ViewModeTool.js";
+import "../icons/DualPageIcon.js";
+import "../icons/SinglePageIcon.js";
+import "../icons/CheckIcon.js";
+import "../layout/toolbar/ScrollModeTool.js";
+import "../icons/PageScrollingIcon.js";
+import "../icons/VerticalScrollingIcon.js";
+import "../icons/HorizontalScrollingIcon.js";
+import "../icons/FileDownloadDefaultIcon.js";
+import "../icons/PrintDefaultIcon.js";
+import "../layout/toolbar/FullScreenTool.js";
+import "../icons/FullScreenIcon.js";
+import "../../utils/hooks/useFullScreen.js";
+import "../icons/GoToDownIcon.js";
+import "../layout/toolbar/SelectionModeTool.js";
+import "../icons/TextSelectionDefaultIcon.js";
+import "../icons/HandModeDefaultIcon.js";
+import "../icons/ZoomInIcon.js";
+import "../icons/ZoomOutIcon.js";
+import "../../utils/zoom.js";
+import "../icons/SearchIcon.js";
+import "../icons/ClearIcon.js";
+import "../../utils/hooks/useHighlight.js";
+import "../icons/LightPdfIcon.js";
+import "../icons/DarkPdfIcon.js";
+import "../../utils/sanitizeExternalUrl.js";
 export {
-  ao as AnnotationLayer
+  Dr as AnnotationLayer
 };

package/dist/components/page/CanvasLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { E as mr } from "../../ToolbarLayout.module-c588d36b.js";
+import { G as Do } from "../../ToolbarLayout.module-3a77cc37.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -30,29 +30,111 @@ import "../../contexts/LoaderContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../../contexts/IconToolContext.js";
 import "../../contexts/OtherToolContext.js";
-import "../RPConfig.js";
+import "../../contexts/EventCallbackContext.js";
+import "../../contexts/ThemeContext.js";
+import "../../contexts/ConfigContext.js";
+import "pdfjs-dist";
 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 "../../LayoutWrapper-6224491f.js";
 import "../ui/Button.js";
-import "../../SearchCloseButton-cbf182aa.js";
+import "../../SearchCloseButton-08d57275.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 "../../RotateTool.module-67946714.js";
+import "../../utils/hooks/useLoadPdf.js";
+import "../../utils/types.js";
+import "../../th_TH-d627cd51.js";
+import "../../utils/getThumbnailViewport.js";
+import "../../utils/appConsole.js";
+import "../../utils/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+import "../icons/ChevronUpIcon.js";
+import "../../utils/highlight.js";
+import "../../utils/charators.js";
+import "../../utils/Queue.js";
+import "../../utils/renderPage.js";
+import "../icons/Thumbnail.js";
+import "../../clsx-0c6e471a.js";
+import "../../utils/withRef.js";
+import "../../utils/hooks/useInfiniteScroll.js";
+import "../../utils/constants.js";
+import "../../utils/link_service.js";
+import "../../utils/annotations.js";
+import "../../utils/sanitizeExternalUrl.js";
+import "./searchHighlight.js";
+import "../../utils/const.js";
+import "./CustomElement.js";
+import "../../utils/getZoomLevel.js";
+import "../../utils/hooks/useDebounce.js";
+import "../../utils/hooks/useLicense.js";
+import "../../utils/getScrollDistance.js";
+import "../../utils/getElementPositionInPage.js";
+import "../../utils/calculatePage.js";
+import "../../utils/hooks/useMousePressed.js";
+import "../../utils/hooks/useGrabScroll.js";
+import "../../utils/hooks/usePinch.js";
+import "../ui/PasswordModal.js";
+import "../../utils/hooks/useLocalization.js";
+import "../../utils/approximateFragtion.js";
+import "../../utils/hooks/useCopyText.js";
+import "../../utils/getWordPositionInPage.js";
+import "../../utils/smoothScrollTo.js";
+import "../layout/toolbar/FileUploadTool.js";
+import "../icons/FileUploadDefaultIcon.js";
+import "../../index-a48ec088.js";
+import "../../index-c9a2990a.js";
+import "react-dom";
+import "../../index-808ea7bf.js";
+import "../layout/toolbar/DarkModeTool.js";
+import "../icons/MoonIcon.js";
+import "../icons/SunIcon.js";
+import "../../utils/hooks/useDarkMode.js";
+import "../icons/ThreeDotIcon.js";
+import "../icons/CloseIcon.js";
+import "../layout/toolbar/DocumentProperties.js";
+import "../icons/InfoIcon.js";
+import "../layout/toolbar/RotateTool.js";
+import "../icons/ClockwiseIcon.js";
+import "../../utils/hooks/useRotate.js";
+import "../layout/toolbar/ViewModeTool.js";
+import "../icons/DualPageIcon.js";
+import "../icons/SinglePageIcon.js";
+import "../icons/CheckIcon.js";
+import "../layout/toolbar/ScrollModeTool.js";
+import "../icons/PageScrollingIcon.js";
+import "../icons/VerticalScrollingIcon.js";
+import "../icons/HorizontalScrollingIcon.js";
+import "../icons/FileDownloadDefaultIcon.js";
+import "../icons/PrintDefaultIcon.js";
+import "../layout/toolbar/FullScreenTool.js";
+import "../icons/FullScreenIcon.js";
+import "../../utils/hooks/useFullScreen.js";
+import "../icons/GoToDownIcon.js";
+import "../layout/toolbar/SelectionModeTool.js";
+import "../icons/TextSelectionDefaultIcon.js";
+import "../icons/HandModeDefaultIcon.js";
+import "../icons/ZoomInIcon.js";
+import "../icons/ZoomOutIcon.js";
+import "../../utils/zoom.js";
+import "../icons/SearchIcon.js";
+import "../icons/ClearIcon.js";
+import "../../utils/hooks/useHighlight.js";
+import "../icons/LightPdfIcon.js";
+import "../icons/DarkPdfIcon.js";
 export {
-  mr as CanvasLayer
+  Do as CanvasLayer
 };

package/dist/components/page/CustomElement.js

@@ -1,22 +1,53 @@
-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);
+import { jsx as m, Fragment as s } from "react/jsx-runtime";
+import { useRef as u, useMemo as l, useEffect as c } from "react";
+import { useElementPageContext as f } from "../../contexts/ElementPageContext.js";
+import "../../utils/types.js";
+import "../../th_TH-d627cd51.js";
+import "../../contexts/DimensionPagesContext.js";
+import "../../utils/appConsole.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 "../../utils/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+import "../../contexts/ZoomContext.js";
+import "../../contexts/InitialStateContext.js";
+import "../../utils/constants.js";
+import "../../utils/getZoomLevel.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ViewModeContext.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
+import "../../utils/hooks/useDebounce.js";
+import "../../contexts/PagesRotateContext.js";
+import "../../contexts/LicenseContext.js";
+import "../../utils/hooks/useLicense.js";
+import "../../utils/const.js";
+import "../../utils/getScrollDistance.js";
+import "../../contexts/ScrollModeContext.js";
+import "../../utils/getElementPositionInPage.js";
+import "../../contexts/VirtualScrollContext.js";
+const a = ({ child: t }) => {
+  const r = u(null);
+  return c(() => {
+    var i;
+    return (i = r.current) == null || i.appendChild(t), () => {
+      var o;
+      (o = r.current) == null || o.removeChild(t);
     };
-  }, [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;
+  }, [t]), /* @__PURE__ */ m("div", { ref: r });
+}, X = ({ pageNumber: t }) => {
+  const { elementList: r } = f(), i = u(null), o = l(() => {
+    var e;
+    return (e = r[t]) == null ? void 0 : e.map((p, n) => p instanceof HTMLElement ? /* @__PURE__ */ m(a, { child: p }, n) : /* @__PURE__ */ m("div", { children: p }, n));
+  }, [r, t]);
+  return o ? /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m("div", { ref: i, "data-rp": `page-${t}-customElement`, children: o.map((e) => e) }) }) : null;
 };
 export {
-  h as CustomElement
+  X as CustomElement
 };

package/dist/components/page/DualPage.js

@@ -1,6 +1,140 @@
 import "react/jsx-runtime";
 import "react";
-import { K as p } from "../../ToolbarLayout.module-c588d36b.js";
+import { N as Cr } from "../../ToolbarLayout.module-3a77cc37.js";
+import "../icons/ChevronUpIcon.js";
+import "../ui/Button.js";
+import "../../clsx-0c6e471a.js";
+import "../../utils/withRef.js";
+import "../ui/Input.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 "../../utils/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+import "../../contexts/DarkModeContext.js";
+import "../../utils/hooks/useDarkMode.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/LayerContext.js";
+import "../../contexts/ZoomContext.js";
+import "../../utils/constants.js";
+import "../../utils/getZoomLevel.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ViewModeContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
+import "../../utils/hooks/useDebounce.js";
+import "../../contexts/VirtualScrollContext.js";
+import "../../contexts/VirtualGridContext.js";
+import "../../contexts/SelectionModeContext.js";
+import "../../contexts/FullScreenContext.js";
+import "../../utils/hooks/useFullScreen.js";
+import "../../contexts/FileInputContext.js";
+import "../../contexts/DropFileZoneContext.js";
+import "../../contexts/ToolbarComponentContext.js";
+import "../../contexts/ToolComponentContext.js";
+import "../../utils/highlight.js";
+import "../../utils/charators.js";
+import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/PagesRotateContext.js";
+import "../../contexts/LocalizationContext.js";
+import "../../utils/hooks/useLocalization.js";
+import "../../contexts/HighlightContext.js";
+import "../../utils/hooks/useHighlight.js";
+import "../../contexts/LicenseContext.js";
+import "../../utils/hooks/useLicense.js";
+import "../../contexts/DownloadContext.js";
+import "../../contexts/SmoothScrollContext.js";
+import "../../contexts/ElementPageContext.js";
+import "../../utils/const.js";
+import "../../utils/getScrollDistance.js";
+import "../../utils/getElementPositionInPage.js";
+import "../../utils/Queue.js";
+import "../../utils/renderPage.js";
+import "../../contexts/LoaderContext.js";
+import "../icons/LoaderIcon.js";
+import "../../contexts/IconToolContext.js";
+import "../../contexts/OtherToolContext.js";
+import "../../contexts/ThemeContext.js";
+import "../icons/Thumbnail.js";
+import "../layout/Container.js";
+import "../../contexts/ViewportContext.js";
+import "../layout/sidebar/RPSplitter.js";
+import "../layout/WrapperLayout.js";
+import "../RPDropFileZone.js";
+import "../icons/LightPdfIcon.js";
+import "../icons/DarkPdfIcon.js";
+import "../../LayoutWrapper-6224491f.js";
+import "../../SearchCloseButton-08d57275.js";
+import "../ui/RPTooltip.js";
+import "../../index-c9a2990a.js";
+import "react-dom";
+import "../../index-808ea7bf.js";
+import "../icons/CloseIcon.js";
+import "../ui/Checkbox.js";
+import "../icons/CheckIcon.js";
+import "../../contexts/IconContext.js";
+import "../ui/DropDown.js";
+import "../../index-a48ec088.js";
+import "../layout/toolbar/MenuItem.js";
+import "../layout/toolbar/MenuSeparator.js";
+import "../../utils/dateFormatter.js";
+import "../layout/toolbar/PropertyItem.js";
+import "../../RotateTool.module-67946714.js";
+import "../../utils/hooks/useInfiniteScroll.js";
+import "../../utils/link_service.js";
+import "../../utils/annotations.js";
+import "../../utils/sanitizeExternalUrl.js";
+import "./searchHighlight.js";
+import "./CustomElement.js";
+import "../../utils/calculatePage.js";
+import "../../utils/hooks/useMousePressed.js";
+import "../../utils/hooks/useGrabScroll.js";
+import "../../utils/hooks/usePinch.js";
+import "../ui/PasswordModal.js";
+import "../../utils/approximateFragtion.js";
+import "../../utils/hooks/useCopyText.js";
+import "../../utils/getWordPositionInPage.js";
+import "../../utils/smoothScrollTo.js";
+import "../layout/toolbar/FileUploadTool.js";
+import "../icons/FileUploadDefaultIcon.js";
+import "../layout/toolbar/DarkModeTool.js";
+import "../icons/MoonIcon.js";
+import "../icons/SunIcon.js";
+import "../icons/ThreeDotIcon.js";
+import "../layout/toolbar/DocumentProperties.js";
+import "../icons/InfoIcon.js";
+import "../layout/toolbar/RotateTool.js";
+import "../icons/ClockwiseIcon.js";
+import "../../utils/hooks/useRotate.js";
+import "../layout/toolbar/ViewModeTool.js";
+import "../icons/DualPageIcon.js";
+import "../icons/SinglePageIcon.js";
+import "../layout/toolbar/ScrollModeTool.js";
+import "../icons/PageScrollingIcon.js";
+import "../icons/VerticalScrollingIcon.js";
+import "../icons/HorizontalScrollingIcon.js";
+import "../icons/FileDownloadDefaultIcon.js";
+import "../icons/PrintDefaultIcon.js";
+import "../layout/toolbar/FullScreenTool.js";
+import "../icons/FullScreenIcon.js";
+import "../icons/GoToDownIcon.js";
+import "../layout/toolbar/SelectionModeTool.js";
+import "../icons/TextSelectionDefaultIcon.js";
+import "../icons/HandModeDefaultIcon.js";
+import "../icons/ZoomInIcon.js";
+import "../icons/ZoomOutIcon.js";
+import "../../utils/zoom.js";
+import "../icons/SearchIcon.js";
+import "../icons/ClearIcon.js";
 export {
-  p as DualPage
+  Cr as DualPage
 };