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

package/dist/contexts/ZoomContext.js

@@ -1,5 +1,5 @@
 import { jsx as I } from "react/jsx-runtime";
-import { createContext as M, useContext as O, useState as u, useRef as R, useEffect as p, useCallback as Z, useMemo as x } from "react";
+import { createContext as M, useContext as O, useState as u, useRef as R, useEffect as f, useCallback as Z, useMemo as x } from "react";
 import { ZoomLevel as J } from "../utils/types.js";
 import { appConsole as _ } from "../utils/appConsole.js";
 import { useInitialStateContext as j } from "./InitialStateContext.js";
@@ -11,20 +11,30 @@ import { useViewModeContext as q } from "./ViewModeContext.js";
 import { useRotationContext as B } from "./RotationContext.js";
 import { useGlobalCurrentPage as K } from "./GlobalCurrentPage.js";
 import { useDebounce as Q } from "../utils/hooks/useDebounce.js";
+import "../th_TH-d627cd51.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "./EventCallbackContext.js";
 const D = M({
   zoomLevel: 100,
   currentZoom: 1,
   setZoomLevel: () => {
   }
-}), ue = () => {
-  const c = O(D);
-  return typeof c.currentZoom != "number" && _.warn("Please use this hooks inside children component of RPProvider"), c;
-}, le = ({ children: c }) => {
-  const { initialScale: W = J.PAGE_FIT } = j(), [s, b] = u(W), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: h } = q(), [H, V] = u({
+}), Le = () => {
+  const m = O(D);
+  return typeof m.currentZoom != "number" && _.warn("Please use this hooks inside children component of RPProvider"), m;
+}, Pe = ({ children: m }) => {
+  const { initialScale: W = J.PAGE_FIT } = j(), [s, b] = u(W), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: p } = q(), [H, V] = u({
     width: (t == null ? void 0 : t.clientWidth) || 0,
     height: (t == null ? void 0 : t.clientHeight) || 0
-  }), a = Q(H, 100), { rotate: g } = B(), [n, z] = u(null), d = R(null), { currentPage: v } = K(), [w, y] = u(v);
-  p(() => {
+  }), h = Q(H, 100), { rotate: g } = B(), [n, z] = u(null), d = R(null), { currentPage: v } = K(), [w, y] = u(v);
+  f(() => {
     let e = l.get(w);
     e || (e = l.get(1));
     const o = e == null ? void 0 : e.page.getViewport({
@@ -33,23 +43,23 @@ const D = M({
     });
     o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o, z(o));
   }, [l, g, w]);
-  const m = Z(() => {
+  const c = Z(() => {
     if (!n)
       return null;
     const e = ((n == null ? void 0 : n.width) || 0) + 2 * T, o = (n == null ? void 0 : n.height) || 0, i = (t == null ? void 0 : t.clientWidth) || 0, r = (t == null ? void 0 : t.clientHeight) || 0;
     return { pageWidth: e, pageHeight: o, clientWidth: i, clientHeight: r };
   }, [n, t]), L = x(() => {
-    const e = m();
-    if (!a.width || !a.height || !e)
+    const e = c();
+    if (!h.width || !h.height || !e)
       return 0;
     if (typeof s == "number")
       return s / 100;
-    const { clientWidth: o, clientHeight: i, pageWidth: r, pageHeight: f } = e;
-    return C(s, o, i, r, f, h) / 100;
-  }, [s, a, m, h]);
-  p(() => {
+    const { clientWidth: o, clientHeight: i, pageWidth: r, pageHeight: a } = e;
+    return C(s, o, i, r, a, p) / 100;
+  }, [s, h, c, p]);
+  f(() => {
     y(v);
-  }, [s]), p(() => {
+  }, [s]), f(() => {
     const e = (i) => {
       i.forEach((r) => {
         V({ width: r.contentRect.width, height: r.contentRect.height });
@@ -63,18 +73,18 @@ const D = M({
     (e) => {
       let o = 0;
       if (typeof e == "function") {
-        const i = m();
+        const i = c();
         if (!i)
           return;
-        const { clientWidth: r, clientHeight: f, pageWidth: P, pageHeight: E } = i;
+        const { clientWidth: r, clientHeight: a, pageWidth: P, pageHeight: E } = i;
         o = (G) => {
           const A = C(
             G,
             r,
-            f,
+            a,
             P,
             E,
-            h
+            p
           );
           return e(A);
         };
@@ -82,16 +92,16 @@ const D = M({
         o = e;
       o && b(o);
     },
-    [m]
+    [c]
   ), S = x(() => ({
     zoomLevel: s,
     currentZoom: L,
     setZoomLevel: N
   }), [L, s]);
-  return /* @__PURE__ */ I(D.Provider, { value: S, children: c });
+  return /* @__PURE__ */ I(D.Provider, { value: S, children: m });
 };
 export {
   D as ZoomContext,
-  le as ZoomProvider,
-  ue as useZoomContext
+  Pe as ZoomProvider,
+  Le as useZoomContext
 };

package/dist/libInjectCss.js

@@ -0,0 +1,9 @@
+function d(n, t) {
+  if (typeof window > "u" || document.getElementById(t))
+    return;
+  const e = document.createElement("style");
+  e.id = t, e.textContent = n, document.head.appendChild(e);
+}
+export {
+  d as injectGlobalCSS
+};

package/dist/main.js

@@ -1,86 +1,219 @@
-import { RPProvider as r } from "./components/RPProvider.js";
-import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-e03c451b.js";
-import { RPConfig as u } from "./components/RPConfig.js";
-import { RPLayout as P } from "./components/layout/RPLayout.js";
-import { RPController as C } from "./components/RPController.js";
-import { RPTheme as c } from "./components/RPTheme.js";
-import { RPDropFileZone as g } from "./components/RPDropFileZone.js";
-import { useDarkModeContext as D } from "./contexts/DarkModeContext.js";
-import { useDocumentContext as w } from "./contexts/RPDocumentContext.js";
-import { useRotationContext as Z } from "./contexts/RotationContext.js";
-import { useViewModeContext as v } from "./contexts/ViewModeContext.js";
-import { useDropFileZoneContext as V } from "./contexts/DropFileZoneContext.js";
-import { useOpenFileContext as k } from "./contexts/FileInputContext.js";
-import { useZoomContext as B } from "./contexts/ZoomContext.js";
-import { useHighlightContext as I } from "./contexts/HighlightContext.js";
-import { usePdfProperties as z } from "./utils/hooks/usePdfProperties.js";
-import { useFullScreenContext as N } from "./contexts/FullScreenContext.js";
-import { usePageRotateContext as j } from "./utils/hooks/usePageRotateContext.js";
-import { useElementPageContext as A } from "./contexts/ElementPageContext.js";
-import { ThemeSwitcherTool as J } from "./components/layout/toolbar/tools/ThemeSwitcherTool.js";
-import { ThumbnailTool as Q } from "./components/layout/toolbar/tools/ThumbnailTool.js";
-import { FileUploadTool as X } from "./components/layout/toolbar/tools/FileUploadTool.js";
-import { FileDownloadTool as _ } from "./components/layout/toolbar/tools/FileDownloadTool.js";
-import { PrintTool as oo } from "./components/layout/toolbar/tools/PrintTool.js";
-import { FullScreenTool as ro } from "./components/layout/toolbar/tools/FullScreenTool.js";
-import { PreviousPageTool as xo } from "./components/layout/toolbar/tools/PreviousPageTool.js";
-import { NextPageTool as lo } from "./components/layout/toolbar/tools/NextPageTool.js";
-import { InputPageTool as fo } from "./components/layout/toolbar/tools/InputPageTool.js";
-import { ZoomInTool as no } from "./components/layout/toolbar/tools/ZoomInTool.js";
-import { ZoomOutTool as uo } from "./components/layout/toolbar/tools/ZoomOutTool.js";
-import { ZoomLevelTool as Po } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
-import { DocumentPropertiesTool as Co } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
-import { RotateClockwiseTool as co } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
-import { RotateCounterclockwiseTool as ho } from "./components/layout/toolbar/tools/RotateCounterclockwiseTool.js";
-import { RPHorizontalBar as Fo } from "./components/layout/toolbar/tools/defaults/RPHorizontalBar.js";
-import { RPVerticalBar as So } from "./components/layout/toolbar/tools/defaults/RPVerticalBar.js";
-import { Locales as Lo, ScrollMode as vo, ThemeVariables as Mo, ViewMode as Vo, ZoomLevel as bo } from "./utils/types.js";
+import { RPProvider as vr } from "./components/RPProvider.js";
+import { a as Vr, R as br, S as kr, b as yr, u as Br, c as Hr, d as Ir } from "./ToolbarLayout.module-1f1dd627.js";
+import { RPConfig as zr } from "./components/RPConfig.js";
+import { RPLayout as Nr } from "./components/layout/RPLayout.js";
+import { RPController as jr } from "./components/RPController.js";
+import { RPTheme as Ar } from "./components/RPTheme.js";
+import { RPDropFileZone as Jr } from "./components/RPDropFileZone.js";
+import { useDarkModeContext as Qr } from "./contexts/DarkModeContext.js";
+import { useDocumentContext as Xr } from "./contexts/RPDocumentContext.js";
+import { useRotationContext as _r } from "./contexts/RotationContext.js";
+import { useViewModeContext as ot } from "./contexts/ViewModeContext.js";
+import { useDropFileZoneContext as tt } from "./contexts/DropFileZoneContext.js";
+import { useOpenFileContext as pt } from "./contexts/FileInputContext.js";
+import { useZoomContext as et } from "./contexts/ZoomContext.js";
+import { useHighlightContext as lt } from "./contexts/HighlightContext.js";
+import { usePdfProperties as at } from "./utils/hooks/usePdfProperties.js";
+import { useFullScreenContext as st } from "./contexts/FullScreenContext.js";
+import { usePageRotateContext as Pt } from "./utils/hooks/usePageRotateContext.js";
+import { useElementPageContext as Ct } from "./contexts/ElementPageContext.js";
+import { ThemeSwitcherTool as ct } from "./components/layout/toolbar/tools/ThemeSwitcherTool.js";
+import { ThumbnailTool as gt } from "./components/layout/toolbar/tools/ThumbnailTool.js";
+import { FileUploadTool as Dt } from "./components/layout/toolbar/tools/FileUploadTool.js";
+import { FileDownloadTool as wt } from "./components/layout/toolbar/tools/FileDownloadTool.js";
+import { PrintTool as Zt } from "./components/layout/toolbar/tools/PrintTool.js";
+import { FullScreenTool as vt } from "./components/layout/toolbar/tools/FullScreenTool.js";
+import { PreviousPageTool as Vt } from "./components/layout/toolbar/tools/PreviousPageTool.js";
+import { NextPageTool as kt } from "./components/layout/toolbar/tools/NextPageTool.js";
+import { InputPageTool as Bt } from "./components/layout/toolbar/tools/InputPageTool.js";
+import { ZoomInTool as It } from "./components/layout/toolbar/tools/ZoomInTool.js";
+import { ZoomOutTool as zt } from "./components/layout/toolbar/tools/ZoomOutTool.js";
+import { ZoomLevelTool as Nt } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
+import { DocumentPropertiesTool as jt } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
+import { RotateClockwiseTool as At } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
+import { RotateCounterclockwiseTool as Jt } from "./components/layout/toolbar/tools/RotateCounterclockwiseTool.js";
+import { RPHorizontalBar as Qt } from "./components/layout/toolbar/tools/defaults/RPHorizontalBar.js";
+import { RPVerticalBar as Xt } from "./components/layout/toolbar/tools/defaults/RPVerticalBar.js";
+import { Locales as _t, ScrollMode as $t, ThemeVariables as om, ViewMode as rm, ZoomLevel as tm } from "./utils/types.js";
+import "react/jsx-runtime";
+import "react";
+import "./contexts/DocumentPasswordContext.js";
+import "./utils/appConsole.js";
+import "./contexts/LoaderContext.js";
+import "./components/icons/LoaderIcon.js";
+import "./clsx-0c6e471a.js";
+import "./contexts/ToolComponentContext.js";
+import "./contexts/IconToolContext.js";
+import "./contexts/OtherToolContext.js";
+import "./utils/hooks/useFlickerSelectText.js";
+import "./contexts/EventCallbackContext.js";
+import "./assets/style.js";
+import "./libInjectCss.js";
+import "./utils/injectPrintCSS.js";
+import "./components/icons/ChevronUpIcon.js";
+import "./components/ui/Button.js";
+import "./utils/withRef.js";
+import "./components/ui/Input.js";
+import "./contexts/ScrollModeContext.js";
+import "./contexts/InitialStateContext.js";
+import "./contexts/LayerContext.js";
+import "./contexts/VirtualScrollContext.js";
+import "./contexts/VirtualGridContext.js";
+import "./contexts/SelectionModeContext.js";
+import "./utils/highlight.js";
+import "./utils/charators.js";
+import "./contexts/LayoutContainerContext.js";
+import "./contexts/DimensionPagesContext.js";
+import "./utils/constants.js";
+import "./contexts/PagesRotateContext.js";
+import "./contexts/LocalizationContext.js";
+import "./utils/hooks/useLocalization.js";
+import "./th_TH-d627cd51.js";
+import "./contexts/LicenseContext.js";
+import "./utils/hooks/useLicense.js";
+import "./contexts/DownloadContext.js";
+import "./contexts/SmoothScrollContext.js";
+import "./utils/Queue.js";
+import "./utils/renderPage.js";
+import "pdfjs-dist";
+import "./contexts/GlobalCurrentPage.js";
+import "./components/icons/Thumbnail.js";
+import "./components/layout/Container.js";
+import "./contexts/ViewportContext.js";
+import "./contexts/ToolbarComponentContext.js";
+import "./components/layout/sidebar/RPSplitter.js";
+import "./components/layout/WrapperLayout.js";
+import "./LayoutWrapper-6224491f.js";
+import "./contexts/ThemeContext.js";
+import "./SearchCloseButton-08d57275.js";
+import "./components/ui/RPTooltip.js";
+import "./index-c9a2990a.js";
+import "react-dom";
+import "./floating-ui.react-dom-d22a10b4.js";
+import "./components/icons/CloseIcon.js";
+import "./components/ui/Checkbox.js";
+import "./components/icons/CheckIcon.js";
+import "./contexts/IconContext.js";
+import "./components/ui/DropDown.js";
+import "./index-3bf64864.js";
+import "./ZoomTool.module-7082af8c.js";
+import "./components/layout/toolbar/MenuItem.js";
+import "./components/layout/toolbar/MenuSeparator.js";
+import "./utils/dateFormatter.js";
+import "./components/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 "./components/page/searchHighlight.js";
+import "./utils/const.js";
+import "./components/page/CustomElement.js";
+import "./utils/calculatePage.js";
+import "./utils/hooks/useMousePressed.js";
+import "./utils/hooks/useGrabScroll.js";
+import "./utils/hooks/usePinch.js";
+import "./utils/hooks/useDebounce.js";
+import "./components/ui/PasswordModal.js";
+import "./utils/getScrollDistance.js";
+import "./utils/getWordPositionInPage.js";
+import "./utils/getThumbnailViewport.js";
+import "./utils/smoothScrollTo.js";
+import "./components/layout/toolbar/FileUploadTool.js";
+import "./components/icons/FileUploadDefaultIcon.js";
+import "./components/layout/toolbar/DarkModeTool.js";
+import "./components/icons/MoonIcon.js";
+import "./components/icons/SunIcon.js";
+import "./components/icons/ThreeDotIcon.js";
+import "./components/layout/toolbar/DocumentProperties.js";
+import "./components/icons/InfoIcon.js";
+import "./components/layout/toolbar/RotateTool.js";
+import "./components/icons/ClockwiseIcon.js";
+import "./utils/hooks/useRotate.js";
+import "./components/layout/toolbar/ViewModeTool.js";
+import "./components/icons/SinglePageIcon.js";
+import "./components/icons/DualPageIcon.js";
+import "./components/layout/toolbar/ScrollModeTool.js";
+import "./components/icons/PageScrollingIcon.js";
+import "./components/icons/VerticalScrollingIcon.js";
+import "./components/icons/HorizontalScrollingIcon.js";
+import "./components/icons/FileDownloadDefaultIcon.js";
+import "./components/icons/PrintDefaultIcon.js";
+import "./components/layout/toolbar/FullScreenTool.js";
+import "./components/icons/FullScreenIcon.js";
+import "./components/icons/GoToDownIcon.js";
+import "./components/layout/toolbar/SelectionModeTool.js";
+import "./components/icons/TextSelectionDefaultIcon.js";
+import "./components/icons/HandModeDefaultIcon.js";
+import "./components/layout/toolbar/ZoomTool.js";
+import "./components/icons/ZoomInIcon.js";
+import "./components/icons/ZoomOutIcon.js";
+import "./components/icons/SearchIcon.js";
+import "./components/icons/ClearIcon.js";
+import "./contexts/ConfigContext.js";
+import "./utils/hooks/useLoadWorker.js";
+import "./components/layout/toolbar/ToolbarLayout.js";
+import "./components/layout/toolbar/ToolbarDefault.js";
+import "./components/layout/toolbar/ToolbarCustom.js";
+import "./utils/hooks/useWatermark.js";
+import "./components/icons/LightPdfIcon.js";
+import "./components/icons/DarkPdfIcon.js";
+import "./utils/hooks/useDarkMode.js";
+import "./utils/hooks/useLoadPdf.js";
+import "./utils/getZoomLevel.js";
+import "./utils/hooks/useHighlight.js";
+import "./utils/convertPdfDate.js";
+import "./utils/formatFileSize.js";
+import "./utils/hooks/useFullScreen.js";
+import "./utils/getElementPositionInPage.js";
+import "./components/icons/ChevronDownIcon.js";
+import "./components/layout/toolbar/ThumbnailTool.js";
 export {
-  Co as DocumentPropertiesTool,
-  _ as FileDownloadTool,
-  X as FileUploadTool,
-  ro as FullScreenTool,
-  fo as InputPageTool,
-  Lo as Locales,
-  lo as NextPageTool,
-  xo as PreviousPageTool,
-  oo as PrintTool,
-  u as RPConfig,
-  C as RPController,
-  x as RPDefaultLayout,
-  g as RPDropFileZone,
-  Fo as RPHorizontalBar,
-  P as RPLayout,
-  m as RPPages,
-  r as RPProvider,
-  c as RPTheme,
-  So as RPVerticalBar,
-  co as RotateClockwiseTool,
-  ho as RotateCounterclockwiseTool,
-  vo as ScrollMode,
-  l as SearchTool,
-  J as ThemeSwitcherTool,
-  Mo as ThemeVariables,
-  Q as ThumbnailTool,
-  Vo as ViewMode,
-  no as ZoomInTool,
-  bo as ZoomLevel,
-  Po as ZoomLevelTool,
-  uo as ZoomOutTool,
-  D as useDarkModeContext,
-  w as useDocumentContext,
-  V as useDropFileZoneContext,
-  A as useElementPageContext,
-  p as useFileDownload,
-  N as useFullScreenContext,
-  I as useHighlightContext,
-  k as useOpenFileContext,
-  j as usePageRotateContext,
-  f as usePaginationContext,
-  z as usePdfProperties,
-  a as usePrintContext,
-  Z as useRotationContext,
-  n as useSearchContext,
-  v as useViewModeContext,
-  B as useZoomContext
+  jt as DocumentPropertiesTool,
+  wt as FileDownloadTool,
+  Dt as FileUploadTool,
+  vt as FullScreenTool,
+  Bt as InputPageTool,
+  _t as Locales,
+  kt as NextPageTool,
+  Vt as PreviousPageTool,
+  Zt as PrintTool,
+  zr as RPConfig,
+  jr as RPController,
+  Vr as RPDefaultLayout,
+  Jr as RPDropFileZone,
+  Qt as RPHorizontalBar,
+  Nr as RPLayout,
+  br as RPPages,
+  vr as RPProvider,
+  Ar as RPTheme,
+  Xt as RPVerticalBar,
+  At as RotateClockwiseTool,
+  Jt as RotateCounterclockwiseTool,
+  $t as ScrollMode,
+  kr as SearchTool,
+  ct as ThemeSwitcherTool,
+  om as ThemeVariables,
+  gt as ThumbnailTool,
+  rm as ViewMode,
+  It as ZoomInTool,
+  tm as ZoomLevel,
+  Nt as ZoomLevelTool,
+  zt as ZoomOutTool,
+  Qr as useDarkModeContext,
+  Xr as useDocumentContext,
+  tt as useDropFileZoneContext,
+  Ct as useElementPageContext,
+  yr as useFileDownload,
+  st as useFullScreenContext,
+  lt as useHighlightContext,
+  pt as useOpenFileContext,
+  Pt as usePageRotateContext,
+  Br as usePaginationContext,
+  at as usePdfProperties,
+  Hr as usePrintContext,
+  _r as useRotationContext,
+  Ir as useSearchContext,
+  ot as useViewModeContext,
+  et as useZoomContext
 };

package/dist/types/assets/style.d.ts

@@ -0,0 +1 @@
+export declare const combinedCSS: string;

package/dist/types/libInjectCss.d.ts

@@ -0,0 +1 @@
+export declare function injectGlobalCSS(cssText: string, id: string): void;

package/dist/types/utils/injectPrintCSS.d.ts

@@ -0,0 +1 @@
+export declare function injectPrintCSS(): void;

package/dist/types/utils/types.d.ts

@@ -665,7 +665,7 @@ export interface useElementPage {
     removeElement: (pageNumber: number, index: number) => void;
     clearElements: (pageNumber: number) => void;
     elementList: Record<number, Array<HTMLElement | JSX.Element>>;
-    scrollToElement: (page: number, index: number, config: {
+    scrollToElement: (page: number, index: number, config?: {
         behavior: 'smooth' | 'auto' | 'instant';
     }) => void;
 }

package/dist/utils/annotations.js

@@ -1,6 +1,7 @@
 import { sanitizeExternalUrl as L } from "./sanitizeExternalUrl.js";
 import { AnnotationSubType as _, AnnotationType as l } from "./types.js";
 import { dateFormatter as I } from "./dateFormatter.js";
+import "../th_TH-d627cd51.js";
 const v = ["click", "dblclick", "input", "change"], g = /* @__PURE__ */ new Map(), E = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
 function x(e, t) {
   const n = E(e, t);
@@ -54,7 +55,7 @@ async function b(e, t) {
   } else
     return O(n[0], n);
 }
-const H = (e) => {
+const M = (e) => {
   const n = e.target.parentNode;
   if (!n)
     return;
@@ -83,7 +84,7 @@ const H = (e) => {
     attributes: !0
     // Watch for changes to attributes
   }), () => a.disconnect();
-}, M = (e, t, n, a) => {
+}, P = (e, t, n, a) => {
   if (e.type !== "click")
     return;
   const s = e.target, r = s.getAttribute("data-element-id"), o = s.getAttribute("href");
@@ -94,15 +95,15 @@ const H = (e) => {
     a(i);
   });
 };
-function P(e, t) {
+function U(e, t) {
   for (const n of v)
     e.addEventListener(n, t);
 }
-function U(e, t) {
+function V(e, t) {
   for (const n of v)
     e.removeEventListener(n, t);
 }
-function V(e) {
+function $(e) {
   const { id: t, url: n, unsafeUrl: a } = e;
   new MutationObserver((r, o) => {
     const c = document.querySelector(`[data-annotation-id="${t}"]`);
@@ -112,7 +113,7 @@ function V(e) {
     }
   }).observe(document.body, { childList: !0, subtree: !0 });
 }
-function $(e, t, n) {
+function D(e, t, n) {
   const { rotation: a, scale: s } = t, r = a % 180 === 0;
   if (e.fieldType === "Btn" && e.pushButton) {
     const o = e.rect[2] - e.rect[0], c = e.rect[3] - e.rect[1], i = document.createElement("canvas");
@@ -235,7 +236,7 @@ function f(e, t) {
       });
   }
 }
-async function D(e, t, n) {
+async function W(e, t, n) {
   var s;
   let a = e.target.parentNode;
   if (a.tagName === "DIV" && (a = a.firstChild), k(a), typeof a.className != "object")
@@ -296,11 +297,11 @@ async function D(e, t, n) {
     }
 }
 export {
-  D as annotationEventsHandler,
-  H as annotationsEvents,
-  P as bindLayerEvents,
-  V as handleAnnotationLink,
-  $ as handleAnnotationWidget,
-  M as handleClick,
-  U as unbindLayerEvents
+  W as annotationEventsHandler,
+  M as annotationsEvents,
+  U as bindLayerEvents,
+  $ as handleAnnotationLink,
+  D as handleAnnotationWidget,
+  P as handleClick,
+  V as unbindLayerEvents
 };

package/dist/utils/getZoomLevel.js

@@ -1,23 +1,24 @@
-import { SCROLL_BAR_WIDTH as a, PAGE_PADDING as f } from "./constants.js";
-import { ViewMode as u, ZoomLevel as r } from "./types.js";
-const l = (o, t, m, e, A, c) => {
+import { SCROLL_BAR_WIDTH as n, PAGE_PADDING as f } from "./constants.js";
+import { ViewMode as i, ZoomLevel as r } from "./types.js";
+import "../th_TH-d627cd51.js";
+const D = (o, t, a, e, A, c) => {
   if (typeof o == "number")
     return o;
-  const n = c === u.DUAL_PAGE ? 2 * e : e;
+  const m = c === i.DUAL_PAGE ? 2 * e : e;
   switch (o) {
     case r.PAGE_FIT:
       const s = Math.min(
-        (t - a) / n,
-        (m - f) / A
+        (t - n) / m,
+        (a - f) / A
       );
       return Math.floor(s * 100);
     case r.PAGE_WIDTH:
-      return Math.floor((t - a) / n * 100);
+      return Math.floor((t - n) / m * 100);
     case r.ACTUAL:
     default:
       return 100;
   }
 };
 export {
-  l as getZoomLevel
+  D as getZoomLevel
 };

package/dist/utils/hooks/useDarkModeProps.js

@@ -1,5 +1,6 @@
 import { useDarkMode as e } from "./useDarkMode.js";
-const t = () => {
+import "react";
+const d = () => {
   const { darkMode: o, setDarkMode: r } = e();
   return {
     darkMode: o,
@@ -7,5 +8,5 @@ const t = () => {
   };
 };
 export {
-  t as useDarkModeProps
+  d as useDarkModeProps
 };