@react-pdf-kit/viewer 2.0.0-beta.0 → 2.0.0-beta.10

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

@@ -224,10 +224,11 @@ export interface DarkModeProps {
 export interface DarkMode extends DarkModeProps {
     onDarkModeChange: (value: boolean) => void;
 }
-export interface renderOptions {
+export interface RenderOptions {
     scale?: number;
     rotate?: number;
     renderForms?: boolean;
+    interactiveForm?: boolean;
 }
 export interface License {
     validating?: boolean;
@@ -321,13 +322,18 @@ export interface PreparePrintProgress {
     totalPages: number;
     percentage: number;
 }
+export interface PrintConfiguration {
+    visibleDefaultProgress?: boolean;
+}
+export type PrintOptions = PrintConfiguration | React.MouseEvent<{}>;
 export interface PrintToolProps {
-    print: () => void;
+    print: (options?: PrintOptions) => Promise<void>;
     cancel: () => void;
     setOnProgress: (callback: (progress: PreparePrintProgress) => void) => void;
     setOnComplete: (callback: () => void) => void;
     setOnError: (callback: (error: Error) => void) => void;
     progress: PreparePrintProgress;
+    showDefaultProgress?: boolean;
 }
 export interface ThumbnailToolProps {
     onClick: () => void;
@@ -456,7 +462,12 @@ export interface CharacterMap {
     url: string;
     isCompressed: boolean;
 }
-export interface RPProviderProps extends PropsWithChildren, LoadPDFOptions, RPControllerProps {
+export interface EventCallbackContextType {
+    onPageChange?: (page: number) => void;
+    onRotate?: (rotation: Record<number, number>) => void;
+    onScroll?: (scroll: Event) => void;
+}
+export interface RPProviderProps extends PropsWithChildren, LoadPDFOptions, RPControllerProps, EventCallbackContextType {
     src: RPSrc;
     workerUrl?: string;
     characterMap?: CharacterMap;
@@ -468,6 +479,8 @@ export interface RPControllerProps extends PropsWithChildren, DarkModeProviderPr
     locale?: string;
     localization?: LocalizationMap;
     downloadFilename?: string;
+    initialSelectionMode?: SelectionMode;
+    interactiveForm?: boolean;
 }
 export interface RPConfigProps extends Omit<ConfigContextType, 'workerUrlAdded'>, RPThemeContextType, PropsWithChildren {
     workerUrl?: string;
@@ -502,6 +515,7 @@ export interface ZoomContextType {
 export type ZoomProps = Omit<ZoomContextType, 'currentZoom'>;
 export type InitialStateContextType = {
     instanceId: string;
+    interactiveForm?: boolean;
 } & ZoomProviderProps & PageProviderProps & ViewModeInitialProps & ScrollModeInitialProps & RotateProviderProps;
 export interface ZoomProviderProps {
     initialScale?: number | ZoomLevel;
@@ -535,6 +549,12 @@ export interface ScrollModeInitialProps {
     initialScrollMode?: ScrollMode;
 }
 export interface RectPosition {
+    left: number;
+    bottom: number;
+    width: number;
+    height: number;
+}
+export interface ElementPosition {
     left: number;
     top: number;
     width: number;
@@ -605,8 +625,7 @@ export interface SearchContextType {
     prevMatch: () => void;
     searchOptions: SearchOptions;
     setSearchOptions: Dispatch<SetStateAction<SearchOptions>>;
-    currentMatchElement: HTMLElement | null;
-    setCurrentMatchElement: Dispatch<SetStateAction<HTMLElement | null>>;
+    setCurrentMatchPosition: Dispatch<React.SetStateAction<number>>;
 }
 export declare enum SelectionMode {
     TEXT = "TEXT",
@@ -623,7 +642,11 @@ export type LoaderImage = JSX.Element | string;
 export interface LoadPDFOptions {
     onLoadError?: (error: any) => void;
     onLoaded?: (pdfDocument: PDFDocumentProxy) => void;
+    onLoadProgress?: (progress: number) => void;
     loaderImage?: LoaderImage;
+    disableAutoFetch?: boolean;
+    disableStream?: boolean;
+    rangeChunkSize?: number;
 }
 export interface ScrollPosition {
     left: number;
@@ -659,6 +682,9 @@ 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?: {
+        behavior: 'smooth' | 'auto' | 'instant';
+    }) => void;
 }
 export interface MatchHighlight extends MatchValue {
     keyword: string | RegExp;
@@ -710,6 +736,13 @@ export interface ThemeSwitcherIcons {
 export interface ThemeSwitcherToolProps {
     icons?: ThemeSwitcherIcons;
 }
+export interface SelectionModeSwitcherIcons {
+    textSelectionIcon?: React.ReactNode;
+    handModeIcon?: React.ReactNode;
+}
+export interface SelectionModeSwitcherToolProps {
+    icons?: SelectionModeSwitcherIcons;
+}
 export interface ToolbarSection {
     component: React.ReactNode;
 }

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

@@ -0,0 +1,2 @@
+export declare const isZoomOutDisabled: (currentZoom: number) => boolean;
+export declare const isZoomInDisabled: (currentZoom: number) => boolean;

package/dist/utils/annotations.js

@@ -1,19 +1,20 @@
-import { sanitizeExternalUrl as L } from "./sanitizeExternalUrl.js";
-import { AnnotationSubType as _, AnnotationType as l } from "./types.js";
-import { dateFormatter as I } from "./dateFormatter.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);
+import { sanitizeExternalUrl as I } from "./sanitizeExternalUrl.js";
+import { AnnotationType as l } from "./types.js";
+import { dateFormatter as B } from "./dateFormatter.js";
+import "../th_TH-d627cd51.js";
+const v = ["click", "dblclick", "input", "change", "mouseover"], g = /* @__PURE__ */ new Map(), x = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
+function C(e, t) {
+  const n = x(e, t);
   return g.has(n) ? g.get(n) ?? null : null;
 }
-const B = (e, t, n) => {
-  g.set(E(e, t), n);
-}, O = (e, t) => {
+const S = (e, t, n) => {
+  g.set(x(e, t), n);
+}, T = (e, t) => {
   switch (t[1].name) {
     case "XYZ":
       return {
-        bottomOffset: (n, a) => t[3] === null ? a : t[3],
-        leftOffset: (n, a) => t[2] === null ? 0 : t[2],
+        bottomOffset: (n, s) => t[3] === null ? s : t[3],
+        leftOffset: (n, s) => t[2] === null ? 0 : t[2],
         pageIndex: e,
         scaleTo: t[4]
       };
@@ -41,123 +42,98 @@ const B = (e, t, n) => {
         scaleTo: 1
       };
   }
+}, M = (e) => {
+  e && (() => {
+    const n = e == null ? void 0 : e.querySelectorAll(
+      '[data-l10n-id="pdfjs-annotation-date-time-string"]'
+    );
+    n == null || n.forEach((s) => {
+      const { date: a, time: o, dateObj: i } = JSON.parse(s.dataset.l10nArgs ?? "{}");
+      a && o ? s.textContent = `${a}, ${o}` : i && (s.textContent = B(i));
+    });
+  })();
 };
-async function b(e, t) {
+async function E(e, t) {
   let n;
   if (typeof t == "string" ? n = await e.getDestination(t) : n = t, n && typeof n[0] == "object" && n[0] !== null) {
-    const a = n[0], s = x(e, a);
-    if (s === null) {
-      const r = await e.getPageIndex(a);
-      return B(e, a, r), await b(e, n);
+    const s = n[0], a = C(e, s);
+    if (a === null) {
+      const o = await e.getPageIndex(s);
+      return S(e, s, o), await E(e, n);
     } else
-      return O(s, n);
+      return T(a, n);
   } else
-    return O(n[0], n);
+    return T(n[0], n);
 }
-const H = (e) => {
-  const n = e.target.parentNode;
-  if (!n)
-    return;
-  const a = new MutationObserver((s) => {
-    s.forEach(() => {
-      n.querySelectorAll(
-        '[data-l10n-id="pdfjs-annotation-date-time-string"]'
-      ).forEach((o) => {
-        const c = o.getAttribute("data-l10n-args");
-        if (c) {
-          try {
-            const { dateObj: i } = JSON.parse(c);
-            i && (o.textContent = I(i));
-          } catch {
-          }
-          a.disconnect();
-        }
-      });
-    });
-  });
-  return a.observe(n, {
-    childList: !0,
-    // Watch for changes to child elements
-    subtree: !0,
-    // Watch all descendants, not just direct children
-    attributes: !0
-    // Watch for changes to attributes
-  }), () => a.disconnect();
-}, M = (e, t, n, a) => {
-  if (e.type !== "click")
-    return;
-  const s = e.target, r = s.getAttribute("data-element-id"), o = s.getAttribute("href");
-  if (o && o !== "#")
-    return;
-  const c = t.find((i) => i.id === r);
-  !c || c.annotationType !== _.Link || c.dest && b(n, c.dest).then((i) => {
-    a(i);
-  });
-};
 function P(e, t) {
   for (const n of v)
     e.addEventListener(n, t);
 }
-function U(e, t) {
+function $(e, t) {
   for (const n of v)
     e.removeEventListener(n, t);
 }
-function V(e) {
-  const { id: t, url: n, unsafeUrl: a } = e;
-  new MutationObserver((r, o) => {
+function D(e) {
+  const { id: t, url: n, unsafeUrl: s } = e;
+  new MutationObserver((o, i) => {
     const c = document.querySelector(`[data-annotation-id="${t}"]`);
     if (c) {
-      const i = c.querySelector("a"), p = L((n || a) ?? "", "");
-      i && (i == null || i.setAttribute("target", "_blank"), i == null || i.setAttribute("href", p), i == null || i.setAttribute("rel", "noopener noreferrer")), o.disconnect();
+      const r = c.querySelector("a"), p = I((n || s) ?? "", "");
+      r && (r == null || r.setAttribute("target", "_blank"), r == null || r.setAttribute("href", p), r == null || r.setAttribute("rel", "noopener noreferrer")), i.disconnect();
     }
   }).observe(document.body, { childList: !0, subtree: !0 });
 }
-function $(e, t, n) {
-  const { rotation: a, scale: s } = t, r = a % 180 === 0;
+function U(e, t, n) {
+  const { rotation: s, scale: a } = t, o = s % 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");
-    i.setAttribute("width", ((r ? o : c) * s).toString()), i.setAttribute("height", ((r ? c : o) * s).toString()), n.set(e.id, i);
+    const i = e.rect[2] - e.rect[0], c = e.rect[3] - e.rect[1], r = document.createElement("canvas");
+    r.setAttribute("width", ((o ? i : c) * a).toString()), r.setAttribute("height", ((o ? c : i) * a).toString()), n.set(e.id, r);
   }
 }
-function k(e) {
-  var r;
+function V(e) {
+  var o;
   let t = e;
   for (; t.tagName !== "SECTION"; )
     t = t.parentElement;
-  const n = t.getAttribute("aria-haspopup") === "dialog", a = t.classList.contains("popupAnnotation");
-  if (!n && !a)
+  const n = t.getAttribute("aria-haspopup") === "dialog", s = t.classList.contains("popupAnnotation");
+  if (!n && !s)
     return;
-  let s = t.id || t.getAttribute("aria-controls");
-  if (s || (s = (r = t.firstChild) == null ? void 0 : r.id), s && t.parentElement) {
-    const o = t.parentElement.querySelector(`[aria-controls="${s}"]`);
-    o && new MutationObserver((i, p) => {
-      const h = document.querySelectorAll(".popupDate");
-      h.length > 0 && (h.forEach((m) => {
+  let a = t.id || t.getAttribute("aria-controls");
+  if (a || (a = (o = t.firstChild) == null ? void 0 : o.id), a && t.parentElement) {
+    const i = t.parentElement.querySelector(`[aria-controls="${a}"]`);
+    i && new MutationObserver((r, p) => {
+      const b = document.querySelectorAll(".popupDate");
+      b.length > 0 && (b.forEach((m) => {
         if (m.innerHTML)
           return !1;
         const N = m.getAttribute("data-l10n-args");
         if (N) {
-          const { date: y, time: A } = JSON.parse(N);
-          y && A && (m.textContent = `${y}, ${A}`);
+          const { date: h, time: O, dateObj: A } = JSON.parse(N);
+          if (h && O)
+            m.textContent = `${h}, ${O}`;
+          else if (A) {
+            const _ = new Date(A);
+            m.textContent = _.toLocaleString();
+          }
         }
       }), p.disconnect());
-    }).observe(o, { childList: !0, subtree: !0 });
+    }).observe(i, { childList: !0, subtree: !0 });
   }
 }
 function d(e, t, n) {
-  const a = [];
+  const s = [];
   if (n)
-    for (const s of n)
-      s[e] === t && a.push(s);
-  return a;
+    for (const a of n)
+      a[e] === t && s.push(a);
+  return s;
 }
 function u(e, t) {
   return { type: e, data: t };
 }
-async function S(e, t) {
+async function k(e, t) {
   if (e.dest)
     if (typeof e.dest == "string") {
-      const n = await b(t, e.dest);
+      const n = await E(t, e.dest);
       return u(l.INTERNAL_LINK, {
         referencedPage: n.pageIndex,
         offset: null
@@ -178,13 +154,13 @@ async function S(e, t) {
       unsafeUrl: e.unsafeUrl
     });
 }
-function T(e) {
+function y(e) {
   for (const t of e.getElementsByTagName("span")) {
     let n = t.textContent;
-    const a = JSON.parse(t.dataset.l10nArgs ?? "{}");
+    const s = JSON.parse(t.dataset.l10nArgs ?? "{}");
     if (n)
-      for (const s in a)
-        n = n.replace(`{{${s}}}`, a[s]);
+      for (const a in s)
+        n = n.replace(`{{${a}}}`, s[a]);
     t.textContent = n;
   }
 }
@@ -202,20 +178,20 @@ function f(e, t) {
     case "select-one":
     case "select-multiple":
       const n = [];
-      for (const s of e.options)
+      for (const a of e.options)
         n.push({
-          value: s.value,
-          label: s.label
+          value: a.value,
+          label: a.label
         });
-      const a = [];
-      for (const s of e.selectedOptions)
-        a.push({
-          value: s.value,
-          label: s.label
+      const s = [];
+      for (const a of e.selectedOptions)
+        s.push({
+          value: a.value,
+          label: a.label
         });
       return u(l.FORM_SELECT, {
         fieldName: e.name,
-        value: a,
+        value: s,
         options: n
       });
     case "checkbox":
@@ -235,72 +211,72 @@ function f(e, t) {
       });
   }
 }
-async function D(e, t, n) {
-  var s;
-  let a = e.target.parentNode;
-  if (a.tagName === "DIV" && (a = a.firstChild), k(a), typeof a.className != "object")
-    if (a.className === "linkAnnotation" && e.type === "click") {
-      const r = (s = a.dataset) == null ? void 0 : s.annotationId;
-      if (r) {
-        const o = d("id", r, n);
-        if (o.length)
-          return await S(o[0], t);
+async function j(e, t, n) {
+  var a;
+  let s = e.target.parentNode;
+  if (s.tagName === "DIV" && (s = s.firstChild), typeof s.className != "object")
+    if (s.className === "linkAnnotation" && e.type === "click") {
+      const o = (a = s.dataset) == null ? void 0 : a.annotationId;
+      if (o) {
+        const i = d("id", o, n);
+        if (i.length)
+          return await k(i[0], t);
       }
     } else if (
       /* annotation.className.includes('popupAnnotation') || */
-      a.className.includes("textAnnotation")
+      s.className.includes("textAnnotation")
     )
-      T(a);
-    else if (a.className.includes("fileAttachmentAnnotation")) {
-      T(a);
-      const r = a.dataset.annotationId;
-      if (r && e.type === "dblclick")
-        return w(d("id", r, n)[0]);
-    } else if (a.className.includes("textWidgetAnnotation") && e.type === "input") {
-      let r = a.getElementsByTagName("input")[0];
-      return r || (r = a.getElementsByTagName("textarea")[0]), f(r);
+      y(s);
+    else if (s.className.includes("fileAttachmentAnnotation")) {
+      y(s);
+      const o = s.dataset.annotationId;
+      if (o && e.type === "dblclick")
+        return w(d("id", o, n)[0]);
+    } else if (s.className.includes("textWidgetAnnotation") && e.type === "input") {
+      let o = s.getElementsByTagName("input")[0];
+      return o || (o = s.getElementsByTagName("textarea")[0]), f(o);
     } else {
-      if (a.className.includes("choiceWidgetAnnotation") && e.type === "input")
-        return f(a.getElementsByTagName("select")[0]);
-      if (a.className.includes("buttonWidgetAnnotation checkBox") && e.type === "change")
-        return f(a.getElementsByTagName("input")[0]);
-      if (a.className.includes("buttonWidgetAnnotation radioButton") && e.type === "change") {
-        const r = a.dataset.annotationId;
-        if (r) {
-          const o = d("id", r, n)[0], c = [];
-          for (const i of d(
+      if (s.className.includes("choiceWidgetAnnotation") && e.type === "input")
+        return f(s.getElementsByTagName("select")[0]);
+      if (s.className.includes("buttonWidgetAnnotation checkBox") && e.type === "change")
+        return f(s.getElementsByTagName("input")[0]);
+      if (s.className.includes("buttonWidgetAnnotation radioButton") && e.type === "change") {
+        const o = s.dataset.annotationId;
+        if (o) {
+          const i = d("id", o, n)[0], c = [];
+          for (const r of d(
             "fieldName",
-            o.fieldName,
+            i.fieldName,
             n
           ))
-            i.buttonValue && c.push(i.buttonValue);
-          return f(a.getElementsByTagName("input")[0], {
-            value: o.buttonValue,
-            defaultValue: o.fieldValue,
+            r.buttonValue && c.push(r.buttonValue);
+          return f(s.getElementsByTagName("input")[0], {
+            value: i.buttonValue,
+            defaultValue: i.fieldValue,
             options: c
           });
         }
-      } else if (a.className.includes("buttonWidgetAnnotation pushButton") && e.type === "click") {
-        const r = a.dataset.annotationId;
-        if (r) {
-          const o = d("id", r, n)[0], { action: c } = o;
-          return c && ["Print", "SaveAs"].includes(c) ? { type: l.BUTTON, data: o } : o.resetForm ? f(
-            { name: o.fieldName, type: "button" },
-            { actions: o.actions, reset: !0 }
+      } else if (s.className.includes("buttonWidgetAnnotation pushButton") && e.type === "click") {
+        const o = s.dataset.annotationId;
+        if (o) {
+          const i = d("id", o, n)[0], { action: c } = i;
+          return c && ["Print", "SaveAs"].includes(c) ? { type: l.BUTTON, data: i } : i.resetForm ? f(
+            { name: i.fieldName, type: "button" },
+            { actions: i.actions, reset: !0 }
           ) : f(
-            { name: o.fieldName, type: "button" },
-            { actions: o.actions, reset: !1 }
+            { name: i.fieldName, type: "button" },
+            { actions: i.actions, reset: !1 }
           );
         }
       }
     }
 }
 export {
-  D as annotationEventsHandler,
-  H as annotationsEvents,
+  j as annotationEventsHandler,
   P as bindLayerEvents,
-  V as handleAnnotationLink,
-  $ as handleAnnotationWidget,
-  M as handleClick,
-  U as unbindLayerEvents
+  D as handleAnnotationLink,
+  U as handleAnnotationWidget,
+  V as handleAriaHasPopup,
+  M as insertDateText,
+  $ as unbindLayerEvents
 };

package/dist/utils/approximateFragtion.js

@@ -0,0 +1,22 @@
+function u(t) {
+  if (Math.floor(t) === t)
+    return [t, 1];
+  const e = 1 / t, s = 8;
+  if (e > s)
+    return [1, s];
+  if (Math.floor(e) === e)
+    return [1, e];
+  const r = t > 1 ? e : t;
+  let i = 0, n = 1, o = 1, l = 1;
+  for (; ; ) {
+    const c = i + o, f = n + l;
+    if (f > s)
+      break;
+    r <= c / f ? (o = c, l = f) : (i = c, n = f);
+  }
+  let a;
+  return r - i / n < o / l - r ? a = r === t ? [i, n] : [n, i] : a = r === t ? [o, l] : [l, o], a;
+}
+export {
+  u as approximateFraction
+};

package/dist/utils/getElementPositionInPage.js

@@ -0,0 +1,84 @@
+function g(e, o) {
+  !e || typeof e != "object" || Object.entries(e).forEach(([d, i]) => {
+    if (i == null)
+      return;
+    const s = d.replace(/([A-Z])/g, "-$1").toLowerCase(), n = [
+      "width",
+      "height",
+      "top",
+      "right",
+      "bottom",
+      "left",
+      "margin",
+      "margin-top",
+      "margin-right",
+      "margin-bottom",
+      "margin-left",
+      "padding",
+      "padding-top",
+      "padding-right",
+      "padding-bottom",
+      "padding-left",
+      "border-width",
+      "border-top-width",
+      "border-right-width",
+      "border-bottom-width",
+      "border-left-width",
+      "font-size",
+      "line-height",
+      "letter-spacing",
+      "word-spacing",
+      "min-width",
+      "min-height",
+      "max-width",
+      "max-height",
+      "flex-basis",
+      "grid-gap",
+      "grid-row-gap",
+      "grid-column-gap"
+    ];
+    let t;
+    typeof i == "number" && i !== 0 ? t = n.includes(s) ? `${i}px` : String(i) : t = String(i), o.style.setProperty(s, t);
+  });
+}
+const f = (e, o, d, i, s) => {
+  let n = "center";
+  switch (i) {
+    case 90:
+      n = `${e.width / 2}px ${e.width / 2}px`;
+      break;
+    case -90:
+    case 270:
+      n = `${e.height / 2}px ${e.height / 2}px`;
+      break;
+    default:
+      n = "center";
+  }
+  const t = document.createElement("div");
+  t.id = "parent-element", t.style.width = `${e.width}px`, t.style.height = `${e.height}px`, t.style.setProperty("--scale-factor", s.toString()), t.style.setProperty("--rotation", i.toString()), t.style.setProperty("--transform-origin", n), t.style.left = "-99999px", t.style.visibility = "hidden", t.style.position = "absolute";
+  const l = document.createElement("div");
+  l.style.position = "relative", l.style.width = "100%", l.style.height = "100%", t.appendChild(l);
+  let r;
+  if (d instanceof HTMLElement)
+    r = d.cloneNode(!0), l.appendChild(r);
+  else {
+    const p = d.props;
+    r = document.createElement("div"), p.style && g(p.style, r), p.className && (r.className = p.className), l.appendChild(r);
+  }
+  o.appendChild(t);
+  const c = t.getBoundingClientRect(), h = r.getBoundingClientRect();
+  o.removeChild(t);
+  const a = {
+    top: o.clientHeight / 2,
+    left: o.clientWidth / 2
+  };
+  return {
+    left: h.left - c.left - a.left,
+    top: h.top - c.top - a.top,
+    width: h.width,
+    height: h.height
+  };
+};
+export {
+  f as getElementPagePosition
+};

package/dist/utils/getWordPositionInPage.js

@@ -1,5 +1,5 @@
 const a = (i, h, l, o, n) => {
-  const c = l.height * o, s = l.width * o, y = l.top * o, w = l.left * o, d = {
+  const c = l.height * o, s = l.width * o, y = l.bottom * o, m = l.left * o, d = {
     width: n % 180 === 90 ? i.height : i.width,
     height: n % 180 === 90 ? i.width : i.height
   }, r = {
@@ -8,16 +8,16 @@ const a = (i, h, l, o, n) => {
   }, t = document.createElement("div");
   t.style.width = `${d.width}px`, t.style.height = `${d.height}px`, t.style.position = "absolute", t.style.transform = `rotate(${n}deg)`, t.style.transformOrigin = "center center", t.style.visibility = "hidden", t.style.left = "-99999px";
   const e = document.createElement("div");
-  e.style.position = "absolute", e.style.width = `${s}px`, e.style.height = `${c}px`, e.style.position = "absolute", e.style.bottom = `${y}px`, e.style.left = `${w}px`, t.appendChild(e), h.appendChild(t);
-  const p = t.getBoundingClientRect(), g = e.getBoundingClientRect();
+  e.style.position = "absolute", e.style.width = `${s}px`, e.style.height = `${c}px`, e.style.position = "absolute", e.style.bottom = `${y}px`, e.style.left = `${m}px`, t.appendChild(e), h.appendChild(t);
+  const g = t.getBoundingClientRect(), p = e.getBoundingClientRect();
   h.removeChild(t);
   const u = {
     top: h.clientHeight / 2,
     left: h.clientWidth / 2
   };
   return {
-    leftInPage: g.left - p.left - u.left + r.width / 2,
-    topInPage: g.top - p.top - u.top + r.height / 2
+    leftInPage: p.left - g.left - u.left + r.width / 2,
+    topInPage: p.top - g.top - u.top + r.height / 2
   };
 };
 export {

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
 };