@recogito/text-annotator 4.0.3-beta → 4.1.1

package/dist/text-annotator.es.js

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