@react-pdf-kit/viewer 2.0.1-rc.2 → 2.1.0-beta.0

package/dist/components/layout/toolbar/SearchTool.js

@@ -1,25 +1,25 @@
-import { jsx as o, Fragment as at, jsxs as C } from "react/jsx-runtime";
-import { UIButton as ct } from "../../ui/Button.js";
+import { jsx as o, Fragment as pt, jsxs as x } from "react/jsx-runtime";
+import { UIButton as mt } from "../../ui/Button.js";
 import { SearchIcon as A } from "../../icons/SearchIcon.js";
-import { useState as b, useCallback as i, useEffect as l, useMemo as W } from "react";
-import { useLayoutContainer as pt } from "../../../contexts/LayoutContainerContext.js";
+import { useState as S, useCallback as i, useEffect as h, useMemo as W } from "react";
+import { useLayoutContainer as st } from "../../../contexts/LayoutContainerContext.js";
 import { c as n } from "../../../SearchTool.module-99f60dc7.js";
-import { UIInput as mt } from "../../ui/Input.js";
+import { UIInput as lt } from "../../ui/Input.js";
 import { UICheckbox as $ } from "../../ui/Checkbox.js";
 import { ClearIcon as ht } from "../../icons/ClearIcon.js";
-import { LoaderIcon as lt } from "../../icons/LoaderIcon.js";
-import { useSearchContext as st } from "../../../contexts/SearchContext.js";
-import { useIconContext as dt } from "../../../contexts/IconContext.js";
-import { useDocumentContext as ut } from "../../../contexts/RPDocumentContext.js";
-import E from "../../ui/RPTooltip.js";
-import { useToolbarComponentContext as ft } from "../../../contexts/ToolbarComponentContext.js";
-import { useLocalizationContext as It } from "../../../contexts/LocalizationContext.js";
+import { LoaderIcon as dt } from "../../icons/LoaderIcon.js";
+import { useSearchContext as ut } from "../../../contexts/SearchContext.js";
+import { useIconContext as F } from "../../../contexts/IconContext.js";
+import { useDocumentContext as ft } from "../../../contexts/RPDocumentContext.js";
+import v from "../../ui/RPTooltip.js";
+import { useToolbarComponentContext as It } from "../../../contexts/ToolbarComponentContext.js";
+import { useLocalizationContext as Ct } from "../../../contexts/LocalizationContext.js";
 import { InfoIcon as j } from "../../icons/InfoIcon.js";
-import { useViewportContext as Ct } from "../../../contexts/ViewportContext.js";
+import { useViewportContext as bt } from "../../../contexts/ViewportContext.js";
 import { SearchResultNavigator as q } from "./SearchResultNavigator.js";
 import { SearchCloseButton as z } from "./SearchCloseButton.js";
-import { UIDropDown as bt } from "../../ui/DropDown.js";
-import { useIconToolContext as xt } from "../../../contexts/IconToolContext.js";
+import { UIDropDown as xt } from "../../ui/DropDown.js";
+import { useIconToolContext as H } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as St } from "../../../contexts/ToolComponentContext.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/withRef.js";
@@ -69,78 +69,81 @@ import "../../icons/CloseIcon.js";
 import "../../../index-61f59539.js";
 import "../../../Combination-136ff99c.js";
 const yt = () => {
-  const { searchIcon: x } = dt(), { searchIcon: v } = xt();
-  return x || v || /* @__PURE__ */ o(A, {});
-}, jo = ({ icon: x }) => {
-  const { container: v } = pt(), [s, L] = b(!1), { pdf: S } = ut(), [k, F] = b(null), {
+  const { searchIcon: s } = F(), { searchIcon: d } = H();
+  return s ?? d ?? /* @__PURE__ */ o(A, {});
+}, Tt = () => {
+  const { searchClearIcon: s } = F(), { searchClearIcon: d } = H();
+  return s ?? d ?? /* @__PURE__ */ o(ht, {});
+}, qo = ({ icon: s }) => {
+  const { container: d } = st(), [u, L] = S(!1), { pdf: y } = ft(), [k, G] = S(null), {
     searchOptions: D,
-    setSearchOptions: y,
-    loading: H,
+    setSearchOptions: T,
+    loading: J,
     setSearch: c,
     totalMatches: K,
     currentMatchPosition: B,
     nextMatch: O,
     prevMatch: P,
     search: e
-  } = st(), { searchTool: G = !0 } = ft(), { searchTool: J = !0 } = St(), [d, u] = b(e), { localeMessages: t } = It(), { isSmallScreen: f } = Ct(), [T, Q] = b(null), [X, Y] = b(!1), Z = i(() => {
+  } = ut(), { searchTool: Q = !0 } = It(), { searchTool: X = !0 } = St(), [f, I] = S(e), { localeMessages: t } = Ct(), { isSmallScreen: C } = bt(), [E, Y] = S(null), [Z, _] = S(!1), g = i(() => {
     L(!0);
-  }, []), h = i(() => {
-    c(""), u(""), L(!1);
+  }, []), l = i(() => {
+    c(""), I(""), L(!1);
   }, [c]), R = (r) => {
-    const a = r.key === "Enter", I = r.key === " ";
-    (a || I) && h();
+    const a = r.key === "Enter", b = r.key === " ";
+    (a || b) && l();
   }, w = i(
     (r) => {
-      r.key === "Escape" && s && h();
+      r.key === "Escape" && u && l();
     },
-    [s]
-  ), _ = i(
+    [u]
+  ), M = i(
     (r) => {
-      r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !== d ? c(d) : r.key === "Enter" && O();
+      r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !== f ? c(f) : r.key === "Enter" && O();
     },
-    [d, P, O, c, e]
+    [f, P, O, c, e]
   );
-  l(() => {
-    u(e);
-  }, [e]), l(() => {
-    e && S && Y(!0);
-  }, [e, S]), l(() => {
-    e && e.trim() !== "" && (u(e), c(e));
-  }, []), l(() => (window.addEventListener("keydown", w), () => {
+  h(() => {
+    I(e);
+  }, [e]), h(() => {
+    e && y && _(!0);
+  }, [e, y]), h(() => {
+    e && e.trim() !== "" && (I(e), c(e));
+  }, []), h(() => (window.addEventListener("keydown", w), () => {
     window.removeEventListener("keydown", w);
-  }), [w]), l(() => {
+  }), [w]), h(() => {
     k && setTimeout(() => {
       k.focus();
     }, 0);
   }, [k]);
-  const g = i((r) => {
-    u(r.target.value);
+  const tt = i((r) => {
+    I(r.target.value);
   }, []), U = i(() => {
-    u(""), c("");
-  }, [c]), M = W(() => `${B} / ${K}`, [B, K]), { wholeWords: tt, matchCase: ot } = W(() => D, [D]), rt = i(
+    I(""), c("");
+  }, [c]), ot = W(() => `${B} / ${K}`, [B, K]), { wholeWords: rt, matchCase: et } = W(() => D, [D]), nt = i(
     (r) => {
-      y((a) => ({ ...a, matchCase: r }));
+      T((a) => ({ ...a, matchCase: r }));
     },
-    [y]
-  ), et = i(
+    [T]
+  ), it = i(
     (r) => {
-      y((a) => ({ ...a, wholeWords: r }));
+      T((a) => ({ ...a, wholeWords: r }));
     },
-    [y]
+    [T]
   );
-  l(() => {
-    S && X && h();
-  }, [S, h]);
-  const p = W(() => (T == null ? void 0 : T.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [T]), nt = i(
+  h(() => {
+    y && Z && l();
+  }, [y, l]);
+  const p = W(() => (E == null ? void 0 : E.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [E]), at = i(
     (r) => {
       if (r.key === "Tab") {
         const a = document.activeElement;
-        let I = 0;
-        p.forEach((m, it) => {
-          m === a && (I = it);
+        let b = 0;
+        p.forEach((m, ct) => {
+          m === a && (b = ct);
         });
-        let N = I + 1;
-        r.shiftKey && (N = I - 1);
+        let N = b + 1;
+        r.shiftKey && (N = b - 1);
         const V = p[N];
         if (V)
           V.focus();
@@ -155,54 +158,54 @@ const yt = () => {
     },
     [p]
   );
-  return !G || !J ? null : /* @__PURE__ */ o(at, { children: /* @__PURE__ */ o(
-    bt,
+  return !Q || !X ? null : /* @__PURE__ */ o(pt, { children: /* @__PURE__ */ o(
+    xt,
     {
-      open: s,
-      container: v,
+      open: u,
+      container: d,
       side: "bottom",
       align: "start",
       tabIndex: 0,
       avoidCollisions: !1,
-      triggerComponent: /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchButtonTooltip, children: /* @__PURE__ */ o(
-        ct,
+      triggerComponent: /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchButtonTooltip, children: /* @__PURE__ */ o(
+        mt,
         {
-          active: s,
-          onClick: Z,
+          active: u,
+          onClick: g,
           "aria-label": t == null ? void 0 : t.searchButtonTooltip,
-          "aria-expanded": s,
+          "aria-expanded": u,
           "aria-haspopup": "dialog",
-          children: x || /* @__PURE__ */ o(yt, {})
+          children: s || /* @__PURE__ */ o(yt, {})
         }
       ) }),
-      children: /* @__PURE__ */ C(
+      children: /* @__PURE__ */ x(
         "div",
         {
-          ref: Q,
+          ref: Y,
           className: n["rp-search-tool-content"],
           tabIndex: 0,
-          onKeyDown: nt,
+          onKeyDown: at,
           role: "dialog",
           "aria-label": (t == null ? void 0 : t.searchInputTooltip) || "Search dialog",
           children: [
-            /* @__PURE__ */ C("div", { className: n["rp-search-tool-input-wrapper"], children: [
-              /* @__PURE__ */ C("div", { className: n["rp-search-tool-input"], children: [
-                /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchInputTooltip, children: /* @__PURE__ */ o(
-                  mt,
+            /* @__PURE__ */ x("div", { className: n["rp-search-tool-input-wrapper"], children: [
+              /* @__PURE__ */ x("div", { className: n["rp-search-tool-input"], children: [
+                /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchInputTooltip, children: /* @__PURE__ */ o(
+                  lt,
                   {
-                    value: d,
-                    onKeyDown: _,
-                    onChange: g,
+                    value: f,
+                    onKeyDown: M,
+                    onChange: tt,
                     icon: /* @__PURE__ */ o(A, {}),
                     placeholder: t == null ? void 0 : t.searchInputPlaceholder,
                     className: n["rp-search-input"],
-                    ref: F,
+                    ref: G,
                     id: "search-input",
                     name: "search-input",
                     tabIndex: 0,
                     "aria-label": (t == null ? void 0 : t.searchInputTooltip) || (t == null ? void 0 : t.searchInputPlaceholder),
                     "aria-describedby": "search-results-count",
-                    children: !!d && /* @__PURE__ */ o(
+                    children: !!f && /* @__PURE__ */ o(
                       "span",
                       {
                         className: n["rp-search-tool-input-clear"],
@@ -213,45 +216,45 @@ const yt = () => {
                         onKeyDown: (r) => {
                           (r.key === "Enter" || r.key === " ") && (r.preventDefault(), U());
                         },
-                        children: /* @__PURE__ */ o(ht, {})
+                        children: /* @__PURE__ */ o(Tt, {})
                       }
                     )
                   }
                 ) }),
-                H ? /* @__PURE__ */ o("span", { "aria-live": "polite", "aria-label": "Searching", children: /* @__PURE__ */ o(lt, { className: n["rp-search-loader-icon"], "aria-hidden": "true" }) }) : /* @__PURE__ */ o("span", { id: "search-results-count", "aria-live": "polite", children: M }),
-                f && /* @__PURE__ */ o("div", { className: n["rp-search-tool-controls"], children: /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: h }) })
+                J ? /* @__PURE__ */ o("span", { "aria-live": "polite", "aria-label": "Searching", children: /* @__PURE__ */ o(dt, { className: n["rp-search-loader-icon"], "aria-hidden": "true" }) }) : /* @__PURE__ */ o("span", { id: "search-results-count", "aria-live": "polite", children: ot }),
+                C && /* @__PURE__ */ o("div", { className: n["rp-search-tool-controls"], children: /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: l }) })
               ] }),
-              /* @__PURE__ */ C("div", { className: n["rp-search-tool-input-checkboxes"], children: [
-                f && /* @__PURE__ */ o(q, {}),
+              /* @__PURE__ */ x("div", { className: n["rp-search-tool-input-checkboxes"], children: [
+                C && /* @__PURE__ */ o(q, {}),
                 /* @__PURE__ */ o(
                   $,
                   {
                     tabIndex: 0,
                     name: "matchCase",
-                    value: ot,
-                    onChange: rt,
+                    value: et,
+                    onChange: nt,
                     "aria-label": t == null ? void 0 : t.searchMatchCaseLabel,
                     children: t == null ? void 0 : t.searchMatchCaseLabel
                   }
                 ),
-                !f && /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchMatchCaseTooltip, children: /* @__PURE__ */ o("div", { className: n["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ o(j, {}) }) }),
+                !C && /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchMatchCaseTooltip, children: /* @__PURE__ */ o("div", { className: n["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ o(j, {}) }) }),
                 /* @__PURE__ */ o(
                   $,
                   {
                     tabIndex: 0,
                     name: "wholeWord",
-                    value: tt,
-                    onChange: et,
+                    value: rt,
+                    onChange: it,
                     "aria-label": t == null ? void 0 : t.searchWholeWordsLabel,
                     children: t == null ? void 0 : t.searchWholeWordsLabel
                   }
                 ),
-                !f && /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchWholeWordsTooltip, children: /* @__PURE__ */ o("div", { tabIndex: 0, className: n["rp-search-icon-info"], children: /* @__PURE__ */ o(j, {}) }) })
+                !C && /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchWholeWordsTooltip, children: /* @__PURE__ */ o("div", { tabIndex: 0, className: n["rp-search-icon-info"], children: /* @__PURE__ */ o(j, {}) }) })
               ] })
             ] }),
-            !f && /* @__PURE__ */ C("div", { className: n["rp-search-tool-controls"], children: [
+            !C && /* @__PURE__ */ x("div", { className: n["rp-search-tool-controls"], children: [
               /* @__PURE__ */ o(q, {}),
-              /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: h })
+              /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: l })
             ] })
           ]
         }
@@ -260,5 +263,5 @@ const yt = () => {
   ) });
 };
 export {
-  jo as SearchTool
+  qo as SearchTool
 };

package/dist/contexts/InitialStateContext.js

@@ -1,13 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
-import { createContext as r, useContext as i } from "react";
-const t = r({
-  instanceId: ""
-}), x = ({
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as n, useContext as i } from "react";
+const t = n({}), x = ({
   children: e,
-  ...n
-}) => /* @__PURE__ */ o(t.Provider, { value: n, children: e }), c = () => i(t);
+  ...o
+}) => /* @__PURE__ */ r(t.Provider, { value: o, children: e }), u = () => i(t);
 export {
   t as InitialStateContext,
   x as InitialStateProvider,
-  c as useInitialStateContext
+  u as useInitialStateContext
 };

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

@@ -1 +1 @@
-export declare const useWatermark: (instanceId?: string) => void;
+export declare const useWatermark: (container: HTMLDivElement | null) => void;

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

@@ -540,7 +540,6 @@ export interface ZoomContextType {
 }
 export type ZoomProps = Omit<ZoomContextType, 'currentZoom'>;
 export type InitialStateContextType = {
-    instanceId: string;
     interactiveForm?: boolean;
 } & ZoomProviderProps & PageProviderProps & ViewModeInitialProps & ScrollModeInitialProps & RotateProviderProps;
 export interface ZoomProviderProps {
@@ -820,6 +819,7 @@ export interface RPHorizontalBarIcons {
     documentPropertiesIcon?: React.ReactNode;
     printIcon?: React.ReactNode;
     searchIcon?: React.ReactNode;
+    searchClearIcon?: React.ReactNode;
     textSelectionIcon?: React.ReactNode;
     handModeIcon?: React.ReactNode;
 }

package/dist/utils/highlight.js

@@ -1,21 +1,21 @@
 import { getCharacterType as D } from "./charators.js";
-function _(l, c, m, i) {
+function _(r, c, m, i) {
   const s = [];
-  for (const n of l) {
+  for (const n of r) {
     const o = y(c, n, i);
     s.push(...R(o, c, m));
   }
   return s;
 }
-const L = (l, c) => {
+const L = (r, c) => {
   const m = ["g"];
   c.matchCase || m.push("i");
-  let s = l.replace(/[.^$*+?()[{|\\]/g, (n) => `\\${n}`).trim();
+  let s = r.replace(/[.^$*+?()[{|\\]/g, (n) => `\\${n}`).trim();
   return new RegExp(s, m.join(""));
 };
-function y(l, c, m) {
+function y(r, c, m) {
   const i = [];
-  for (const t of l.items)
+  for (const t of r.items)
     if (t.hasEOL)
       if (t.str.endsWith("-")) {
         const d = t.str.lastIndexOf("-");
@@ -34,14 +34,14 @@ function y(l, c, m) {
     m.wholeWords && !W(s, e.index, e[0].length) || o.push([e.index, e[0].length, e[0]]);
   return o;
 }
-function R(l, c, m) {
+function R(r, c, m) {
   function i(d) {
     return d.hasEOL ? d.str.endsWith("-") ? -1 : 1 : 0;
   }
   let s = 0, n = 0;
   const o = c.items, e = o.length - 1, t = [];
-  for (let d = 0; d < l.length; d++) {
-    let h = l[d][0];
+  for (let d = 0; d < r.length; d++) {
+    let h = r[d][0];
     for (; s !== e && h >= n + o[s].str.length; ) {
       const x = o[s];
       n += x.str.length + i(x), s++;
@@ -50,19 +50,19 @@ function R(l, c, m) {
       idx: s,
       offset: h - n
     };
-    for (h += l[d][1]; s !== e && h > n + o[s].str.length; ) {
+    for (h += r[d][1]; s !== e && h > n + o[s].str.length; ) {
       const x = o[s];
       n += x.str.length + i(x), s++;
     }
-    const r = {
+    const l = {
       idx: s,
       offset: h - n
     };
     t.push({
       start: g,
-      end: r,
-      str: l[d][2],
-      oIndex: l[d][0],
+      end: l,
+      str: r[d][2],
+      oIndex: r[d][0],
       pageIndex: m,
       rect: { left: 0, bottom: 0, width: 0, height: 0 },
       rects: []
@@ -71,45 +71,45 @@ function R(l, c, m) {
   for (const d of t) {
     const h = [];
     for (let g = d.start.idx; g <= d.end.idx; g++) {
-      const r = o[g], x = r.transform[4], C = r.transform[5], a = r.str.length > 0 ? r.width / r.str.length : 0, M = g === d.start.idx ? d.start.offset : 0, N = g === d.end.idx ? d.end.offset : r.str.length, f = x + M * a, E = (N - M) * a, u = (c.styles ?? {})[r.fontName], T = (u == null ? void 0 : u.ascent) ?? 1, v = (u == null ? void 0 : u.descent) != null ? Math.abs(u.descent) : 1 - T, b = C - v * r.height;
-      r.height > 0 && r.width > 0 && h.push({
+      const l = o[g], x = l.transform[4], C = l.transform[5], a = l.str.length > 0 ? l.width / l.str.length : 0, M = g === d.start.idx ? d.start.offset : 0, N = g === d.end.idx ? d.end.offset : l.str.length, f = x + M * a, E = (N - M) * a, u = (c.styles ?? {})[l.fontName], T = (u == null ? void 0 : u.ascent) ?? 1, v = (u == null ? void 0 : u.descent) != null ? Math.abs(u.descent) : 1 - T, b = C - v * l.height;
+      (E > 0 || l.height > 0) && h.push({
         left: f,
         bottom: b,
         width: E,
-        height: r.height
+        height: l.height
       });
     }
     d.rect = h[0], d.rects = h;
   }
   return t;
 }
-function W(l, c, m) {
-  let i = l.slice(0, c).match(/([^\p{M}])\p{M}*$/u);
+function W(r, c, m) {
+  let i = r.slice(0, c).match(/([^\p{M}])\p{M}*$/u);
   if (i) {
-    const s = l.charCodeAt(c), n = i[1].charCodeAt(0);
+    const s = r.charCodeAt(c), n = i[1].charCodeAt(0);
     if (D(s) === D(n))
       return !1;
   }
-  if (i = l.slice(c + m).match(/^\p{M}*([^\p{M}])/u), i) {
-    const s = l.charCodeAt(c + m - 1), n = i[1].charCodeAt(0);
+  if (i = r.slice(c + m).match(/^\p{M}*([^\p{M}])/u), i) {
+    const s = r.charCodeAt(c + m - 1), n = i[1].charCodeAt(0);
     if (D(s) === D(n))
       return !1;
   }
   return !0;
 }
-function I(l, c, m) {
+function I(r, c, m) {
   const i = [];
   function s(n, o, e = -1, t = -1, d = "") {
     const h = c.items[n], g = [];
-    let r = "", x = "", C = "", a = m[n];
+    let l = "", x = "", C = "", a = m[n];
     if (!a)
       return;
     if (a.nodeType === Node.TEXT_NODE) {
       const f = document.createElement("span");
       a.before(f), f.append(a), m[n] = f, a = f;
     }
-    e >= 0 && t >= 0 ? r = h.str.substring(e, t) : e < 0 && t < 0 ? r = h.str : e >= 0 ? r = h.str.substring(e) : t >= 0 && (r = h.str.substring(0, t));
-    const M = document.createTextNode(r), N = document.createElement("span");
+    e >= 0 && t >= 0 ? l = h.str.substring(e, t) : e < 0 && t < 0 ? l = h.str : e >= 0 ? l = h.str.substring(e) : t >= 0 && (l = h.str.substring(0, t));
+    const M = document.createTextNode(l), N = document.createElement("span");
     if (N.className = "highlight appended " + d, N.setAttribute("data-match-index", `${o}`), N.append(M), g.push(N), i.push({ element: N, index: o }), e > 0)
       if (a.childNodes.length === 1 && a.childNodes[0].nodeType === Node.TEXT_NODE) {
         x = h.str.substring(0, e);
@@ -135,7 +135,7 @@ function I(l, c, m) {
     }
     a.replaceChildren(...g);
   }
-  for (const [n, o] of l.entries())
+  for (const [n, o] of r.entries())
     if (o.start.idx === o.end.idx)
       s(o.start.idx, n, o.start.offset, o.end.offset);
     else
@@ -143,8 +143,8 @@ function I(l, c, m) {
         e === o.start.idx ? s(e, n, o.start.offset, -1, "begin") : e === o.end.idx ? s(e, n, -1, o.end.offset, "end") : s(e, n, -1, -1, "middle");
   return i;
 }
-function V(l, c) {
-  const m = l.items.map((i) => i.str);
+function V(r, c) {
+  const m = r.items.map((i) => i.str);
   for (let i = 0; i < c.length; i++) {
     const s = c[i];
     if (s && s.nodeType !== Node.TEXT_NODE) {
@@ -153,19 +153,19 @@ function V(l, c) {
     }
   }
 }
-function H(l = {}) {
-  return { matchCase: !1, wholeWords: !1, ...l };
+function H(r = {}) {
+  return { matchCase: !1, wholeWords: !1, ...r };
 }
-function S(l, c, m) {
+function S(r, c, m) {
   const i = [];
   function s(n, o, e = -1, t = -1, d) {
     var f, E;
     const h = c.items[n], g = [];
-    let r = "", x = "", C = "", a = m[n];
+    let l = "", x = "", C = "", a = m[n];
     if (!a)
       return;
-    e >= 0 && t >= 0 ? r = h.str.substring(e, t) : e < 0 && t < 0 ? r = h.str : e >= 0 ? r = h.str.substring(e) : t >= 0 && (r = h.str.substring(0, t));
-    const M = document.createTextNode(r), N = document.createElement("span");
+    e >= 0 && t >= 0 ? l = h.str.substring(e, t) : e < 0 && t < 0 ? l = h.str : e >= 0 ? l = h.str.substring(e) : t >= 0 && (l = h.str.substring(0, t));
+    const M = document.createTextNode(l), N = document.createElement("span");
     if (N.style.background = d, N.append(M), g.push(N), e > 0)
       if (a.childNodes.length === 1 && a.childNodes[0].nodeType === Node.TEXT_NODE) {
         x = h.str.substring(0, e);
@@ -205,7 +205,7 @@ function S(l, c, m) {
       }
     a.replaceChildren(...g), i.push({ element: N, index: o });
   }
-  for (const [n, o] of l.entries()) {
+  for (const [n, o] of r.entries()) {
     const { start: e, end: t, color: d } = o;
     e.idx === t.idx && s(e.idx, n, e.offset, t.offset, d);
   }