@react-pdf-kit/viewer 0.0.0-experimental.1 → 0.0.0-experimental.2

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

@@ -2,26 +2,27 @@ import { jsx as o, Fragment as C, jsxs as r } from "react/jsx-runtime";
 import { c as k } from "../../../../../RotateTool.module-67946714.js";
 import { MenuItem as e } from "../../MenuItem.js";
 import p from "../../../../ui/RPTooltip.js";
-import { G as f } from "../../../../../index-4baea9b5.js";
+import { G as f } from "../../../../../index-11f3cd64.js";
 import { ClockwiseIcon as n } from "../../../../icons/ClockwiseIcon.js";
 import { MenuSeparator as h } from "../../MenuSeparator.js";
 import { useRotate as w } from "../../../../../utils/hooks/useRotate.js";
 import { useLocalizationContext as s } from "../../../../../contexts/LocalizationContext.js";
 import "../../../../../clsx-0c6e471a.js";
 import "react";
-import "../../../../../index-c0faa594.js";
+import "../../../../../index-113053cf.js";
 import "react-dom";
-import "../../../../../index-e3ee9457.js";
-import "../../../../../floating-ui.react-dom-5ec29bd6.js";
-import "../../../../../index-655864a7.js";
+import "../../../../../index-23911b43.js";
+import "../../../../../index-d0f0aa9a.js";
+import "../../../../../index-ada501c4.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../Combination-54a77a7a.js";
+import "../../../../../Combination-17ab8af1.js";
 import "../../../../../contexts/RotationContext.js";
 import "../../../../../utils/appConsole.js";
 import "../../../../../contexts/InitialStateContext.js";
 import "../../../../../contexts/RPDocumentContext.js";
 import "../../../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../../../../../utils/types.js";
 import "../../../../../de_DE-a553b162.js";
 import "../../../../../utils/getThumbnailViewport.js";
@@ -31,7 +32,7 @@ import "../../../../../utils/hooks/usePdfProperties.js";
 import "../../../../../utils/convertPdfDate.js";
 import "../../../../../utils/formatFileSize.js";
 import "../../../../../utils/hooks/useLocalization.js";
-const M = (c) => {
+const g = (c) => {
   const { icons: l, isToolVisible: a = !0 } = c, { rotateClockwiseIcon: i, rotateCounterClockwiseIcon: m } = l ?? {}, { handleRotateClockwise: u, handleRotateCounterclockwise: d } = w(), { localeMessages: t } = s();
   return a ? /* @__PURE__ */ o(C, { children: /* @__PURE__ */ r(f, { children: [
     /* @__PURE__ */ o(
@@ -60,5 +61,5 @@ const M = (c) => {
   ] }) }) : null;
 };
 export {
-  M as RotateTool
+  g as RotateTool
 };

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

@@ -1,7 +1,7 @@
 import { jsx as i, Fragment as C, jsxs as n } from "react/jsx-runtime";
 import { useMemo as f } from "react";
 import e from "../../../../ui/RPTooltip.js";
-import { G as R } from "../../../../../index-4baea9b5.js";
+import { G as R } from "../../../../../index-11f3cd64.js";
 import { MenuItem as c } from "../../MenuItem.js";
 import { PageScrollingIcon as G } from "../../../../icons/PageScrollingIcon.js";
 import { VerticalScrollingIcon as O } from "../../../../icons/VerticalScrollingIcon.js";
@@ -11,13 +11,13 @@ import { ViewMode as L, ScrollMode as o } from "../../../../../utils/types.js";
 import { CheckIcon as p } from "../../../../icons/CheckIcon.js";
 import { useViewModeContext as _ } from "../../../../../contexts/ViewModeContext.js";
 import { useLocalizationContext as E } from "../../../../../contexts/LocalizationContext.js";
-import "../../../../../index-c0faa594.js";
+import "../../../../../index-113053cf.js";
 import "react-dom";
-import "../../../../../index-e3ee9457.js";
-import "../../../../../floating-ui.react-dom-5ec29bd6.js";
-import "../../../../../index-655864a7.js";
+import "../../../../../index-23911b43.js";
+import "../../../../../index-d0f0aa9a.js";
+import "../../../../../index-ada501c4.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../Combination-54a77a7a.js";
+import "../../../../../Combination-17ab8af1.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../utils/appConsole.js";
 import "../../../../../contexts/InitialStateContext.js";

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

@@ -1,6 +1,6 @@
 import { jsx as o, Fragment as T, jsxs as e } from "react/jsx-runtime";
 import c from "../../../../ui/RPTooltip.js";
-import { G as f } from "../../../../../index-4baea9b5.js";
+import { G as f } from "../../../../../index-11f3cd64.js";
 import { TextSelectionDefaultIcon as x } from "../../../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as S } from "../../../../icons/HandModeDefaultIcon.js";
 import { CheckIcon as d } from "../../../../icons/CheckIcon.js";
@@ -10,13 +10,13 @@ import { MenuSeparator as N } from "../../MenuSeparator.js";
 import { useSelectionModeContext as I } from "../../../../../contexts/SelectionModeContext.js";
 import { useLocalizationContext as b } from "../../../../../contexts/LocalizationContext.js";
 import "react";
-import "../../../../../index-c0faa594.js";
+import "../../../../../index-113053cf.js";
 import "react-dom";
-import "../../../../../index-e3ee9457.js";
-import "../../../../../floating-ui.react-dom-5ec29bd6.js";
-import "../../../../../index-655864a7.js";
+import "../../../../../index-23911b43.js";
+import "../../../../../index-d0f0aa9a.js";
+import "../../../../../index-ada501c4.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../Combination-54a77a7a.js";
+import "../../../../../Combination-17ab8af1.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../de_DE-a553b162.js";
 import "../../../../../utils/appConsole.js";

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

@@ -1,7 +1,7 @@
 import { jsx as r, Fragment as g, jsxs as e } from "react/jsx-runtime";
 import { useMemo as L } from "react";
 import m from "../../../../ui/RPTooltip.js";
-import { G } from "../../../../../index-4baea9b5.js";
+import { G } from "../../../../../index-11f3cd64.js";
 import { MenuSeparator as T } from "../../MenuSeparator.js";
 import { MenuItem as n } from "../../MenuItem.js";
 import { DualPageIcon as b } from "../../../../icons/DualPageIcon.js";
@@ -12,13 +12,13 @@ import { ScrollMode as E, ViewMode as o } from "../../../../../utils/types.js";
 import { CheckIcon as l } from "../../../../icons/CheckIcon.js";
 import { useScrollModeContext as S } from "../../../../../contexts/ScrollModeContext.js";
 import { useLocalizationContext as _ } from "../../../../../contexts/LocalizationContext.js";
-import "../../../../../index-c0faa594.js";
+import "../../../../../index-113053cf.js";
 import "react-dom";
-import "../../../../../index-e3ee9457.js";
-import "../../../../../floating-ui.react-dom-5ec29bd6.js";
-import "../../../../../index-655864a7.js";
+import "../../../../../index-23911b43.js";
+import "../../../../../index-d0f0aa9a.js";
+import "../../../../../index-ada501c4.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../Combination-54a77a7a.js";
+import "../../../../../Combination-17ab8af1.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../utils/appConsole.js";
 import "../../../../../contexts/InitialStateContext.js";

package/dist/components/page/AnnotationLayer.js

@@ -2,14 +2,14 @@ import { jsx as P } from "react/jsx-runtime";
 import { useRef as b, useState as I, useMemo as S, useEffect as h, useCallback as R } from "react";
 import { u as j } from "../../PaginationContext-9217cab4.js";
 import { usePrintContext as O } from "../../contexts/PrintContext.js";
-import { AnnotationLayer as $ } from "pdfjs-dist";
+import { AnnotationLayerBuilder as D } from "@pdf-viewer/pdfium/compat";
 import { SimpleLinkService as A } from "../../utils/link_service.js";
-import { AnnotationSubType as D } from "../../utils/types.js";
-import { useScrollModeContext as _ } from "../../contexts/ScrollModeContext.js";
-import { insertDateText as J, annotationEventsHandler as N, handleAnnotationWidget as V, bindLayerEvents as W, fixTabIndexAccessibility as C, enhanceLinkAccessibility as L, unbindLayerEvents as M } from "../../utils/annotations.js";
-import { useInitialStateContext as H } from "../../contexts/InitialStateContext.js";
-import { useDocumentContext as U } from "../../contexts/RPDocumentContext.js";
-import { useFileDownload as q } from "../../utils/hooks/useFileDownload.js";
+import { AnnotationSubType as _ } from "../../utils/types.js";
+import { useScrollModeContext as $ } from "../../contexts/ScrollModeContext.js";
+import { insertDateText as J, annotationEventsHandler as N, handleAnnotationWidget as V, bindLayerEvents as W, fixTabIndexAccessibility as C, enhanceLinkAccessibility as M, unbindLayerEvents as L } from "../../utils/annotations.js";
+import { useInitialStateContext as B } from "../../contexts/InitialStateContext.js";
+import { useDocumentContext as H } from "../../contexts/RPDocumentContext.js";
+import { useFileDownload as U } from "../../utils/hooks/useFileDownload.js";
 import "../../utils/appConsole.js";
 import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
@@ -25,6 +25,7 @@ import "../../utils/getZoomLevel.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/RotationContext.js";
 import "../../utils/hooks/useLoadPdf.js";
+import "@pdf-viewer/pdfium";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -40,12 +41,12 @@ import "../../utils/hooks/usePrint.js";
 import "../../utils/sanitizeExternalUrl.js";
 import "../../utils/dateFormatter.js";
 import "../../contexts/DownloadContext.js";
-const z = {
+const q = {
   "rp-annotation-layer": "_rp-annotation-layer_rwxfx_1"
 };
-let B = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const Dt = (T) => {
-  const { pageNumber: l } = T, t = b(null), { pages: v, pdf: r } = U(), { interactiveForm: k } = H(), n = b(), [a, F] = I(), { goToPage: d } = j(), { scrollMode: E } = _(), { print: w } = O(), { download: y } = q(), c = b(null), e = S(() => v.get(l), [v, l]), u = S(() => e == null ? void 0 : e.page.getViewport(), [e]);
+let z = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const $t = (T) => {
+  const { pageNumber: l } = T, t = b(null), { pages: v, pdf: r } = H(), { interactiveForm: k } = B(), n = b(), [a, F] = I(), { goToPage: d } = j(), { scrollMode: E } = $(), { print: w } = O(), { download: x } = U(), c = b(null), e = S(() => v.get(l), [v, l]), u = S(() => e == null ? void 0 : e.page.getViewport(), [e]);
   h(() => {
     n.current && (n.current.div.replaceChildren(), n.current = void 0);
   }, [r]), h(() => {
@@ -57,10 +58,10 @@ const Dt = (T) => {
     (o) => {
       !a || !r || (J(t.current), N(o, r, a).then((i) => {
         var p, f;
-        ((p = i == null ? void 0 : i.data) == null ? void 0 : p.action) === "Print" ? w() : ((f = i == null ? void 0 : i.data) == null ? void 0 : f.action) === "SaveAs" && y();
+        ((p = i == null ? void 0 : i.data) == null ? void 0 : p.action) === "Print" ? w() : ((f = i == null ? void 0 : i.data) == null ? void 0 : f.action) === "SaveAs" && x();
       }));
     },
-    [r, a, E, w, y]
+    [r, a, E, w, x]
   );
   return h(() => {
     if (!e || !a)
@@ -76,15 +77,15 @@ const Dt = (T) => {
     for (const s of a) {
       const { annotationType: g } = s;
       switch (g) {
-        case D.Widget:
+        case _.Widget:
           V(s, o, i);
           break;
       }
     }
     const p = new AbortController();
     return (async () => {
-      var x;
-      n.current && (n.current.div.replaceChildren(), n.current = void 0), t.current && (t.current.innerText = ""), n.current = new $({
+      var y;
+      n.current && (n.current.div.replaceChildren(), n.current = void 0), t.current && (t.current.innerText = ""), n.current = new D({
         div: t.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
@@ -95,11 +96,11 @@ const Dt = (T) => {
         commentManager: void 0,
         linkService: new A(r, d),
         annotationStorage: r == null ? void 0 : r.annotationStorage
-      }), t.current && M(t.current, m);
+      }), t.current && L(t.current, m);
       const s = await (r == null ? void 0 : r.hasJSActions()), g = await (r == null ? void 0 : r.getFieldObjects());
       if (p.signal.aborted)
         throw "abort";
-      return (x = n.current) == null ? void 0 : x.render({
+      return (y = n.current) == null ? void 0 : y.render({
         annotations: a,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
         hasJSActions: s,
@@ -107,15 +108,15 @@ const Dt = (T) => {
         div: t.current,
         viewport: o.clone({ dontFlip: !0 }),
         page: e.page,
-        imageResourcesPath: B,
+        imageResourcesPath: z,
         renderForms: k ?? !0,
         linkService: new A(r, d),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      t.current && (W(t.current, m), C(t.current), L(t.current), c.current && c.current.disconnect(), c.current = new MutationObserver(() => {
-        t.current && (C(t.current), L(t.current));
+      t.current && (W(t.current, m), C(t.current), M(t.current), c.current && c.current.disconnect(), c.current = new MutationObserver(() => {
+        t.current && (C(t.current), M(t.current));
       }), c.current.observe(t.current, {
         childList: !0,
         subtree: !0,
@@ -128,18 +129,18 @@ const Dt = (T) => {
     }).finally(() => {
       n.current = void 0;
     }), () => {
-      p.abort("clear"), t.current && M(t.current, m), c.current && (c.current.disconnect(), c.current = null);
+      p.abort("clear"), t.current && L(t.current, m), c.current && (c.current.disconnect(), c.current = null);
     };
   }, [r, a, m, d]), /* @__PURE__ */ P(
     "div",
     {
       "data-rp": `page-${l}-annotationLayer`,
       style: { width: `${u == null ? void 0 : u.width}px`, height: `${u == null ? void 0 : u.height}px` },
-      className: z["rp-annotation-layer"],
+      className: q["rp-annotation-layer"],
       ref: t
     }
   );
 };
 export {
-  Dt as AnnotationLayer
+  $t as AnnotationLayer
 };

package/dist/components/page/CanvasLayer.js

@@ -1,12 +1,13 @@
-import { jsxs as C, Fragment as R, jsx as h } from "react/jsx-runtime";
-import { useRef as n, useCallback as S, useEffect as b } from "react";
-import { useDocumentContext as q } from "../../contexts/RPDocumentContext.js";
-import { usePagesRotateContext as F } from "../../contexts/PagesRotateContext.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 $ } from "../../contexts/InitialStateContext.js";
-import { useSmoothScaleContext as j } from "../../contexts/SmoothScaleContext.js";
+import { useInitialStateContext as k } from "../../contexts/InitialStateContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
@@ -16,73 +17,56 @@ import "../../utils/appConsole.js";
 import "../../utils/hooks/usePdfProperties.js";
 import "../../utils/convertPdfDate.js";
 import "../../utils/formatFileSize.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 "../../utils/Queue.js";
 import "../../utils/renderPage.js";
 import "../../PaginationContext-9217cab4.js";
 import "../../contexts/ScrollModeContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/ViewModeContext.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
 import "../../utils/smoothScrollTo.js";
 import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/ZoomContext.js";
-import "../../utils/constants.js";
-import "../../utils/getZoomLevel.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../utils/hooks/useDebounce.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../utils/getScrollDistance.js";
 import "../../utils/calculatePage.js";
-const ft = (x) => {
-  const { pageNumber: r, onLoaded: u, onLoading: i } = x, a = n(null), m = n(null), o = n("a"), { pages: p } = q(), { pageRotate: f } = F(), { renderedScale: s, isTransitioning: d } = j(), { interactiveForm: l } = $(), c = L(), g = n(`page-${r}`), v = S(() => {
-    const e = a.current, t = m.current;
-    !e || !t || (o.current === "a" ? (t.hidden = !1, e.hidden = !0, o.current = "b") : (e.hidden = !1, t.hidden = !0, o.current = "a"));
-  }, []);
-  return b(() => {
-    if (!p || s === 0 || d)
-      return;
-    const e = p.get(r);
-    if (!e)
+const nt = (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 t = o.current === "a" ? m.current : a.current;
-    if (t)
-      return t.hidden = !0, i && i(), c.enqueue(
-        g.current,
+    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: e.page,
-          canvasElem: t,
+          page: c.page,
+          canvasElem: f,
           options: {
-            scale: s,
-            rotate: f[r],
+            scale: m,
+            rotate: a[t],
             renderForms: !0,
-            interactiveForm: l
+            interactiveForm: s
           },
-          onSwap: v,
-          onLoaded: u
+          onLoaded: n
         },
         3
-      ), () => {
-        c.removeQueue(g.current);
-      };
-  }, [
-    p,
-    r,
-    f,
-    s,
-    d,
-    i,
-    u,
-    c,
-    l,
-    v
-  ]), /* @__PURE__ */ C(R, { children: [
-    /* @__PURE__ */ h("canvas", { "data-rp": `page-${r}-canvas`, ref: a }),
-    /* @__PURE__ */ h("canvas", { "data-rp": `page-${r}-canvas`, ref: m, hidden: !0 })
-  ] });
+      );
+    }
+    return () => {
+      i.removeQueue(u.current);
+    };
+  }, [e, t, a, m, o, n, i, s]), /* @__PURE__ */ l("canvas", { "data-rp": `page-${t}-canvas`, ref: r });
 };
 export {
-  ft as CanvasLayer
+  nt as CanvasLayer
 };

package/dist/components/page/CustomElement.js

@@ -7,7 +7,8 @@ import "../../contexts/DimensionPagesContext.js";
 import "../../utils/appConsole.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -41,7 +42,7 @@ const a = ({ child: t }) => {
       (o = r.current) == null || o.removeChild(t);
     };
   }, [t]), /* @__PURE__ */ m("div", { ref: r });
-}, X = ({ pageNumber: t }) => {
+}, Y = ({ 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));
@@ -49,5 +50,5 @@ const a = ({ child: t }) => {
   return o ? /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m("div", { ref: i, "data-rp": `page-${t}-customElement`, children: o.map((e) => e) }) }) : null;
 };
 export {
-  X as CustomElement
+  Y as CustomElement
 };

package/dist/components/page/DualPage.js

@@ -9,7 +9,8 @@ import "../../utils/appConsole.js";
 import "../../contexts/InitialStateContext.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -37,7 +38,6 @@ import "./CanvasLayer.js";
 import "../../contexts/RenderQueueProvider.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
-import "../../contexts/SmoothScaleContext.js";
 import "./TextLayer.js";
 import "../../utils/highlight.js";
 import "../../utils/charators.js";

package/dist/components/page/DualPageWithCover.js

@@ -9,7 +9,8 @@ import "../../utils/appConsole.js";
 import "../../contexts/InitialStateContext.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -37,7 +38,6 @@ import "./CanvasLayer.js";
 import "../../contexts/RenderQueueProvider.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
-import "../../contexts/SmoothScaleContext.js";
 import "./TextLayer.js";
 import "../../utils/highlight.js";
 import "../../utils/charators.js";

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as N } from "react/jsx-runtime";
-import { useRef as u, useState as l, useImperativeHandle as P, useMemo as d, useEffect as V, useCallback as f } from "react";
-import { useDocumentContext as b } from "../../contexts/RPDocumentContext.js";
+import { jsx as o, jsxs as P } from "react/jsx-runtime";
+import { useRef as g, useState as l, useImperativeHandle as V, useMemo as d, useEffect as b, useCallback as f } from "react";
+import { useDocumentContext as j } from "../../contexts/RPDocumentContext.js";
 import { CanvasLayer as E } from "./CanvasLayer.js";
 import { TextLayer as H } from "./TextLayer.js";
 import { AnnotationLayer as I } from "./AnnotationLayer.js";
@@ -12,7 +12,8 @@ import { usePagesRotateContext as D } from "../../contexts/PagesRotateContext.js
 import { CustomElement as M } from "./CustomElement.js";
 import { withRef as O } from "../../utils/withRef.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
@@ -43,7 +44,6 @@ import "../../utils/hooks/useDebounce.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../utils/getScrollDistance.js";
 import "../../utils/calculatePage.js";
-import "../../contexts/SmoothScaleContext.js";
 import "../../utils/highlight.js";
 import "../../utils/charators.js";
 import "../../contexts/SearchContext.js";
@@ -68,36 +68,36 @@ import "../../contexts/LicenseContext.js";
 import "../../utils/hooks/useLicense.js";
 import "../../utils/getElementPositionInPage.js";
 const a = {
-  "rp-page-wrapper": "_rp-page-wrapper_1j4cr_1",
-  "rp-page": "_rp-page_1j4cr_1",
-  "rp-loader-wrapper": "_rp-loader-wrapper_1j4cr_21"
-}, ot = O((h, w) => {
-  const { pageNumber: r, style: x, ...L } = h, { pages: p } = b(), { pageRotate: s } = D(), { textLayer: $ } = T(), { currentZoom: i } = Z(), { LoaderImageComponent: n } = k(), m = u(p.get(r)), [v, c] = l(!1), g = u(null), [t, y] = l({
+  "rp-page-wrapper": "_rp-page-wrapper_ii91u_1",
+  "rp-page": "_rp-page_ii91u_1",
+  "rp-loader-wrapper": "_rp-loader-wrapper_ii91u_15"
+}, or = O((h, w) => {
+  const { pageNumber: t, style: x, ...L } = h, { pages: p } = j(), { pageRotate: s } = D(), { textLayer: $ } = T(), { currentZoom: m } = Z(), { LoaderImageComponent: n } = k(), i = g(p.get(t)), [v, c] = l(!1), u = g(null), [r, y] = l({
     width: 0,
     height: 0
   });
-  P(w, () => g.current);
-  const e = d(() => m.current ? s[r] : 0, [r, s]);
-  V(() => {
-    if (!(!p || i === 0) && (m.current = p.get(r), m.current)) {
-      const j = m.current.page.getViewport({
-        scale: i,
+  V(w, () => u.current);
+  const e = d(() => i.current ? s[t] : 0, [t, s]);
+  b(() => {
+    if (p && (i.current = p.get(t), i.current)) {
+      const N = i.current.page.getViewport({
+        scale: m,
         rotation: e
       });
-      y(j);
+      y(N);
     }
-  }, [p, r, e, i]);
+  }, [p, t, e, m]);
   const C = d(() => {
     switch (e) {
       case 90:
-        return `${t.width / 2}px ${t.width / 2}px`;
+        return `${r.width / 2}px ${r.width / 2}px`;
       case -90:
       case 270:
-        return `${t.height / 2}px ${t.height / 2}px`;
+        return `${r.height / 2}px ${r.height / 2}px`;
       default:
         return "center";
     }
-  }, [e, t]), _ = f(() => {
+  }, [e, r]), _ = f(() => {
     c(!0);
   }, []), R = f(() => {
     c(!1);
@@ -105,34 +105,34 @@ const a = {
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: g,
-      id: `page-${r}`,
-      "data-rp": `page-${r}`,
+      ref: u,
+      id: `page-${t}`,
+      "data-rp": `page-${t}`,
       ...L,
       style: {
         ...x,
         "--rp-rotate": `${e}deg`,
         "--rp-page-rotate-translate": `${C}`,
-        "--user-unit": t.userUnit || 1,
-        "--scale-factor": i,
+        "--user-unit": 1,
+        "--scale-factor": m,
         "--total-scale-factor": "calc(var(--scale-factor) * var(--user-unit))"
       },
       className: a["rp-page-wrapper"],
-      children: /* @__PURE__ */ N(
+      children: /* @__PURE__ */ P(
         "div",
         {
           style: {
-            width: `${t.width}px`,
-            height: `${t.height}px`
+            width: `${r.width}px`,
+            height: `${r.height}px`
           },
           className: a["rp-page"],
           children: [
-            /* @__PURE__ */ o(E, { onLoading: _, onLoaded: R, pageNumber: r }),
+            /* @__PURE__ */ o(E, { onLoading: _, onLoaded: R, pageNumber: t }),
             v && n && /* @__PURE__ */ o("div", { className: a["rp-loader-wrapper"], children: /* @__PURE__ */ o(n, {}) }),
-            /* @__PURE__ */ o(M, { pageNumber: r }),
-            $ && /* @__PURE__ */ o(H, { pageNumber: r }),
-            /* @__PURE__ */ o(A, { pageNumber: r, viewport: t }),
-            /* @__PURE__ */ o(I, { pageNumber: r })
+            /* @__PURE__ */ o(M, { pageNumber: t }),
+            $ && /* @__PURE__ */ o(H, { pageNumber: t }),
+            /* @__PURE__ */ o(A, { pageNumber: t, viewport: r }),
+            /* @__PURE__ */ o(I, { pageNumber: t })
           ]
         }
       )
@@ -140,5 +140,5 @@ const a = {
   );
 });
 export {
-  ot as RPPage
+  or as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -9,7 +9,8 @@ import "../../utils/appConsole.js";
 import "../../contexts/InitialStateContext.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -37,7 +38,6 @@ import "./CanvasLayer.js";
 import "../../contexts/RenderQueueProvider.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
-import "../../contexts/SmoothScaleContext.js";
 import "./TextLayer.js";
 import "../../utils/highlight.js";
 import "../../utils/charators.js";