@react-pdf-kit/viewer 0.0.0-experimental.3 → 0.0.0-experimental.4

package/dist/components/page/AnnotationLayer.js

@@ -1,15 +1,16 @@
 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 { useRef as g, useState as F, useMemo as S, useEffect as b, useCallback as R } from "react";
 import { u as j } from "../../PaginationContext-9217cab4.js";
 import { usePrintContext as O } from "../../contexts/PrintContext.js";
 import { AnnotationLayerBuilder as D } from "@pdf-viewer/pdfium/compat";
 import { SimpleLinkService as A } from "../../utils/link_service.js";
 import { AnnotationSubType as _ } 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 M, unbindLayerEvents as L } from "../../utils/annotations.js";
+import { insertDateText as J, annotationEventsHandler as N, handleAnnotationWidget as W, bindLayerEvents as Z, fixTabIndexAccessibility as C, enhanceLinkAccessibility as M, unbindLayerEvents as L } from "../../utils/annotations.js";
 import { useInitialStateContext as B } from "../../contexts/InitialStateContext.js";
 import { useDocumentContext as H } from "../../contexts/RPDocumentContext.js";
 import { useFileDownload as U } from "../../utils/hooks/useFileDownload.js";
+import { useZoomContext as V } from "../../contexts/ZoomContext.js";
 import "../../utils/appConsole.js";
 import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
@@ -19,10 +20,8 @@ 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/PagesRotateContext.js";
 import "../../contexts/RotationContext.js";
 import "../../utils/hooks/useLoadPdf.js";
 import "@pdf-viewer/pdfium";
@@ -32,8 +31,9 @@ import "../../contexts/DocumentPasswordContext.js";
 import "../../utils/hooks/usePdfProperties.js";
 import "../../utils/convertPdfDate.js";
 import "../../utils/formatFileSize.js";
+import "../../utils/getZoomLevel.js";
+import "../../contexts/LayoutContainerContext.js";
 import "../../utils/hooks/useDebounce.js";
-import "../../contexts/PagesRotateContext.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../utils/getScrollDistance.js";
 import "../../utils/calculatePage.js";
@@ -45,69 +45,69 @@ const q = {
   "rp-annotation-layer": "_rp-annotation-layer_rwxfx_1"
 };
 let z = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const $t = (T) => {
-  const { pageNumber: l } = T, t = b(null), { pages: v, pdf: r } = H(), { interactiveForm: k } = B(), n = b(), [a, F] = I(), { goToPage: d } = j(), { scrollMode: E } = $(), { print: w } = O(), { download: x } = U(), c = b(null), e = S(() => v.get(l), [v, l]), u = S(() => e == null ? void 0 : e.page.getViewport(), [e]);
-  h(() => {
+const Jt = (T) => {
+  const { pageNumber: m } = T, t = g(null), { pages: h, pdf: r } = H(), { interactiveForm: k } = B(), n = g(), [c, E] = F(), { goToPage: d } = j(), { scrollMode: I } = $(), { print: x } = O(), { download: v } = U(), s = g(null), { currentZoom: y } = V(), o = S(() => h.get(m), [h, m]), e = S(() => o == null ? void 0 : o.page.getViewport({ scale: y }), [o, y]);
+  b(() => {
     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 = "");
+  }, [r]), b(() => {
+    o && o.page.getAnnotations().then((u) => {
+      n.current = void 0, E(u), t.current && (t.current.innerText = "");
     });
-  }, [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" && x();
+  }, [o]);
+  const p = R(
+    (u) => {
+      !c || !r || (J(t.current), N(u, r, c).then((a) => {
+        var l, i;
+        ((l = a == null ? void 0 : a.data) == null ? void 0 : l.action) === "Print" ? x() : ((i = a == null ? void 0 : a.data) == null ? void 0 : i.action) === "SaveAs" && v();
       }));
     },
-    [r, a, E, w, x]
+    [r, c, I, x, v]
   );
-  return h(() => {
-    if (!e || !a)
+  return b(() => {
+    if (!o || !c || !e)
       return;
-    const o = e.page.getViewport();
     if (n.current) {
       n.current.update({
-        viewport: o.clone({ dontFlip: !0 })
+        viewport: e
       });
       return;
     }
-    const i = /* @__PURE__ */ new Map([]);
-    for (const s of a) {
-      const { annotationType: g } = s;
-      switch (g) {
+    const u = /* @__PURE__ */ new Map([]);
+    for (const i of c) {
+      const { annotationType: f } = i;
+      switch (f) {
         case _.Widget:
-          V(s, o, i);
+          W(i, e, u);
           break;
       }
     }
-    const p = new AbortController();
+    const a = new AbortController();
     return (async () => {
-      var y;
+      var w;
       n.current && (n.current.div.replaceChildren(), n.current = void 0), t.current && (t.current.innerText = ""), n.current = new D({
         div: t.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
-        page: e.page,
-        viewport: o.clone({ dontFlip: !0 }),
+        page: o.page,
+        viewport: e,
         commentManager: void 0,
         linkService: new A(r, d),
-        annotationStorage: r == null ? void 0 : r.annotationStorage
-      }), t.current && L(t.current, m);
-      const s = await (r == null ? void 0 : r.hasJSActions()), g = await (r == null ? void 0 : r.getFieldObjects());
-      if (p.signal.aborted)
+        annotationStorage: r == null ? void 0 : r.annotationStorage,
+        pageIndex: m - 1
+      }), t.current && L(t.current, p);
+      const i = await (r == null ? void 0 : r.hasJSActions()), f = await (r == null ? void 0 : r.getFieldObjects());
+      if (a.signal.aborted)
         throw "abort";
-      return (y = n.current) == null ? void 0 : y.render({
-        annotations: a,
+      return (w = n.current) == null ? void 0 : w.render({
+        annotations: c,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
-        hasJSActions: s,
-        fieldObjects: g,
+        hasJSActions: i,
+        fieldObjects: f,
         div: t.current,
-        viewport: o.clone({ dontFlip: !0 }),
-        page: e.page,
+        viewport: e,
+        page: o.page,
         imageResourcesPath: z,
         renderForms: k ?? !0,
         linkService: new A(r, d),
@@ -115,32 +115,32 @@ const $t = (T) => {
         enableScripting: !1
       });
     })().then(() => {
-      t.current && (W(t.current, m), C(t.current), M(t.current), c.current && c.current.disconnect(), c.current = new MutationObserver(() => {
+      t.current && (Z(t.current, p), C(t.current), M(t.current), s.current && s.current.disconnect(), s.current = new MutationObserver(() => {
         t.current && (C(t.current), M(t.current));
-      }), c.current.observe(t.current, {
+      }), s.current.observe(t.current, {
         childList: !0,
         subtree: !0,
         attributes: !0,
         attributeFilter: ["tabindex", "href"]
       }));
-    }).catch((s) => {
-      if (s !== "abort")
-        throw s;
+    }).catch((i) => {
+      if (i !== "abort")
+        throw i;
     }).finally(() => {
       n.current = void 0;
     }), () => {
-      p.abort("clear"), t.current && L(t.current, m), c.current && (c.current.disconnect(), c.current = null);
+      a.abort("clear"), t.current && L(t.current, p), s.current && (s.current.disconnect(), s.current = null);
     };
-  }, [r, a, m, d]), /* @__PURE__ */ P(
+  }, [r, c, p, d, e]), /* @__PURE__ */ P(
     "div",
     {
-      "data-rp": `page-${l}-annotationLayer`,
-      style: { width: `${u == null ? void 0 : u.width}px`, height: `${u == null ? void 0 : u.height}px` },
+      "data-rp": `page-${m}-annotationLayer`,
+      style: { width: `${e == null ? void 0 : e.width}px`, height: `${e == null ? void 0 : e.height}px` },
       className: q["rp-annotation-layer"],
       ref: t
     }
   );
 };
 export {
-  $t as AnnotationLayer
+  Jt as AnnotationLayer
 };

package/dist/components/page/DualPage.js

@@ -39,11 +39,16 @@ 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/highlight.js";
+import "../../utils/charators.js";
+import "../../utils/selectionUtils.js";
+import "../../utils/geometryCache.js";
 import "../../utils/getWordPositionInPage.js";
+import "../../contexts/TextSelectionContext.js";
+import "../../utils/glyphHitTest.js";
+import "../../contexts/SelectionModeContext.js";
 import "./AnnotationLayer.js";
 import "../../contexts/PrintContext.js";
 import "../../utils/hooks/usePrint.js";
@@ -68,7 +73,7 @@ import "../../contexts/LicenseContext.js";
 import "../../utils/hooks/useLicense.js";
 import "../../utils/getElementPositionInPage.js";
 import "../../utils/withRef.js";
-const kt = h(({ widths: m, heights: s }) => {
+const Et = h(({ widths: m, heights: s }) => {
   const { focusedPage: r, totalPages: n } = l(), a = e(() => {
     const t = [], o = Math.ceil(r / 2) * 2 - 1;
     if (t.push(o), o + 1 <= n) {
@@ -96,5 +101,5 @@ const kt = h(({ widths: m, heights: s }) => {
   return /* @__PURE__ */ u("div", { style: { width: g, position: "relative" }, children: a.map((t, o) => /* @__PURE__ */ u(f, { style: p[o], pageNumber: t }, t)) });
 });
 export {
-  kt as DualPage
+  Et as DualPage
 };

package/dist/components/page/DualPageWithCover.js

@@ -39,11 +39,16 @@ 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/highlight.js";
+import "../../utils/charators.js";
+import "../../utils/selectionUtils.js";
+import "../../utils/geometryCache.js";
 import "../../utils/getWordPositionInPage.js";
+import "../../contexts/TextSelectionContext.js";
+import "../../utils/glyphHitTest.js";
+import "../../contexts/SelectionModeContext.js";
 import "./AnnotationLayer.js";
 import "../../contexts/PrintContext.js";
 import "../../utils/hooks/usePrint.js";
@@ -68,7 +73,7 @@ import "../../contexts/LicenseContext.js";
 import "../../utils/hooks/useLicense.js";
 import "../../utils/getElementPositionInPage.js";
 import "../../utils/withRef.js";
-const Ft = b(({ widths: o, heights: a }) => {
+const Qt = b(({ widths: o, heights: a }) => {
   const { focusedPage: l, totalPages: m } = y(), i = f(() => {
     const t = [];
     if (l === 1)
@@ -128,5 +133,5 @@ const Ft = b(({ widths: o, heights: a }) => {
   return /* @__PURE__ */ h("div", { style: W, children: i.map((t, r) => /* @__PURE__ */ h(I, { style: x[r], pageNumber: t }, t)) });
 });
 export {
-  Ft as DualPageWithCover
+  Qt as DualPageWithCover
 };

package/dist/components/page/RPPage.js

@@ -44,11 +44,16 @@ import "../../utils/hooks/useDebounce.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../utils/getScrollDistance.js";
 import "../../utils/calculatePage.js";
-import "../../utils/highlight.js";
-import "../../utils/charators.js";
 import "../../contexts/SearchContext.js";
 import "../../utils/hooks/useSearch.js";
+import "../../utils/highlight.js";
+import "../../utils/charators.js";
+import "../../utils/selectionUtils.js";
+import "../../utils/geometryCache.js";
 import "../../utils/getWordPositionInPage.js";
+import "../../contexts/TextSelectionContext.js";
+import "../../utils/glyphHitTest.js";
+import "../../contexts/SelectionModeContext.js";
 import "../../contexts/PrintContext.js";
 import "../../utils/hooks/usePrint.js";
 import "../../utils/link_service.js";
@@ -71,7 +76,7 @@ const a = {
   "rp-page-wrapper": "_rp-page-wrapper_ii91u_1",
   "rp-page": "_rp-page_ii91u_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_ii91u_15"
-}, or = O((h, w) => {
+}, ar = O((h, w) => {
   const { pageNumber: t, style: x, ...L } = h, { pages: p } = j(), { pageRotate: s } = D(), { textLayer: $ } = T(), { currentZoom: m } = Z(), { LoaderImageComponent: n } = k(), i = g(p.get(t)), [v, c] = l(!1), u = g(null), [r, y] = l({
     width: 0,
     height: 0
@@ -140,5 +145,5 @@ const a = {
   );
 });
 export {
-  or as RPPage
+  ar as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -39,11 +39,16 @@ 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/highlight.js";
+import "../../utils/charators.js";
+import "../../utils/selectionUtils.js";
+import "../../utils/geometryCache.js";
 import "../../utils/getWordPositionInPage.js";
+import "../../contexts/TextSelectionContext.js";
+import "../../utils/glyphHitTest.js";
+import "../../contexts/SelectionModeContext.js";
 import "./AnnotationLayer.js";
 import "../../contexts/PrintContext.js";
 import "../../utils/hooks/usePrint.js";
@@ -68,7 +73,7 @@ import "../../contexts/LicenseContext.js";
 import "../../utils/hooks/useLicense.js";
 import "../../utils/getElementPositionInPage.js";
 import "../../utils/withRef.js";
-const So = ({ widths: t, heights: r }) => {
+const Ao = ({ widths: t, heights: r }) => {
   const { focusedPage: o } = n(), p = m(() => ({
     position: "absolute",
     width: t(o - 1),
@@ -86,5 +91,5 @@ const So = ({ widths: t, heights: r }) => {
   );
 };
 export {
-  So as SinglePage
+  Ao as SinglePage
 };

package/dist/components/page/TextHighlightLayer.js

@@ -1,9 +1,11 @@
-import { jsx as k, Fragment as J } from "react/jsx-runtime";
-import { useState as A, useRef as N, useEffect as H, useMemo as Q } from "react";
-import { useDocumentContext as U } from "../../contexts/RPDocumentContext.js";
-import { useHighlightContext as V } from "../../contexts/HighlightContext.js";
-import { normalizeSingleKeyword as Y, sortHighlightPosition as Z, unwrap as tt } from "./searchHighlight.js";
-import { isMatchEntireWord as et } from "../../utils/highlight.js";
+import { jsx as d } from "react/jsx-runtime";
+import { useState as $, useEffect as k, useMemo as y } from "react";
+import { useDocumentContext as _ } from "../../contexts/RPDocumentContext.js";
+import { useHighlightContext as L } from "../../contexts/HighlightContext.js";
+import { normalizeSingleKeyword as M } from "./searchHighlight.js";
+import { isMatchEntireWord as T } from "../../utils/highlight.js";
+import { geometryCache as w } from "../../utils/geometryCache.js";
+import { rectsForRange as G } from "../../utils/selectionUtils.js";
 import "../../utils/hooks/useLoadPdf.js";
 import "@pdf-viewer/pdfium";
 import "@pdf-viewer/pdfium/compat";
@@ -19,181 +21,86 @@ import "../../utils/formatFileSize.js";
 import "../../utils/hooks/useHighlight.js";
 import "../../utils/charators.js";
 import "../../utils/const.js";
-const nt = {
-  "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
-}, kt = ({ pageNumber: w, viewport: O }) => {
-  const [$, v] = A(), { pages: R } = U(), { highlightKeywords: p } = V(), M = !0, C = N(null), [P, q] = A(null), [_, b] = A([]);
-  H(() => {
-    C.current && q(C.current.parentElement);
-  }, [C]), H(() => {
-    (async () => {
-      const e = R.get(w);
-      if (!e || !C.current)
-        return;
-      const n = await e.page.getTextContent();
-      v(n);
-    })();
-  }, [R, w]);
-  const j = Q(() => p ? p.map((t) => {
-    var e, n;
-    return {
-      ...Y(t.keyword, (e = t.options) == null ? void 0 : e.matchCase, (n = t.options) == null ? void 0 : n.wholeWords),
-      color: t.highlightColor
-    };
-  }) : [], [p]);
-  function D(t, e) {
-    if (!t)
-      return;
-    const n = `[data-rp="page-${e}-textLayer"]`;
-    return new Promise((r) => {
-      const s = t.querySelector(n);
-      if (s) {
-        r(s);
-        return;
-      }
-      new MutationObserver((i, c) => {
-        const l = t.querySelector(n);
-        l && (r(l), c.disconnect());
-      }).observe(t, { childList: !0, subtree: !0 });
-    });
-  }
-  function K(t) {
-    return new Promise((e) => {
-      const n = t.querySelectorAll(
-        '[data-rp="rp-text-layer-text"]'
-      );
-      if (n.length) {
-        e(Array.from(n));
-        return;
-      }
-      new MutationObserver((s, o) => {
-        const i = t.querySelectorAll(
-          ".rp-text-layer-text"
-        );
-        i.length && (e(Array.from(i)), o.disconnect());
-      }).observe(t, { childList: !0, subtree: !0 });
-    });
-  }
-  const W = (t, e, n, r) => {
-    var I;
-    const s = document.createRange(), o = n.firstChild;
-    if (!o || o.nodeType !== Node.TEXT_NODE)
-      return null;
-    const i = ((I = o.textContent) == null ? void 0 : I.length) ?? 0, c = r[0].charIdxInSpan, l = r.length === 1 ? c : r[r.length - 1].charIdxInSpan;
-    if (c > i || l + 1 > i)
-      return null;
-    s.setStart(o, c), s.setEnd(o, l + 1);
-    const h = document.createElement("span");
-    h.style.width = "auto", s.surroundContents(h);
-    const a = h.getBoundingClientRect(), f = t.getBoundingClientRect(), m = f.height, d = f.width, x = 100 * (a.left - f.left) / d, E = 100 * (a.top - f.top) / m, S = 100 * a.height / m, g = 100 * a.width / d;
-    return tt(h), {
-      keywordStr: e,
-      left: x,
-      top: E,
-      height: S,
-      width: g,
-      pageHeight: m,
-      pageWidth: d
-    };
-  };
-  async function z(t, e) {
-    const n = await D(P, t);
-    if (!n)
+const C = {
+  "rp-text-highlight-layer": "_rp-text-highlight-layer_1gqf0_1",
+  "rp-text-highlight": "_rp-text-highlight_1gqf0_1"
+}, Z = ({ pageNumber: n, viewport: p }) => {
+  const i = n - 1, { pages: h } = _(), { highlightKeywords: s } = L(), [r, m] = $(null);
+  k(() => {
+    const e = w.get(i);
+    if (e) {
+      m(e);
       return;
-    const r = await K(n);
-    if (r.length) {
-      const s = r.map((i) => i.tagName === "BR" ? " " : i.textContent).reduce(
-        (i, c, l) => i.concat(
-          c.split("").map((h, a) => ({
-            char: h,
-            charIdxInSpan: a,
-            spanIdx: l
-          }))
-        ),
-        [
-          {
-            char: "",
-            charIdxInSpan: 0,
-            spanIdx: 0
-          }
-        ]
-      ).slice(1), o = B(n, e, r, s);
-      b(o);
     }
-  }
-  const B = (t, e, n, r) => {
-    const s = e.length;
-    if (!r.length || !s)
+    const o = h.get(n);
+    if (!o)
+      return;
+    const t = o.page.getViewport({ scale: (p.width > 0, 1) }), g = o.page.getPageGeometry(t);
+    w.set(i, g), m(g);
+  }, [h, n, i, p]);
+  const c = y(() => s ? s.map((e) => {
+    var o, t;
+    return {
+      ...M(e.keyword, (o = e.options) == null ? void 0 : o.matchCase, (t = e.options) == null ? void 0 : t.wholeWords),
+      color: e.highlightColor
+    };
+  }) : [], [s]), a = y(() => {
+    if (!r || !c.length)
       return [];
-    const o = [], i = r.map((c) => c.char).join("");
-    return j.forEach((c) => {
-      const { keyword: l, regExp: h, wholeWords: a, color: f } = c, m = l;
-      if (!m.trim())
-        return;
-      const d = h.flags.indexOf("g") === -1 ? new RegExp(h, `${h.flags}g`) : h;
-      let x;
-      const E = [];
-      for (; (x = d.exec(i)) !== null; )
-        a && !et(i, x.index, x[0].length) || E.push({
-          keyword: d,
-          startIndex: x.index,
-          endIndex: d.lastIndex
-        });
-      const S = E.map((g) => ({
-        keyword: g.keyword,
-        indexes: r.slice(g.startIndex, g.endIndex),
-        color: f
-      }));
-      for (const g of S) {
-        const I = g.indexes.reduce(
-          (u, y) => (u[y.spanIdx] = (u[y.spanIdx] || []).concat([y]), u),
-          {}
-        );
-        for (const u of Object.values(I))
-          if (u.length !== 1 || u[0].char.trim() !== "") {
-            const y = u, F = n[y[0].spanIdx], T = W(
-              t,
-              m,
-              F,
-              y
-            );
-            if (T) {
-              const { left: X, top: G } = T;
-              if (o.find((L) => L.left === X && L.top === G))
-                continue;
-              o.push({ ...T, highlightColor: g.color });
-            }
-          }
-      }
-    }), o.sort(Z), o;
-  };
-  return H(() => {
-    (async () => {
-      if (!p || p.length === 0) {
-        b([]);
-        return;
-      }
-      try {
-        await z(w, p);
-      } catch (e) {
-        console.error(e);
-      }
-    })();
-  }, [M, p, w, $, O]), /* @__PURE__ */ k(J, { children: /* @__PURE__ */ k("div", { ref: C, "data-rp": `page-${w}-textHighlightLayer`, children: _.map((t, e) => /* @__PURE__ */ k(
-    "div",
-    {
-      className: nt["rp-text-highlight"],
-      style: {
-        top: `${t.top}%`,
-        left: `${t.left}%`,
-        width: `${t.width}%`,
-        height: `${t.height}%`,
-        backgroundColor: t.highlightColor
+    if (r.totalCharCount === 0)
+      return [];
+    const e = r.runs.map((t) => t.text).join(""), o = [];
+    for (const t of c) {
+      if (!t.keyword.trim())
+        continue;
+      const g = t.regExp.flags.indexOf("g") === -1 ? new RegExp(t.regExp, `${t.regExp.flags}g`) : t.regExp;
+      let l;
+      for (; (l = g.exec(e)) !== null; ) {
+        if (t.wholeWords && !T(e, l.index, l[0].length))
+          continue;
+        const x = E(r, l.index), f = E(r, l.index + l[0].length - 1);
+        if (x >= 0 && f >= 0) {
+          const u = G(r, x, f);
+          u.length > 0 && o.push({
+            rects: u,
+            color: t.color ?? "rgba(255, 235, 59, 0.4)",
+            keyword: t.keyword
+          });
+        }
       }
-    },
-    e
-  )) }) });
+    }
+    return o;
+  }, [r, c]);
+  return a.length === 0 ? null : /* @__PURE__ */ d("div", { "data-rp": `page-${n}-textHighlightLayer`, className: C["rp-text-highlight-layer"], children: a.map(
+    (e, o) => e.rects.map((t, g) => /* @__PURE__ */ d(
+      "div",
+      {
+        className: C["rp-text-highlight"],
+        style: {
+          position: "absolute",
+          left: `${t.x}px`,
+          top: `${t.y}px`,
+          width: `${t.width}px`,
+          height: `${t.height}px`,
+          backgroundColor: e.color
+        }
+      },
+      `${o}-${g}`
+    ))
+  ) });
 };
+function E(n, p) {
+  let i = 0, h = 0;
+  for (const s of n.runs) {
+    const r = s.text.length, m = s.glyphs.length;
+    if (p < i + r) {
+      const c = p - i;
+      return h + Math.min(c, m - 1);
+    }
+    i += r, h += m;
+  }
+  return Math.max(0, h - 1);
+}
 export {
-  kt as TextHighlightLayer
+  Z as TextHighlightLayer
 };