@soomo/text-annotator 4.1.3-staging.0 → 4.2.0-staging.0

package/dist/text-annotator.es.js

@@ -1,17 +1,21 @@
 import { v4 as dt } from "uuid";
-import { parseW3CBodies as Tt, serializeW3CBodies as At, parseW3CUser as Rt, UserSelectAction as vt, createStore as wt, createSelectionState as xt, createHoverState as Lt, createViewportState as Nt, Origin as K, createAnonymousGuest as Ot, createUndoStack as kt, createLifecycleObserver as Mt, createBaseAnnotator as Bt } from "@annotorious/core";
-import { Origin as _e, UserSelectAction as Ie, createBody as De } from "@annotorious/core";
+import { parseW3CBodies as At, serializeW3CBodies as vt, parseW3CUser as Rt, UserSelectAction as wt, createStore as xt, createSelectionState as Lt, createHoverState as Nt, createViewportState as Ot, Origin as F, createAnonymousGuest as kt, createUndoStack as _t, createLifecycleObserver as Mt, createBaseAnnotator as Bt } from "@annotorious/core";
+import { Origin as De, UserSelectAction as Pe, createBody as He } from "@annotorious/core";
 import { createNanoEvents as ut } from "nanoevents";
 import { colord as ot } from "colord";
-import { dequal as _t } from "dequal/lite";
-import It from "rbush";
-import Dt from "debounce";
+import { dequal as It } from "dequal/lite";
+import Dt from "rbush";
+import Pt from "debounce";
 import G from "hotkeys-js";
-import { poll as Pt } from "poll";
-const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt = "not-annotatable", $ = `.${gt}`, Z = (t, e) => t.contains(e) ? !!(e instanceof HTMLElement ? e.closest($) : e.parentElement?.closest($)) : !0, mt = (t, e) => {
+import { poll as Ht } from "poll";
+const Le = (t) => t.target.selector.every(I), ft = (t) => t.selector.every(I);
+function I(t) {
+  return Array.isArray(t) ? t.every((e) => "range" in e && e.range instanceof Range && !e.range.collapsed) : "range" in t && t.range instanceof Range && !t.range.collapsed;
+}
+const gt = typeof navigator < "u" && navigator.platform.startsWith("Mac"), mt = "not-annotatable", W = `.${mt}`, Z = (t, e) => t.contains(e) ? !!(e instanceof HTMLElement ? e.closest(W) : e.parentElement?.closest(W)) : !0, pt = (t, e) => {
   const o = e.commonAncestorContainer;
   return !Z(t, o);
-}, pt = /^\s*$/, Ht = (t) => pt.test(t.toString()), xe = (t) => pt.test(t.textContent || ""), Ut = (t) => {
+}, ht = /^\s*$/, Ut = (t) => ht.test(t.toString()), Ne = (t) => ht.test(t.textContent || ""), Kt = (t) => {
   if (t.length === 0) return [];
   if (t.length === 1) return [t[0]];
   t.sort((s, n) => {
@@ -20,22 +24,22 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   });
   const [e, ...o] = t, i = o.reduce((s, n) => s.current.compareBoundaryPoints(Range.START_TO_END, n) >= 0 ? (s.current.compareBoundaryPoints(Range.END_TO_END, n) < 0 && s.current.setEnd(n.endContainer, n.endOffset), s) : (s.merged.push(s.current), s.current = n.cloneRange(), s), { merged: [], current: e.cloneRange() });
   return [...i.merged, i.current];
-}, Kt = (t) => {
+}, Ft = (t) => {
   (!t.hasAttribute("tabindex") || t.tabIndex < -1) && t.setAttribute("tabindex", "-1"), t.classList.add("no-focus-outline");
-}, $t = function* (t) {
+}, Wt = function* (t) {
   const e = document.createTreeWalker(
     t.commonAncestorContainer,
     NodeFilter.SHOW_ELEMENT,
-    (i) => i instanceof HTMLElement && i.classList.contains(gt) && !i.parentElement?.closest($) && t.intersectsNode(i) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
+    (i) => i instanceof HTMLElement && i.classList.contains(mt) && !i.parentElement?.closest(W) && t.intersectsNode(i) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
   );
   let o;
   for (; o = e.nextNode(); )
     o instanceof HTMLElement && (yield o);
-}, Ft = (t, e) => {
-  if (!mt(t, e)) return [];
+}, $t = (t, e) => {
+  if (!pt(t, e)) return [];
   const o = [];
   let i = null;
-  for (const s of $t(e)) {
+  for (const s of Wt(e)) {
     let n;
     i ? (n = document.createRange(), n.setStartAfter(i), n.setEndBefore(s)) : (n = e.cloneRange(), n.setEndBefore(s)), n.collapsed || o.push(n), i = s;
   }
@@ -46,72 +50,72 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   return o.length > 0 ? o : [e];
 }, st = (t) => {
   const e = t.cloneContents();
-  return e.querySelectorAll($).forEach((o) => o.remove()), e;
-}, Wt = (t, e) => {
+  return e.querySelectorAll(W).forEach((o) => o.remove()), e;
+}, Yt = (t, e) => {
   const o = t.cloneRange();
   return e.contains(o.startContainer) || o.setStart(e, 0), e.contains(o.endContainer) || o.setEnd(e, e.childNodes.length), o;
-}, it = new Intl.Segmenter(void 0, { granularity: "grapheme" }), Yt = (t, e, o = 10, i) => {
+}, it = new Intl.Segmenter(void 0, { granularity: "grapheme" }), Xt = (t, e, o = 10, i) => {
   const s = i ? t.startContainer.parentElement.closest(i) : e, n = document.createRange();
   n.setStart(s, 0), n.setEnd(t.startContainer, t.startOffset);
   const r = st(n).textContent, a = document.createRange();
   a.setStart(t.endContainer, t.endOffset), s === document.body ? a.setEnd(s, s.childNodes.length) : a.setEndAfter(s);
-  const l = st(a).textContent, m = [...it.segment(r)], g = [...it.segment(l)];
+  const c = st(a).textContent, m = [...it.segment(r)], f = [...it.segment(c)];
   return {
-    prefix: m.slice(-o).map((h) => h.segment).join(""),
-    suffix: g.slice(0, o).map((h) => h.segment).join("")
+    prefix: m.slice(-o).map((y) => y.segment).join(""),
+    suffix: f.slice(0, o).map((y) => y.segment).join("")
   };
-}, Xt = (t, e, o) => {
+}, Vt = (t, e, o) => {
   const i = document.createRange(), s = o ? t.startContainer.parentElement.closest(o) : e;
   i.setStart(s, 0), i.setEnd(t.startContainer, t.startOffset);
-  const n = st(i).textContent, r = t.toString(), a = n.length || 0, l = a + r.length;
-  return o ? { quote: r, start: a, end: l, range: t, offsetReference: s } : { quote: r, start: a, end: l, range: t };
-}, I = (t) => t.every((e) => e.range instanceof Range && !e.range.collapsed), ht = (t, e) => {
+  const n = st(i).textContent, r = t.toString(), a = n.length || 0, c = a + r.length;
+  return o ? { quote: r, start: a, end: c, range: t, offsetReference: s } : { quote: r, start: a, end: c, range: t };
+}, yt = (t, e) => {
   const { start: o, end: i } = t, s = t.offsetReference || e, n = document.createTreeWalker(
     e,
     NodeFilter.SHOW_TEXT,
-    (g) => g.parentElement?.closest($) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT
+    (f) => f.parentElement?.closest(W) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT
   );
   let r = 0;
   const a = document.createRange();
-  let l = n.nextNode();
-  l === null && console.error("Could not revive annotation target. Content missing.");
+  let c = n.nextNode();
+  c === null && console.error("Could not revive annotation target. Content missing.");
   let m = !s;
-  for (; l !== null; ) {
-    if (m ||= typeof s?.contains == "function" ? s.contains(l) : !1, m) {
-      const g = l.textContent?.length || 0;
-      if (r + g > o) {
-        a.setStart(l, o - r);
+  for (; c !== null; ) {
+    if (m ||= typeof s?.contains == "function" ? s.contains(c) : !1, m) {
+      const f = c.textContent?.length || 0;
+      if (r + f > o) {
+        a.setStart(c, o - r);
         break;
       }
-      r += g;
+      r += f;
     }
-    l = n.nextNode();
+    c = n.nextNode();
   }
-  for (; l !== null; ) {
-    const g = l.textContent?.length || 0;
-    if (r + g >= i) {
-      a.setEnd(l, i - r);
+  for (; c !== null; ) {
+    const f = c.textContent?.length || 0;
+    if (r + f >= i) {
+      a.setEnd(c, i - r);
       break;
     }
-    r += g, l = n.nextNode();
+    r += f, c = n.nextNode();
   }
   return {
     ...t,
     range: a
   };
-}, J = (t, e) => I(t.selector) ? t : {
+}, J = (t, e, o = (i, s) => yt(i, s)) => ft(t) ? t : {
   ...t,
-  selector: t.selector.map((o) => o.range instanceof Range && !o.range.collapsed ? o : ht(o, e))
-}, tt = (t, e) => I(t.target.selector) ? t : { ...t, target: J(t.target, e) }, yt = (t) => {
+  selector: t.selector.map((i) => I(i) ? i : o(i, e))
+}, tt = (t, e, o) => ft(t.target) ? t : { ...t, target: J(t.target, e, o) }, St = (t) => {
   if (!t)
     return document.scrollingElement;
   const { overflowY: e } = window.getComputedStyle(t);
-  return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : yt(t.parentElement);
+  return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : St(t.parentElement);
 }, at = (t, e, o) => {
-  const i = o.getBoundingClientRect(), s = o.clientHeight, n = o.clientWidth, r = e.selector[0].range.getBoundingClientRect(), { width: a, height: l } = t.getAnnotationBounds(e.annotation), m = r.top - i.top, g = r.left - i.left, h = o.parentElement ? o.scrollTop : 0, p = o.parentElement ? o.scrollLeft : 0, v = m + h - (s - l) / 2, f = g + p - (n - a) / 2;
-  o.scroll({ top: v, left: f, behavior: "smooth" });
-}, Vt = (t, e) => (o, i) => {
-  const s = typeof o == "string" ? o : o.id, n = i ? typeof i == "string" ? document.getElementById(i) : i : yt(t);
+  const i = o.getBoundingClientRect(), s = o.clientHeight, n = o.clientWidth, r = e.selector[0].range.getBoundingClientRect(), { width: a, height: c } = t.getAnnotationBounds(e.annotation), m = r.top - i.top, f = r.left - i.left, y = o.parentElement ? o.scrollTop : 0, g = o.parentElement ? o.scrollLeft : 0, R = m + y - (s - c) / 2, l = f + g - (n - a) / 2;
+  o.scroll({ top: R, left: l, behavior: "smooth" });
+}, zt = (t, e) => (o, i) => {
+  const s = typeof o == "string" ? o : o.id, n = i ? typeof i == "string" ? document.getElementById(i) : i : St(t);
   if (!n)
     return console.warn(`The scroll parent is missing for the annotation: ${s}`, { container: t }), !1;
   const r = e.getAnnotation(s);
@@ -120,12 +124,12 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   const { range: a } = r.target.selector[0];
   if (a && !a.collapsed)
     return at(e, r.target, n), !0;
-  const l = J(r.target, t), { range: m } = l.selector[0];
-  return m && !m.collapsed ? (at(e, l, n), !0) : !1;
-}, Le = (t, e) => ({
-  parse: (o) => qt(o),
-  serialize: (o) => Gt(o, t, e)
-}), zt = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, jt = (t) => {
+  const c = J(r.target, t), { range: m } = c.selector[0];
+  return m && !m.collapsed ? (at(e, c, n), !0) : !1;
+}, Oe = (t, e) => ({
+  parse: (o) => Gt(o),
+  serialize: (o) => Qt(o, t, e)
+}), qt = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, jt = (t) => {
   const {
     id: e,
     creator: o,
@@ -144,80 +148,82 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     // @ts-expect-error: `styleClass` is not part of the core `TextAnnotationTarget` type
     styleClass: "styleClass" in r[0] ? r[0].styleClass : void 0
   };
-  for (const l of r) {
-    const g = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((h, p) => {
-      switch (p.type) {
+  for (const c of r) {
+    const f = (Array.isArray(c.selector) ? c.selector : [c.selector]).reduce((y, g) => {
+      switch (g.type) {
         case "TextQuoteSelector":
-          h.quote = p.exact;
+          y.quote = g.exact;
           break;
         case "TextPositionSelector":
-          h.start = p.start, h.end = p.end;
+          y.start = g.start, y.end = g.end;
           break;
       }
-      return h;
+      return y;
     }, {});
-    if (a.outdated ||= "outdated" in l ? l.outdated : void 0, a.migrationPending ||= "migrationPending" in l ? l.migrationPending : void 0, zt(g))
+    if (a.outdated ||= "outdated" in c ? c.outdated : void 0, a.migrationPending ||= "migrationPending" in c ? c.migrationPending : void 0, qt(f))
       a.selector.push(
         {
-          ...g,
-          id: l.id,
+          ...f,
+          id: c.id,
           // @ts-expect-error: `scope` is not part of the core `TextSelector` type
-          scope: l.scope
+          scope: c.scope
         }
       );
     else {
-      const h = [
-        g.start ? void 0 : "TextPositionSelector",
-        g.quote ? void 0 : "TextQuoteSelector"
+      const y = [
+        f.start ? void 0 : "TextPositionSelector",
+        f.quote ? void 0 : "TextQuoteSelector"
       ].filter(Boolean);
-      return { error: Error(`Missing selector types: ${h.join(" and ")} for annotation: ${t.id}`) };
+      return { error: Error(`Missing selector types: ${y.join(" and ")} for annotation: ${t.id}`) };
     }
   }
   return { parsed: a };
-}, qt = (t) => {
+}, Gt = (t) => {
   const e = t.id || dt(), {
     creator: o,
     created: i,
     modified: s,
     body: n,
     ...r
-  } = t, a = Tt(n, e), l = jt(t);
-  return "error" in l ? { error: l.error } : {
+  } = t, a = At(n, e), c = jt(t);
+  return "error" in c ? { error: c.error } : {
     parsed: {
       ...r,
       id: e,
       bodies: a,
-      target: l.parsed
+      target: c.parsed
     }
   };
-}, Gt = (t, e, o) => {
+}, Qt = (t, e, o) => {
   const { bodies: i, target: s, ...n } = t, {
     selector: r,
     creator: a,
-    created: l,
+    created: c,
     updated: m,
-    ...g
-  } = s, h = r.map((p) => {
-    const { id: v, quote: f, start: x, end: N, range: A } = p, E = {
+    ...f
+  } = s, y = r.map((g) => {
+    const { id: R, quote: l } = g, L = {
       type: "TextQuoteSelector",
-      exact: f
+      exact: l
     };
-    if (o) {
-      const { prefix: y, suffix: c } = Yt(A, o);
-      E.prefix = y, E.suffix = c;
+    if (o && "range" in g) {
+      const { prefix: S, suffix: x } = Xt(g.range, o);
+      L.prefix = S, L.suffix = x;
     }
-    const b = {
+    if (!("start" in g))
+      throw new Error("W3C serialization requires TextSelector with start/end");
+    const { start: N, end: A } = g, h = {
       type: "TextPositionSelector",
-      start: x,
-      end: N
+      start: N,
+      end: A
     };
     return {
-      ...g,
-      id: v,
+      ...f,
+      id: R,
       // @ts-expect-error: `scope` is not part of the core `TextSelector` type
-      scope: "scope" in p ? p.scope : void 0,
+      scope: "scope" in g ? g.scope : void 0,
       source: e,
-      selector: [E, b]
+      selector: [L, h]
     };
   });
   return {
@@ -225,15 +231,15 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: t.id,
     type: "Annotation",
-    body: At(t.bodies),
+    body: vt(t.bodies),
     creator: a,
-    created: l?.toISOString(),
+    created: c?.toISOString(),
     modified: m?.toISOString(),
-    target: h
+    target: y
   };
-}, Qt = (t) => t.addEventListener("click", (e) => {
+}, Zt = (t) => t.addEventListener("click", (e) => {
   // Allow clicks within not-annotatable elements
-  !e.target.closest($) && !e.target.closest("a") && e.preventDefault();
+  !e.target.closest(W) && !e.target.closest("a") && e.preventDefault();
 }), et = (t) => ({
   ...t,
   type: t.type,
@@ -281,61 +287,61 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   return ((...i) => {
     clearTimeout(o), o = setTimeout(() => t.apply(void 0, i), e);
   });
-}, St = (t, e, o, i) => {
+}, Et = (t, e, o, i) => {
   const { store: s, selection: n, hover: r } = o, a = ut();
-  let l;
+  let c;
   const m = /* @__PURE__ */ new Map();
-  let g;
-  const h = ce(i), p = (S) => {
-    const { x: T, y: O } = e.getBoundingClientRect(), B = s.getAt(S.clientX - T, S.clientY - O, !1, g);
-    B && o.selection.evalSelectAction(B) !== vt.NONE ? r.current !== B.id && (e.classList.add("hovered"), r.set(B.id)) : r.current && (e.classList.remove("hovered"), r.set(null));
+  let f;
+  const y = le(i), g = (T) => {
+    const { x: b, y: v } = e.getBoundingClientRect(), k = s.getAt(T.clientX - b, T.clientY - v, !1, f);
+    k && o.selection.evalSelectAction(k) !== wt.NONE ? r.current !== k.id && (e.classList.add("hovered"), r.set(k.id)) : r.current && (e.classList.remove("hovered"), r.set(null));
   };
-  e.addEventListener("pointermove", p);
-  const v = nt((S = !1) => requestAnimationFrame(() => {
-    const T = ae(e), { minX: O, minY: B, maxX: V, maxY: z } = T, j = g ? s.getIntersecting(O, B, V, z).filter(({ annotation: u }) => g?.(u)) : s.getIntersecting(O, B, V, z), F = n.selected.map(({ id: u }) => u), W = j.map(({ annotation: u, rects: C }) => {
-      const M = F.includes(u.id), D = u.id === r.current;
+  e.addEventListener("pointermove", g);
+  const R = nt((T = !1) => requestAnimationFrame(() => {
+    const b = ce(e), { minX: v, minY: k, maxX: K, maxY: z } = b, q = f ? s.getIntersecting(v, k, K, z).filter(({ annotation: u }) => f?.(u)) : s.getIntersecting(v, k, K, z), $ = n.selected.map(({ id: u }) => u), Y = q.map(({ annotation: u, rects: C }) => {
+      const M = $.includes(u.id), D = u.id === r.current;
       return {
         annotation: u,
         rects: C,
         state: { selected: M, hovered: D }
       };
     });
-    t.redraw(W, T, l, m, S), setTimeout(() => {
-      h(j.map(({ annotation: u }) => u)), a.emit("onRedraw");
+    t.redraw(Y, b, c, m, T), setTimeout(() => {
+      y(q.map(({ annotation: u }) => u)), a.emit("onRedraw");
     }, 1);
-  }), 10), f = (S, T) => {
-    T ? S ? m.set(T, S) : m.delete(T) : l = S, v(!0);
-  }, x = (S) => {
-    g = S, v(!1);
-  }, N = (S, T) => a.on(S, T), A = () => {
-    v();
+  }), 10), l = (T, b) => {
+    b ? T ? m.set(b, T) : m.delete(b) : c = T, R(!0);
+  }, L = (T) => {
+    f = T, R(!1);
+  }, N = (T, b) => a.on(T, b), A = () => {
+    R();
   };
   s.observe(A);
-  const E = n.subscribe(() => {
-    v();
-  }), b = r.subscribe(() => {
-    v();
-  }), y = () => {
-    v(!0);
+  const h = n.subscribe(() => {
+    R();
+  }), S = r.subscribe(() => {
+    R();
+  }), x = () => {
+    R(!0);
   };
-  document.addEventListener("scroll", y, { capture: !0, passive: !0 });
-  const c = nt(() => {
-    s.recalculatePositions(), v();
+  document.addEventListener("scroll", x, { capture: !0, passive: !0 });
+  const E = nt(() => {
+    s.recalculatePositions(), R();
   }, 10);
-  window.addEventListener("resize", c);
-  const d = new ResizeObserver(c);
+  window.addEventListener("resize", E);
+  const d = new ResizeObserver(E);
   d.observe(e);
-  const R = { attributes: !0, childList: !0, subtree: !0 }, w = new MutationObserver(nt((S) => {
-    S.every((O) => O.target === e || e.contains(O.target)) || v(!0);
+  const p = { attributes: !0, childList: !0, subtree: !0 }, w = new MutationObserver(nt((T) => {
+    T.every((v) => v.target === e || e.contains(v.target)) || R(!0);
   }, 150));
-  return w.observe(document.body, R), {
+  return w.observe(document.body, p), {
     destroy: () => {
-      e.removeEventListener("pointermove", p), t.destroy(), s.unobserve(A), E(), b(), document.removeEventListener("scroll", y), window.removeEventListener("resize", c), d.disconnect(), w.disconnect();
+      e.removeEventListener("pointermove", g), t.destroy(), s.unobserve(A), h(), S(), document.removeEventListener("scroll", x), window.removeEventListener("resize", E), d.disconnect(), w.disconnect();
     },
     on: N,
-    redraw: v,
-    setStyle: f,
-    setFilter: x,
+    redraw: R,
+    setStyle: l,
+    setFilter: L,
     setVisible: t.setVisible.bind(t)
   };
 }, U = {
@@ -344,10 +350,10 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
 }, rt = {
   fill: "rgb(0, 128, 255)",
   fillOpacity: 0.45
-}, Zt = (t) => t?.fillOpacity !== void 0 ? ot(t?.fill || U.fill).alpha(t.fillOpacity).toHex() : t?.fill ? t.fill : ot(U.fill).alpha(U.fillOpacity).toHex(), Et = (t, e, o) => e ? typeof e == "function" ? e(t.annotation, t.state, o) || (t.state?.selected ? rt : U) : e : t.state?.selected ? rt : U, Jt = (t, e) => {
+}, Jt = (t) => t?.fillOpacity !== void 0 ? ot(t?.fill || U.fill).alpha(t.fillOpacity).toHex() : t?.fill ? t.fill : ot(U.fill).alpha(U.fillOpacity).toHex(), bt = (t, e, o) => e ? typeof e == "function" ? e(t.annotation, t.state, o) || (t.state?.selected ? rt : U) : e : t.state?.selected ? rt : U, te = (t, e) => {
   const o = (n, r) => n.x <= r.x + r.width && n.x + n.width >= r.x && n.y <= r.y + r.height && n.y + n.height >= r.y, i = (n) => n.rects.reduce((r, a) => r + a.width, 0), s = e.filter(({ rects: n }) => n.some((r) => o(t, r)));
   return s.sort((n, r) => i(r) - i(n)), s.findIndex((n) => n.rects.includes(t));
-}, te = (t) => {
+}, ee = (t) => {
   const e = [], o = document.createTreeWalker(
     t.commonAncestorContainer,
     NodeFilter.SHOW_TEXT
@@ -366,27 +372,27 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     if (a.selectNode(n), t.startContainer.nodeType === Node.TEXT_NODE)
       a.setStart(n, t.startOffset);
     else {
-      const g = t.startContainer.childNodes[t.startOffset];
-      g ? a.setStartBefore(g) : a.setStartAfter(t.startContainer);
+      const f = t.startContainer.childNodes[t.startOffset];
+      f ? a.setStartBefore(f) : a.setStartAfter(t.startContainer);
     }
-    const l = document.createRange();
-    if (l.selectNode(r), t.endContainer.nodeType === Node.TEXT_NODE)
-      l.setEnd(r, t.endOffset);
+    const c = document.createRange();
+    if (c.selectNode(r), t.endContainer.nodeType === Node.TEXT_NODE)
+      c.setEnd(r, t.endOffset);
     else {
-      const g = t.endContainer.childNodes[t.endOffset];
-      g ? l.setEndBefore(g) : l.setEndAfter(t.endContainer);
+      const f = t.endContainer.childNodes[t.endOffset];
+      f ? c.setEndBefore(f) : c.setEndAfter(t.endContainer);
     }
-    const m = (g) => {
-      const h = document.createRange();
-      return h.selectNode(g), Array.from(h.getClientRects());
+    const m = (f) => {
+      const y = document.createRange();
+      return y.selectNode(f), Array.from(y.getClientRects());
     };
     return [
       ...Array.from(a.getClientRects()),
       ...e.slice(1, -1).flatMap(m),
-      ...Array.from(l.getClientRects())
+      ...Array.from(c.getClientRects())
     ];
   }
-}, ee = (t, e, o, i) => {
+}, ne = (t, e, o, i) => {
   const s = (a) => Math.round(a * 10) / 10, n = {
     top: s(t.top),
     bottom: s(t.bottom),
@@ -410,44 +416,44 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
       return "block-contains";
   } else if (n.top >= r.top && n.bottom <= r.bottom && n.left >= r.left && n.right <= r.right)
     return "block-is-contained";
-}, ne = (t, e) => {
+}, oe = (t, e) => {
   const o = Math.min(t.left, e.left), i = Math.max(t.right, e.right), s = Math.min(t.top, e.top), n = Math.max(t.bottom, e.bottom);
   return new DOMRect(o, s, i - o, n - s);
-}, oe = (t, e = 0.5, o = 0.5) => t.reduce((i, s) => {
+}, se = (t, e = 0.5, o = 0.5) => t.reduce((i, s) => {
   if (s.width === 0 || s.height === 0)
     return i;
   let n = [...i], r = !1;
   for (const a of i) {
-    const l = ee(s, a, e, o);
-    if (l === "inline-adjacent") {
-      n = n.map((m) => m === a ? ne(s, a) : m), r = !0;
+    const c = ne(s, a, e, o);
+    if (c === "inline-adjacent") {
+      n = n.map((m) => m === a ? oe(s, a) : m), r = !0;
       break;
-    } else if (l === "inline-contains") {
+    } else if (c === "inline-contains") {
       n = n.map((m) => m === a ? s : m), r = !0;
       break;
-    } else if (l === "inline-is-contained") {
+    } else if (c === "inline-is-contained") {
       r = !0;
       break;
-    } else if (l === "block-contains" || l === "block-is-contained") {
+    } else if (c === "block-contains" || c === "block-is-contained") {
       s.width < a.width && (n = n.map((m) => m === a ? s : m)), s.width === a.width && s.height < a.width && (n = n.map((m) => m === a ? s : m)), r = !0;
       break;
     }
   }
   return r ? n : [...n, s];
-}, []), Ne = (t) => ({
+}, []), ke = (t) => ({
   length: t.length,
   item: (e) => t[e],
   [Symbol.iterator]: function* () {
     for (let e = 0; e < this.length; e++)
       yield this.item(e);
   }
-}), se = (t, e) => {
+}), re = (t, e) => {
   const { left: o, top: i, right: s, bottom: n } = t;
   return new DOMRect(o - e.left, i - e.top, s - o, n - i);
-}, Oe = (t, e) => {
+}, _e = (t, e) => {
   const { left: o, top: i, right: s, bottom: n } = t;
   return new DOMRect(o + e.left, i + e.top, s - o, n - i);
-}, re = (t) => {
+}, ie = (t) => {
   t.classList.add("r6o-annotatable");
   const e = document.createElement("div");
   e.className = "r6o-span-highlight-layer", t.appendChild(e);
@@ -456,331 +462,336 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     destroy: () => {
       e.remove();
     },
-    redraw: (r, a, l, m, g) => {
-      const h = performance.now();
-      if (!(!_t(o, r) || g)) return;
-      e.innerHTML = "", [...r].sort((x, N) => {
-        const { annotation: { target: { created: A } } } = x, { annotation: { target: { created: E } } } = N;
-        return A && E ? A.getTime() - E.getTime() : 0;
-      }).forEach((x) => {
-        const N = m?.get(x.annotation.id) || l;
-        x.rects.map((A) => {
-          const E = Jt(A, r), b = Et(x, N, E), y = document.createElement("span");
-          y.className = "r6o-annotation", y.dataset.annotation = x.annotation.id, y.style.left = `${A.x}px`, y.style.top = `${A.y}px`, y.style.width = `${A.width}px`, y.style.height = `${A.height}px`, y.style.backgroundColor = Zt(b), b.underlineStyle && (y.style.borderStyle = b.underlineStyle), b.underlineColor && (y.style.borderColor = b.underlineColor), b.underlineThickness && (y.style.borderBottomWidth = `${b.underlineThickness}px`), b.underlineOffset && (y.style.paddingBottom = `${b.underlineOffset}px`), e.appendChild(y);
+    redraw: (r, a, c, m, f) => {
+      if (!(!It(o, r) || f)) return;
+      e.innerHTML = "", [...r].sort((l, L) => {
+        const { annotation: { target: { created: N } } } = l, { annotation: { target: { created: A } } } = L;
+        return N && A ? N.getTime() - A.getTime() : 0;
+      }).forEach((l) => {
+        const L = m?.get(l.annotation.id) || c;
+        l.rects.map((N) => {
+          const A = te(N, r), h = bt(l, L, A), S = document.createElement("span");
+          S.className = "r6o-annotation", S.dataset.annotation = l.annotation.id, S.style.left = `${N.x}px`, S.style.top = `${N.y}px`, S.style.width = `${N.width}px`, S.style.height = `${N.height}px`, S.style.backgroundColor = Jt(h), h.underlineStyle && (S.style.borderStyle = h.underlineStyle), h.underlineColor && (S.style.borderColor = h.underlineColor), h.underlineThickness && (S.style.borderBottomWidth = `${h.underlineThickness}px`), h.underlineOffset && (S.style.paddingBottom = `${h.underlineOffset}px`), e.appendChild(S);
         });
-      }), o = r, console.log(`Took ${performance.now() - h} ms`);
+      }), o = r;
     },
     setVisible: (r) => {
       r ? e.classList.remove("hidden") : e.classList.add("hidden");
     }
   };
-}, ie = (t, e, o) => St(re(t), t, e, o), ae = (t) => {
-  const { top: e, left: o } = t.getBoundingClientRect(), { innerWidth: i, innerHeight: s } = window, n = -o, r = -e, a = i - o, l = s - e;
-  return { top: e, left: o, minX: n, minY: r, maxX: a, maxY: l };
-}, ce = (t) => {
+}, ae = (t, e, o) => Et(ie(t), t, e, o), ce = (t) => {
+  const { top: e, left: o } = t.getBoundingClientRect(), { innerWidth: i, innerHeight: s } = window, n = -o, r = -e, a = i - o, c = s - e;
+  return { top: e, left: o, minX: n, minY: r, maxX: a, maxY: c };
+}, le = (t) => {
   let e = /* @__PURE__ */ new Set();
   return (i) => {
     const s = i.map((n) => n.id);
     (e.size !== s.length || s.some((n) => !e.has(n))) && t.set(s), e = new Set(s);
   };
-}, le = (t, e, o, i) => {
-  const s = new It(), n = /* @__PURE__ */ new Map(), r = ut(), a = (c, d) => {
-    const R = c.selector.flatMap((L) => {
-      const S = I([L]) ? L.range : ht(L, e).range;
-      return te(S);
-    }), w = oe(R, o, i).map((L) => se(L, d));
-    return w.map((L) => {
-      const { x: S, y: T, width: O, height: B } = L;
+}, de = (t, e, o, i, s) => {
+  const n = new Dt(), r = /* @__PURE__ */ new Map(), a = ut(), c = (d, p) => {
+    const w = d.selector.flatMap((T) => {
+      const b = (s ? s(T, e) : yt(T, e))?.range;
+      return ee(b);
+    }), O = se(w, o, i).map((T) => re(T, p));
+    return O.map((T) => {
+      const { x: b, y: v, width: k, height: K } = T;
       return {
-        minX: S,
-        minY: T,
-        maxX: S + O,
-        maxY: T + B,
+        minX: b,
+        minY: v,
+        maxX: b + k,
+        maxY: v + K,
         annotation: {
-          id: c.annotation,
-          rects: w
+          id: d.annotation,
+          rects: O
         }
       };
     });
-  }, l = () => [...n.values()], m = () => {
-    s.clear(), n.clear();
-  }, g = (c) => {
-    const d = a(c, e.getBoundingClientRect());
-    d.length !== 0 && (d.forEach((R) => s.insert(R)), n.set(c.annotation, d));
-  }, h = (c) => {
-    const d = n.get(c.annotation);
-    d && (d.forEach((R) => s.remove(R)), n.delete(c.annotation));
-  }, p = (c) => {
-    h(c), g(c);
-  }, v = (c, d = !0) => {
-    d && m();
-    const R = e.getBoundingClientRect(), w = c.map((S) => ({ target: S, rects: a(S, R) }));
-    w.forEach(({ target: S, rects: T }) => {
-      T.length > 0 && n.set(S.annotation, T);
+  }, m = () => [...r.values()], f = () => {
+    n.clear(), r.clear();
+  }, y = (d) => {
+    const p = c(d, e.getBoundingClientRect());
+    p.length !== 0 && (p.forEach((w) => n.insert(w)), r.set(d.annotation, p));
+  }, g = (d) => {
+    const p = r.get(d.annotation);
+    p && (p.forEach((w) => n.remove(w)), r.delete(d.annotation));
+  }, R = (d) => {
+    g(d), y(d);
+  }, l = (d, p = !0) => {
+    p && f();
+    const w = e.getBoundingClientRect(), O = d.map((b) => ({ target: b, rects: c(b, w) }));
+    O.forEach(({ target: b, rects: v }) => {
+      v.length > 0 && r.set(b.annotation, v);
     });
-    const L = w.flatMap(({ rects: S }) => S);
-    s.load(L);
-  }, f = (c, d, R = !1) => {
-    const w = s.search({
-      minX: c,
-      minY: d,
-      maxX: c,
-      maxY: d
-    }), L = (S) => S.annotation.rects.reduce((T, O) => T + O.width * O.height, 0);
-    return w.length > 0 ? (w.sort((S, T) => L(S) - L(T)), R ? w.map((S) => S.annotation.id) : [w[0].annotation.id]) : [];
-  }, x = (c) => {
-    const d = N(c);
-    if (d.length === 0)
+    const T = O.flatMap(({ rects: b }) => b);
+    n.load(T);
+  }, L = (d, p, w = !1) => {
+    const O = n.search({
+      minX: d,
+      minY: p,
+      maxX: d,
+      maxY: p
+    }), T = (b) => b.annotation.rects.reduce((v, k) => v + k.width * k.height, 0);
+    return O.length > 0 ? (O.sort((b, v) => T(b) - T(v)), w ? O.map((b) => b.annotation.id) : [O[0].annotation.id]) : [];
+  }, N = (d) => {
+    const p = A(d);
+    if (p.length === 0)
       return;
-    let R = d[0].left, w = d[0].top, L = d[0].right, S = d[0].bottom;
-    for (let T = 1; T < d.length; T++) {
-      const O = d[T];
-      R = Math.min(R, O.left), w = Math.min(w, O.top), L = Math.max(L, O.right), S = Math.max(S, O.bottom);
+    let w = p[0].left, O = p[0].top, T = p[0].right, b = p[0].bottom;
+    for (let v = 1; v < p.length; v++) {
+      const k = p[v];
+      w = Math.min(w, k.left), O = Math.min(O, k.top), T = Math.max(T, k.right), b = Math.max(b, k.bottom);
     }
-    return new DOMRect(R, w, L - R, S - w);
-  }, N = (c) => {
-    const d = n.get(c);
-    return d ? d[0].annotation.rects : [];
+    return new DOMRect(w, O, T - w, b - O);
+  }, A = (d) => {
+    const p = r.get(d);
+    return p ? p[0].annotation.rects : [];
   };
   return {
-    all: l,
-    clear: m,
-    getAt: f,
-    getAnnotationBounds: x,
-    getAnnotationRects: N,
-    getIntersecting: (c, d, R, w) => {
-      const L = s.search({ minX: c, minY: d, maxX: R, maxY: w }), S = new Set(L.map((T) => T.annotation.id));
-      return Array.from(S).map((T) => ({
-        annotation: t.getAnnotation(T),
-        rects: N(T)
-      })).filter((T) => !!T.annotation);
+    all: m,
+    clear: f,
+    getAt: L,
+    getAnnotationBounds: N,
+    getAnnotationRects: A,
+    getIntersecting: (d, p, w, O) => {
+      const T = n.search({ minX: d, minY: p, maxX: w, maxY: O }), b = new Set(T.map((v) => v.annotation.id));
+      return Array.from(b).map((v) => ({
+        annotation: t.getAnnotation(v),
+        rects: A(v)
+      })).filter((v) => !!v.annotation);
     },
-    insert: g,
+    insert: y,
     recalculate: () => {
-      v(t.all().map((c) => c.target), !0), r.emit("recalculate");
+      l(t.all().map((d) => d.target), !0), a.emit("recalculate");
     },
-    remove: h,
-    set: v,
-    size: () => s.all().length,
-    update: p,
-    on: (c, d) => r.on(c, d)
+    remove: g,
+    set: l,
+    size: () => n.all().length,
+    update: R,
+    on: (d, p) => a.on(d, p)
   };
-}, de = (t, e) => {
-  const o = wt(), i = le(o, t, e.mergeHighlights?.horizontalTolerance, e.mergeHighlights?.verticalTolerance), s = xt(o, e.userSelectAction, e.adapter), n = Lt(o), r = Nt(), a = (E, b = K.LOCAL) => {
-    const y = tt(E, t), c = I(y.target.selector);
-    return c && o.addAnnotation(y, b), c;
-  }, l = (E, b = !0, y = K.LOCAL) => {
-    const c = E.map((R) => tt(R, t)), d = c.filter((R) => !I(R.target.selector));
-    return o.bulkAddAnnotations(c, b, y), d;
-  }, m = (E, b = K.LOCAL) => {
-    const y = E.map((d) => tt(d, t)), c = y.filter((d) => !I(d.target.selector));
-    return y.forEach((d) => {
-      o.getAnnotation(d.id) ? o.updateAnnotation(d, b) : o.addAnnotation(d, b);
-    }), c;
-  }, g = (E, b = K.LOCAL) => {
-    const y = J(E, t);
-    o.updateTarget(y, b);
-  }, h = (E, b = K.LOCAL) => {
-    const y = E.map((c) => J(c, t));
-    o.bulkUpdateTargets(y, b);
+}, ue = (t, e) => {
+  const o = xt(), i = de(
+    o,
+    t,
+    e.mergeHighlights?.horizontalTolerance,
+    e.mergeHighlights?.verticalTolerance,
+    e.selectorReviveFn
+  ), s = Lt(o, e.userSelectAction, e.adapter), n = Nt(o), r = Ot(), a = (h, S = F.LOCAL) => {
+    const x = tt(h, t, e.selectorReviveFn), E = I(x.target.selector);
+    return E && o.addAnnotation(x, S), E;
+  }, c = (h, S = !0, x = F.LOCAL) => {
+    const E = h.map((p) => tt(p, t)), d = E.filter((p) => !I(p.target.selector));
+    return o.bulkAddAnnotations(E, S, x), d;
+  }, m = (h, S = F.LOCAL) => {
+    const x = h.map((d) => tt(d, t)), E = x.filter((d) => !I(d.target.selector));
+    return x.forEach((d) => {
+      o.getAnnotation(d.id) ? o.updateAnnotation(d, S) : o.addAnnotation(d, S);
+    }), E;
+  }, f = (h, S = F.LOCAL) => {
+    const x = J(h, t);
+    o.updateTarget(x, S);
+  }, y = (h, S = F.LOCAL) => {
+    const x = h.map((E) => J(E, t));
+    o.bulkUpdateTargets(x, S);
   };
-  function p(E, b, y, c) {
-    const d = y || !!c, R = i.getAt(E, b, d).map((L) => o.getAnnotation(L)).filter(Boolean), w = c ? R.filter(c) : R;
+  function g(h, S, x, E) {
+    const d = x || !!E, p = i.getAt(h, S, d).map((O) => o.getAnnotation(O)).filter(Boolean), w = E ? p.filter(E) : p;
     if (w.length !== 0)
-      return y ? w : w[0];
+      return x ? w : w[0];
   }
-  const v = (E) => i.getAnnotationRects(E).length > 0 ? i.getAnnotationBounds(E) : void 0, f = (E, b, y, c) => i.getIntersecting(E, b, y, c), x = (E) => i.getAnnotationRects(E), N = () => i.recalculate(), A = (E) => i.on("recalculate", E);
-  return o.observe(({ changes: E }) => {
-    const b = (E.deleted || []).filter((d) => I(d.target.selector)), y = (E.created || []).filter((d) => I(d.target.selector)), c = (E.updated || []).filter((d) => I(d.newValue.target.selector));
-    b?.length > 0 && b.forEach((d) => i.remove(d.target)), y.length > 0 && i.set(y.map((d) => d.target), !1), c?.length > 0 && c.forEach(({ newValue: d }) => i.update(d.target));
+  const R = (h) => i.getAnnotationRects(h).length > 0 ? i.getAnnotationBounds(h) : void 0, l = (h, S, x, E) => i.getIntersecting(h, S, x, E), L = (h) => i.getAnnotationRects(h), N = () => i.recalculate(), A = (h) => i.on("recalculate", h);
+  return o.observe(({ changes: h }) => {
+    const S = (h.deleted || []).filter((d) => I(d.target.selector)), x = (h.created || []).filter((d) => I(d.target.selector)), E = (h.updated || []).filter((d) => I(d.newValue.target.selector));
+    S?.length > 0 && S.forEach((d) => i.remove(d.target)), x.length > 0 && i.set(x.map((d) => d.target), !1), E?.length > 0 && E.forEach(({ newValue: d }) => i.update(d.target));
   }), {
     store: {
       ...o,
       addAnnotation: a,
-      bulkAddAnnotations: l,
-      bulkUpdateTargets: h,
+      bulkAddAnnotations: c,
+      bulkUpdateTargets: y,
       bulkUpsertAnnotations: m,
-      getAnnotationBounds: v,
-      getAnnotationRects: x,
-      getIntersecting: f,
-      getAt: p,
+      getAnnotationBounds: R,
+      getAnnotationRects: L,
+      getIntersecting: l,
+      getAt: g,
       recalculatePositions: N,
       onRecalculatePositions: A,
-      updateTarget: g
+      updateTarget: f
     },
     selection: s,
     hover: n,
     viewport: r
   };
-}, ct = 300, bt = ["up", "down", "left", "right"], Ct = ft ? "⌘+a" : "ctrl+a", ue = [
-  ...bt.map((t) => `shift+${t}`),
-  Ct
-], fe = (t, e, o, i) => {
+}, ct = 300, Ct = ["up", "down", "left", "right"], Tt = gt ? "⌘+a" : "ctrl+a", fe = [
+  ...Ct.map((t) => `shift+${t}`),
+  Tt
+], ge = (t, e, o, i) => {
   const { store: s, selection: n } = e;
   let r;
   const {
     annotatingEnabled: a,
-    offsetReferenceSelector: l,
+    offsetReferenceSelector: c,
     selectionMode: m,
-    dismissOnNotAnnotatable: g = "NEVER"
+    dismissOnNotAnnotatable: f = "NEVER"
   } = i;
-  let h, p = a, v = "CREATE_NEW", f, x, N, A;
-  const E = (u) => {
-    p = u, w.clear(), u || (x = void 0, f = void 0, N = void 0, A = void 0);
-  }, b = (u) => v = u || "CREATE_NEW", y = (u) => h = u, c = (u) => r = u, d = (u) => {
-    if (v === "ADD_TO_CURRENT")
+  let y, g = a, R = "CREATE_NEW", l, L, N, A;
+  const h = (u) => {
+    g = u, w.clear(), u || (L = void 0, l = void 0, N = void 0, A = void 0);
+  }, S = (u) => R = u || "CREATE_NEW", x = (u) => y = u, E = (u) => r = u, d = (u) => {
+    if (R === "ADD_TO_CURRENT")
       return !0;
     if (i.allowModifierSelect) {
       const C = u;
-      return ft ? C.metaKey : C.ctrlKey;
+      return gt ? C.metaKey : C.ctrlKey;
     } else
       return !1;
-  }, R = () => {
-    if (!p || N === !1) return;
+  }, p = () => {
+    if (!g || N === !1) return;
     const { selected: u } = n;
-    if ((d(A) || v === "REPLACE_CURRENT") && u.length === 1 && u[0].editable) {
+    if ((d(A) || R === "REPLACE_CURRENT") && u.length === 1 && u[0].editable) {
       const M = s.getAnnotation(u[0].id);
       if (M?.target) {
-        x = M.target, f = {
+        L = M.target, l = {
           annotation: M.id,
           selector: [],
-          created: x.created,
-          creator: x.creator,
+          created: L.created,
+          creator: L.creator,
           updated: /* @__PURE__ */ new Date(),
           updatedBy: r
         };
         return;
       }
     }
-    x = void 0, f = {
+    L = void 0, l = {
       annotation: dt(),
       selector: [],
       created: /* @__PURE__ */ new Date(),
       creator: r
     };
-  }, w = Dt((u) => {
-    if (!p) return;
+  }, w = Pt((u) => {
+    if (!g) return;
     const C = document.getSelection();
     if (!C?.anchorNode) return;
-    const D = F().map((k) => Wt(k, t));
-    if (D.every((k) => !mt(t, k))) {
-      f = void 0;
+    const D = $().map((_) => Yt(_, t));
+    if (D.every((_) => !pt(t, _))) {
+      l = void 0;
       return;
     }
     const P = u.timeStamp - (A?.timeStamp || u.timeStamp);
-    if (A?.type === "pointerdown" && (P < 1e3 && !f || C.isCollapsed && P < ct) && R(), !f && (R(), !f))
+    if (A?.type === "pointerdown" && (P < 1e3 && !l || C.isCollapsed && P < ct) && p(), !l && (p(), !l))
       return;
     if (C.isCollapsed) {
-      s.getAnnotation(f.annotation) && !(d(A) || v === "REPLACE_CURRENT") && (n.clear(), s.deleteAnnotation(f.annotation));
+      s.getAnnotation(l.annotation) && !(d(A) || R === "REPLACE_CURRENT") && (n.clear(), s.deleteAnnotation(l.annotation));
       return;
     }
-    if (D.every((k) => Ht(k))) return;
-    const _ = D.flatMap((k) => Ft(t, k.cloneRange()));
-    if (!(_.length > 0 && !f || _.length !== f.selector.length || _.some((k, Y) => k.toString() !== f?.selector[Y]?.quote))) return;
-    const q = d(A) && x ? Ut([
-      ...x.selector.map((k) => k.range),
-      ..._
-    ]) : _;
-    f = {
-      ...f,
-      selector: q.map((k) => Xt(k, t, l)),
+    if (D.every((_) => Ut(_))) return;
+    const B = D.flatMap((_) => $t(t, _.cloneRange()));
+    if (!(B.length > 0 && !l || B.length !== l.selector.length || B.some((_, X) => _.toString() !== l?.selector[X]?.quote))) return;
+    const j = d(A) && L ? Kt([
+      ...L.selector.map((_) => _.range),
+      ...B
+    ]) : B;
+    l = {
+      ...l,
+      selector: j.map((_) => Vt(_, t, c)),
       updated: /* @__PURE__ */ new Date()
-    }, !(d(A) || v === "REPLACE_CURRENT") && (s.getAnnotation(f.annotation) ? s.updateTarget(f, K.LOCAL) : n.clear());
-  }, 10), L = (u) => {
+    }, !(d(A) || R === "REPLACE_CURRENT") && (s.getAnnotation(l.annotation) ? s.updateTarget(l, F.LOCAL) : n.clear());
+  }, 10), O = (u) => {
     A = et(u), N = A.button === 0;
-  }, S = async (u) => {
+  }, T = async (u) => {
     if (!N) return;
     const C = et(u), M = () => {
-      const { x: P, y: _ } = t.getBoundingClientRect();
+      const { x: P, y: B } = t.getBoundingClientRect();
       if (Z(t, C.target)) {
-        (typeof g == "function" ? g(C, t) : g === "ALWAYS") && n.clear();
+        (typeof f == "function" ? f(C, t) : f === "ALWAYS") && n.clear();
         return;
       }
       const H = C.target instanceof Node && t.contains(C.target) && s.getAt(
         C.clientX - P,
-        C.clientY - _,
+        C.clientY - B,
         m === "all",
-        h
+        y
       );
       if (H) {
-        const { selected: q } = n, k = new Set(q.map((X) => X.id)), Y = Array.isArray(H) ? H.map((X) => X.id) : [H.id];
-        (k.size !== Y.length || !Y.every((X) => k.has(X))) && (o.emit("clickAnnotation", H), n.userSelect(Y, C));
+        const { selected: j } = n, _ = new Set(j.map((V) => V.id)), X = Array.isArray(H) ? H.map((V) => V.id) : [H.id];
+        (_.size !== X.length || !X.every((V) => _.has(V))) && (o.emit("clickAnnotation", H), n.userSelect(X, C));
       } else
         n.clear();
     };
     if (C.timeStamp - (A?.timeStamp || 0) < ct) {
-      await T();
-      const P = document.getSelection(), _ = Z(t, A?.target), H = Z(t, C.target);
-      if (P?.isCollapsed || _ && H) {
-        f = void 0, M();
+      await b();
+      const P = document.getSelection(), B = Z(t, A?.target), H = Z(t, C.target);
+      if (P?.isCollapsed || B && H) {
+        l = void 0, M();
         return;
       }
     }
-    f && f.selector.length > 0 && (W(), n.userSelect(f.annotation, C));
-  }, T = async () => {
+    l && l.selector.length > 0 && (Y(), n.userSelect(l.annotation, C));
+  }, b = async () => {
     const u = document.getSelection();
     let C = !1, M = u?.isCollapsed;
     const D = () => M || C, P = 1;
-    return setTimeout(() => C = !0, 50), Pt(() => M = u?.isCollapsed, P, D);
-  }, O = (u) => {
-    document.getSelection()?.isCollapsed || ((!f || f.selector.length === 0) && w(u), f && (W(), n.userSelect(f.annotation, et(u))));
-  }, B = (u) => {
-    if (p && !u.repeat && F().length !== 0 && u.key === "Shift" && f) {
+    return setTimeout(() => C = !0, 50), Ht(() => M = u?.isCollapsed, P, D);
+  }, v = (u) => {
+    document.getSelection()?.isCollapsed || ((!l || l.selector.length === 0) && w(u), l && (Y(), n.userSelect(l.annotation, et(u))));
+  }, k = (u) => {
+    if (g && !u.repeat && $().length !== 0 && u.key === "Shift" && l) {
       const C = document.getSelection();
-      C && !C.isCollapsed && (W(), n.userSelect(f.annotation, Q(u)));
+      C && !C.isCollapsed && (Y(), n.userSelect(l.annotation, Q(u)));
     }
-  }, V = (u) => {
+  }, K = (u) => {
     const C = () => setTimeout(() => {
-      f && (f.selector.length > 0 && (n.clear(), s.addAnnotation({
-        id: f.annotation,
+      l && (l.selector.length > 0 && (n.clear(), s.addAnnotation({
+        id: l.annotation,
         bodies: [],
-        target: f
-      }), n.userSelect(f.annotation, Q(u))), document.removeEventListener("selectionchange", C));
+        target: l
+      }), n.userSelect(l.annotation, Q(u))), document.removeEventListener("selectionchange", C));
     }, 100);
-    document.addEventListener("selectionchange", C), R();
+    document.addEventListener("selectionchange", C), p();
   };
-  G(ue.join(","), { element: t, keydown: !0, keyup: !1 }, (u) => {
+  G(fe.join(","), { element: t, keydown: !0, keyup: !1 }, (u) => {
     u.repeat || (A = Q(u));
-  }), G(Ct, { keydown: !0, keyup: !1 }, (u) => {
-    A = Q(u), V(u);
+  }), G(Tt, { keydown: !0, keyup: !1 }, (u) => {
+    A = Q(u), K(u);
   });
   const z = (u) => {
-    u.repeat || F().length !== 0 && (f = void 0, n.clear());
+    u.repeat || $().length !== 0 && (l = void 0, n.clear());
   };
-  G(bt.join(","), { keydown: !0, keyup: !1 }, z), document.addEventListener("pointerdown", L), document.addEventListener("pointerup", S), document.addEventListener("contextmenu", O), document.addEventListener("keyup", B), t.addEventListener("selectstart", R), document.addEventListener("selectionchange", w);
-  const j = () => {
-    f = void 0, x = void 0, N = void 0, A = void 0, w.clear(), document.removeEventListener("pointerdown", L), document.removeEventListener("pointerup", S), document.removeEventListener("contextmenu", O), document.removeEventListener("keyup", B), t.removeEventListener("selectstart", R), document.removeEventListener("selectionchange", w), G.unbind();
-  }, F = () => {
+  G(Ct.join(","), { keydown: !0, keyup: !1 }, z), document.addEventListener("pointerdown", O), document.addEventListener("pointerup", T), document.addEventListener("contextmenu", v), document.addEventListener("keyup", k), t.addEventListener("selectstart", p), document.addEventListener("selectionchange", w);
+  const q = () => {
+    l = void 0, L = void 0, N = void 0, A = void 0, w.clear(), document.removeEventListener("pointerdown", O), document.removeEventListener("pointerup", T), document.removeEventListener("contextmenu", v), document.removeEventListener("keyup", k), t.removeEventListener("selectstart", p), document.removeEventListener("selectionchange", w), G.unbind();
+  }, $ = () => {
     const u = document.getSelection();
     return u ? Array.from(Array(u.rangeCount).keys()).map((C) => u.getRangeAt(C)).filter((C) => C.intersectsNode(t)) : [];
-  }, W = () => {
-    if (!f) return;
-    const u = s.getAnnotation(f.annotation);
+  }, Y = () => {
+    if (!l) return;
+    const u = s.getAnnotation(l.annotation);
     if (!u)
       s.addAnnotation({
-        id: f.annotation,
+        id: l.annotation,
         bodies: [],
-        target: f
+        target: l
       });
     else {
-      const { target: { updated: C } } = u, { updated: M } = f;
-      (!C || !M || C < M) && s.updateTarget(f);
+      const { target: { updated: C } } = u, { updated: M } = l;
+      (!C || !M || C < M) && s.updateTarget(l);
     }
   };
   return {
-    destroy: j,
-    setFilter: y,
-    setUser: c,
-    setAnnotatingEnabled: E,
-    setAnnotatingMode: b
+    destroy: q,
+    setFilter: x,
+    setUser: E,
+    setAnnotatingEnabled: h,
+    setAnnotatingMode: S
   };
-}, ge = (t) => [
+}, me = (t) => [
   `background-color:${ot(t?.fill || U.fill).alpha(t?.fillOpacity === void 0 ? U.fillOpacity : t.fillOpacity).toHex()}`,
   t?.underlineThickness ? "text-decoration:underline" : void 0,
   t?.underlineColor ? `text-decoration-color:${t.underlineColor}` : void 0,
   t?.underlineOffset ? `text-underline-offset:${t.underlineOffset}px` : void 0,
   t?.underlineThickness ? `text-decoration-thickness:${t.underlineThickness}px` : void 0
-].filter(Boolean).join(";"), me = () => {
+].filter(Boolean).join(";"), pe = () => {
   const t = document.createElement("style");
   document.getElementsByTagName("head")[0].appendChild(t);
   let e = /* @__PURE__ */ new Set();
@@ -791,138 +802,140 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     setVisible: (n) => {
       console.log("setVisible not implemented on CSS Custom Highlights renderer");
     },
-    redraw: (n, r, a, l, m) => {
-      const g = new Set(n.map((p) => p.annotation.id));
-      Array.from(e).filter((p) => !g.has(p));
-      const h = n.map((p) => {
-        a ? typeof a == "function" && a(p.annotation, p.state) : p.state?.selected;
-        const v = Et(p, a);
-        return `::highlight(_${p.annotation.id}) { ${ge(v)} }`;
+    redraw: (n, r, a, c, m) => {
+      const f = new Set(n.map((g) => g.annotation.id));
+      Array.from(e).filter((g) => !f.has(g));
+      const y = n.map((g) => {
+        a ? typeof a == "function" && a(g.annotation, g.state) : g.state?.selected;
+        const R = bt(g, a);
+        return `::highlight(_${g.annotation.id}) { ${me(R)} }`;
       });
-      t.innerHTML = h.join(`
-`), CSS.highlights.clear(), n.forEach(({ annotation: p }) => {
-        const v = p.target.selector.map((x) => x.range), f = new Highlight(...v);
-        CSS.highlights.set(`_${p.id}`, f);
-      }), e = g;
+      t.innerHTML = y.join(`
+`), CSS.highlights.clear(), n.forEach(({ annotation: g }) => {
+        const R = g.target.selector.map((L) => L.range), l = new Highlight(...R);
+        CSS.highlights.set(`_${g.id}`, l);
+      }), e = f;
     }
   };
-}, pe = (t, e, o) => St(me(), t, e, o), he = (t, e) => ({
+}, he = (t, e, o) => Et(pe(), t, e, o), ye = (t, e) => ({
   ...t,
   annotatingEnabled: t.annotatingEnabled ?? e.annotatingEnabled,
   user: t.user || e.user
-}), lt = "SPANS", ke = (t, e = {}) => {
-  Qt(t), Kt(t);
-  const o = he(e, {
+}), lt = "SPANS", Me = (t, e = {}) => {
+  Zt(t), Ft(t);
+  const o = ye(e, {
     annotatingEnabled: !0,
-    user: Ot()
-  }), i = de(t, o), { selection: s, viewport: n } = i, r = i.store, a = kt(r), l = Mt(i, a, o.adapter);
+    user: kt()
+  }), i = ue(t, o), { selection: s, viewport: n } = i, r = i.store, a = _t(r), c = Mt(i, a, o.adapter);
   let m = o.user;
-  const g = typeof o.renderer != "function" ? o.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : lt : o.renderer || lt : null, h = g === null ? o.renderer(
+  const f = typeof o.renderer != "function" ? o.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : lt : o.renderer || lt : null, y = f === null ? o.renderer(
     t,
     i,
     n
-  ) : g === "SPANS" ? ie(
+  ) : f === "SPANS" ? ae(
     t,
     i,
     n
-  ) : g === "CSS_HIGHLIGHTS" ? pe(
+  ) : f === "CSS_HIGHLIGHTS" ? he(
     t,
     i,
     n
   ) : void 0;
-  if (!h)
+  if (!y)
     throw `Unknown renderer implementation: ${o.renderer}`;
-  console.debug(g ? `Using ${g} renderer` : "Using custom renderer implementation"), o.style && h.setStyle(o.style);
-  const p = fe(
+  console.debug(f ? `Using ${f} renderer` : "Using custom renderer implementation"), o.style && y.setStyle(o.style);
+  const g = ge(
     t,
     i,
-    l,
+    c,
     o
   );
-  p.setUser(m);
-  const v = Bt(i, a, o.adapter), f = () => m, x = (c) => {
-    p.setAnnotatingEnabled(
-      c === void 0 ? !0 : c
+  g.setUser(m);
+  const R = Bt(i, a, o.adapter), l = () => m, L = (E) => {
+    g.setAnnotatingEnabled(
+      E === void 0 ? !0 : E
     );
-  }, N = (c) => {
-    p.setAnnotatingMode(c);
-  }, A = (c) => {
-    h.setFilter(c), p.setFilter(c);
-  }, E = (c) => {
-    m = c, p.setUser(c);
-  }, b = (c) => {
-    c ? s.setSelected(c) : s.clear();
+  }, N = (E) => {
+    g.setAnnotatingMode(E);
+  }, A = (E) => {
+    y.setFilter(E), g.setFilter(E);
+  }, h = (E) => {
+    m = E, g.setUser(E);
+  }, S = (E) => {
+    E ? s.setSelected(E) : s.clear();
   };
   return {
-    ...v,
+    ...R,
     destroy: () => {
-      h.destroy(), p.destroy(), a.destroy();
+      y.destroy(), g.destroy(), a.destroy();
     },
     element: t,
-    getUser: f,
-    renderer: h,
-    setAnnotatingEnabled: x,
+    getUser: l,
+    renderer: y,
+    setAnnotatingEnabled: L,
     setAnnotatingMode: N,
     setFilter: A,
-    setStyle: h.setStyle.bind(h),
-    setUser: E,
-    setSelected: b,
-    setVisible: h.setVisible.bind(h),
-    on: l.on,
-    off: l.off,
+    setStyle: y.setStyle.bind(y),
+    setUser: h,
+    setSelected: S,
+    setVisible: y.setVisible.bind(y),
+    on: c.on,
+    off: c.off,
     // @ts-ignore - temporary
-    scrollIntoView: Vt(t, r),
+    scrollIntoView: zt(t, r),
     state: i
   };
 };
 export {
   rt as DEFAULT_SELECTED_STYLE,
   U as DEFAULT_STYLE,
-  gt as NOT_ANNOTATABLE_CLASS,
-  $ as NOT_ANNOTATABLE_SELECTOR,
-  _e as Origin,
-  Ie as UserSelectAction,
-  Le as W3CTextFormat,
-  Qt as cancelSingleClickEvents,
+  mt as NOT_ANNOTATABLE_CLASS,
+  W as NOT_ANNOTATABLE_SELECTOR,
+  De as Origin,
+  Pe as UserSelectAction,
+  Oe as W3CTextFormat,
+  Zt as cancelSingleClickEvents,
   Q as cloneKeyboardEvent,
   et as clonePointerEvent,
-  Et as computeStyle,
-  Jt as computeZIndex,
-  De as createBody,
-  St as createRenderer,
-  fe as createSelectionHandler,
-  ie as createSpansRenderer,
-  ke as createTextAnnotator,
-  de as createTextAnnotatorState,
+  bt as computeStyle,
+  te as computeZIndex,
+  He as createBody,
+  Et as createRenderer,
+  ge as createSelectionHandler,
+  ae as createSpansRenderer,
+  Me as createTextAnnotator,
+  ue as createTextAnnotatorState,
   nt as debounce,
-  he as fillDefaults,
-  Zt as getBackgroundColor,
-  te as getHighlightClientRects,
-  Yt as getQuoteContext,
+  ye as fillDefaults,
+  Jt as getBackgroundColor,
+  ee as getHighlightClientRects,
+  Xt as getQuoteContext,
   st as getRangeAnnotatableContents,
-  ae as getViewportBounds,
-  ft as isMac,
-  xe as isNodeWhitespaceOrEmpty,
+  ce as getViewportBounds,
+  gt as isMac,
+  Ne as isNodeWhitespaceOrEmpty,
   Z as isNotAnnotatable,
-  mt as isRangeAnnotatable,
-  Ht as isRangeWhitespaceOrEmpty,
+  pt as isRangeAnnotatable,
+  Ut as isRangeWhitespaceOrEmpty,
   I as isRevived,
-  oe as mergeClientRects,
-  Ut as mergeRanges,
-  qt as parseW3CTextAnnotation,
-  Kt as programmaticallyFocusable,
-  Xt as rangeToSelector,
+  Le as isRevivedAnnotation,
+  ft as isRevivedTarget,
+  se as mergeClientRects,
+  Kt as mergeRanges,
+  Gt as parseW3CTextAnnotation,
+  Ft as programmaticallyFocusable,
+  Vt as rangeToSelector,
   tt as reviveAnnotation,
-  ht as reviveSelector,
   J as reviveTarget,
-  Vt as scrollIntoView,
-  Gt as serializeW3CTextAnnotation,
-  Ft as splitAnnotatableRanges,
-  Ne as toDomRectList,
-  se as toParentBounds,
-  Oe as toViewportBounds,
-  ce as trackViewport,
-  Wt as trimRangeToContainer,
-  pt as whitespaceOrEmptyRegex
+  yt as reviveTextSelector,
+  zt as scrollIntoView,
+  Qt as serializeW3CTextAnnotation,
+  $t as splitAnnotatableRanges,
+  ke as toDomRectList,
+  re as toParentBounds,
+  _e as toViewportBounds,
+  le as trackViewport,
+  Yt as trimRangeToContainer,
+  ht as whitespaceOrEmptyRegex
 };
 //# sourceMappingURL=text-annotator.es.js.map