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

package/dist/components/page/AnnotationLayer.js

@@ -1,20 +1,20 @@
-import { jsx as k } from "react/jsx-runtime";
-import { useRef as y, useState as F, useMemo as S, useEffect as f, useCallback as E } from "react";
-import { u as P } from "../../PaginationContext-9217cab4.js";
-import { usePrintContext as j } from "../../contexts/PrintContext.js";
-import { AnnotationLayer as R } from "pdfjs-dist";
-import { SimpleLinkService as x } from "../../utils/link_service.js";
-import { AnnotationSubType as $ } from "../../utils/types.js";
-import { useScrollModeContext as D } from "../../contexts/ScrollModeContext.js";
-import { insertDateText as I, annotationEventsHandler as _, handleAnnotationWidget as J, bindLayerEvents as N, unbindLayerEvents as A } from "../../utils/annotations.js";
-import { useInitialStateContext as O } from "../../contexts/InitialStateContext.js";
-import { useDocumentContext as V } from "../../contexts/RPDocumentContext.js";
-import { useFileDownload as W } from "../../utils/hooks/useFileDownload.js";
+import { jsx as P } from "react/jsx-runtime";
+import { useRef as b, useState as I, useMemo as S, useEffect as h, useCallback as R } from "react";
+import { u as j } from "../../PaginationContext-9217cab4.js";
+import { usePrintContext as O } from "../../contexts/PrintContext.js";
+import { AnnotationLayer as $ } from "pdfjs-dist";
+import { SimpleLinkService as A } from "../../utils/link_service.js";
+import { AnnotationSubType as D } from "../../utils/types.js";
+import { useScrollModeContext as _ } from "../../contexts/ScrollModeContext.js";
+import { insertDateText as J, annotationEventsHandler as N, handleAnnotationWidget as V, bindLayerEvents as W, fixTabIndexAccessibility as C, enhanceLinkAccessibility as L, unbindLayerEvents as M } from "../../utils/annotations.js";
+import { useInitialStateContext as H } from "../../contexts/InitialStateContext.js";
+import { useDocumentContext as U } from "../../contexts/RPDocumentContext.js";
+import { useFileDownload as q } from "../../utils/hooks/useFileDownload.js";
 import "../../utils/appConsole.js";
 import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
 import "../../contexts/ViewModeContext.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
 import "../../utils/smoothScrollTo.js";
@@ -40,99 +40,106 @@ import "../../utils/hooks/usePrint.js";
 import "../../utils/sanitizeExternalUrl.js";
 import "../../utils/dateFormatter.js";
 import "../../contexts/DownloadContext.js";
-const H = {
+const z = {
   "rp-annotation-layer": "_rp-annotation-layer_rwxfx_1"
 };
-let U = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const $t = (C) => {
-  const { pageNumber: u } = C, n = y(null), { pages: h, pdf: t } = V(), { interactiveForm: M } = O(), r = y(), [a, L] = F(), { goToPage: d } = P(), { scrollMode: T } = D(), { print: v } = j(), { download: w } = W(), o = S(() => h.get(u), [h, u]), s = S(() => o == null ? void 0 : o.page.getViewport(), [o]);
-  f(() => {
-    r.current && (r.current.div.replaceChildren(), r.current = void 0);
-  }, [t]), f(() => {
-    o && o.page.getAnnotations().then((e) => {
-      r.current = void 0, L(e), n.current && (n.current.innerText = "");
+let B = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const Dt = (T) => {
+  const { pageNumber: l } = T, t = b(null), { pages: v, pdf: r } = U(), { interactiveForm: k } = H(), n = b(), [a, F] = I(), { goToPage: d } = j(), { scrollMode: E } = _(), { print: w } = O(), { download: y } = q(), c = b(null), e = S(() => v.get(l), [v, l]), u = S(() => e == null ? void 0 : e.page.getViewport(), [e]);
+  h(() => {
+    n.current && (n.current.div.replaceChildren(), n.current = void 0);
+  }, [r]), h(() => {
+    e && e.page.getAnnotations().then((o) => {
+      n.current = void 0, F(o), t.current && (t.current.innerText = "");
     });
-  }, [o]);
-  const m = E(
-    (e) => {
-      !a || !t || (I(n.current), _(e, t, a).then((i) => {
-        var p, l;
-        ((p = i == null ? void 0 : i.data) == null ? void 0 : p.action) === "Print" ? v() : ((l = i == null ? void 0 : i.data) == null ? void 0 : l.action) === "SaveAs" && w();
+  }, [e]);
+  const m = R(
+    (o) => {
+      !a || !r || (J(t.current), N(o, r, a).then((i) => {
+        var p, f;
+        ((p = i == null ? void 0 : i.data) == null ? void 0 : p.action) === "Print" ? w() : ((f = i == null ? void 0 : i.data) == null ? void 0 : f.action) === "SaveAs" && y();
       }));
     },
-    [t, a, T, v, w]
+    [r, a, E, w, y]
   );
-  return f(() => {
-    if (!o || !a)
+  return h(() => {
+    if (!e || !a)
       return;
-    const e = o.page.getViewport();
-    if (r.current) {
-      r.current.update({
-        viewport: e.clone({ dontFlip: !0 })
+    const o = e.page.getViewport();
+    if (n.current) {
+      n.current.update({
+        viewport: o.clone({ dontFlip: !0 })
       });
       return;
     }
     const i = /* @__PURE__ */ new Map([]);
-    for (const c of a) {
-      const { annotationType: g } = c;
+    for (const s of a) {
+      const { annotationType: g } = s;
       switch (g) {
-        case $.Widget:
-          J(c, e, i);
+        case D.Widget:
+          V(s, o, i);
           break;
       }
     }
     const p = new AbortController();
     return (async () => {
-      var b;
-      r.current && (r.current.div.replaceChildren(), r.current = void 0), n.current && (n.current.innerText = ""), r.current = new R({
-        div: n.current,
+      var x;
+      n.current && (n.current.div.replaceChildren(), n.current = void 0), t.current && (t.current.innerText = ""), n.current = new $({
+        div: t.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
-        page: o.page,
-        viewport: e.clone({ dontFlip: !0 }),
+        page: e.page,
+        viewport: o.clone({ dontFlip: !0 }),
         commentManager: void 0,
-        linkService: new x(t, d),
-        annotationStorage: t == null ? void 0 : t.annotationStorage
-      }), n.current && A(n.current, m);
-      const c = await (t == null ? void 0 : t.hasJSActions()), g = await (t == null ? void 0 : t.getFieldObjects());
+        linkService: new A(r, d),
+        annotationStorage: r == null ? void 0 : r.annotationStorage
+      }), t.current && M(t.current, m);
+      const s = await (r == null ? void 0 : r.hasJSActions()), g = await (r == null ? void 0 : r.getFieldObjects());
       if (p.signal.aborted)
         throw "abort";
-      return (b = r.current) == null ? void 0 : b.render({
+      return (x = n.current) == null ? void 0 : x.render({
         annotations: a,
-        annotationStorage: t == null ? void 0 : t.annotationStorage,
-        hasJSActions: c,
+        annotationStorage: r == null ? void 0 : r.annotationStorage,
+        hasJSActions: s,
         fieldObjects: g,
-        div: n.current,
-        viewport: e.clone({ dontFlip: !0 }),
-        page: o.page,
-        imageResourcesPath: U,
-        renderForms: M ?? !0,
-        linkService: new x(t, d),
+        div: t.current,
+        viewport: o.clone({ dontFlip: !0 }),
+        page: e.page,
+        imageResourcesPath: B,
+        renderForms: k ?? !0,
+        linkService: new A(r, d),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && N(n.current, m);
-    }).catch((c) => {
-      if (c !== "abort")
-        throw c;
+      t.current && (W(t.current, m), C(t.current), L(t.current), c.current && c.current.disconnect(), c.current = new MutationObserver(() => {
+        t.current && (C(t.current), L(t.current));
+      }), c.current.observe(t.current, {
+        childList: !0,
+        subtree: !0,
+        attributes: !0,
+        attributeFilter: ["tabindex", "href"]
+      }));
+    }).catch((s) => {
+      if (s !== "abort")
+        throw s;
     }).finally(() => {
-      r.current = void 0;
+      n.current = void 0;
     }), () => {
-      p.abort("clear"), n.current && A(n.current, m);
+      p.abort("clear"), t.current && M(t.current, m), c.current && (c.current.disconnect(), c.current = null);
     };
-  }, [t, a, m, d]), /* @__PURE__ */ k(
+  }, [r, a, m, d]), /* @__PURE__ */ P(
     "div",
     {
-      "data-rp": `page-${u}-annotationLayer`,
-      style: { width: `${s == null ? void 0 : s.width}px`, height: `${s == null ? void 0 : s.height}px` },
-      className: H["rp-annotation-layer"],
-      ref: n
+      "data-rp": `page-${l}-annotationLayer`,
+      style: { width: `${u == null ? void 0 : u.width}px`, height: `${u == null ? void 0 : u.height}px` },
+      className: z["rp-annotation-layer"],
+      ref: t
     }
   );
 };
 export {
-  $t as AnnotationLayer
+  Dt as AnnotationLayer
 };

package/dist/components/page/CanvasLayer.js

@@ -8,7 +8,7 @@ import { useInitialStateContext as k } from "../../contexts/InitialStateContext.
 import "../../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
 import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";

package/dist/components/page/CustomElement.js

@@ -2,7 +2,7 @@ import { jsx as m, Fragment as s } from "react/jsx-runtime";
 import { useRef as u, useMemo as l, useEffect as c } from "react";
 import { useElementPageContext as f } from "../../contexts/ElementPageContext.js";
 import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
 import "../../contexts/DimensionPagesContext.js";
 import "../../utils/appConsole.js";
 import "../../contexts/RPDocumentContext.js";

package/dist/components/page/DualPage.js

@@ -3,7 +3,7 @@ import { memo as h, useMemo as e } from "react";
 import { u as l } from "../../PaginationContext-9217cab4.js";
 import { RPPage as f } from "./RPPage.js";
 import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../utils/appConsole.js";
 import "../../contexts/InitialStateContext.js";

package/dist/components/page/DualPageWithCover.js

@@ -0,0 +1,131 @@
+import { jsx as h } from "react/jsx-runtime";
+import { memo as b, useMemo as f } from "react";
+import { u as y } from "../../PaginationContext-9217cab4.js";
+import { RPPage as I } from "./RPPage.js";
+import "../../utils/types.js";
+import "../../de_DE-a553b162.js";
+import "../../contexts/ScrollModeContext.js";
+import "../../utils/appConsole.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/RPDocumentContext.js";
+import "../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../utils/getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import "../../utils/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
+import "../../contexts/ViewModeContext.js";
+import "../../contexts/VirtualScrollContext.js";
+import "../../contexts/VirtualGridContext.js";
+import "../../utils/smoothScrollTo.js";
+import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/ZoomContext.js";
+import "../../utils/constants.js";
+import "../../utils/getZoomLevel.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/RotationContext.js";
+import "../../utils/hooks/useDebounce.js";
+import "../../contexts/PagesRotateContext.js";
+import "../../contexts/SmoothScrollContext.js";
+import "../../utils/getScrollDistance.js";
+import "../../utils/calculatePage.js";
+import "./CanvasLayer.js";
+import "../../contexts/RenderQueueProvider.js";
+import "../../utils/Queue.js";
+import "../../utils/renderPage.js";
+import "./TextLayer.js";
+import "../../utils/highlight.js";
+import "../../utils/charators.js";
+import "../../contexts/SearchContext.js";
+import "../../utils/hooks/useSearch.js";
+import "../../utils/getWordPositionInPage.js";
+import "./AnnotationLayer.js";
+import "../../contexts/PrintContext.js";
+import "../../utils/hooks/usePrint.js";
+import "../../utils/link_service.js";
+import "../../utils/annotations.js";
+import "../../utils/sanitizeExternalUrl.js";
+import "../../utils/dateFormatter.js";
+import "../../utils/hooks/useFileDownload.js";
+import "../../contexts/DownloadContext.js";
+import "../../contexts/LayerContext.js";
+import "../../contexts/LoaderContext.js";
+import "../icons/LoaderIcon.js";
+import "../../clsx-0c6e471a.js";
+import "./TextHighlightLayer.js";
+import "../../contexts/HighlightContext.js";
+import "../../utils/hooks/useHighlight.js";
+import "./searchHighlight.js";
+import "../../utils/const.js";
+import "./CustomElement.js";
+import "../../contexts/ElementPageContext.js";
+import "../../contexts/LicenseContext.js";
+import "../../utils/hooks/useLicense.js";
+import "../../utils/getElementPositionInPage.js";
+import "../../utils/withRef.js";
+const Et = b(({ widths: o, heights: a }) => {
+  const { focusedPage: l, totalPages: m } = y(), i = f(() => {
+    const t = [];
+    if (l === 1)
+      return t.push(1), t;
+    const r = l - 1, e = Math.ceil(r / 2) * 2;
+    return t.push(e), e + 1 <= m && t.push(e + 1), t;
+  }, [l, m]), W = f(() => {
+    if (i.length === 1) {
+      const P = i[0] - 1, p = o(P);
+      let n = p * 2;
+      if (m >= 3) {
+        const s = o(1), d = o(2);
+        n = s + d;
+      } else if (m >= 2) {
+        const s = o(1);
+        n = p + s;
+      }
+      return {
+        width: n,
+        position: "relative",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "flex-start"
+      };
+    }
+    const r = i[0] - 1, g = o(r), e = i.length > 1 ? o(r + 1) : 0;
+    return {
+      width: g + e,
+      position: "relative"
+    };
+  }, [o, i, m]), x = f(() => {
+    if (i.length === 1) {
+      const p = i[0], n = p - 1, s = a(p === 1 ? 0 : Math.floor((p - 2) / 2) + 1);
+      return [{
+        width: o(n),
+        height: s,
+        position: "relative"
+        // Use relative for flexbox centering
+      }];
+    }
+    const t = i[0], r = t - 1, g = Math.floor((t - 2) / 2) + 1, e = a(g), c = o(r), u = o(r + 1);
+    return [
+      {
+        position: "absolute",
+        left: 0,
+        width: c,
+        height: e
+      },
+      {
+        position: "absolute",
+        left: c,
+        width: u,
+        height: e
+      }
+    ];
+  }, [o, a, i]);
+  return /* @__PURE__ */ h("div", { style: W, children: i.map((t, r) => /* @__PURE__ */ h(I, { style: x[r], pageNumber: t }, t)) });
+});
+export {
+  Et as DualPageWithCover
+};

package/dist/components/page/RPPage.js

@@ -14,7 +14,7 @@ import { withRef as O } from "../../utils/withRef.js";
 import "../../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
 import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";

package/dist/components/page/SinglePage.js

@@ -3,7 +3,7 @@ import { useMemo as m } from "react";
 import { u as n } from "../../PaginationContext-9217cab4.js";
 import { RPPage as s } from "./RPPage.js";
 import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../utils/appConsole.js";
 import "../../contexts/InitialStateContext.js";

package/dist/components/page/TextHighlightLayer.js

@@ -7,7 +7,7 @@ import { isMatchEntireWord as et } from "../../utils/highlight.js";
 import "../../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
 import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";

package/dist/components/page/TextLayer.js

@@ -6,7 +6,7 @@ import { resetDivs as $, highlightMatches as U } from "../../utils/highlight.js"
 import { useSearchContext as V } from "../../contexts/SearchContext.js";
 import "../../utils/hooks/useLoadPdf.js";
 import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";

package/dist/components/ui/Button.js

@@ -1,23 +1,25 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as a } from "../../clsx-0c6e471a.js";
-import { withRef as i } from "../../utils/withRef.js";
+import { jsx as c } from "react/jsx-runtime";
+import { c as p } from "../../clsx-0c6e471a.js";
+import { withRef as u } from "../../utils/withRef.js";
 import "react";
-const t = {
+const o = {
   "rp-button": "_rp-button_1jswj_1",
   "rp-button-active": "_rp-button-active_1jswj_18"
-}, j = i((o, r) => {
-  const { children: s, active: n, className: c, ...e } = o;
-  return /* @__PURE__ */ p(
+}, _ = u((r, s) => {
+  const { children: e, active: t, className: a, role: n, ...i } = r;
+  return /* @__PURE__ */ c(
     "button",
     {
       tabIndex: 0,
-      ref: r,
-      ...e,
-      className: a(t["rp-button"], c, n ? t["rp-button-active"] : ""),
-      children: s
+      ref: s,
+      role: n,
+      "aria-pressed": t !== void 0 ? t : void 0,
+      ...i,
+      className: p(o["rp-button"], a, t ? o["rp-button-active"] : ""),
+      children: e
     }
   );
 });
 export {
-  j as UIButton
+  _ as UIButton
 };