@pdf-viewer/react 1.6.0-beta.1 → 1.6.0-beta.10

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { t as i } from "../../RPDefaultLayout-3a892bb5.js";
+import { t as i } from "../../RPDefaultLayout-4518b3d3.js";
 export {
   i as SinglePage
 };

package/dist/components/page/TextHighlightLayer.js

@@ -2,7 +2,8 @@ import "react/jsx-runtime";
 import "react";
 import "pdfjs-dist";
 import "../../contexts/RPDocumentContext.js";
-import { q as D } from "../../RPDefaultLayout-3a892bb5.js";
+import "../../contexts/DocumentPasswordContext.js";
+import { q as E } from "../../RPDefaultLayout-4518b3d3.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -30,5 +31,5 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../utils/highlight.js";
 export {
-  D as TextHighlightLayer
+  E as TextHighlightLayer
 };

package/dist/components/page/TextLayer.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { p as E } from "../../RPDefaultLayout-3a892bb5.js";
+import "../../contexts/DocumentPasswordContext.js";
+import { p as F } from "../../RPDefaultLayout-4518b3d3.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -30,5 +31,5 @@ import "../../contexts/ToolbarComponentContext.js";
 import "pdfjs-dist";
 import "../../utils/highlight.js";
 export {
-  E as TextLayer
+  F as TextLayer
 };

package/dist/components/ui/LoadingIndicator.js

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

package/dist/components/ui/PasswordModal.js

@@ -0,0 +1,58 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { c as o } from "../../clsx-0c6e471a.js";
+import { useLocalizationContext as u } from "../../contexts/LocalizationContext.js";
+import { useDocumentPasswordContext as _ } from "../../contexts/DocumentPasswordContext.js";
+import '../../assets/PasswordModal.css';const r = {
+  "rp-password-overlay": "_rp-password-overlay_2kyt7_1",
+  "rp-password-modal": "_rp-password-modal_2kyt7_14",
+  "rp-password-title": "_rp-password-title_2kyt7_27",
+  "rp-password-content": "_rp-password-content_2kyt7_35",
+  "rp-password-form": "_rp-password-form_2kyt7_41",
+  "rp-password-input": "_rp-password-input_2kyt7_45",
+  "rp-password-input-invalid": "_rp-password-input-invalid_2kyt7_62",
+  "rp-password-message-invalid": "_rp-password-message-invalid_2kyt7_66",
+  "rp-password-submit-button": "_rp-password-submit-button_2kyt7_71"
+}, k = () => {
+  const [t, e] = c(""), { localeMessages: s } = u(), { setPassword: l, invalidPassword: i } = _(), m = (p) => {
+    e(p.target.value);
+  }, n = (p) => {
+    p.preventDefault(), t && t.trim() && l(t);
+  }, w = !t.trim();
+  return /* @__PURE__ */ a("div", { className: o(r["rp-password-overlay"]), children: /* @__PURE__ */ d("div", { className: o(r["rp-password-modal"]), children: [
+    /* @__PURE__ */ a("div", { className: o(r["rp-password-title"]), children: s == null ? void 0 : s.passwordModalTitle }),
+    /* @__PURE__ */ a("div", { className: o(r["rp-password-content"]), children: s == null ? void 0 : s.passwordModalMessage }),
+    /* @__PURE__ */ d("form", { onSubmit: n, children: [
+      /* @__PURE__ */ d("div", { className: o(r["rp-password-form"]), children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            type: "password",
+            value: t,
+            onChange: m,
+            className: o(
+              r["rp-password-input"],
+              i && r["rp-password-input-invalid"]
+            ),
+            placeholder: "Enter password",
+            autoComplete: "off"
+          }
+        ),
+        i && /* @__PURE__ */ a("div", { className: o(r["rp-password-message-invalid"]), children: "Incorrect password" })
+      ] }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "submit",
+          disabled: w,
+          className: o(r["rp-password-submit-button"]),
+          onClick: n,
+          children: s == null ? void 0 : s.passwordConfirmLabel
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  k as default
+};

package/dist/contexts/DocumentPasswordContext.js

@@ -0,0 +1,40 @@
+import { jsx as P } from "react/jsx-runtime";
+import { createContext as l, useState as r, useEffect as p, useMemo as m, useContext as f } from "react";
+import { appConsole as v } from "../utils/appConsole.js";
+const a = l({
+  password: void 0,
+  setPassword: () => {
+  },
+  passwordError: void 0,
+  setPasswordError: () => {
+  },
+  passwordRequired: void 0,
+  setPasswordRequired: () => {
+  },
+  invalidPassword: !1
+}), q = ({
+  children: s
+}) => {
+  const [e, n] = r(), [o, i] = r(), [t, c] = r(!1), [d, w] = r(!1);
+  p(() => {
+    w(o === "Incorrect Password");
+  }, [o]);
+  const u = m(() => ({
+    password: e,
+    setPassword: n,
+    passwordError: o,
+    setPasswordError: i,
+    passwordRequired: t,
+    setPasswordRequired: c,
+    invalidPassword: d
+  }), [e, o, t, d]);
+  return /* @__PURE__ */ P(a.Provider, { value: u, children: s });
+}, D = () => {
+  const s = f(a);
+  return s || v.error("Please use this hooks inside children component of DocumentPasswordContext"), s;
+};
+export {
+  q as DocumentPasswordProvider,
+  a as default,
+  D as useDocumentPasswordContext
+};

package/dist/contexts/PaginationContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { h as e, P as m, u as p } from "../RPDefaultLayout-3a892bb5.js";
+import { h as e, P as m, u as p } from "../RPDefaultLayout-4518b3d3.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 export {

package/dist/contexts/PrintContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { j as e, a as n, d as a } from "../RPDefaultLayout-3a892bb5.js";
+import { j as e, a as n, d as a } from "../RPDefaultLayout-4518b3d3.js";
 export {
   e as PrintContext,
   n as PrintProvider,

package/dist/contexts/RPDocumentContext.js

@@ -19,21 +19,24 @@ const m = C({
   onLoadError: c,
   onLoaded: P
 }) => {
-  const [o, n] = l(e), { pdf: r, pages: s, loading: i, loadingProgress: p } = D(o, u, { onLoadError: c, onLoaded: P }), [d, f] = l(), a = F(o, r, d);
+  const [o, n] = l(e), [s, i] = l(), { pdf: r, pages: p, loading: d, loadingProgress: f } = D(o, u, {
+    onLoadError: c,
+    onLoaded: P
+  }), a = F(o, r, s);
   h(() => {
-    f(e == null ? void 0 : e.split("/").pop()), n(e);
+    i(e == null ? void 0 : e.split("/").pop()), n(e);
   }, [e]);
   const g = S(() => ({
     pdf: r,
-    pages: s,
+    pages: p,
     pdfSrc: o,
     setPdfSrc: n,
     pdfProperties: a,
-    setFilename: f,
-    filename: d,
-    loading: i,
-    loaderProgress: p
-  }), [r, s, o, a, i, p]);
+    setFilename: i,
+    filename: s,
+    loading: d,
+    loaderProgress: f
+  }), [r, p, o, a, d, f]);
   return /* @__PURE__ */ x(m.Provider, { value: g, children: o ? t : null });
 }, b = () => {
   const t = v(m);

package/dist/contexts/SearchContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { o as a, S as s, e as S } from "../RPDefaultLayout-3a892bb5.js";
+import { o as a, S as s, e as S } from "../RPDefaultLayout-4518b3d3.js";
 export {
   a as SearchContext,
   s as SearchProvider,

package/dist/contexts/SmoothScrollContext.js

@@ -1,12 +1,11 @@
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as c, useRef as o, useContext as s } from "react";
-const t = c({
-  smoothScrolling: { current: !1 },
-  targetScrollPosition: { current: { left: 0, top: 0 } }
-}), m = ({ children: r }) => {
-  const e = o(!1), l = o({ left: 0, top: 0 });
-  return /* @__PURE__ */ n(t.Provider, { value: { smoothScrolling: e, targetScrollPosition: l }, children: r });
-}, u = () => s(t);
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as c, useRef as l, useContext as n } from "react";
+const o = c({
+  targetScrollPage: { current: void 0 }
+}), m = ({ children: t }) => {
+  const r = l();
+  return /* @__PURE__ */ e(o.Provider, { value: { targetScrollPage: r }, children: t });
+}, u = () => n(o);
 export {
   m as SmoothScrollProvider,
   u as useSmoothScrollContext

package/dist/contexts/ThumbnailsContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { l as i, T as r, m as e } from "../RPDefaultLayout-3a892bb5.js";
+import { l as i, T as r, m as e } from "../RPDefaultLayout-4518b3d3.js";
 export {
   i as ThumbnailContext,
   r as ThumbnailProvider,

package/dist/contexts/ToolbarComponentContext.js

@@ -8,7 +8,7 @@ const e = l({
   openFileTool: !0,
   dropFileZone: !0,
   downloadTool: !0,
-  viewModeTool: !0,
+  // viewModeTool: true,
   scrollModeTool: !0,
   printTool: !0,
   showPrintProgress: !0,
@@ -23,7 +23,7 @@ const e = l({
   openFileTool: !0,
   dropFileZone: !0,
   downloadTool: !0,
-  viewModeTool: !0,
+  // viewModeTool: true,
   scrollModeTool: !0,
   printTool: !0,
   thumbnailTool: !0,

package/dist/contexts/ViewModeContext.js

@@ -1,28 +1,27 @@
 import { jsx as l } from "react/jsx-runtime";
-import { createContext as m, useContext as d, useState as P, useCallback as i, useMemo as C } from "react";
-import { appConsole as p } from "../utils/appConsole.js";
-import { ViewMode as e } from "../utils/types.js";
-import { useInitialStateContext as f } from "./InitialStateContext.js";
-const r = m({
+import { createContext as m, useContext as a, useState as d, useCallback as r, useMemo as P } from "react";
+import { appConsole as C } from "../utils/appConsole.js";
+import { ViewMode as t } from "../utils/types.js";
+const s = m({
   columnCount: 1,
   setSinglePage: () => {
   },
   setDualPage: () => {
   },
-  viewMode: e.SINGLE_PAGE
-}), w = () => {
-  const o = d(r);
-  return typeof o.columnCount > "u" && p.error("Please use this hooks inside children component of RPProvider"), o;
-}, g = ({ children: o }) => {
-  const { initialViewMode: s = e.SINGLE_PAGE } = f(), [t, n] = P(s === e.SINGLE_PAGE ? 1 : 2), u = i(() => {
+  viewMode: t.SINGLE_PAGE
+}), g = () => {
+  const e = a(s);
+  return typeof e.columnCount > "u" && C.error("Please use this hooks inside children component of RPProvider"), e;
+}, v = ({ children: e }) => {
+  const [o, n] = d(1), i = r(() => {
     n(1);
-  }, []), c = i(() => {
+  }, []), u = r(() => {
     n(2);
-  }, []), a = C(() => t === 1 ? e.SINGLE_PAGE : e.DUAL_PAGE, [t]);
-  return /* @__PURE__ */ l(r.Provider, { value: { columnCount: t, setSinglePage: u, setDualPage: c, viewMode: a }, children: o });
+  }, []), c = P(() => o === 1 ? t.SINGLE_PAGE : t.DUAL_PAGE, [o]);
+  return /* @__PURE__ */ l(s.Provider, { value: { columnCount: o, setSinglePage: i, setDualPage: u, viewMode: c }, children: e });
 };
 export {
-  r as ViewModeContext,
-  g as ViewModeProvider,
-  w as useViewModeContext
+  s as ViewModeContext,
+  v as ViewModeProvider,
+  g as useViewModeContext
 };

package/dist/contexts/ZoomContext.js

@@ -1,46 +1,47 @@
-import { jsx as P } from "react/jsx-runtime";
-import { createContext as v, useContext as C, useState as L, useMemo as s, useEffect as y } from "react";
-import { ZoomLevel as S } from "../utils/types.js";
+import { jsx as C } from "react/jsx-runtime";
+import { createContext as P, useContext as L, useState as y, useMemo as s, useEffect as S } from "react";
+import { ZoomLevel as V } from "../utils/types.js";
 import { appConsole as b } from "../utils/appConsole.js";
 import { useInitialStateContext as A } from "./InitialStateContext.js";
 import { useDocumentContext as D } from "./RPDocumentContext.js";
 import { PAGE_PADDING as f } from "../utils/constants.js";
 import { getZoomLevel as E } from "../utils/getZoomLevel.js";
 import { useLayoutContainer as G } from "./LayoutContainerContext.js";
-const g = v({
+import { useViewModeContext as H } from "./ViewModeContext.js";
+const g = P({
   zoomLevel: 100,
   currentZoom: 1,
   setZoomLevel: () => {
   }
-}), M = () => {
-  const n = C(g);
+}), T = () => {
+  const n = L(g);
   return typeof n.currentZoom != "number" && b.warn("Please use this hooks inside children component of RPProvider"), n;
-}, N = ({ children: n }) => {
+}, q = ({ children: n }) => {
   const {
-    initialScale: r = S.PAGE_FIT,
+    initialScale: r = V.PAGE_FIT,
     initialPage: u = 1,
     initialRotation: l = 0
-  } = A(), [i, a] = L(typeof r == "number" ? r : 100), { pages: c } = D(), { contentRef: o } = G(), p = s(() => i / 100, [i]), t = s(() => {
+  } = A(), [i, a] = y(typeof r == "number" ? r : 100), { pages: c } = D(), { contentRef: o } = G(), { viewMode: h } = H(), p = s(() => i / 100, [i]), t = s(() => {
     let e = c.get(u);
     return e || (e = c.get(1)), e == null ? void 0 : e.page.getViewport({ scale: 1, rotation: l });
   }, [c, u, l]), m = s(() => {
     if (!t)
       return 0;
-    const e = ((t == null ? void 0 : t.width) || 0) + 2 * f, x = ((t == null ? void 0 : t.height) || 0) + 2 * f, Z = (o == null ? void 0 : o.clientWidth) || 0, d = (o == null ? void 0 : o.clientHeight) || 0;
-    return E(r, Z, d, e, x);
+    const e = ((t == null ? void 0 : t.width) || 0) + 2 * f, x = ((t == null ? void 0 : t.height) || 0) + 2 * f, Z = (o == null ? void 0 : o.clientWidth) || 0, v = (o == null ? void 0 : o.clientHeight) || 0;
+    return E(r, Z, v, e, x, h);
   }, [t, r, o]);
-  y(() => {
+  S(() => {
     typeof m == "number" && m && a(m);
   }, [m]);
-  const h = s(() => ({
+  const d = s(() => ({
     zoomLevel: i,
     currentZoom: p,
     setZoomLevel: a
   }), [p, i]);
-  return /* @__PURE__ */ P(g.Provider, { value: h, children: n });
+  return /* @__PURE__ */ C(g.Provider, { value: d, children: n });
 };
 export {
   g as ZoomContext,
-  N as ZoomProvider,
-  M as useZoomContext
+  q as ZoomProvider,
+  T as useZoomContext
 };

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as t } from "./components/RPProvider.js";
-import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-3a892bb5.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-4518b3d3.js";
 import { RPConfig as a } from "./components/RPConfig.js";
 import { RPController as l } from "./components/RPController.js";
 import { RPTheme as P } from "./components/RPTheme.js";

package/dist/types/components/layout/toolbar/ViewModeTool.d.ts

@@ -1 +1 @@
-export declare const ViewModeTool: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const ViewModeTool: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ui/PasswordModal.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const PasswordModal: FC;
+export default PasswordModal;

package/dist/types/contexts/DocumentPasswordContext.d.ts

@@ -0,0 +1,14 @@
+import { FC, PropsWithChildren } from 'react';
+export interface DocumentPasswordContextType {
+    password?: string;
+    setPassword: React.Dispatch<React.SetStateAction<string | undefined>>;
+    passwordError?: string;
+    setPasswordError: React.Dispatch<React.SetStateAction<string | undefined>>;
+    passwordRequired?: boolean;
+    setPasswordRequired: React.Dispatch<React.SetStateAction<boolean | undefined>>;
+    invalidPassword?: boolean;
+}
+declare const DocumentPasswordContext: React.Context<DocumentPasswordContextType>;
+export declare const DocumentPasswordProvider: FC<PropsWithChildren>;
+export declare const useDocumentPasswordContext: () => DocumentPasswordContextType;
+export default DocumentPasswordContext;

package/dist/types/contexts/SmoothScrollContext.d.ts

@@ -1,7 +1,5 @@
-import { ScrollPosition } from '../utils/types';
 interface SmoothScrollContextType {
-    smoothScrolling: React.MutableRefObject<boolean>;
-    targetScrollPosition: React.MutableRefObject<ScrollPosition>;
+    targetScrollPage: React.MutableRefObject<number | undefined>;
 }
 export declare const SmoothScrollProvider: ({ children }: {
     children: React.ReactNode;

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

@@ -1,2 +1,3 @@
 export declare const PAGE_PADDING = 4;
 export declare const THUMBNAIL_MIN_WIDTH = 200;
+export declare const SCROLL_BAR_WIDTH = 20;

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

@@ -0,0 +1 @@
+export declare const getScrollDistance: (distanceList: number[], targetIndex: number) => number;

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

@@ -0,0 +1,11 @@
+import { WordPositionRect } from './types';
+export declare const getWordPositionInPage: (matchPageDimension: {
+    width: number;
+    height: number;
+}, space: {
+    top: number;
+    left: number;
+}, wordPosition: WordPositionRect, scale: number, rotation: number) => {
+    leftInPage: number;
+    topInPage: number;
+};

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

@@ -1,2 +1,2 @@
-import { ZoomLevel } from './types';
-export declare const getZoomLevel: (zoomLevel: number | ZoomLevel, clientWidth: number, clientHeight: number, pageWidth: number, pageHeight: number) => number;
+import { ZoomLevel, ViewMode } from './types';
+export declare const getZoomLevel: (zoomLevel: number | ZoomLevel, clientWidth: number, clientHeight: number, pageWidth: number, pageHeight: number, viewMode: ViewMode) => number;

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

@@ -5,4 +5,6 @@ export declare const useLoadPdf: (src?: RPSrc, characterMap?: CharacterMap, opti
     pages: Map<number, PdfPage>;
     loading: boolean;
     loadingProgress: number;
+    passwordRequired: boolean | undefined;
+    passwordError: string | undefined;
 };

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

@@ -140,6 +140,11 @@ export type Localization = {
     propertiesPDFVersionLabel?: string;
     propertiesPageCountLabel?: string;
     thumbnailTooltip?: string;
+    passwordModalTitle?: string;
+    passwordModalMessage?: string;
+    passwordPlaceholder?: string;
+    passwordConfirmLabel?: string;
+    passwordError?: string;
     dragDropFileMessage?: string;
 };
 interface Attachment {
@@ -324,7 +329,6 @@ export interface RPSlots {
     dropFileZone?: boolean | React.ReactNode | React.ComponentType;
     downloadTool?: boolean | FC<DownloadToolProps>;
     zoomTool?: boolean | FC<ZoomProps>;
-    viewModeTool?: boolean;
     scrollModeTool?: boolean;
     thumbnailTool?: boolean | FC<ThumbnailToolProps>;
     pageNavigationTool?: boolean | FC<PageNavigationToolProps>;
@@ -446,7 +450,13 @@ export declare enum ThemeVariables {
     TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius",
     CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color",
     TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color",
-    TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius"
+    TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius",
+    PASSWORD_MODAL_BACKGROUND = "--rp-password-background",
+    PASSWORD_MODAL_TITLE_COLOR = "--rp-password-title-color",
+    PASSWORD_MODAL_CONTENT_COLOR = "--rp-password-content-color",
+    CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width",
+    CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color",
+    CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset"
 }
 export interface DarkModeProviderProps extends PropsWithChildren, Partial<Omit<DarkMode, 'setDarkMode'>> {
 }
@@ -500,7 +510,7 @@ export interface ZoomContextType {
 export type ZoomProps = Omit<ZoomContextType, 'currentZoom'>;
 export type InitialStateContextType = {
     instanceId: string;
-} & ZoomProviderProps & PageProviderProps & ViewModeProps & ScrollModeProps & RotateProviderProps;
+} & ZoomProviderProps & PageProviderProps & ScrollModeProps & RotateProviderProps;
 export interface ZoomProviderProps {
     initialScale?: number | ZoomLevel;
 }
@@ -532,6 +542,12 @@ export interface ScrollModeContextType {
 export interface ScrollModeProps {
     initialScrollMode?: ScrollMode;
 }
+export interface WordPositionRect {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
 export interface Match {
     start: {
         idx: number;
@@ -544,6 +560,7 @@ export interface Match {
     str: string;
     oIndex: number;
     pageIndex: number;
+    rect: WordPositionRect;
 }
 export interface MatchValue extends Match {
     page: number;

package/dist/utils/constants.js

@@ -1,5 +1,6 @@
-const I = 4, o = 200;
+const I = 4, _ = 200, o = 20;
 export {
   I as PAGE_PADDING,
-  o as THUMBNAIL_MIN_WIDTH
+  o as SCROLL_BAR_WIDTH,
+  _ as THUMBNAIL_MIN_WIDTH
 };

package/dist/utils/getScrollDistance.js

@@ -0,0 +1,4 @@
+const o = (e, t) => e.reduce((r, n, u) => u < t ? r + n : r, 0);
+export {
+  o as getScrollDistance
+};

package/dist/utils/getWordPositionInPage.js

@@ -0,0 +1,19 @@
+const a = (n, c) => {
+  const t = c * (Math.PI / 180);
+  return {
+    x: n.x * Math.cos(t) - n.y * Math.sin(t),
+    y: n.x * Math.sin(t) + n.y * Math.cos(t)
+  };
+}, W = (n, c, t, e, h) => {
+  const s = t.height * e, r = t.width * e, f = t.top * e, g = t.left * e, M = n.height - f, { x: p, y: i } = a(
+    { x: r, y: s },
+    h
+  ), d = c.left + Math.abs(p) / 2, x = c.top + Math.abs(i) / 2, { x: y, y: u } = a({ x: g, y: M }, h), o = {
+    left: y,
+    top: u
+  }, P = o.left - d, I = o.top - x;
+  return { leftInPage: P, topInPage: I };
+};
+export {
+  W as getWordPositionInPage
+};

package/dist/utils/getZoomLevel.js

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