@react-pdf-kit/viewer 2.0.0-beta.1 → 2.0.0-beta.11

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

@@ -1,7 +1,7 @@
 import { jsx as r, Fragment as f, jsxs as t } from "react/jsx-runtime";
 import { useMemo as N } from "react";
 import l from "../../../../ui/RPTooltip.js";
-import { G as C } from "../../../../../index-a48ec088.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,42 +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";
-import "../../../../../index-c9a2990a.js";
+import "../../../../../index-c0faa594.js";
 import "react-dom";
-import "../../../../../index-808ea7bf.js";
+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 Q = (S) => {
-  const { icons: h, isToolVisible: I = !0 } = S, { pageScrollIcon: p, verticalScrollIcon: d, horizontalScrollIcon: u } = h ?? {}, { viewMode: L } = v(), { scrollMode: n, setScrollMode: m } = T(), { localeMessages: o } = _(), a = N(() => L === A.DUAL_PAGE, [L]);
+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: () => m(i.PAGE_SCROLLING), children: /* @__PURE__ */ t(l, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, 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,
-      n === 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: () => m(i.VERTICAL_SCROLLING), children: /* @__PURE__ */ t(l, { 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,
-      n === 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: () => m(i.HORIZONTAL_SCROLLING),
+        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,
-          n === 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 {
-  Q as ScrollModeTool
+  Y as ScrollModeTool
 };

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

@@ -1,39 +1,42 @@
-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-a48ec088.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 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";
 import "react";
-import "../../../../../index-c9a2990a.js";
+import "../../../../../index-c0faa594.js";
 import "react-dom";
-import "../../../../../index-808ea7bf.js";
+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 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, {}) }),
+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 === i.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(i.HAND), children: /* @__PURE__ */ e(l, { className: "rp-menu-item", content: o == null ? void 0 : o.handToolTooltip, children: [
+    /* @__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 === i.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 {
-  y as SelectionModeTool
+  K as SelectionModeTool
 };

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

@@ -1,26 +1,29 @@
 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-a48ec088.js";
+import { G as N } from "../../../../../index-4baea9b5.js";
 import { MenuSeparator as L } from "../../MenuSeparator.js";
 import { MenuItem as p } from "../../MenuItem.js";
-import { DualPageIcon as C } from "../../../../icons/SinglePageIcon.js";
-import { SinglePageIcon as S } from "../../../../icons/DualPageIcon.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 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";
-import "../../../../../index-c9a2990a.js";
+import "../../../../../index-c0faa594.js";
 import "react-dom";
-import "../../../../../index-808ea7bf.js";
+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 Q = (a) => {
+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: [
@@ -37,5 +40,5 @@ const Q = (a) => {
   ] }) }) : null;
 };
 export {
-  Q as ViewModeTool
+  Y as ViewModeTool
 };

package/dist/components/page/AnnotationLayer.js

@@ -1,142 +1,138 @@
-import "react/jsx-runtime";
-import "react";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import { I as Fr } from "../../ToolbarLayout.module-37619c4b.js";
-import "../../contexts/DarkModeContext.js";
-import "../../utils/types.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
+import { jsx as k } from "react/jsx-runtime";
+import { useRef as y, useState as F, useMemo as S, useEffect as f, useCallback as E } from "react";
+import { u as P } from "../../PaginationContext-9217cab4.js";
+import { usePrintContext as j } from "../../contexts/PrintContext.js";
+import { AnnotationLayer as R } from "pdfjs-dist";
+import { SimpleLinkService as x } from "../../utils/link_service.js";
+import { AnnotationSubType as $ } from "../../utils/types.js";
+import { useScrollModeContext as D } from "../../contexts/ScrollModeContext.js";
+import { insertDateText as I, annotationEventsHandler as _, handleAnnotationWidget as J, bindLayerEvents as N, unbindLayerEvents as A } from "../../utils/annotations.js";
+import { useInitialStateContext as O } from "../../contexts/InitialStateContext.js";
+import { useDocumentContext as V } from "../../contexts/RPDocumentContext.js";
+import { useFileDownload as W } from "../../utils/hooks/useFileDownload.js";
+import "../../utils/appConsole.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
 import "../../contexts/ViewModeContext.js";
-import "../../contexts/ScrollModeContext.js";
+import "../../th_TH-d627cd51.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 "../../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 "../../contexts/EventCallbackContext.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-6224491f.js";
-import "../../contexts/ThemeContext.js";
-import "../RPDropFileZone.js";
-import "../ui/Button.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 "../layout/toolbar/MenuItem.js";
-import "../layout/toolbar/MenuSeparator.js";
-import "../../utils/dateFormatter.js";
-import "../layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-67946714.js";
-import "pdfjs-dist";
-import "../../utils/link_service.js";
-import "../../utils/annotations.js";
+import "../../contexts/ZoomContext.js";
+import "../../utils/constants.js";
+import "../../utils/getZoomLevel.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/RotationContext.js";
 import "../../utils/hooks/useLoadPdf.js";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
-import "../../th_TH-d627cd51.js";
-import "../../utils/appConsole.js";
+import "../../contexts/DocumentPasswordContext.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 "../../contexts/PagesRotateContext.js";
+import "../../contexts/SmoothScrollContext.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/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/SinglePageIcon.js";
-import "../icons/DualPageIcon.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 "../RPTheme.js";
-import "../../utils/hooks/useLoadWorker.js";
-import "../icons/LightPdfIcon.js";
-import "../icons/DarkPdfIcon.js";
+import "../../utils/hooks/usePrint.js";
 import "../../utils/sanitizeExternalUrl.js";
+import "../../utils/dateFormatter.js";
+import "../../contexts/DownloadContext.js";
+const H = {
+  "rp-annotation-layer": "_rp-annotation-layer_rwxfx_1"
+};
+let U = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const $t = (C) => {
+  const { pageNumber: u } = C, n = y(null), { pages: h, pdf: t } = V(), { interactiveForm: M } = O(), r = y(), [a, L] = F(), { goToPage: d } = P(), { scrollMode: T } = D(), { print: v } = j(), { download: w } = W(), o = S(() => h.get(u), [h, u]), s = S(() => o == null ? void 0 : o.page.getViewport(), [o]);
+  f(() => {
+    r.current && (r.current.div.replaceChildren(), r.current = void 0);
+  }, [t]), f(() => {
+    o && o.page.getAnnotations().then((e) => {
+      r.current = void 0, L(e), n.current && (n.current.innerText = "");
+    });
+  }, [o]);
+  const m = E(
+    (e) => {
+      !a || !t || (I(n.current), _(e, t, a).then((i) => {
+        var p, l;
+        ((p = i == null ? void 0 : i.data) == null ? void 0 : p.action) === "Print" ? v() : ((l = i == null ? void 0 : i.data) == null ? void 0 : l.action) === "SaveAs" && w();
+      }));
+    },
+    [t, a, T, v, w]
+  );
+  return f(() => {
+    if (!o || !a)
+      return;
+    const e = o.page.getViewport();
+    if (r.current) {
+      r.current.update({
+        viewport: e.clone({ dontFlip: !0 })
+      });
+      return;
+    }
+    const i = /* @__PURE__ */ new Map([]);
+    for (const c of a) {
+      const { annotationType: g } = c;
+      switch (g) {
+        case $.Widget:
+          J(c, e, i);
+          break;
+      }
+    }
+    const p = new AbortController();
+    return (async () => {
+      var b;
+      r.current && (r.current.div.replaceChildren(), r.current = void 0), n.current && (n.current.innerText = ""), r.current = new R({
+        div: n.current,
+        accessibilityManager: void 0,
+        annotationCanvasMap: void 0,
+        annotationEditorUIManager: void 0,
+        structTreeLayer: null,
+        page: o.page,
+        viewport: e.clone({ dontFlip: !0 }),
+        commentManager: void 0,
+        linkService: new x(t, d),
+        annotationStorage: t == null ? void 0 : t.annotationStorage
+      }), n.current && A(n.current, m);
+      const c = await (t == null ? void 0 : t.hasJSActions()), g = await (t == null ? void 0 : t.getFieldObjects());
+      if (p.signal.aborted)
+        throw "abort";
+      return (b = r.current) == null ? void 0 : b.render({
+        annotations: a,
+        annotationStorage: t == null ? void 0 : t.annotationStorage,
+        hasJSActions: c,
+        fieldObjects: g,
+        div: n.current,
+        viewport: e.clone({ dontFlip: !0 }),
+        page: o.page,
+        imageResourcesPath: U,
+        renderForms: M ?? !0,
+        linkService: new x(t, d),
+        downloadManager: null,
+        enableScripting: !1
+      });
+    })().then(() => {
+      n.current && N(n.current, m);
+    }).catch((c) => {
+      if (c !== "abort")
+        throw c;
+    }).finally(() => {
+      r.current = void 0;
+    }), () => {
+      p.abort("clear"), n.current && A(n.current, m);
+    };
+  }, [t, a, m, d]), /* @__PURE__ */ k(
+    "div",
+    {
+      "data-rp": `page-${u}-annotationLayer`,
+      style: { width: `${s == null ? void 0 : s.width}px`, height: `${s == null ? void 0 : s.height}px` },
+      className: H["rp-annotation-layer"],
+      ref: n
+    }
+  );
+};
 export {
-  Fr as AnnotationLayer
+  $t as AnnotationLayer
 };

package/dist/components/page/CanvasLayer.js

@@ -1,142 +1,71 @@
-import "react/jsx-runtime";
-import "react";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import { G as Fo } from "../../ToolbarLayout.module-37619c4b.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 "../../contexts/EventCallbackContext.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-6224491f.js";
-import "../../contexts/ThemeContext.js";
-import "../RPDropFileZone.js";
-import "../ui/Button.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 "../layout/toolbar/MenuItem.js";
-import "../layout/toolbar/MenuSeparator.js";
-import "../../utils/dateFormatter.js";
-import "../layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-67946714.js";
+import { jsx as l } from "react/jsx-runtime";
+import { useRef as p, useEffect as x } from "react";
+import { useDocumentContext as C } from "../../contexts/RPDocumentContext.js";
+import { useZoomContext as R } from "../../contexts/ZoomContext.js";
+import { usePagesRotateContext as q } from "../../contexts/PagesRotateContext.js";
+import { useRenderQueue as L } from "../../contexts/RenderQueueProvider.js";
+import { useInitialStateContext as k } from "../../contexts/InitialStateContext.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 "../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 "../../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 "../../utils/hooks/useLicense.js";
+import "../../utils/Queue.js";
+import "../../utils/renderPage.js";
+import "../../PaginationContext-9217cab4.js";
+import "../../contexts/ScrollModeContext.js";
+import "../../contexts/VirtualScrollContext.js";
+import "../../contexts/VirtualGridContext.js";
+import "../../utils/smoothScrollTo.js";
+import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/SmoothScrollContext.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/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/SinglePageIcon.js";
-import "../icons/DualPageIcon.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 "../RPTheme.js";
-import "../../utils/hooks/useLoadWorker.js";
-import "../icons/LightPdfIcon.js";
-import "../icons/DarkPdfIcon.js";
+const pt = (d) => {
+  const { pageNumber: t, onLoaded: n, onLoading: o } = d, r = p(null), { pages: e } = C(), { pageRotate: a } = q(), v = p(), { currentZoom: m } = R(), { interactiveForm: s } = k(), i = L(), u = p(`page-${t}`);
+  return x(() => {
+    if (!e || m === 0)
+      return;
+    const c = e.get(t);
+    if (r.current && c) {
+      const f = r.current;
+      f.hidden = !0;
+      const g = v.current;
+      g && g.cancel(), o && o(), i.enqueue(
+        u.current,
+        {
+          page: c.page,
+          canvasElem: f,
+          options: {
+            scale: m,
+            rotate: a[t],
+            renderForms: !0,
+            interactiveForm: s
+          },
+          onLoaded: n
+        },
+        3
+      );
+    }
+    return () => {
+      i.removeQueue(u.current);
+    };
+  }, [e, t, a, m, o, n, i, s]), /* @__PURE__ */ l("canvas", { "data-rp": `page-${t}-canvas`, ref: r });
+};
 export {
-  Fo as CanvasLayer
+  pt as CanvasLayer
 };