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

package/dist/index-aa2d3884.js

@@ -0,0 +1,140 @@
+import * as i from "react";
+import { u as p, a as R, P as w, c as h, d as _, b as U } from "./index-1cb41342.js";
+import { jsx as T } from "react/jsx-runtime";
+function z(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const s = p(t);
+  i.useEffect(() => {
+    const n = (r) => {
+      r.key === "Escape" && s(r);
+    };
+    return e.addEventListener("keydown", n, { capture: !0 }), () => e.removeEventListener("keydown", n, { capture: !0 });
+  }, [s, e]);
+}
+var H = "DismissableLayer", b = "dismissableLayer.update", M = "dismissableLayer.pointerDownOutside", K = "dismissableLayer.focusOutside", O, S = i.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), j = i.forwardRef(
+  (t, e) => {
+    const {
+      disableOutsidePointerEvents: s = !1,
+      onEscapeKeyDown: n,
+      onPointerDownOutside: r,
+      onFocusOutside: o,
+      onInteractOutside: l,
+      onDismiss: d,
+      ...v
+    } = t, u = i.useContext(S), [c, B] = i.useState(null), f = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = i.useState({}), I = R(e, (a) => B(a)), m = Array.from(u.layers), [W] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), k = m.indexOf(W), P = c ? m.indexOf(c) : -1, A = u.layersWithOutsidePointerEventsDisabled.size > 0, D = P >= k, N = $((a) => {
+      const E = a.target, C = [...u.branches].some((y) => y.contains(E));
+      !D || C || (r == null || r(a), l == null || l(a), a.defaultPrevented || d == null || d());
+    }, f), L = q((a) => {
+      const E = a.target;
+      [...u.branches].some((y) => y.contains(E)) || (o == null || o(a), l == null || l(a), a.defaultPrevented || d == null || d());
+    }, f);
+    return z((a) => {
+      P === u.layers.size - 1 && (n == null || n(a), !a.defaultPrevented && d && (a.preventDefault(), d()));
+    }, f), i.useEffect(() => {
+      if (c)
+        return s && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (O = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(c)), u.layers.add(c), g(), () => {
+          s && u.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = O);
+        };
+    }, [c, f, s, u]), i.useEffect(() => () => {
+      c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), g());
+    }, [c, u]), i.useEffect(() => {
+      const a = () => F({});
+      return document.addEventListener(b, a), () => document.removeEventListener(b, a);
+    }, []), /* @__PURE__ */ T(
+      w.div,
+      {
+        ...v,
+        ref: I,
+        style: {
+          pointerEvents: A ? D ? "auto" : "none" : void 0,
+          ...t.style
+        },
+        onFocusCapture: h(t.onFocusCapture, L.onFocusCapture),
+        onBlurCapture: h(t.onBlurCapture, L.onBlurCapture),
+        onPointerDownCapture: h(
+          t.onPointerDownCapture,
+          N.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+j.displayName = H;
+var X = "DismissableLayerBranch", Y = i.forwardRef((t, e) => {
+  const s = i.useContext(S), n = i.useRef(null), r = R(e, n);
+  return i.useEffect(() => {
+    const o = n.current;
+    if (o)
+      return s.branches.add(o), () => {
+        s.branches.delete(o);
+      };
+  }, [s.branches]), /* @__PURE__ */ T(w.div, { ...t, ref: r });
+});
+Y.displayName = X;
+function $(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const s = p(t), n = i.useRef(!1), r = i.useRef(() => {
+  });
+  return i.useEffect(() => {
+    const o = (d) => {
+      if (d.target && !n.current) {
+        let v = function() {
+          x(
+            M,
+            s,
+            u,
+            { discrete: !0 }
+          );
+        };
+        const u = { originalEvent: d };
+        d.pointerType === "touch" ? (e.removeEventListener("click", r.current), r.current = v, e.addEventListener("click", r.current, { once: !0 })) : v();
+      } else
+        e.removeEventListener("click", r.current);
+      n.current = !1;
+    }, l = window.setTimeout(() => {
+      e.addEventListener("pointerdown", o);
+    }, 0);
+    return () => {
+      window.clearTimeout(l), e.removeEventListener("pointerdown", o), e.removeEventListener("click", r.current);
+    };
+  }, [e, s]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => n.current = !0
+  };
+}
+function q(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const s = p(t), n = i.useRef(!1);
+  return i.useEffect(() => {
+    const r = (o) => {
+      o.target && !n.current && x(K, s, { originalEvent: o }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", r), () => e.removeEventListener("focusin", r);
+  }, [e, s]), {
+    onFocusCapture: () => n.current = !0,
+    onBlurCapture: () => n.current = !1
+  };
+}
+function g() {
+  const t = new CustomEvent(b);
+  document.dispatchEvent(t);
+}
+function x(t, e, s, { discrete: n }) {
+  const r = s.originalEvent.target, o = new CustomEvent(t, { bubbles: !1, cancelable: !0, detail: s });
+  e && r.addEventListener(t, e, { once: !0 }), n ? _(r, o) : r.dispatchEvent(o);
+}
+var G = i["useId".toString()] || (() => {
+}), J = 0;
+function Z(t) {
+  const [e, s] = i.useState(G());
+  return U(() => {
+    t || s((n) => n ?? String(J++));
+  }, [t]), t || (e ? `radix-${e}` : "");
+}
+export {
+  j as D,
+  Z as u
+};

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-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/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/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-3a892bb5.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 E, useCallback as h, useEffect as A } from "react";
+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-15T03:02:24.859Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", o = {
+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}`,
@@ -44,20 +44,20 @@ kwIDAQAB
       // Convert signature to ArrayBuffer
       new TextEncoder().encode(atob(e))
     ))
-      throw new Error(o.invalidSignature);
+      throw new Error(s.invalidSignature);
     return JSON.parse(atob(e));
   } catch {
-    throw new Error(o.invalidLicense);
+    throw new Error(s.invalidLicense);
   }
 }
 const y = (r, t) => r === "specific" ? t === window.location.host : window.location.host.includes(t), d = {
   isValid: !0,
-  invalidatedMessage: o.invalidLicense,
+  invalidatedMessage: s.invalidLicense,
   type: void 0
 }, x = (r) => {
-  const [t, e] = E(d), n = h(async () => {
+  const [t, e] = g(d), n = h(async () => {
     if (!r)
-      throw e(d), new Error("License is missing");
+      throw e(d), new Error(s.invalidLicense);
     let i;
     try {
       i = await I(r);
@@ -65,35 +65,35 @@ const y = (r, t) => r === "specific" ? t === window.location.host : window.locat
       throw c.warn(m.message), new Error(m.message);
     }
     c.debug(">>> validatedLicense", i);
-    const { avu: a, exp: s, dmt: w, dm: p, t: f } = i;
-    if (!s)
+    const { avu: a, exp: o, dmt: w, dm: p, t: v } = i;
+    if (!o)
       throw new Error("License is missing expiration timestamp");
-    if (s > Number.MAX_SAFE_INTEGER / 1e3)
+    if (o > Number.MAX_SAFE_INTEGER / 1e3)
       throw new Error("Invalid expiration timestamp: value too large");
-    const v = new Date(s * 1e3), g = (/* @__PURE__ */ new Date()).getTime();
-    if (v.getTime() < g)
-      throw new Error(o.expired);
+    const f = new Date(o * 1e3), E = (/* @__PURE__ */ new Date()).getTime();
+    if (f.getTime() < E)
+      throw new Error(s.expired);
     if (!a)
       throw new Error("License is missing available until version timestamp");
     if (a > Number.MAX_SAFE_INTEGER / 1e3)
       throw new Error("Invalid available until version timestamp: value too large");
     const u = new Date(a * 1e3);
     if (c.debug("availableUntilTimestamp", u), u.getTime() < b.getTime())
-      throw new Error(o.exceededVersion);
+      throw new Error(s.exceededVersion);
     if (!y(w, p))
-      throw new Error(o.mismatchedDomain);
+      throw new Error(s.mismatchedDomain);
     return {
       isValid: !0,
-      type: f,
+      type: v,
       invalidatedMessage: void 0
     };
   }, [r]);
   return A(() => {
-    n().then(({ isValid: i, type: a, invalidatedMessage: s }) => {
+    n().then(({ isValid: i, type: a, invalidatedMessage: o }) => {
       e({
         isValid: i,
         type: a,
-        invalidatedMessage: s
+        invalidatedMessage: o
       });
     }).catch((i) => {
       e({

package/dist/utils/hooks/usePaginate.js

@@ -1,5 +1,5 @@
 import "react";
-import { g as E } from "../../RPDefaultLayout-3a892bb5.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-3a892bb5.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-3a892bb5.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-3a892bb5.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-3a892bb5.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-3a892bb5.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-3a892bb5.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.1",
+  "version": "1.6.0-beta.3",
   "keywords": [
     "component",
     "frontend",