@pdf-viewer/react 1.6.0-beta.2 → 1.6.0-beta.3

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-db184803.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-f579f051.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/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/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/types.d.ts

@@ -446,7 +446,10 @@ 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",
+    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'>> {
 }
@@ -467,7 +470,7 @@ export interface RPProviderProps extends PropsWithChildren, LoadPDFOptions, RPCo
     characterMap?: CharacterMap;
 }
 export type LocalizationMap = Record<string, Localization>;
-export interface RPControllerProps extends PropsWithChildren, DarkModeProviderProps, RotateProviderProps, LayerProviderProps, ZoomProviderProps, PageProviderProps, ScrollModeProps {
+export interface RPControllerProps extends PropsWithChildren, DarkModeProviderProps, RotateProviderProps, LayerProviderProps, ZoomProviderProps, PageProviderProps, ViewModeProps, ScrollModeProps {
     initialSearch?: string;
     initialThumbnailsVisible?: boolean;
     locale?: string;

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

package/dist/utils/hooks/useFileDownload.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { c as C } from "../../RPDefaultLayout-db184803.js";
+import { c as C } from "../../RPDefaultLayout-f579f051.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as g, useCallback as h, useEffect as A } from "react";
 import { appConsole as c } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-05-16T02:03:02.557Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-05-16T04:25:03.248Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   invalidLicense: `You are currently using without a valid license. ${l}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${l}`,
   expired: `Your license key has expired. ${l}`,

package/dist/utils/hooks/usePaginate.js

@@ -1,5 +1,5 @@
 import "react";
-import { g as E } from "../../RPDefaultLayout-db184803.js";
+import { g as E } from "../../RPDefaultLayout-f579f051.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DarkModeContext.js";

package/dist/utils/hooks/usePinch.js

@@ -1,28 +1,79 @@
-import { useState as d, useCallback as m, useEffect as f } from "react";
-import { useDebounce as h } from "./useDebounce.js";
-import { useZoomContext as i } from "../../contexts/ZoomContext.js";
-const b = (o) => {
-  const { currentZoom: l, setZoomLevel: a } = i(), [n, s] = d(l || 100), r = h(n, 100), u = m((e) => {
-    s(e ? (t) => t + 3 : (t) => t - 3);
-  }, []), c = m(
+import { useState as w, useRef as T, useCallback as r, useEffect as u } from "react";
+import { useDebounce as g } from "./useDebounce.js";
+import { useZoomContext as A } from "../../contexts/ZoomContext.js";
+const I = (n) => {
+  const { currentZoom: m, setZoomLevel: b } = A(), [E, d] = w(m || 100), L = g(E, 100), [o, y] = w(!1), c = T(null), i = r((e) => {
+    d(e ? (t) => t + 3 : (t) => t - 3);
+  }, []), a = r(
     (e) => {
       if (!e.ctrlKey)
         return;
       e.preventDefault();
       const t = e.deltaY < 0;
-      u(t);
+      i(t);
     },
-    [u]
+    [i]
   );
-  f(() => {
-    if (r) {
-      const e = Math.round(l * 100 + n);
-      s(0), a(e > 25 ? e : 25);
+  u(() => {
+    if (L) {
+      const e = Math.round(m * 100 + E);
+      d(0), b(e > 25 ? e : 25);
     }
-  }, [r]), f(() => (o && o.addEventListener("wheel", c), () => {
-    o && o.removeEventListener("wheel", c);
-  }), [o, c]);
+  }, [L]);
+  const p = (e, t) => {
+    const s = e.clientX - t.clientX, l = e.clientY - t.clientY;
+    return Math.sqrt(s * s + l * l);
+  }, h = r(
+    (e) => {
+      if (!o || e.touches.length !== 2)
+        return;
+      const t = p(e.touches[0], e.touches[1]);
+      c.current = t, e.preventDefault();
+    },
+    [o]
+  ), v = r(() => {
+    c.current = null;
+  }, []), f = r(
+    (e) => {
+      if (!o || e.touches.length !== 2 || c.current === null)
+        return;
+      const t = p(e.touches[0], e.touches[1]), s = t - c.current, l = Math.abs(s) > 5, S = s > 0;
+      l && (i(S), c.current = t, e.preventDefault());
+    },
+    [i, o]
+  ), D = () => {
+    document.activeElement instanceof HTMLElement && document.activeElement.blur();
+  };
+  u(() => {
+    if (o) {
+      document.body.style.touchAction = "pan-x pan-y";
+      return;
+    }
+    document.body.style.touchAction = "";
+  }, [o]), u(() => {
+    const e = () => {
+      const t = document.activeElement, s = !!(t != null && t.closest('[data-rp="container"]'));
+      y(s);
+    };
+    return window.addEventListener("focusin", e), window.addEventListener("focusout", e), e(), () => {
+      window.removeEventListener("focusin", e), window.removeEventListener("focusout", e);
+    };
+  }, []), u(() => {
+    if (!n)
+      return;
+    const e = (t) => {
+      n.contains(t.target) || D();
+    };
+    return document.addEventListener("scroll", e), () => {
+      document.removeEventListener("scroll", e);
+    };
+  }, [n]), u(() => {
+    if (n)
+      return n.addEventListener("wheel", a, { passive: !1 }), n.addEventListener("touchstart", h, { passive: !1 }), n.addEventListener("touchmove", f, { passive: !1 }), n.addEventListener("touchend", v, { passive: !1 }), () => {
+        n.removeEventListener("wheel", a), n.removeEventListener("touchstart", h), n.removeEventListener("touchmove", f), n.removeEventListener("touchend", v);
+      };
+  }, [n, a, h, f, v]);
 };
 export {
-  b as usePinch
+  I as usePinch
 };

package/dist/utils/hooks/usePresentPage.js

@@ -4,7 +4,7 @@ import "../../contexts/DimensionPagesContext.js";
 import "../calculatePage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { v as F } from "../../RPDefaultLayout-db184803.js";
+import { v as F } from "../../RPDefaultLayout-f579f051.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/usePrint.js

@@ -1,7 +1,7 @@
 import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { i as E } from "../../RPDefaultLayout-db184803.js";
+import { i as E } from "../../RPDefaultLayout-f579f051.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useScrollToPage.js

@@ -2,7 +2,7 @@ import "react";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { f as D } from "../../RPDefaultLayout-db184803.js";
+import { f as D } from "../../RPDefaultLayout-f579f051.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";

package/dist/utils/hooks/useSearch.js

@@ -7,7 +7,7 @@ import "pdfjs-dist";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
-import { n as G } from "../../RPDefaultLayout-db184803.js";
+import { n as G } from "../../RPDefaultLayout-f579f051.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useThumbnail.js

@@ -2,7 +2,7 @@ import "react";
 import "../renderPage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { k as F } from "../../RPDefaultLayout-db184803.js";
+import { k as F } from "../../RPDefaultLayout-f579f051.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -3,7 +3,7 @@ import "../types.js";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { s as C } from "../../RPDefaultLayout-db184803.js";
+import { s as C } from "../../RPDefaultLayout-f579f051.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/types.js

@@ -1,20 +1,20 @@
-import { e as r, z as _, i as R, p as o, t as p } from "../th_TH-2c4015a5.js";
-var E = /* @__PURE__ */ ((O) => (O[O.Text = 1] = "Text", O[O.Link = 2] = "Link", O[O.FreeText = 3] = "FreeText", O[O.Line = 4] = "Line", O[O.Square = 5] = "Square", O[O.Circle = 6] = "Circle", O[O.Polygon = 7] = "Polygon", O[O.Polyline = 8] = "Polyline", O[O.Highlight = 9] = "Highlight", O[O.Underline = 10] = "Underline", O[O.Squiggly = 11] = "Squiggly", O[O.StrikeOut = 12] = "StrikeOut", O[O.Stamp = 13] = "Stamp", O[O.Caret = 14] = "Caret", O[O.Ink = 15] = "Ink", O[O.Popup = 16] = "Popup", O[O.FileAttachment = 17] = "FileAttachment", O[O.Widget = 20] = "Widget", O))(E || {}), I = /* @__PURE__ */ ((O) => (O.INTERNAL_LINK = "internal-link", O.LINK = "link", O.FILE_ATTACHMENT = "file-attachment", O.FORM_TEXT = "form-text", O.FORM_SELECT = "form-select", O.FORM_CHECKBOX = "form-checkbox", O.FORM_RADIO = "form-radio", O.FORM_BUTTON = "form-button", O.BUTTON = "button", O))(I || {}), D = /* @__PURE__ */ ((O) => (O.ACTUAL = "Actual", O.PAGE_FIT = "Fit", O.PAGE_WIDTH = "Width", O))(D || {}), d = /* @__PURE__ */ ((O) => (O.Organization = "organization", O.Developer = "developer", O))(d || {}), N = /* @__PURE__ */ ((O) => (O.SINGLE_PAGE = "Single", O.DUAL_PAGE = "Dual", O))(N || {}), L = /* @__PURE__ */ ((O) => (O.FONT_FAMILY = "--rp-font-family", O.PRIMARY_COLOR = "--rp-primary-color", O.BORDER_RADIUS = "--rp-border-radius", O.TEXT_COLOR = "--rp-text-color", O.OUTLINE_COLOR = "--rp-outline-color", O.FONT_SIZE = "--rp-font-size", O.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", O.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", O.ICON_DISABLED = "--rp-icon-disabled", O.ICON_FONT_SIZE = "--rp-icon-font-size", O.TOOLBAR_BACKGROUND = "--rp-toolbar-background", O.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", O.TOOLBAR_PADDING = "--rp-toolbar-padding", O.TOOLBAR_GAP = "--rp-toolbar-gap", O.TOOLBAR_SIZE = "--rp-toolbar-size", O.SIDEBAR_WIDTH = "--rp-sidebar-width", O.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", O.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", O.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", O.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", O.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", O.BUTTON_PADDING = "--rp-button-padding", O.INPUT_PADDING = "--rp-input-padding", O.INPUT_BORDER_RADIUS = "--rp-input-border-radius", O.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", O.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", O.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", O.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", O.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", O.DROPDOWN_PADDING = "--rp-dropdown-padding", O.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", O.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", O.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", O.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", O.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", O.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", O.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", O.POPOVER_FONT_SIZE = "--rp-popover-font-size", O.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", O.POPOVER_COLOR = "--rp-popover-color", O.POPOVER_BORDER_COLOR = "--rp-popover-border-color", O.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", O.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", O.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", O.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", O.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", O.PROPERTY_ITEM_GAP = "--rp-property-item-gap", O.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", O.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", O.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", O.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", O.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", O.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", O.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", O.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", O.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", O.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", O.DROP_ZONE_BORDER = "--rp-drop-zone-border", O.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", O.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", O.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", O.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", O.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", O.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", O.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", O.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", O.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", O.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", O.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", O))(L || {}), C = /* @__PURE__ */ ((O) => (O.PAGE_SCROLLING = "PAGE", O.VERTICAL_SCROLLING = "VERTICAL", O.HORIZONTAL_SCROLLING = "HORIZONTAL", O))(C || {}), P = /* @__PURE__ */ ((O) => (O.TEXT = "TEXT", O.HAND = "HAND", O))(P || {});
+import { e as r, z as _, i as R, p as o, t as E } from "../th_TH-2c4015a5.js";
+var I = /* @__PURE__ */ ((O) => (O[O.Text = 1] = "Text", O[O.Link = 2] = "Link", O[O.FreeText = 3] = "FreeText", O[O.Line = 4] = "Line", O[O.Square = 5] = "Square", O[O.Circle = 6] = "Circle", O[O.Polygon = 7] = "Polygon", O[O.Polyline = 8] = "Polyline", O[O.Highlight = 9] = "Highlight", O[O.Underline = 10] = "Underline", O[O.Squiggly = 11] = "Squiggly", O[O.StrikeOut = 12] = "StrikeOut", O[O.Stamp = 13] = "Stamp", O[O.Caret = 14] = "Caret", O[O.Ink = 15] = "Ink", O[O.Popup = 16] = "Popup", O[O.FileAttachment = 17] = "FileAttachment", O[O.Widget = 20] = "Widget", O))(I || {}), p = /* @__PURE__ */ ((O) => (O.INTERNAL_LINK = "internal-link", O.LINK = "link", O.FILE_ATTACHMENT = "file-attachment", O.FORM_TEXT = "form-text", O.FORM_SELECT = "form-select", O.FORM_CHECKBOX = "form-checkbox", O.FORM_RADIO = "form-radio", O.FORM_BUTTON = "form-button", O.BUTTON = "button", O))(p || {}), N = /* @__PURE__ */ ((O) => (O.ACTUAL = "Actual", O.PAGE_FIT = "Fit", O.PAGE_WIDTH = "Width", O))(N || {}), D = /* @__PURE__ */ ((O) => (O.Organization = "organization", O.Developer = "developer", O))(D || {}), d = /* @__PURE__ */ ((O) => (O.SINGLE_PAGE = "Single", O.DUAL_PAGE = "Dual", O))(d || {}), L = /* @__PURE__ */ ((O) => (O.FONT_FAMILY = "--rp-font-family", O.PRIMARY_COLOR = "--rp-primary-color", O.BORDER_RADIUS = "--rp-border-radius", O.TEXT_COLOR = "--rp-text-color", O.OUTLINE_COLOR = "--rp-outline-color", O.FONT_SIZE = "--rp-font-size", O.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", O.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", O.ICON_DISABLED = "--rp-icon-disabled", O.ICON_FONT_SIZE = "--rp-icon-font-size", O.TOOLBAR_BACKGROUND = "--rp-toolbar-background", O.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", O.TOOLBAR_PADDING = "--rp-toolbar-padding", O.TOOLBAR_GAP = "--rp-toolbar-gap", O.TOOLBAR_SIZE = "--rp-toolbar-size", O.SIDEBAR_WIDTH = "--rp-sidebar-width", O.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", O.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", O.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", O.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", O.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", O.BUTTON_PADDING = "--rp-button-padding", O.INPUT_PADDING = "--rp-input-padding", O.INPUT_BORDER_RADIUS = "--rp-input-border-radius", O.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", O.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", O.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", O.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", O.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", O.DROPDOWN_PADDING = "--rp-dropdown-padding", O.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", O.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", O.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", O.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", O.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", O.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", O.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", O.POPOVER_FONT_SIZE = "--rp-popover-font-size", O.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", O.POPOVER_COLOR = "--rp-popover-color", O.POPOVER_BORDER_COLOR = "--rp-popover-border-color", O.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", O.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", O.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", O.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", O.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", O.PROPERTY_ITEM_GAP = "--rp-property-item-gap", O.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", O.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", O.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", O.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", O.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", O.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", O.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", O.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", O.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", O.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", O.DROP_ZONE_BORDER = "--rp-drop-zone-border", O.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", O.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", O.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", O.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", O.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", O.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", O.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", O.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", O.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", O.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", O.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", O.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", O.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", O.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", O))(L || {}), C = /* @__PURE__ */ ((O) => (O.PAGE_SCROLLING = "PAGE", O.VERTICAL_SCROLLING = "VERTICAL", O.HORIZONTAL_SCROLLING = "HORIZONTAL", O))(C || {}), c = /* @__PURE__ */ ((O) => (O.TEXT = "TEXT", O.HAND = "HAND", O))(c || {});
 const g = {
   en_US: r,
   zh_CN: _,
   it_IT: R,
   pt_PT: o,
-  th_TH: p
+  th_TH: E
 };
 export {
-  E as AnnotationSubType,
-  I as AnnotationType,
-  d as LicenseType,
+  I as AnnotationSubType,
+  p as AnnotationType,
+  D as LicenseType,
   g as Locales,
   C as ScrollMode,
-  P as SelectionMode,
+  c as SelectionMode,
   L as ThemeVariables,
-  N as ViewMode,
-  D as ZoomLevel
+  d as ViewMode,
+  N as ZoomLevel
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "The PDF Viewer component for React and Next.js",
-  "version": "1.6.0-beta.2",
+  "version": "1.6.0-beta.3",
   "keywords": [
     "component",
     "frontend",