@pdf-viewer/react 1.8.0-beta.2 → 1.8.0-beta.4

package/dist/components/RPController.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as i, useId as V, useMemo as T } from "react";
-import { P as w, S as D, T as k, e as x } from "../RPDefaultLayout-129bfdfc.js";
-import { DarkModeProvider as E } from "../contexts/DarkModeContext.js";
+import { useState as e, useId as V, useMemo as T } from "react";
+import { P as w, S as D, T as E, e as k } from "../RPDefaultLayout-c962c0b0.js";
+import { DarkModeProvider as x } from "../contexts/DarkModeContext.js";
 import { ViewMode as F, ScrollMode as G, SelectionMode as b } from "../utils/types.js";
 import { RotateProvider as y } from "../contexts/RotationContext.js";
 import { LayerProvider as _ } from "../contexts/LayerContext.js";
@@ -22,8 +22,9 @@ import { HighlightProvider as J } from "../contexts/HighlightContext.js";
 import { useWatermark as K } from "../utils/hooks/useWatermark.js";
 import { DownloadProvider as Q } from "../contexts/DownloadContext.js";
 import { SmoothScrollProvider as Y } from "../contexts/SmoothScrollContext.js";
-import { SinglePageRotateProvider as rr } from "../contexts/SinglePageRotateContext.js";
-const Tr = (n) => {
+import { ElementPageProvider as rr } from "../contexts/ElementPageContext.js";
+import { PagesRotateProvider as er } from "../contexts/PagesRotateContext.js";
+const Dr = (n) => {
   const {
     children: l,
     darkMode: d = !1,
@@ -39,7 +40,7 @@ const Tr = (n) => {
     locale: S = "en_US",
     localization: u,
     downloadFilename: M
-  } = n, [g, R] = i(null), [o, C] = i(null), [L, I] = i(null), e = V(), t = T(() => `rp-instance-${e.replace(/:/g, "-")}`, [e]);
+  } = n, [g, R] = e(null), [o, C] = e(null), [L, I] = e(null), i = V(), t = T(() => `rp-instance-${i.replace(/:/g, "-")}`, [i]);
   return K(t), /* @__PURE__ */ r(
     O,
     {
@@ -49,7 +50,7 @@ const Tr = (n) => {
       initialScrollMode: v,
       initialRotation: a,
       initialViewMode: f,
-      children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(B, { locale: S, localization: u, children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(Z, { children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(H, { initialSelectionMode: b.TEXT, children: /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(rr, { children: /* @__PURE__ */ r(_, { textLayer: c, children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(B, { locale: S, localization: u, children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(Z, { children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(H, { initialSelectionMode: b.TEXT, children: /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(er, { children: /* @__PURE__ */ r(_, { textLayer: c, children: /* @__PURE__ */ r(
         $.Provider,
         {
           value: {
@@ -61,15 +62,15 @@ const Tr = (n) => {
             setPagesRef: I
           },
           children: /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(
-            E,
+            x,
             {
               darkMode: d,
               onDarkModeChange: m,
-              children: /* @__PURE__ */ r(D, { initialSearch: p, children: /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(
-                k,
+              children: /* @__PURE__ */ r(D, { initialSearch: p, children: /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(rr, { children: /* @__PURE__ */ r(
+                E,
                 {
                   initialThumbnailsVisible: h,
-                  children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(U, { elementRef: o, children: /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(
+                  children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(U, { elementRef: o, children: /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(
                     Q,
                     {
                       downloadFilename: M,
@@ -77,7 +78,7 @@ const Tr = (n) => {
                     }
                   ) }) }) })
                 }
-              ) }) })
+              ) }) }) })
             }
           ) }) }) })
         }
@@ -86,5 +87,5 @@ const Tr = (n) => {
   );
 };
 export {
-  Tr as RPController
+  Dr as RPController
 };

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as M } from "../RPDefaultLayout-129bfdfc.js";
+import { R as N } from "../RPDefaultLayout-c962c0b0.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";
 import "../contexts/DocumentPasswordContext.js";
@@ -24,7 +24,8 @@ import "../contexts/HighlightContext.js";
 import "../contexts/LicenseContext.js";
 import "../contexts/DownloadContext.js";
 import "../contexts/SmoothScrollContext.js";
-import "../contexts/SinglePageRotateContext.js";
+import "../contexts/ElementPageContext.js";
+import "../contexts/PagesRotateContext.js";
 import "../contexts/LoaderContext.js";
 import "./RPConfig.js";
 import "../contexts/ThemeContext.js";
@@ -38,5 +39,5 @@ import "../utils/hooks/useDebounce.js";
 import "./ui/PasswordModal.js";
 import "../utils/calculatePage.js";
 export {
-  M as RPPages
+  N as RPPages
 };

package/dist/components/layout/LayoutContainer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-0c6e471a.js";
 import "react";
-import { K as F } from "../../RPDefaultLayout-129bfdfc.js";
+import { K as G } from "../../RPDefaultLayout-c962c0b0.js";
 import "../../contexts/ThemeContext.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -25,11 +25,12 @@ import "../../contexts/HighlightContext.js";
 import "../../contexts/LicenseContext.js";
 import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/SinglePageRotateContext.js";
+import "../../contexts/ElementPageContext.js";
+import "../../contexts/PagesRotateContext.js";
 import "../../contexts/LoaderContext.js";
 import "../RPConfig.js";
 import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 export {
-  F as LayoutContainer
+  G as LayoutContainer
 };

package/dist/components/layout/RPDefaultLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a as y } from "../../RPDefaultLayout-129bfdfc.js";
+import { a as y } from "../../RPDefaultLayout-c962c0b0.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "./Container.js";

package/dist/components/layout/sidebar/RPSidebar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../icons/Thumbnail.js";
 import "../../ui/Button.js";
-import { J as s } from "../../../RPDefaultLayout-129bfdfc.js";
+import { J as s } from "../../../RPDefaultLayout-c962c0b0.js";
 import "./RPSplitter.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";

package/dist/components/layout/sidebar/Thumbnail.js

@@ -1,10 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import { H as e } from "../../../RPDefaultLayout-129bfdfc.js";
+import { H as b } from "../../../RPDefaultLayout-c962c0b0.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
-import "../../../contexts/SinglePageRotateContext.js";
-import "../../../contexts/RotationContext.js";
+import "../../../contexts/PagesRotateContext.js";
 export {
-  e as Thumbnail
+  b as Thumbnail
 };

package/dist/components/layout/sidebar/Thumbnails.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { I as t } from "../../../RPDefaultLayout-129bfdfc.js";
+import { I as t } from "../../../RPDefaultLayout-c962c0b0.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 export {
   t as Thumbnails

package/dist/components/layout/toolbar/DocumentDialog.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { x as K } from "../../../RPDefaultLayout-129bfdfc.js";
+import { x as L } from "../../../RPDefaultLayout-c962c0b0.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";
@@ -25,7 +25,8 @@ import "../../../contexts/HighlightContext.js";
 import "../../../contexts/LicenseContext.js";
 import "../../../contexts/DownloadContext.js";
 import "../../../contexts/SmoothScrollContext.js";
-import "../../../contexts/SinglePageRotateContext.js";
+import "../../../contexts/ElementPageContext.js";
+import "../../../contexts/PagesRotateContext.js";
 import "../../../contexts/LoaderContext.js";
 import "../../RPConfig.js";
 import "../../../contexts/ThemeContext.js";
@@ -34,5 +35,5 @@ import "../../../contexts/ToolbarComponentContext.js";
 import "./PropertyItem.js";
 import "../../../contexts/OtherToolContext.js";
 export {
-  K as DocumentDialog
+  L as DocumentDialog
 };

package/dist/components/layout/toolbar/FileDownloadTool.js

@@ -3,7 +3,7 @@ import "../../icons/FileDownloadDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { F as f } from "../../../RPDefaultLayout-129bfdfc.js";
+import { F as f } from "../../../RPDefaultLayout-c962c0b0.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";

package/dist/components/layout/toolbar/MostPageTool.js

@@ -4,7 +4,7 @@ import "./MenuItem.js";
 import "react";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import { M as J } from "../../../RPDefaultLayout-129bfdfc.js";
+import { M as K } from "../../../RPDefaultLayout-c962c0b0.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";
@@ -25,7 +25,8 @@ import "../../../contexts/HighlightContext.js";
 import "../../../contexts/LicenseContext.js";
 import "../../../contexts/DownloadContext.js";
 import "../../../contexts/SmoothScrollContext.js";
-import "../../../contexts/SinglePageRotateContext.js";
+import "../../../contexts/ElementPageContext.js";
+import "../../../contexts/PagesRotateContext.js";
 import "../../../contexts/LoaderContext.js";
 import "../../RPConfig.js";
 import "../../../contexts/ThemeContext.js";
@@ -36,5 +37,5 @@ import "../../icons/GoToDownIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
 export {
-  J as MostPageTool
+  K as MostPageTool
 };

package/dist/components/layout/toolbar/OtherTool.js

@@ -3,7 +3,7 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as q } from "../../../RPDefaultLayout-129bfdfc.js";
+import { O as q } from "../../../RPDefaultLayout-c962c0b0.js";
 import "../../../contexts/OtherToolContext.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";

package/dist/components/layout/toolbar/Paginate.js

@@ -3,7 +3,7 @@ import "react";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../ui/Input.js";
-import { w as b } from "../../../RPDefaultLayout-129bfdfc.js";
+import { w as b } from "../../../RPDefaultLayout-c962c0b0.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";

package/dist/components/layout/toolbar/PrintTool.js

@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { y as s } from "../../../RPDefaultLayout-129bfdfc.js";
+import { y as s } from "../../../RPDefaultLayout-c962c0b0.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";

package/dist/components/layout/toolbar/RPToolbar.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { G as a } from "../../../RPDefaultLayout-129bfdfc.js";
+import { G as a } from "../../../RPDefaultLayout-c962c0b0.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 export {

package/dist/components/layout/toolbar/RPToolbarEnd.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { z as b } from "../../../RPDefaultLayout-129bfdfc.js";
+import { z as b } from "../../../RPDefaultLayout-c962c0b0.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

package/dist/components/layout/toolbar/SearchResultNavigator.js

@@ -3,7 +3,7 @@ import "../../ui/RPTooltip.js";
 import "../../ui/Button.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../../contexts/LocalizationContext.js";
-import { B as s } from "../../../RPDefaultLayout-129bfdfc.js";
+import { B as s } from "../../../RPDefaultLayout-c962c0b0.js";
 import "../../../SearchCloseButton-ddb9877e.js";
 export {
   s as SearchResultNavigator

package/dist/components/layout/toolbar/SearchTool.js

@@ -8,7 +8,7 @@ import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/LoaderIcon.js";
-import { E as Q } from "../../../RPDefaultLayout-129bfdfc.js";
+import { E as R } from "../../../RPDefaultLayout-c962c0b0.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -31,7 +31,8 @@ import "../../../contexts/HighlightContext.js";
 import "../../../contexts/LicenseContext.js";
 import "../../../contexts/DownloadContext.js";
 import "../../../contexts/SmoothScrollContext.js";
-import "../../../contexts/SinglePageRotateContext.js";
+import "../../../contexts/ElementPageContext.js";
+import "../../../contexts/PagesRotateContext.js";
 import "../../../contexts/LoaderContext.js";
 import "../../RPConfig.js";
 import "../../../contexts/ThemeContext.js";
@@ -42,5 +43,5 @@ import "../../icons/InfoIcon.js";
 import "../../../Popover-1faa77f6.js";
 import "../../../contexts/ViewportContext.js";
 export {
-  Q as SearchTool
+  R as SearchTool
 };

package/dist/components/layout/toolbar/ZoomTool.js

@@ -5,7 +5,7 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as y } from "../../../RPDefaultLayout-129bfdfc.js";
+import { Z as w } from "../../../RPDefaultLayout-c962c0b0.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../index-7279fb4e.js";
@@ -21,8 +21,7 @@ import "../../../utils/getZoomLevel.js";
 import "../../../contexts/LocalizationContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../contexts/SinglePageRotateContext.js";
+import "../../../contexts/PagesRotateContext.js";
 export {
-  y as ZoomTool
+  w as ZoomTool
 };

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 { A as J } from "../../RPDefaultLayout-129bfdfc.js";
+import { A as K } from "../../RPDefaultLayout-c962c0b0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";
@@ -24,7 +24,8 @@ import "../../contexts/HighlightContext.js";
 import "../../contexts/LicenseContext.js";
 import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/SinglePageRotateContext.js";
+import "../../contexts/ElementPageContext.js";
+import "../../contexts/PagesRotateContext.js";
 import "../../contexts/LoaderContext.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
@@ -34,5 +35,5 @@ import "pdfjs-dist";
 import "../../utils/link_service.js";
 import "../../utils/annotations.js";
 export {
-  J as AnnotationLayer
+  K 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 { C as G } from "../../RPDefaultLayout-129bfdfc.js";
+import { C as H } from "../../RPDefaultLayout-c962c0b0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -23,7 +23,8 @@ import "../../contexts/HighlightContext.js";
 import "../../contexts/LicenseContext.js";
 import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/SinglePageRotateContext.js";
+import "../../contexts/ElementPageContext.js";
+import "../../contexts/PagesRotateContext.js";
 import "../../contexts/LoaderContext.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
@@ -31,5 +32,5 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../utils/renderPage.js";
 export {
-  G as CanvasLayer
+  H 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 { elements: 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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as p } from "../../RPDefaultLayout-129bfdfc.js";
+import { D as p } from "../../RPDefaultLayout-c962c0b0.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { r as F } from "../../RPDefaultLayout-129bfdfc.js";
+import { r as H } from "../../RPDefaultLayout-c962c0b0.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";
@@ -23,13 +23,15 @@ import "../../contexts/HighlightContext.js";
 import "../../contexts/LicenseContext.js";
 import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/SinglePageRotateContext.js";
+import "../../contexts/ElementPageContext.js";
+import "../../contexts/PagesRotateContext.js";
 import "../../contexts/LoaderContext.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../icons/LoaderIcon.js";
+import "./CustomElement.js";
 export {
-  F as RPPage
+  H as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { t as i } from "../../RPDefaultLayout-129bfdfc.js";
+import { t as i } from "../../RPDefaultLayout-c962c0b0.js";
 export {
   i as SinglePage
 };

package/dist/components/page/TextHighlightLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { q as F } from "../../RPDefaultLayout-129bfdfc.js";
+import { q as G } from "../../RPDefaultLayout-c962c0b0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -23,7 +23,8 @@ import "../../contexts/HighlightContext.js";
 import "../../contexts/LicenseContext.js";
 import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/SinglePageRotateContext.js";
+import "../../contexts/ElementPageContext.js";
+import "../../contexts/PagesRotateContext.js";
 import "../../contexts/LoaderContext.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
@@ -32,5 +33,5 @@ import "../../contexts/ToolbarComponentContext.js";
 import "./searchHighlight.js";
 import "../../utils/highlight.js";
 export {
-  F as TextHighlightLayer
+  G as TextHighlightLayer
 };

package/dist/components/page/TextLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { p as G } from "../../RPDefaultLayout-129bfdfc.js";
+import { p as H } from "../../RPDefaultLayout-c962c0b0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -23,7 +23,8 @@ import "../../contexts/HighlightContext.js";
 import "../../contexts/LicenseContext.js";
 import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/SinglePageRotateContext.js";
+import "../../contexts/ElementPageContext.js";
+import "../../contexts/PagesRotateContext.js";
 import "../../contexts/LoaderContext.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
@@ -32,5 +33,5 @@ import "../../contexts/ToolbarComponentContext.js";
 import "pdfjs-dist";
 import "../../utils/highlight.js";
 export {
-  G as TextLayer
+  H as TextLayer
 };

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as i } from "../../RPDefaultLayout-129bfdfc.js";
+import { L as i } from "../../RPDefaultLayout-c962c0b0.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/LocalizationContext.js";
 export {

package/dist/contexts/DimensionPagesContext.js

@@ -1,43 +1,42 @@
-import { jsx as x } from "react/jsx-runtime";
-import { createContext as l, useContext as C, useState as g, useEffect as v } from "react";
-import { appConsole as w } from "../utils/appConsole.js";
-import { useDocumentContext as y } from "./RPDocumentContext.js";
-import { useZoomContext as b } from "./ZoomContext.js";
-import { useRotationContext as D } from "./RotationContext.js";
+import { jsx as P } from "react/jsx-runtime";
+import { createContext as x, useContext as v, useState as u, useEffect as w } from "react";
+import { appConsole as C } from "../utils/appConsole.js";
+import { useDocumentContext as l } from "./RPDocumentContext.js";
+import { useZoomContext as y } from "./ZoomContext.js";
 import { PAGE_PADDING as f } from "../utils/constants.js";
-import { useSinglePageRotateContext as A } from "./SinglePageRotateContext.js";
-const d = l({
+import { usePagesRotateContext as D } from "./PagesRotateContext.js";
+const g = x({
   widths: [],
   heights: [],
   setWidths: () => {
   },
   setHeights: () => {
   }
-}), S = () => {
-  const s = C(d), { widths: r, heights: o } = s;
-  if (r && o) {
-    const n = r.every((t) => typeof t == "number"), i = o.every((t) => typeof t == "number");
-    (!n || !i) && w.warn("Please use this hooks inside children component of RPProvider");
+}), E = () => {
+  const o = v(g), { widths: s, heights: e } = o;
+  if (s && e) {
+    const n = s.every((t) => typeof t == "number"), r = e.every((t) => typeof t == "number");
+    (!n || !r) && C.warn("Please use this hooks inside children component of RPProvider");
   }
-  return s;
-}, Z = ({ children: s }) => {
-  const [r, o] = g([]), [n, i] = g([]), { pages: t } = y(), { currentZoom: c } = b(), { rotate: m } = D(), { singlePageRotate: a } = A();
-  return v(() => {
+  return o;
+}, G = ({ children: o }) => {
+  const [s, e] = u([]), [n, r] = u([]), { pages: t } = l(), { currentZoom: m } = y(), { pageRotate: h } = D();
+  return w(() => {
     if (!t)
       return;
-    const h = [], u = [];
-    for (const e of Array.from(t.values())) {
-      const P = (a[e.page.pageNumber] ? m + a[e.page.pageNumber] : m) + e.defaultRotation, p = e.page.getViewport({
-        scale: c,
-        rotation: P,
+    const c = [], a = [];
+    for (const i of Array.from(t.values())) {
+      const d = h[i.page.pageNumber], p = i.page.getViewport({
+        scale: m,
+        rotation: d,
         dontFlip: !0
       });
-      h.push(p.width + f), u.push(p.height + f);
+      c.push(p.width + f), a.push(p.height + f);
     }
-    o((e) => [...h]), i((e) => [...u]);
-  }, [c, m, a, t]), /* @__PURE__ */ x(d.Provider, { value: { widths: r, heights: n, setWidths: o, setHeights: i }, children: s });
+    e((i) => [...c]), r((i) => [...a]);
+  }, [m, h, t]), /* @__PURE__ */ P(g.Provider, { value: { widths: s, heights: n, setWidths: e, setHeights: r }, children: o });
 };
 export {
-  Z as DimensionPagesProvider,
-  S as useDimensionPagesContext
+  G as DimensionPagesProvider,
+  E as useDimensionPagesContext
 };