@react-pdf-kit/viewer 2.0.0-beta.11 → 2.0.0-beta.12

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

@@ -1 +1,2 @@
-export declare const usePresentPage: (totalColumns: number, totalRows: number, element?: HTMLElement) => void;
+import { ViewMode } from '../types';
+export declare const usePresentPage: (totalColumns: number, totalRows: number, element?: HTMLElement, viewMode?: ViewMode) => void;

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

@@ -0,0 +1,7 @@
+import { TextSelectionData } from '../types';
+interface UseTextSelectionOptions {
+    onTextSelect?: (selection: TextSelectionData | null) => void;
+    pagesRef: HTMLElement | null;
+}
+export declare const useTextSelection: ({ onTextSelect, pagesRef }: UseTextSelectionOptions) => void;
+export {};

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

@@ -64,7 +64,7 @@ export interface OutlineDestinationName {
     name: string;
 }
 export type OutlineDestination = [
-    OutlineRef | number,
+    (OutlineRef | number),
     OutlineDestinationName,
     ...any[]
 ];
@@ -129,6 +129,8 @@ export type Localization = {
     singlePageTooltip?: string;
     dualPageLabel?: string;
     dualPageTooltip?: string;
+    dualPageWithCoverLabel?: string;
+    dualPageWithCoverTooltip?: string;
     documentPropertiesLabel?: string;
     documentPropertiesTooltip?: string;
     propertiesFilenameLabel?: string;
@@ -294,7 +296,8 @@ export interface ThumbnailRenderedList {
 }
 export declare enum ViewMode {
     SINGLE_PAGE = "Single",
-    DUAL_PAGE = "Dual"
+    DUAL_PAGE = "Dual",
+    DUAL_PAGE_WITH_COVER = "DualWithCover"
 }
 export type PDFSrc = string | URL | TypedArray | PDFDataRangeTransport | DocumentInitParameters | undefined | null;
 export type RPSrc = Omit<PDFSrc, 'DocumentInitParameters' | 'PDFDataRangeTransport'>;
@@ -447,7 +450,11 @@ export declare enum ThemeVariables {
     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",
-    BUTTON_BORDER_RADIUS = "--rp-button-border-radius"
+    BUTTON_BORDER_RADIUS = "--rp-button-border-radius",
+    SKIP_LINK_FONT_SIZE = "--rp-skip-link-font-size",
+    SKIP_LINK_COLOR = "--rp-skip-link-color",
+    SKIP_LINK_BACKGROUND_COLOR = "--rp-skip-link-background-color",
+    SKIP_LINK_BORDER_COLOR = "--rp-skip-link-border-color"
 }
 export interface DarkModeProviderProps extends PropsWithChildren, Partial<Omit<DarkMode, 'setDarkMode'>> {
 }
@@ -462,10 +469,29 @@ export interface CharacterMap {
     url: string;
     isCompressed: boolean;
 }
+interface Dimension {
+    width: number;
+    height: number;
+}
+interface Point {
+    x: number;
+    y: number;
+}
+export interface PageSelectionRect {
+    pageNumber: number;
+    pageBasedBoundingRects: Array<Dimension & RectPosition>;
+    pageDimension: Dimension;
+    pagePositionInWindow: Point;
+}
+export interface TextSelectionData {
+    text: string;
+    pageSelections: PageSelectionRect[];
+}
 export interface EventCallbackContextType {
     onPageChange?: (page: number) => void;
     onRotate?: (rotation: Record<number, number>) => void;
     onScroll?: (scroll: Event) => void;
+    onTextSelect?: (selection: TextSelectionData | null) => void;
 }
 export interface RPProviderProps extends PropsWithChildren, LoadPDFOptions, RPControllerProps, EventCallbackContextType {
     src: RPSrc;
@@ -527,6 +553,7 @@ export interface ViewModeContextType {
     columnCount: number;
     setSinglePage: () => void;
     setDualPage: () => void;
+    setDualPageWithCover: () => void;
     viewMode: ViewMode;
 }
 export interface ViewModeInitialProps {
@@ -573,6 +600,7 @@ export interface Match {
     oIndex: number;
     pageIndex: number;
     rect: RectPosition;
+    rects?: RectPosition[];
 }
 export interface MatchValue extends Match {
     page: number;
@@ -785,6 +813,7 @@ export interface RPHorizontalBarIcons {
     rotateCounterClockwiseIcon?: React.ReactNode;
     singlePageIcon?: React.ReactNode;
     dualPageIcon?: React.ReactNode;
+    dualPageWithCoverIcon?: React.ReactNode;
     pageScrollIcon?: React.ReactNode;
     verticalScrollIcon?: React.ReactNode;
     horizontalScrollIcon?: React.ReactNode;
@@ -833,6 +862,7 @@ export interface RPMoreOptionsIcons {
     handModeIcon?: React.ReactNode;
     singlePageIcon?: React.ReactNode;
     dualPageIcon?: React.ReactNode;
+    dualPageWithCoverIcon?: React.ReactNode;
     pageScrollIcon?: React.ReactNode;
     verticalScrollIcon?: React.ReactNode;
     horizontalScrollIcon?: React.ReactNode;
@@ -874,6 +904,7 @@ export interface SelectionModeProps extends ToolVisible {
 export interface ViewModeIcons {
     singlePageIcon: React.ReactNode;
     dualPageIcon: React.ReactNode;
+    dualPageWithCoverIcon?: React.ReactNode;
 }
 export interface ViewModeProps extends ToolVisible {
     icons?: ViewModeIcons;

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

@@ -1,4 +1,5 @@
-import { ForwardRefRenderFunction, PropsWithoutRef, Ref } from 'react';
-export declare const withRef: <R extends HTMLElement, P = object>(render: ForwardRefRenderFunction<R, PropsWithoutRef<P>>) => import('react').ForwardRefExoticComponent<PropsWithoutRef<P> & import('react').RefAttributes<R>> | ((props: PropsWithoutRef<P> & {
-    ref?: Ref<R>;
-}) => import('react').ReactNode);
+import { ForwardRefExoticComponent, RefAttributes, PropsWithoutRef, Ref, ReactElement } from 'react';
+type WithRefRender<R extends HTMLElement, P> = (props: PropsWithoutRef<P>, ref: Ref<R>) => ReactElement | null;
+type WithRefComponent<R extends HTMLElement, P> = ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<R>>;
+export declare const withRef: <R extends HTMLElement, P = object>(render: WithRefRender<R, P>) => WithRefComponent<R, P>;
+export {};

package/dist/utils/annotations.js

@@ -1,22 +1,22 @@
-import { sanitizeExternalUrl as I } from "./sanitizeExternalUrl.js";
+import { sanitizeExternalUrl as x } 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;
+import { dateFormatter as T } from "./dateFormatter.js";
+import "../de_DE-a553b162.js";
+const p = ["click", "dblclick", "input", "change", "mouseover"], b = /* @__PURE__ */ new Map(), h = (e, s) => `${e.loadingTask.docId}___${s.num}R${s.gen === 0 ? "" : s.gen}`;
+function y(e, s) {
+  const t = h(e, s);
+  return b.has(t) ? b.get(t) ?? null : null;
 }
-const S = (e, t, n) => {
-  g.set(x(e, t), n);
-}, T = (e, t) => {
-  switch (t[1].name) {
+const O = (e, s, t) => {
+  b.set(h(e, s), t);
+}, g = (e, s) => {
+  switch (s[1].name) {
     case "XYZ":
       return {
-        bottomOffset: (n, s) => t[3] === null ? s : t[3],
-        leftOffset: (n, s) => t[2] === null ? 0 : t[2],
+        bottomOffset: (t, n) => s[3] === null ? n : s[3],
+        leftOffset: (t, n) => s[2] === null ? 0 : s[2],
         pageIndex: e,
-        scaleTo: t[4]
+        scaleTo: s[4]
       };
     case "Fit":
     case "FitB":
@@ -29,7 +29,7 @@ const S = (e, t, n) => {
     case "FitH":
     case "FitBH":
       return {
-        bottomOffset: t[2],
+        bottomOffset: s[2],
         leftOffset: 0,
         pageIndex: e,
         scaleTo: 1
@@ -42,132 +42,126 @@ const S = (e, t, n) => {
         scaleTo: 1
       };
   }
-}, M = (e) => {
+}, E = (e) => {
   e && (() => {
-    const n = e == null ? void 0 : e.querySelectorAll(
+    const t = 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));
+    t == null || t.forEach((n) => {
+      const { date: o, time: a, dateObj: i } = JSON.parse(n.dataset.l10nArgs ?? "{}");
+      o && a ? n.textContent = `${o}, ${a}` : i && (n.textContent = T(i));
     });
   })();
 };
-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 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);
+async function N(e, s) {
+  let t;
+  if (typeof s == "string" ? t = await e.getDestination(s) : t = s, t && typeof t[0] == "object" && t[0] !== null) {
+    const n = t[0], o = y(e, n);
+    if (o === null) {
+      const a = await e.getPageIndex(n);
+      return O(e, n, a), await N(e, t);
     } else
-      return T(a, n);
+      return g(o, t);
   } else
-    return T(n[0], n);
+    return g(t[0], t);
 }
-function P(e, t) {
-  for (const n of v)
-    e.addEventListener(n, t);
+function L(e, s) {
+  for (const t of p)
+    e.addEventListener(t, s);
 }
-function $(e, t) {
-  for (const n of v)
-    e.removeEventListener(n, t);
+function C(e, s) {
+  for (const t of p)
+    e.removeEventListener(t, s);
 }
-function D(e) {
-  const { id: t, url: n, unsafeUrl: s } = e;
-  new MutationObserver((o, i) => {
-    const c = document.querySelector(`[data-annotation-id="${t}"]`);
+function R(e) {
+  const { id: s, url: t, unsafeUrl: n } = e;
+  new MutationObserver((a, i) => {
+    const c = document.querySelector(`[data-annotation-id="${s}"]`);
     if (c) {
-      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();
+      const r = c.querySelector("a"), A = x((t || n) ?? "", "");
+      r && (r == null || r.setAttribute("target", "_blank"), r == null || r.setAttribute("href", A), r == null || r.setAttribute("rel", "noopener noreferrer")), i.disconnect();
     }
   }).observe(document.body, { childList: !0, subtree: !0 });
 }
-function U(e, t, n) {
-  const { rotation: s, scale: a } = t, o = s % 180 === 0;
+function F(e, s, t) {
+  const { rotation: n, scale: o } = s, a = n % 180 === 0;
   if (e.fieldType === "Btn" && e.pushButton) {
     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);
+    r.setAttribute("width", ((a ? i : c) * o).toString()), r.setAttribute("height", ((a ? c : i) * o).toString()), t.set(e.id, r);
   }
 }
-function V(e) {
-  var o;
-  let t = e;
-  for (; t.tagName !== "SECTION"; )
-    t = t.parentElement;
-  const n = t.getAttribute("aria-haspopup") === "dialog", s = t.classList.contains("popupAnnotation");
-  if (!n && !s)
-    return;
-  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: 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();
-          }
+function S(e) {
+  e.querySelectorAll("[tabindex]").forEach((t) => {
+    const n = t.getAttribute("tabindex");
+    n && parseInt(n, 10) > 0 && (t.tagName === "A" || t.tagName === "BUTTON" || t.getAttribute("role") === "button" || t.getAttribute("role") === "link" || t.classList.contains("linkAnnotation") ? t.setAttribute("tabindex", "0") : t.removeAttribute("tabindex"));
+  });
+}
+function U(e) {
+  e.querySelectorAll("a").forEach((t) => {
+    const n = t.textContent && t.textContent.trim().length > 0, o = t.getAttribute("aria-label");
+    if (!n && !o) {
+      const a = t.getAttribute("href") || "";
+      let i;
+      if (!a || a.startsWith("#") || a.startsWith("javascript:"))
+        i = "Link to page in document";
+      else
+        try {
+          i = `External link to ${new URL(a, window.location.href).hostname.replace("www.", "")}`;
+        } catch {
+          i = "External link";
         }
-      }), p.disconnect());
-    }).observe(i, { childList: !0, subtree: !0 });
-  }
+      t.setAttribute("aria-label", i);
+    }
+  });
 }
-function d(e, t, n) {
-  const s = [];
-  if (n)
-    for (const a of n)
-      a[e] === t && s.push(a);
-  return s;
+function d(e, s, t) {
+  const n = [];
+  if (t)
+    for (const o of t)
+      o[e] === s && n.push(o);
+  return n;
 }
-function u(e, t) {
-  return { type: e, data: t };
+function u(e, s) {
+  return { type: e, data: s };
 }
-async function k(e, t) {
+async function I(e, s) {
   if (e.dest)
     if (typeof e.dest == "string") {
-      const n = await E(t, e.dest);
+      const t = await N(s, e.dest);
       return u(l.INTERNAL_LINK, {
-        referencedPage: n.pageIndex,
+        referencedPage: t.pageIndex,
         offset: null
       });
     } else {
-      const n = await t.getPageIndex(e.dest[0]);
+      const t = await s.getPageIndex(e.dest[0]);
       return u(l.INTERNAL_LINK, {
-        referencedPage: n,
+        referencedPage: t,
         offset: {
           left: e.dest[2],
           bottom: e.dest[3]
         }
       });
     }
-  else if (e.url)
+  else if (e.url || e.unsafeUrl)
     return u(l.LINK, {
-      url: e.url,
+      url: e.url ?? e.unsafeUrl,
       unsafeUrl: e.unsafeUrl
     });
 }
-function y(e) {
-  for (const t of e.getElementsByTagName("span")) {
-    let n = t.textContent;
-    const s = JSON.parse(t.dataset.l10nArgs ?? "{}");
-    if (n)
-      for (const a in s)
-        n = n.replace(`{{${a}}}`, s[a]);
-    t.textContent = n;
+function m(e) {
+  for (const s of e.getElementsByTagName("span")) {
+    let t = s.textContent;
+    const n = JSON.parse(s.dataset.l10nArgs ?? "{}");
+    if (t)
+      for (const o in n)
+        t = t.replace(`{{${o}}}`, n[o]);
+    s.textContent = t;
   }
 }
-function w(e) {
+function v(e) {
   return u(l.FILE_ATTACHMENT, e.file);
 }
-function f(e, t) {
+function f(e, s) {
   switch (e.type) {
     case "textarea":
     case "text":
@@ -177,22 +171,22 @@ function f(e, t) {
       });
     case "select-one":
     case "select-multiple":
+      const t = [];
+      for (const o of e.options)
+        t.push({
+          value: o.value,
+          label: o.label
+        });
       const n = [];
-      for (const a of e.options)
+      for (const o of e.selectedOptions)
         n.push({
-          value: a.value,
-          label: a.label
-        });
-      const s = [];
-      for (const a of e.selectedOptions)
-        s.push({
-          value: a.value,
-          label: a.label
+          value: o.value,
+          label: o.label
         });
       return u(l.FORM_SELECT, {
         fieldName: e.name,
-        value: s,
-        options: n
+        value: n,
+        options: t
       });
     case "checkbox":
       return u(l.FORM_CHECKBOX, {
@@ -202,64 +196,64 @@ function f(e, t) {
     case "radio":
       return u(l.FORM_RADIO, {
         fieldName: e.name,
-        ...t
+        ...s
       });
     case "button":
       return u(l.FORM_BUTTON, {
         fieldName: e.name,
-        ...t
+        ...s
       });
   }
 }
-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);
+async function W(e, s, t) {
+  var o;
+  let n = e.target.parentNode;
+  if (n.tagName === "DIV" && (n = n.firstChild), typeof n.className != "object")
+    if (n.className === "linkAnnotation" && e.type === "click") {
+      const a = (o = n.dataset) == null ? void 0 : o.annotationId;
+      if (a) {
+        const i = d("id", a, t);
         if (i.length)
-          return await k(i[0], t);
+          return await I(i[0], s);
       }
     } else if (
       /* annotation.className.includes('popupAnnotation') || */
-      s.className.includes("textAnnotation")
+      n.className.includes("textAnnotation")
     )
-      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);
+      m(n);
+    else if (n.className.includes("fileAttachmentAnnotation")) {
+      m(n);
+      const a = n.dataset.annotationId;
+      if (a && e.type === "dblclick")
+        return v(d("id", a, t)[0]);
+    } else if (n.className.includes("textWidgetAnnotation") && e.type === "input") {
+      let a = n.getElementsByTagName("input")[0];
+      return a || (a = n.getElementsByTagName("textarea")[0]), f(a);
     } else {
-      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 = [];
+      if (n.className.includes("choiceWidgetAnnotation") && e.type === "input")
+        return f(n.getElementsByTagName("select")[0]);
+      if (n.className.includes("buttonWidgetAnnotation checkBox") && e.type === "change")
+        return f(n.getElementsByTagName("input")[0]);
+      if (n.className.includes("buttonWidgetAnnotation radioButton") && e.type === "change") {
+        const a = n.dataset.annotationId;
+        if (a) {
+          const i = d("id", a, t)[0], c = [];
           for (const r of d(
             "fieldName",
             i.fieldName,
-            n
+            t
           ))
             r.buttonValue && c.push(r.buttonValue);
-          return f(s.getElementsByTagName("input")[0], {
+          return f(n.getElementsByTagName("input")[0], {
             value: i.buttonValue,
             defaultValue: i.fieldValue,
             options: c
           });
         }
-      } 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;
+      } else if (n.className.includes("buttonWidgetAnnotation pushButton") && e.type === "click") {
+        const a = n.dataset.annotationId;
+        if (a) {
+          const i = d("id", a, t)[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 }
@@ -272,11 +266,12 @@ async function j(e, t, n) {
     }
 }
 export {
-  j as annotationEventsHandler,
-  P as bindLayerEvents,
-  D as handleAnnotationLink,
-  U as handleAnnotationWidget,
-  V as handleAriaHasPopup,
-  M as insertDateText,
-  $ as unbindLayerEvents
+  W as annotationEventsHandler,
+  L as bindLayerEvents,
+  U as enhanceLinkAccessibility,
+  S as fixTabIndexAccessibility,
+  R as handleAnnotationLink,
+  F as handleAnnotationWidget,
+  E as insertDateText,
+  C as unbindLayerEvents
 };

package/dist/utils/calculatePage.js

@@ -1,15 +1,21 @@
-const d = (e, t, o) => e * o + t + 1, a = (e, t) => {
-  const o = e - 1, n = Math.floor(o / t), s = (o - n * t) % t;
-  return { rowIndex: n, columnIndex: s };
-}, h = (e, t) => {
-  const o = [], n = [];
-  return e.heights.forEach((s, c) => {
-    const r = a(c + 1, t), i = e.widths[c];
-    o[r.rowIndex] = Math.max(o[r.rowIndex] || 0, s), n[r.columnIndex] = Math.max(n[r.columnIndex] || 0, i);
-  }), { rowsHeight: o, columnsWidth: n };
+const d = (o, e, s, t = !1) => t ? o === 0 ? e === 0 ? 1 : -1 : 1 + (o - 1) * s + e + 1 : o * s + e + 1, g = (o, e, s = !1) => {
+  if (s) {
+    if (o === 1)
+      return { rowIndex: 0, columnIndex: 0 };
+    const n = o - 1 - 1, f = Math.floor(n / e) + 1, i = n % e;
+    return { rowIndex: f, columnIndex: i };
+  }
+  const t = o - 1, r = Math.floor(t / e), c = (t - r * e) % e;
+  return { rowIndex: r, columnIndex: c };
+}, x = (o, e, s = !1) => {
+  const t = [], r = [];
+  return o.heights.forEach((c, a) => {
+    const n = g(a + 1, e, s), f = o.widths[a];
+    t[n.rowIndex] = Math.max(t[n.rowIndex] || 0, c), r[n.columnIndex] = Math.max(r[n.columnIndex] || 0, f);
+  }), { rowsHeight: t, columnsWidth: r };
 };
 export {
-  h as getGridDimension,
+  x as getGridDimension,
   d as getPageFromPosition,
-  a as getPositionFromPage
+  g as getPositionFromPage
 };

package/dist/utils/getZoomLevel.js

@@ -1,24 +1,24 @@
-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) => {
+import { SCROLL_BAR_WIDTH as a, PAGE_PADDING as f } from "./constants.js";
+import { ViewMode as A, ZoomLevel as r } from "./types.js";
+import "../de_DE-a553b162.js";
+const E = (o, t, _, e, c, m) => {
   if (typeof o == "number")
     return o;
-  const m = c === i.DUAL_PAGE ? 2 * e : e;
+  const n = m === A.DUAL_PAGE || m === A.DUAL_PAGE_WITH_COVER ? 2 * e : e;
   switch (o) {
     case r.PAGE_FIT:
       const s = Math.min(
-        (t - n) / m,
-        (a - f) / A
+        (t - a) / n,
+        (_ - f) / c
       );
       return Math.floor(s * 100);
     case r.PAGE_WIDTH:
-      return Math.floor((t - n) / m * 100);
+      return Math.floor((t - a) / n * 100);
     case r.ACTUAL:
     default:
       return 100;
   }
 };
 export {
-  D as getZoomLevel
+  E as getZoomLevel
 };