@recogito/text-annotator 3.1.2 → 3.1.3

package/dist/text-annotator.es.js

@@ -1,20 +1,21 @@
-import { colord as Z } from "colord";
+import { colord as J } from "colord";
 import { dequal as at } from "dequal/lite";
-import { v4 as J } from "uuid";
+import { v4 as tt } from "uuid";
 import { serializeW3CBodies as ct, parseW3CBodies as lt, parseW3CUser as dt, createStore as ut, createSelectionState as ft, createHoverState as gt, createViewportState as mt, Origin as K, createAnonymousGuest as pt, createUndoStack as ht, createLifecycleObserver as yt, createBaseAnnotator as bt } from "@annotorious/core";
-import { Origin as he, UserSelectAction as ye, createBody as be } from "@annotorious/core";
+import { Origin as be, UserSelectAction as Se, createBody as Ce } from "@annotorious/core";
 import St from "rbush";
-import _ from "hotkeys-js";
-const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
+import D from "hotkeys-js";
+import { poll as Ct } from "poll";
+const et = "not-annotatable", U = `.${et}`, F = (t, n) => {
   var o;
   return t.contains(n) ? !!(n instanceof HTMLElement ? n.closest(U) : (o = n.parentElement) == null ? void 0 : o.closest(U)) : !0;
-}, Ct = (t, n) => {
+}, wt = (t, n) => {
   const e = n.commonAncestorContainer;
   return !F(t, e);
-}, wt = (t) => t.addEventListener("click", (n) => {
+}, Et = (t) => t.addEventListener("click", (n) => {
   // Allow clicks within not-annotatable elements
   !n.target.closest(U) && !n.target.closest("a") && n.preventDefault();
-}), X = (t) => ({
+}), z = (t) => ({
   ...t,
   type: t.type,
   x: t.x,
@@ -56,28 +57,28 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
   defaultPrevented: t.defaultPrevented,
   detail: t.detail,
   timeStamp: t.timeStamp
-}), Et = typeof navigator < "u" && // @ts-ignore
-/mac/i.test(navigator.userAgentData ? navigator.userAgentData.platform : navigator.platform), At = (t) => {
+}), At = typeof navigator < "u" && // @ts-ignore
+/mac/i.test(navigator.userAgentData ? navigator.userAgentData.platform : navigator.platform), xt = (t) => {
   !t.hasAttribute("tabindex") && t.tabIndex < 0 && t.setAttribute("tabindex", "-1"), t.classList.add("no-focus-outline");
-}, D = (t, n = 10) => {
+}, W = (t, n = 10) => {
   let e;
   return ((...o) => {
     clearTimeout(e), e = setTimeout(() => t.apply(void 0, o), n);
   });
-}, xt = function* (t) {
+}, vt = function* (t) {
   const n = document.createNodeIterator(
     t.commonAncestorContainer,
     NodeFilter.SHOW_ELEMENT,
-    (o) => o instanceof HTMLElement && o.classList.contains(tt) && !o.parentElement.closest(U) && t.intersectsNode(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
+    (o) => o instanceof HTMLElement && o.classList.contains(et) && !o.parentElement.closest(U) && t.intersectsNode(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
   );
   let e;
   for (; e = n.nextNode(); )
     e instanceof HTMLElement && (yield e);
-}, vt = (t, n) => {
-  if (!Ct(t, n)) return [];
+}, Tt = (t, n) => {
+  if (!wt(t, n)) return [];
   const e = [];
   let o = null;
-  for (const s of xt(n)) {
+  for (const s of vt(n)) {
     let r;
     o ? (r = document.createRange(), r.setStartAfter(o), r.setEndBefore(s)) : (r = n.cloneRange(), r.setEndBefore(s)), r.collapsed || e.push(r), o = s;
   }
@@ -86,20 +87,20 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
     s.setStartAfter(o), s.collapsed || e.push(s);
   }
   return e.length > 0 ? e : [n];
-}, q = (t) => {
+}, j = (t) => {
   const n = t.cloneContents();
   return n.querySelectorAll(U).forEach((e) => e.remove()), n;
-}, Tt = (t, n, e = 10, o) => {
+}, Rt = (t, n, e = 10, o) => {
   const s = o ? t.startContainer.parentElement.closest(o) : n, r = document.createRange();
   r.setStart(s, 0), r.setEnd(t.startContainer, t.startOffset);
-  const l = q(r).textContent, u = document.createRange();
+  const l = j(r).textContent, u = document.createRange();
   u.setStart(t.endContainer, t.endOffset), s === document.body ? u.setEnd(s, s.childNodes.length) : u.setEndAfter(s);
-  const m = q(u).textContent;
+  const g = j(u).textContent;
   return {
     prefix: l.substring(l.length - e),
-    suffix: m.substring(0, e)
+    suffix: g.substring(0, e)
   };
-}, I = (t) => t.every((n) => n.range instanceof Range && !n.range.collapsed), Rt = /^\s*$/, Lt = (t) => Rt.test(t.toString()), kt = (t, n) => {
+}, P = (t) => t.every((n) => n.range instanceof Range && !n.range.collapsed), Lt = /^\s*$/, kt = (t) => Lt.test(t.toString()), Ot = (t, n) => {
   const e = (r) => Math.round(r * 10) / 10, o = {
     top: e(t.top),
     bottom: e(t.bottom),
@@ -123,7 +124,7 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
       return "block-contains";
   } else if (o.top >= s.top && o.bottom <= s.bottom && o.left >= s.left && o.right <= s.right)
     return "block-is-contained";
-}, Ot = (t, n) => {
+}, It = (t, n) => {
   const e = Math.min(t.left, n.left), o = Math.max(t.right, n.right), s = Math.min(t.top, n.top), r = Math.max(t.bottom, n.bottom);
   return new DOMRect(e, s, o - e, r - s);
 }, Bt = (t) => t.reduce((n, e) => {
@@ -131,9 +132,9 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
     return n;
   let o = [...n], s = !1;
   for (const r of n) {
-    const l = kt(e, r);
+    const l = Ot(e, r);
     if (l === "inline-adjacent") {
-      o = o.map((u) => u === r ? Ot(e, r) : u), s = !0;
+      o = o.map((u) => u === r ? It(e, r) : u), s = !0;
       break;
     } else if (l === "inline-contains") {
       o = o.map((u) => u === r ? e : u), s = !0;
@@ -147,20 +148,20 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
     }
   }
   return s ? o : [...o, e];
-}, []), ue = (t) => ({
+}, []), ge = (t) => ({
   length: t.length,
   item: (n) => t[n],
   [Symbol.iterator]: function* () {
     for (let n = 0; n < this.length; n++)
       yield this.item(n);
   }
-}), It = (t, n, e) => {
+}), Nt = (t, n, e) => {
   const o = document.createRange(), s = e ? t.startContainer.parentElement.closest(e) : n;
   o.setStart(s, 0), o.setEnd(t.startContainer, t.startOffset);
-  const r = q(o).textContent, l = t.toString(), u = r.length || 0, m = u + l.length;
-  return e ? { quote: l, start: u, end: m, range: t, offsetReference: s } : { quote: l, start: u, end: m, range: t };
-}, et = (t, n) => {
-  var h, d;
+  const r = j(o).textContent, l = t.toString(), u = r.length || 0, g = u + l.length;
+  return e ? { quote: l, start: u, end: g, range: t, offsetReference: s } : { quote: l, start: u, end: g, range: t };
+}, nt = (t, n) => {
+  var p, d;
   const { start: e, end: o } = t, s = t.offsetReference || n, r = document.createNodeIterator(
     n,
     NodeFilter.SHOW_TEXT,
@@ -171,48 +172,48 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
   );
   let l = 0;
   const u = document.createRange();
-  let m = r.nextNode();
-  m === null && console.error("Could not revive annotation target. Content missing.");
+  let g = r.nextNode();
+  g === null && console.error("Could not revive annotation target. Content missing.");
   let S = !s;
-  for (; m !== null; ) {
-    if (S || (S = typeof (s == null ? void 0 : s.contains) == "function" ? s.contains(m) : !1), S) {
-      const i = ((h = m.textContent) == null ? void 0 : h.length) || 0;
+  for (; g !== null; ) {
+    if (S || (S = typeof (s == null ? void 0 : s.contains) == "function" ? s.contains(g) : !1), S) {
+      const i = ((p = g.textContent) == null ? void 0 : p.length) || 0;
       if (l + i > e) {
-        u.setStart(m, e - l);
+        u.setStart(g, e - l);
         break;
       }
       l += i;
     }
-    m = r.nextNode();
+    g = r.nextNode();
   }
-  for (; m !== null; ) {
-    const i = ((d = m.textContent) == null ? void 0 : d.length) || 0;
+  for (; g !== null; ) {
+    const i = ((d = g.textContent) == null ? void 0 : d.length) || 0;
     if (l + i >= o) {
-      u.setEnd(m, o - l);
+      u.setEnd(g, o - l);
       break;
     }
-    l += i, m = r.nextNode();
+    l += i, g = r.nextNode();
   }
   return {
     ...t,
     range: u
   };
-}, W = (t, n) => I(t.selector) ? t : {
+}, Y = (t, n) => P(t.selector) ? t : {
   ...t,
-  selector: t.selector.map((e) => e.range instanceof Range && !e.range.collapsed ? e : et(e, n))
-}, z = (t, n) => I(t.target.selector) ? t : { ...t, target: W(t.target, n) }, Nt = (t, n) => {
+  selector: t.selector.map((e) => e.range instanceof Range && !e.range.collapsed ? e : nt(e, n))
+}, q = (t, n) => P(t.target.selector) ? t : { ...t, target: Y(t.target, n) }, Pt = (t, n) => {
   const e = t.cloneRange();
   return n.contains(e.startContainer) || e.setStart(n, 0), n.contains(e.endContainer) || e.setEnd(n, n.childNodes.length), e;
-}, nt = (t) => {
+}, ot = (t) => {
   if (t === null)
     return document.scrollingElement;
   const { overflowY: n } = window.getComputedStyle(t);
-  return n !== "visible" && n !== "hidden" && t.scrollHeight > t.clientHeight ? t : nt(t.parentElement);
-}, Ht = (t, n) => (e) => {
-  const o = typeof e == "string" ? e : e.id, s = (h) => {
-    const d = r.getBoundingClientRect(), i = r.clientHeight, E = r.clientWidth, w = h.selector[0].range.getBoundingClientRect(), { width: x, height: A } = n.getAnnotationBounds(o), a = w.top - d.top, c = w.left - d.left, y = r.parentElement ? r.scrollTop : 0, b = r.parentElement ? r.scrollLeft : 0, p = a + y - (i - A) / 2, f = c + b - (E - x) / 2;
-    r.scroll({ top: p, left: f, behavior: "smooth" });
-  }, r = nt(t);
+  return n !== "visible" && n !== "hidden" && t.scrollHeight > t.clientHeight ? t : ot(t.parentElement);
+}, Mt = (t, n) => (e) => {
+  const o = typeof e == "string" ? e : e.id, s = (p) => {
+    const d = r.getBoundingClientRect(), i = r.clientHeight, E = r.clientWidth, C = p.selector[0].range.getBoundingClientRect(), { width: v, height: x } = n.getAnnotationBounds(o), a = C.top - d.top, c = C.left - d.left, b = r.parentElement ? r.scrollTop : 0, y = r.parentElement ? r.scrollLeft : 0, m = a + b - (i - x) / 2, f = c + y - (E - v) / 2;
+    r.scroll({ top: m, left: f, behavior: "smooth" });
+  }, r = ot(t);
   if (!r)
     return console.warn(`The scroll parent is missing for the annotation: ${o}`, { container: t }), !1;
   const l = n.getAnnotation(o);
@@ -221,111 +222,111 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
   const { range: u } = l.target.selector[0];
   if (u && !u.collapsed)
     return s(l.target), !0;
-  const m = W(l.target, t), { range: S } = m.selector[0];
-  return S && !S.collapsed ? (s(m), !0) : !1;
-}, N = {
+  const g = Y(l.target, t), { range: S } = g.selector[0];
+  return S && !S.collapsed ? (s(g), !0) : !1;
+}, M = {
   fill: "rgb(0, 128, 255)",
   fillOpacity: 0.18
-}, Y = {
+}, X = {
   fill: "rgb(0, 128, 255)",
   fillOpacity: 0.45
-}, Mt = (t, n, e, o, s) => {
+}, Ht = (t, n, e, o, s) => {
   var l, u;
-  const r = e ? typeof e == "function" ? e(t.annotation, t.state, s) || ((l = t.state) != null && l.selected ? Y : N) : e : (u = t.state) != null && u.selected ? Y : N;
+  const r = e ? typeof e == "function" ? e(t.annotation, t.state, s) || ((l = t.state) != null && l.selected ? X : M) : e : (u = t.state) != null && u.selected ? X : M;
   return o && o.paint(t, n) || r;
-}, Pt = (t) => {
-  const { top: n, left: e } = t.getBoundingClientRect(), { innerWidth: o, innerHeight: s } = window, r = -e, l = -n, u = o - e, m = s - n;
-  return { top: n, left: e, minX: r, minY: l, maxX: u, maxY: m };
 }, Kt = (t) => {
+  const { top: n, left: e } = t.getBoundingClientRect(), { innerWidth: o, innerHeight: s } = window, r = -e, l = -n, u = o - e, g = s - n;
+  return { top: n, left: e, minX: r, minY: l, maxX: u, maxY: g };
+}, Ut = (t) => {
   let n = /* @__PURE__ */ new Set();
   return (o) => {
     const s = o.map((r) => r.id);
     (n.size !== s.length || s.some((r) => !n.has(r))) && t.set(s), n = new Set(s);
   };
-}, j = (t, n, e, o) => {
+}, G = (t, n, e, o) => {
   const { store: s, selection: r, hover: l } = n;
-  let u, m, S;
-  const h = Kt(e), d = (g) => {
-    const { x: v, y: L } = t.getBoundingClientRect(), k = s.getAt(g.clientX - v, g.clientY - L, !1, m);
-    k ? l.current !== k.id && (t.classList.add("hovered"), l.set(k.id)) : l.current && (t.classList.remove("hovered"), l.set(null));
+  let u, g, S;
+  const p = Ut(e), d = (R) => {
+    const { x: h, y: A } = t.getBoundingClientRect(), L = s.getAt(R.clientX - h, R.clientY - A, !1, g);
+    L ? l.current !== L.id && (t.classList.add("hovered"), l.set(L.id)) : l.current && (t.classList.remove("hovered"), l.set(null));
   };
   t.addEventListener("pointermove", d);
-  const i = (g = !1) => {
+  const i = (R = !1) => {
     S && S.clear();
-    const v = Pt(t), { minX: L, minY: k, maxX: H, maxY: B } = v, $ = m ? s.getIntersecting(L, k, H, B).filter(({ annotation: O }) => m(O)) : s.getIntersecting(L, k, H, B), R = r.selected.map(({ id: O }) => O), M = $.map(({ annotation: O, rects: P }) => {
-      const rt = R.includes(O.id), it = O.id === l.current;
+    const h = Kt(t), { minX: A, minY: L, maxX: B, maxY: N } = h, I = g ? s.getIntersecting(A, L, B, N).filter(({ annotation: O }) => g(O)) : s.getIntersecting(A, L, B, N), _ = r.selected.map(({ id: O }) => O), k = I.map(({ annotation: O, rects: $ }) => {
+      const H = _.includes(O.id), it = O.id === l.current;
       return {
         annotation: O,
-        rects: P,
-        state: { selected: rt, hovered: it }
+        rects: $,
+        state: { selected: H, hovered: it }
       };
     });
-    o.redraw(M, v, u, S, g), setTimeout(() => h($.map(({ annotation: O }) => O)), 1);
-  }, E = (g) => {
-    S = g, i();
-  }, w = (g) => {
-    u = g, i();
-  }, x = (g) => {
-    m = g, i(!1);
-  }, A = () => i();
-  s.observe(A);
-  const a = r.subscribe(() => i()), c = l.subscribe(() => i()), y = () => i(!0);
-  document.addEventListener("scroll", y, { capture: !0, passive: !0 });
-  const b = D(() => {
+    o.redraw(k, h, u, S, R), setTimeout(() => p(I.map(({ annotation: O }) => O)), 1);
+  }, E = (R) => {
+    S = R, i();
+  }, C = (R) => {
+    u = R, i();
+  }, v = (R) => {
+    g = R, i(!1);
+  }, x = () => i();
+  s.observe(x);
+  const a = r.subscribe(() => i()), c = l.subscribe(() => i()), b = () => i(!0);
+  document.addEventListener("scroll", b, { capture: !0, passive: !0 });
+  const y = W(() => {
     s.recalculatePositions(), S && S.reset(), i();
   });
-  window.addEventListener("resize", b);
-  const p = new ResizeObserver(b);
-  p.observe(t);
-  const f = { attributes: !0, childList: !0, subtree: !0 }, C = new MutationObserver(D((g) => {
-    g.every((L) => L.target === t || t.contains(L.target)) || i(!0);
+  window.addEventListener("resize", y);
+  const m = new ResizeObserver(y);
+  m.observe(t);
+  const f = { attributes: !0, childList: !0, subtree: !0 }, w = new MutationObserver(W((R) => {
+    R.every((A) => A.target === t || t.contains(A.target)) || i(!0);
   }, 150));
-  return C.observe(document.body, f), {
+  return w.observe(document.body, f), {
     destroy: () => {
-      t.removeEventListener("pointermove", d), o.destroy(), s.unobserve(A), a(), c(), document.removeEventListener("scroll", y), window.removeEventListener("resize", b), p.disconnect(), C.disconnect();
+      t.removeEventListener("pointermove", d), o.destroy(), s.unobserve(x), a(), c(), document.removeEventListener("scroll", b), window.removeEventListener("resize", y), m.disconnect(), w.disconnect();
     },
     redraw: i,
-    setStyle: w,
-    setFilter: x,
+    setStyle: C,
+    setFilter: v,
     setPainter: E,
     setVisible: o.setVisible
   };
-}, Ut = () => {
+}, $t = () => {
   const t = document.createElement("canvas");
   return t.width = window.innerWidth, t.height = window.innerHeight, t.className = "r6o-canvas-highlight-layer bg", t;
-}, $t = (t, n) => {
+}, Ft = (t, n) => {
   t.width = window.innerWidth, t.height = window.innerHeight;
-}, Ft = (t) => {
+}, _t = (t) => {
   t.classList.add("r6o-annotatable");
-  const n = Ut(), e = n.getContext("2d");
+  const n = $t(), e = n.getContext("2d");
   document.body.appendChild(n);
-  const o = (u, m, S, h) => requestAnimationFrame(() => {
+  const o = (u, g, S, p) => requestAnimationFrame(() => {
     const { width: d, height: i } = n;
-    e.clearRect(-0.5, -0.5, d + 1, i + 1), h && h.clear();
-    const { top: E, left: w } = m;
-    [...u].sort((A, a) => {
-      const { annotation: { target: { created: c } } } = A, { annotation: { target: { created: y } } } = a;
-      return c.getTime() - y.getTime();
-    }).forEach((A) => {
-      var b;
-      const a = S ? typeof S == "function" ? S(A.annotation, A.state) : S : (b = A.state) != null && b.selected ? Y : N, c = h && h.paint(A, m) || a, y = A.rects.map(({ x: p, y: f, width: C, height: T }) => ({
-        x: p + w,
+    e.clearRect(-0.5, -0.5, d + 1, i + 1), p && p.clear();
+    const { top: E, left: C } = g;
+    [...u].sort((x, a) => {
+      const { annotation: { target: { created: c } } } = x, { annotation: { target: { created: b } } } = a;
+      return c.getTime() - b.getTime();
+    }).forEach((x) => {
+      var y;
+      const a = S ? typeof S == "function" ? S(x.annotation, x.state) : S : (y = x.state) != null && y.selected ? X : M, c = p && p.paint(x, g) || a, b = x.rects.map(({ x: m, y: f, width: w, height: T }) => ({
+        x: m + C,
         y: f + E,
-        width: C,
+        width: w,
         height: T
       }));
-      if (e.fillStyle = c.fill, e.globalAlpha = c.fillOpacity || 1, y.forEach(
-        ({ x: p, y: f, width: C, height: T }) => e.fillRect(p, f, C, T)
+      if (e.fillStyle = c.fill, e.globalAlpha = c.fillOpacity || 1, b.forEach(
+        ({ x: m, y: f, width: w, height: T }) => e.fillRect(m, f, w, T)
       ), c.underlineColor) {
         e.globalAlpha = 1, e.strokeStyle = c.underlineColor, e.lineWidth = c.underlineThickness ?? 1;
-        const p = c.underlineOffset ?? 0;
-        y.forEach(({ x: f, y: C, width: T, height: g }) => {
-          e.beginPath(), e.moveTo(f, C + g + p), e.lineTo(f + T, C + g + p), e.stroke();
+        const m = c.underlineOffset ?? 0;
+        b.forEach(({ x: f, y: w, width: T, height: R }) => {
+          e.beginPath(), e.moveTo(f, w + R + m), e.lineTo(f + T, w + R + m), e.stroke();
         });
       }
     });
-  }), s = D(() => {
-    $t(n);
+  }), s = W(() => {
+    Ft(n);
   });
   return window.addEventListener("resize", s), {
     destroy: () => {
@@ -336,13 +337,13 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
     },
     redraw: o
   };
-}, _t = (t, n, e) => j(t, n, e, Ft(t)), Vt = (t) => [
-  `background-color:${Z((t == null ? void 0 : t.fill) || N.fill).alpha((t == null ? void 0 : t.fillOpacity) === void 0 ? N.fillOpacity : t.fillOpacity).toHex()}`,
+}, Dt = (t, n, e) => G(t, n, e, _t(t)), Vt = (t) => [
+  `background-color:${J((t == null ? void 0 : t.fill) || M.fill).alpha((t == null ? void 0 : t.fillOpacity) === void 0 ? M.fillOpacity : t.fillOpacity).toHex()}`,
   t != null && t.underlineThickness ? "text-decoration:underline" : void 0,
   t != null && t.underlineColor ? `text-decoration-color:${t.underlineColor}` : void 0,
   t != null && t.underlineOffset ? `text-underline-offset:${t.underlineOffset}px` : void 0,
   t != null && t.underlineThickness ? `text-decoration-thickness:${t.underlineThickness}px` : void 0
-].filter(Boolean).join(";"), Dt = () => {
+].filter(Boolean).join(";"), Wt = () => {
   const t = document.createElement("style");
   document.getElementsByTagName("head")[0].appendChild(t);
   let n = /* @__PURE__ */ new Set();
@@ -353,26 +354,26 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
     setVisible: (r) => {
       console.log("setVisible not implemented on CSS Custom Highlights renderer");
     },
-    redraw: (r, l, u, m) => {
-      m && m.clear();
+    redraw: (r, l, u, g) => {
+      g && g.clear();
       const S = new Set(r.map((d) => d.annotation.id));
       Array.from(n).filter((d) => !S.has(d));
-      const h = r.map((d) => {
-        var w;
-        const i = u ? typeof u == "function" ? u(d.annotation, d.state) : u : (w = d.state) != null && w.selected ? Y : N, E = m && m.paint(d, l) || i;
+      const p = r.map((d) => {
+        var C;
+        const i = u ? typeof u == "function" ? u(d.annotation, d.state) : u : (C = d.state) != null && C.selected ? X : M, E = g && g.paint(d, l) || i;
         return `::highlight(_${d.annotation.id}) { ${Vt(E)} }`;
       });
-      t.innerHTML = h.join(`
+      t.innerHTML = p.join(`
 `), CSS.highlights.clear(), r.forEach(({ annotation: d }) => {
-        const i = d.target.selector.map((w) => w.range), E = new Highlight(...i);
+        const i = d.target.selector.map((C) => C.range), E = new Highlight(...i);
         CSS.highlights.set(`_${d.id}`, E);
       }), n = S;
     }
   };
-}, Wt = (t, n, e) => j(t, n, e, Dt()), Yt = (t, n) => {
+}, Yt = (t, n, e) => G(t, n, e, Wt()), Xt = (t, n) => {
   const e = (r, l) => r.x <= l.x + l.width && r.x + r.width >= l.x && r.y <= l.y + l.height && r.y + r.height >= l.y, o = (r) => r.rects.reduce((l, u) => l + u.width, 0), s = n.filter(({ rects: r }) => r.some((l) => e(t, l)));
   return s.sort((r, l) => o(l) - o(r)), s.findIndex((r) => r.rects.includes(t));
-}, Xt = (t) => {
+}, zt = (t) => {
   t.classList.add("r6o-annotatable");
   const n = document.createElement("div");
   n.className = "r6o-span-highlight-layer", t.insertBefore(n, t.firstChild);
@@ -381,18 +382,18 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
     destroy: () => {
       n.remove();
     },
-    redraw: (l, u, m, S, h) => {
-      const i = !(at(e, l) && h);
+    redraw: (l, u, g, S, p) => {
+      const i = !(at(e, l) && p);
       if (!S && !i) return;
-      i && (n.innerHTML = ""), [...l].sort((w, x) => {
-        const { annotation: { target: { created: A } } } = w, { annotation: { target: { created: a } } } = x;
-        return A && a ? A.getTime() - a.getTime() : 0;
-      }).forEach((w) => {
-        w.rects.map((x) => {
-          const A = Yt(x, l), a = Mt(w, u, m, S, A);
+      i && (n.innerHTML = ""), [...l].sort((C, v) => {
+        const { annotation: { target: { created: x } } } = C, { annotation: { target: { created: a } } } = v;
+        return x && a ? x.getTime() - a.getTime() : 0;
+      }).forEach((C) => {
+        C.rects.map((v) => {
+          const x = Xt(v, l), a = Ht(C, u, g, S, x);
           if (i) {
             const c = document.createElement("span");
-            c.className = "r6o-annotation", c.dataset.annotation = w.annotation.id, c.style.left = `${x.x}px`, c.style.top = `${x.y}px`, c.style.width = `${x.width}px`, c.style.height = `${x.height}px`, c.style.backgroundColor = Z((a == null ? void 0 : a.fill) || N.fill).alpha((a == null ? void 0 : a.fillOpacity) === void 0 ? N.fillOpacity : a.fillOpacity).toHex(), a.underlineStyle && (c.style.borderStyle = a.underlineStyle), a.underlineColor && (c.style.borderColor = a.underlineColor), a.underlineThickness && (c.style.borderBottomWidth = `${a.underlineThickness}px`), a.underlineOffset && (c.style.paddingBottom = `${a.underlineOffset}px`), n.appendChild(c);
+            c.className = "r6o-annotation", c.dataset.annotation = C.annotation.id, c.style.left = `${v.x}px`, c.style.top = `${v.y}px`, c.style.width = `${v.width}px`, c.style.height = `${v.height}px`, c.style.backgroundColor = J((a == null ? void 0 : a.fill) || M.fill).alpha((a == null ? void 0 : a.fillOpacity) === void 0 ? M.fillOpacity : a.fillOpacity).toHex(), a.underlineStyle && (c.style.borderStyle = a.underlineStyle), a.underlineColor && (c.style.borderColor = a.underlineColor), a.underlineThickness && (c.style.borderBottomWidth = `${a.underlineThickness}px`), a.underlineOffset && (c.style.paddingBottom = `${a.underlineOffset}px`), n.appendChild(c);
           }
         });
       }), e = l;
@@ -401,10 +402,10 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
       l ? n.classList.remove("hidden") : n.classList.add("hidden");
     }
   };
-}, zt = (t, n, e) => j(t, n, e, Xt(t)), fe = (t, n) => ({
-  parse: (e) => Gt(e),
-  serialize: (e) => Qt(e, t, n)
-}), qt = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, jt = (t) => {
+}, qt = (t, n, e) => G(t, n, e, zt(t)), me = (t, n) => ({
+  parse: (e) => Qt(e),
+  serialize: (e) => Zt(e, t, n)
+}), jt = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, Gt = (t) => {
   const {
     id: n,
     creator: e,
@@ -423,8 +424,8 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
     // @ts-expect-error: `styleClass` is not part of the core `TextAnnotationTarget` type
     styleClass: "styleClass" in l[0] ? l[0].styleClass : void 0
   };
-  for (const m of l) {
-    const h = (Array.isArray(m.selector) ? m.selector : [m.selector]).reduce((d, i) => {
+  for (const g of l) {
+    const p = (Array.isArray(g.selector) ? g.selector : [g.selector]).reduce((d, i) => {
       switch (i.type) {
         case "TextQuoteSelector":
           d.quote = i.exact;
@@ -435,68 +436,68 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
       }
       return d;
     }, {});
-    if (qt(h))
+    if (jt(p))
       u.selector.push(
         {
-          ...h,
-          id: m.id,
+          ...p,
+          id: g.id,
           // @ts-expect-error: `scope` is not part of the core `TextSelector` type
-          scope: m.scope
+          scope: g.scope
         }
       );
     else {
       const d = [
-        h.start ? void 0 : "TextPositionSelector",
-        h.quote ? void 0 : "TextQuoteSelector"
+        p.start ? void 0 : "TextPositionSelector",
+        p.quote ? void 0 : "TextQuoteSelector"
       ].filter(Boolean);
       return { error: Error(`Missing selector types: ${d.join(" and ")} for annotation: ${t.id}`) };
     }
   }
   return { parsed: u };
-}, Gt = (t) => {
-  const n = t.id || J(), {
+}, Qt = (t) => {
+  const n = t.id || tt(), {
     creator: e,
     created: o,
     modified: s,
     body: r,
     ...l
-  } = t, u = lt(r, n), m = jt(t);
-  return "error" in m ? { error: m.error } : {
+  } = t, u = lt(r, n), g = Gt(t);
+  return "error" in g ? { error: g.error } : {
     parsed: {
       ...l,
       id: n,
       bodies: u,
-      target: m.parsed
+      target: g.parsed
     }
   };
-}, Qt = (t, n, e) => {
+}, Zt = (t, n, e) => {
   const { bodies: o, target: s, ...r } = t, {
     selector: l,
     creator: u,
-    created: m,
+    created: g,
     updated: S,
-    ...h
+    ...p
   } = s, d = l.map((i) => {
-    const { id: E, quote: w, start: x, end: A, range: a } = i, c = {
+    const { id: E, quote: C, start: v, end: x, range: a } = i, c = {
       type: "TextQuoteSelector",
-      exact: w
+      exact: C
     };
     if (e) {
-      const { prefix: b, suffix: p } = Tt(a, e);
-      c.prefix = b, c.suffix = p;
+      const { prefix: y, suffix: m } = Rt(a, e);
+      c.prefix = y, c.suffix = m;
     }
-    const y = {
+    const b = {
       type: "TextPositionSelector",
-      start: x,
-      end: A
+      start: v,
+      end: x
     };
     return {
-      ...h,
+      ...p,
       id: E,
       // @ts-expect-error: `scope` is not part of the core `TextSelector` type
       scope: "scope" in i ? i.scope : void 0,
       source: n,
-      selector: [c, y]
+      selector: [c, b]
     };
   });
   return {
@@ -506,26 +507,26 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
     type: "Annotation",
     body: ct(t.bodies),
     creator: u,
-    created: m == null ? void 0 : m.toISOString(),
+    created: g == null ? void 0 : g.toISOString(),
     modified: S == null ? void 0 : S.toISOString(),
     target: d
   };
-}, Zt = (t, n) => {
+}, Jt = (t, n) => {
   const e = new St(), o = /* @__PURE__ */ new Map(), s = (a, c) => {
-    const y = a.selector.flatMap((p) => {
-      const f = I([p]) ? p.range : et(p, n).range;
+    const b = a.selector.flatMap((m) => {
+      const f = P([m]) ? m.range : nt(m, n).range;
       return Array.from(f.getClientRects());
-    }), b = Bt(y).map(({ left: p, top: f, right: C, bottom: T }) => new DOMRect(p - c.left, f - c.top, C - p, T - f));
-    return b.map((p) => {
-      const { x: f, y: C, width: T, height: g } = p;
+    }), y = Bt(b).map(({ left: m, top: f, right: w, bottom: T }) => new DOMRect(m - c.left, f - c.top, w - m, T - f));
+    return y.map((m) => {
+      const { x: f, y: w, width: T, height: R } = m;
       return {
         minX: f,
-        minY: C,
+        minY: w,
         maxX: f + T,
-        maxY: C + g,
+        maxY: w + R,
         annotation: {
           id: a.annotation,
-          rects: b
+          rects: y
         }
       };
     });
@@ -533,38 +534,38 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
     e.clear(), o.clear();
   }, u = (a) => {
     const c = s(a, n.getBoundingClientRect());
-    c.length !== 0 && (c.forEach((y) => e.insert(y)), o.set(a.annotation, c));
-  }, m = (a) => {
+    c.length !== 0 && (c.forEach((b) => e.insert(b)), o.set(a.annotation, c));
+  }, g = (a) => {
     const c = o.get(a.annotation);
-    c && (c.forEach((y) => e.remove(y)), o.delete(a.annotation));
+    c && (c.forEach((b) => e.remove(b)), o.delete(a.annotation));
   }, S = (a) => {
-    m(a), u(a);
-  }, h = (a, c = !0) => {
+    g(a), u(a);
+  }, p = (a, c = !0) => {
     c && l();
-    const y = n.getBoundingClientRect(), b = a.map((f) => ({ target: f, rects: s(f, y) }));
-    b.forEach(({ target: f, rects: C }) => {
-      C.length > 0 && o.set(f.annotation, C);
+    const b = n.getBoundingClientRect(), y = a.map((f) => ({ target: f, rects: s(f, b) }));
+    y.forEach(({ target: f, rects: w }) => {
+      w.length > 0 && o.set(f.annotation, w);
     });
-    const p = b.flatMap(({ rects: f }) => f);
-    e.load(p);
-  }, d = (a, c, y = !1) => {
-    const b = e.search({
+    const m = y.flatMap(({ rects: f }) => f);
+    e.load(m);
+  }, d = (a, c, b = !1) => {
+    const y = e.search({
       minX: a,
       minY: c,
       maxX: a,
       maxY: c
-    }), p = (f) => f.annotation.rects.reduce((C, T) => C + T.width * T.height, 0);
-    return b.length > 0 ? (b.sort((f, C) => p(f) - p(C)), y ? b.map((f) => f.annotation.id) : [b[0].annotation.id]) : [];
+    }), m = (f) => f.annotation.rects.reduce((w, T) => w + T.width * T.height, 0);
+    return y.length > 0 ? (y.sort((f, w) => m(f) - m(w)), b ? y.map((f) => f.annotation.id) : [y[0].annotation.id]) : [];
   }, i = (a) => {
     const c = E(a);
     if (c.length === 0)
       return;
-    let y = c[0].left, b = c[0].top, p = c[0].right, f = c[0].bottom;
-    for (let C = 1; C < c.length; C++) {
-      const T = c[C];
-      y = Math.min(y, T.left), b = Math.min(b, T.top), p = Math.max(p, T.right), f = Math.max(f, T.bottom);
+    let b = c[0].left, y = c[0].top, m = c[0].right, f = c[0].bottom;
+    for (let w = 1; w < c.length; w++) {
+      const T = c[w];
+      b = Math.min(b, T.left), y = Math.min(y, T.top), m = Math.max(m, T.right), f = Math.max(f, T.bottom);
     }
-    return new DOMRect(y, b, p - y, f - b);
+    return new DOMRect(b, y, m - b, f - y);
   }, E = (a) => {
     const c = o.get(a);
     return c ? c[0].annotation.rects : [];
@@ -575,96 +576,96 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
     getAt: d,
     getAnnotationBounds: i,
     getAnnotationRects: E,
-    getIntersecting: (a, c, y, b) => {
-      const p = e.search({ minX: a, minY: c, maxX: y, maxY: b }), f = new Set(p.map((C) => C.annotation.id));
-      return Array.from(f).map((C) => ({
-        annotation: t.getAnnotation(C),
-        rects: E(C)
-      })).filter((C) => !!C.annotation);
+    getIntersecting: (a, c, b, y) => {
+      const m = e.search({ minX: a, minY: c, maxX: b, maxY: y }), f = new Set(m.map((w) => w.annotation.id));
+      return Array.from(f).map((w) => ({
+        annotation: t.getAnnotation(w),
+        rects: E(w)
+      })).filter((w) => !!w.annotation);
     },
     insert: u,
-    recalculate: () => h(t.all().map((a) => a.target), !0),
-    remove: m,
-    set: h,
+    recalculate: () => p(t.all().map((a) => a.target), !0),
+    remove: g,
+    set: p,
     size: () => e.all().length,
     update: S
   };
-}, Jt = (t, n) => {
-  const e = ut(), o = Zt(e, t), s = ft(e, n.userSelectAction, n.adapter), r = gt(e), l = mt(), u = (a, c = K.LOCAL) => {
-    const y = z(a, t), b = I(y.target.selector);
-    return b && e.addAnnotation(y, c), b;
-  }, m = (a, c = !0, y = K.LOCAL) => {
-    const b = a.map((f) => z(f, t)), p = b.filter((f) => !I(f.target.selector));
-    return e.bulkAddAnnotations(b, c, y), p;
+}, te = (t, n) => {
+  const e = ut(), o = Jt(e, t), s = ft(e, n.userSelectAction, n.adapter), r = gt(e), l = mt(), u = (a, c = K.LOCAL) => {
+    const b = q(a, t), y = P(b.target.selector);
+    return y && e.addAnnotation(b, c), y;
+  }, g = (a, c = !0, b = K.LOCAL) => {
+    const y = a.map((f) => q(f, t)), m = y.filter((f) => !P(f.target.selector));
+    return e.bulkAddAnnotations(y, c, b), m;
   }, S = (a, c = K.LOCAL) => {
-    const y = a.map((p) => z(p, t)), b = y.filter((p) => !I(p.target.selector));
-    return y.forEach((p) => {
-      e.getAnnotation(p.id) ? e.updateAnnotation(p, c) : e.addAnnotation(p, c);
-    }), b;
-  }, h = (a, c = K.LOCAL) => {
-    const y = W(a, t);
-    e.updateTarget(y, c);
+    const b = a.map((m) => q(m, t)), y = b.filter((m) => !P(m.target.selector));
+    return b.forEach((m) => {
+      e.getAnnotation(m.id) ? e.updateAnnotation(m, c) : e.addAnnotation(m, c);
+    }), y;
+  }, p = (a, c = K.LOCAL) => {
+    const b = Y(a, t);
+    e.updateTarget(b, c);
   }, d = (a, c = K.LOCAL) => {
-    const y = a.map((b) => W(b, t));
-    e.bulkUpdateTargets(y, c);
+    const b = a.map((y) => Y(y, t));
+    e.bulkUpdateTargets(b, c);
   };
-  function i(a, c, y, b) {
-    const p = y || !!b, f = o.getAt(a, c, p).map((T) => e.getAnnotation(T)), C = b ? f.filter(b) : f;
-    if (C.length !== 0)
-      return y ? C : C[0];
+  function i(a, c, b, y) {
+    const m = b || !!y, f = o.getAt(a, c, m).map((T) => e.getAnnotation(T)), w = y ? f.filter(y) : f;
+    if (w.length !== 0)
+      return b ? w : w[0];
   }
   const E = (a) => {
     if (o.getAnnotationRects(a).length !== 0)
       return o.getAnnotationBounds(a);
-  }, w = (a, c, y, b) => o.getIntersecting(a, c, y, b), x = (a) => o.getAnnotationRects(a), A = () => o.recalculate();
+  }, C = (a, c, b, y) => o.getIntersecting(a, c, b, y), v = (a) => o.getAnnotationRects(a), x = () => o.recalculate();
   return e.observe(({ changes: a }) => {
-    const c = (a.deleted || []).filter((p) => I(p.target.selector)), y = (a.created || []).filter((p) => I(p.target.selector)), b = (a.updated || []).filter((p) => I(p.newValue.target.selector));
-    (c == null ? void 0 : c.length) > 0 && c.forEach((p) => o.remove(p.target)), y.length > 0 && o.set(y.map((p) => p.target), !1), (b == null ? void 0 : b.length) > 0 && b.forEach(({ newValue: p }) => o.update(p.target));
+    const c = (a.deleted || []).filter((m) => P(m.target.selector)), b = (a.created || []).filter((m) => P(m.target.selector)), y = (a.updated || []).filter((m) => P(m.newValue.target.selector));
+    (c == null ? void 0 : c.length) > 0 && c.forEach((m) => o.remove(m.target)), b.length > 0 && o.set(b.map((m) => m.target), !1), (y == null ? void 0 : y.length) > 0 && y.forEach(({ newValue: m }) => o.update(m.target));
   }), {
     store: {
       ...e,
       addAnnotation: u,
-      bulkAddAnnotations: m,
+      bulkAddAnnotations: g,
       bulkUpdateTargets: d,
       bulkUpsertAnnotations: S,
       getAnnotationBounds: E,
-      getAnnotationRects: x,
-      getIntersecting: w,
+      getAnnotationRects: v,
+      getIntersecting: C,
       getAt: i,
-      recalculatePositions: A,
-      updateTarget: h
+      recalculatePositions: x,
+      updateTarget: p
     },
     selection: s,
     hover: r,
     viewport: l
   };
-}, te = () => {
+}, ee = () => {
   const t = document.createElement("canvas");
   t.width = 2 * window.innerWidth, t.height = 2 * window.innerHeight, t.className = "r6o-presence-layer";
   const n = t.getContext("2d");
   return n.scale(2, 2), n.translate(0.5, 0.5), t;
-}, ee = (t, n = {}) => {
-  const e = te(), o = e.getContext("2d");
+}, ne = (t, n = {}) => {
+  const e = ee(), o = e.getContext("2d");
   document.body.appendChild(e);
-  const s = /* @__PURE__ */ new Map(), r = (h) => Array.from(s.entries()).filter(([d, i]) => i.presenceKey === h.presenceKey).map(([d, i]) => d);
-  return t.on("selectionChange", (h, d) => {
-    r(h).forEach((E) => s.delete(E)), d && d.forEach((E) => s.set(E, h));
+  const s = /* @__PURE__ */ new Map(), r = (p) => Array.from(s.entries()).filter(([d, i]) => i.presenceKey === p.presenceKey).map(([d, i]) => d);
+  return t.on("selectionChange", (p, d) => {
+    r(p).forEach((E) => s.delete(E)), d && d.forEach((E) => s.set(E, p));
   }), {
     clear: () => {
-      const { width: h, height: d } = e;
-      o.clearRect(-0.5, -0.5, h + 1, d + 1);
+      const { width: p, height: d } = e;
+      o.clearRect(-0.5, -0.5, p + 1, d + 1);
     },
     destroy: () => {
       e.remove();
     },
-    paint: (h, d, i) => {
+    paint: (p, d, i) => {
       n.font && (o.font = n.font);
-      const E = s.get(h.annotation.id);
+      const E = s.get(p.annotation.id);
       if (E) {
-        const { height: w } = h.rects[0], x = h.rects[0].x + d.left, A = h.rects[0].y + d.top;
-        o.fillStyle = E.appearance.color, o.fillRect(x - 2, A - 2.5, 2, w + 5);
-        const a = o.measureText(E.appearance.label), c = a.width + 6, y = a.actualBoundingBoxAscent + a.actualBoundingBoxDescent + 8, b = a.fontBoundingBoxAscent ? 8 : 6.5;
-        return o.fillRect(x - 2, A - 2.5 - y, c, y), o.fillStyle = "#fff", o.fillText(E.appearance.label, x + 1, A - b), {
+        const { height: C } = p.rects[0], v = p.rects[0].x + d.left, x = p.rects[0].y + d.top;
+        o.fillStyle = E.appearance.color, o.fillRect(v - 2, x - 2.5, 2, C + 5);
+        const a = o.measureText(E.appearance.label), c = a.width + 6, b = a.actualBoundingBoxAscent + a.actualBoundingBoxDescent + 8, y = a.fontBoundingBoxAscent ? 8 : 6.5;
+        return o.fillRect(v - 2, x - 2.5 - b, c, b), o.fillStyle = "#fff", o.fillText(E.appearance.label, v + 1, x - y), {
           fill: E.appearance.color,
           fillOpacity: i ? 0.45 : 0.18
         };
@@ -672,131 +673,141 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
     },
     reset: () => {
       e.width = 2 * window.innerWidth, e.height = 2 * window.innerHeight;
-      const h = e.getContext("2d");
-      h.scale(2, 2), h.translate(0.5, 0.5);
+      const p = e.getContext("2d");
+      p.scale(2, 2), p.translate(0.5, 0.5);
     }
   };
-}, G = 300, ot = ["up", "down", "left", "right"], st = Et ? "⌘+a" : "ctrl+a", ne = [
-  ...ot.map((t) => `shift+${t}`),
-  st
-], oe = (t, n, e) => {
+}, Q = 300, st = ["up", "down", "left", "right"], rt = At ? "⌘+a" : "ctrl+a", oe = [
+  ...st.map((t) => `shift+${t}`),
+  rt
+], se = (t, n, e) => {
   let o;
-  const { annotatingEnabled: s, offsetReferenceSelector: r, selectionMode: l } = e, u = (g) => o = g;
-  let m;
-  const S = (g) => m = g, { store: h, selection: d } = n;
-  let i, E, w;
-  const x = (g) => {
-    E !== !1 && (i = F(t, g.target) ? void 0 : {
-      annotation: J(),
+  const { annotatingEnabled: s, offsetReferenceSelector: r, selectionMode: l } = e, u = (h) => o = h;
+  let g;
+  const S = (h) => g = h, { store: p, selection: d } = n;
+  let i, E, C;
+  const v = (h) => {
+    E !== !1 && (i = F(t, h.target) ? void 0 : {
+      annotation: tt(),
       selector: [],
       creator: o,
       created: /* @__PURE__ */ new Date()
     });
-  }, A = D((g) => {
-    const v = document.getSelection();
-    if (!(v != null && v.anchorNode))
+  }, x = W((h) => {
+    const A = document.getSelection();
+    if (!(A != null && A.anchorNode))
       return;
-    if (F(t, v.anchorNode)) {
+    if (F(t, A.anchorNode)) {
       i = void 0;
       return;
     }
-    const L = g.timeStamp - ((w == null ? void 0 : w.timeStamp) || g.timeStamp);
-    if ((w == null ? void 0 : w.type) === "pointerdown" && (L < 1e3 && !i || v.isCollapsed && L < G) && x(w || g), !i) return;
-    if (v.isCollapsed) {
-      h.getAnnotation(i.annotation) && (d.clear(), h.deleteAnnotation(i.annotation));
+    const L = h.timeStamp - ((C == null ? void 0 : C.timeStamp) || h.timeStamp);
+    if ((C == null ? void 0 : C.type) === "pointerdown" && (L < 1e3 && !i || A.isCollapsed && L < Q) && v(C || h), !i) return;
+    if (A.isCollapsed) {
+      p.getAnnotation(i.annotation) && (d.clear(), p.deleteAnnotation(i.annotation));
       return;
     }
-    const H = Array.from(Array(v.rangeCount).keys()).map((R) => v.getRangeAt(R)).map((R) => Nt(R, t));
-    if (H.every((R) => Lt(R))) return;
-    const B = H.flatMap((R) => vt(t, R.cloneRange()));
-    (B.length !== i.selector.length || B.some((R, M) => {
-      var O;
-      return R.toString() !== ((O = i.selector[M]) == null ? void 0 : O.quote);
+    const N = Array.from(Array(A.rangeCount).keys()).map((k) => A.getRangeAt(k)).map((k) => Pt(k, t));
+    if (N.every((k) => kt(k))) return;
+    const I = N.flatMap((k) => Tt(t, k.cloneRange()));
+    (I.length !== i.selector.length || I.some((k, O) => {
+      var $;
+      return k.toString() !== (($ = i.selector[O]) == null ? void 0 : $.quote);
     })) && (i = {
       ...i,
-      selector: B.map((R) => It(R, t, r)),
+      selector: I.map((k) => Nt(k, t, r)),
       updated: /* @__PURE__ */ new Date()
-    }, h.getAnnotation(i.annotation) ? h.updateTarget(i, K.LOCAL) : d.clear());
-  }), a = (g) => {
-    F(t, g.target) || (w = X(g), E = w.button === 0);
-  }, c = (g) => {
+    }, p.getAnnotation(i.annotation) ? p.updateTarget(i, K.LOCAL) : d.clear());
+  }), a = (h) => {
+    F(t, h.target) || (C = z(h), E = C.button === 0);
+  }, c = async (h) => {
     if (!E) return;
-    if (F(t, g.target)) {
+    if (F(t, h.target)) {
       e.dismissOnClickOutside && d.clear();
       return;
     }
-    const v = () => {
-      const { x: k, y: H } = t.getBoundingClientRect(), B = g.target instanceof Node && t.contains(g.target) && h.getAt(g.clientX - k, g.clientY - H, l === "all", m);
-      if (B) {
-        const { selected: $ } = d, R = new Set($.map((P) => P.id)), M = Array.isArray(B) ? B.map((P) => P.id) : [B.id];
-        (R.size !== M.length || !M.every((P) => R.has(P))) && d.userSelect(M, g);
+    const A = () => {
+      const { x: B, y: N } = t.getBoundingClientRect(), I = h.target instanceof Node && t.contains(h.target) && p.getAt(h.clientX - B, h.clientY - N, l === "all", g);
+      if (I) {
+        const { selected: _ } = d, k = new Set(_.map((H) => H.id)), O = Array.isArray(I) ? I.map((H) => H.id) : [I.id];
+        (k.size !== O.length || !O.every((H) => k.has(H))) && d.userSelect(O, h);
       } else
         d.clear();
-    }, L = g.timeStamp - w.timeStamp;
-    setTimeout(() => {
-      const k = document.getSelection();
-      k != null && k.isCollapsed && L < G ? (i = void 0, v()) : i && i.selector.length > 0 && (C(), d.userSelect(i.annotation, X(g)));
-    });
-  }, y = (g) => {
-    const v = document.getSelection();
-    v != null && v.isCollapsed || ((!i || i.selector.length === 0) && A(g), i && (C(), d.userSelect(i.annotation, X(g))));
-  }, b = (g) => {
-    g.key === "Shift" && i && (document.getSelection().isCollapsed || (C(), d.userSelect(i.annotation, V(g))));
-  }, p = (g) => {
-    const v = () => setTimeout(() => {
-      (i == null ? void 0 : i.selector.length) > 0 && (d.clear(), h.addAnnotation({
+    };
+    if (h.timeStamp - C.timeStamp < Q) {
+      await b();
+      const B = document.getSelection();
+      if (B != null && B.isCollapsed) {
+        i = void 0, A();
+        return;
+      }
+    }
+    i && i.selector.length > 0 && (T(), d.userSelect(i.annotation, z(h)));
+  }, b = async () => {
+    const h = document.getSelection();
+    let A = !1, L = h == null ? void 0 : h.isCollapsed;
+    const B = () => L || A, N = 1;
+    return setTimeout(() => A = !0, 50), Ct(() => L = h == null ? void 0 : h.isCollapsed, N, B);
+  }, y = (h) => {
+    const A = document.getSelection();
+    A != null && A.isCollapsed || ((!i || i.selector.length === 0) && x(h), i && (T(), d.userSelect(i.annotation, z(h))));
+  }, m = (h) => {
+    h.key === "Shift" && i && (document.getSelection().isCollapsed || (T(), d.userSelect(i.annotation, V(h))));
+  }, f = (h) => {
+    const A = () => setTimeout(() => {
+      (i == null ? void 0 : i.selector.length) > 0 && (d.clear(), p.addAnnotation({
         id: i.annotation,
         bodies: [],
         target: i
-      }), d.userSelect(i.annotation, V(g))), document.removeEventListener("selectionchange", v);
+      }), d.userSelect(i.annotation, V(h))), document.removeEventListener("selectionchange", A);
     }, 100);
-    document.addEventListener("selectionchange", v), x(g);
+    document.addEventListener("selectionchange", A), v(h);
   };
-  _(ne.join(","), { element: t, keydown: !0, keyup: !1 }, (g) => {
-    g.repeat || (w = V(g));
-  }), _(st, { keydown: !0, keyup: !1 }, (g) => {
-    w = V(g), p(g);
+  D(oe.join(","), { element: t, keydown: !0, keyup: !1 }, (h) => {
+    h.repeat || (C = V(h));
+  }), D(rt, { keydown: !0, keyup: !1 }, (h) => {
+    C = V(h), f(h);
   });
-  const f = (g) => {
-    g.repeat || g.target !== t && g.target !== document.body || (i = void 0, d.clear());
+  const w = (h) => {
+    h.repeat || h.target !== t && h.target !== document.body || (i = void 0, d.clear());
   };
-  _(ot.join(","), { keydown: !0, keyup: !1 }, f);
-  const C = () => {
-    const g = h.getAnnotation(i.annotation);
-    if (!g) {
-      h.addAnnotation({
+  D(st.join(","), { keydown: !0, keyup: !1 }, w);
+  const T = () => {
+    const h = p.getAnnotation(i.annotation);
+    if (!h) {
+      p.addAnnotation({
         id: i.annotation,
         bodies: [],
         target: i
       });
       return;
     }
-    const { target: { updated: v } } = g, { updated: L } = i;
-    (!v || !L || v < L) && h.updateTarget(i);
+    const { target: { updated: A } } = h, { updated: L } = i;
+    (!A || !L || A < L) && p.updateTarget(i);
   };
-  return t.addEventListener("pointerdown", a), document.addEventListener("pointerup", c), document.addEventListener("contextmenu", y), s && (t.addEventListener("keyup", b), t.addEventListener("selectstart", x), document.addEventListener("selectionchange", A)), {
+  return t.addEventListener("pointerdown", a), document.addEventListener("pointerup", c), document.addEventListener("contextmenu", y), s && (t.addEventListener("keyup", m), t.addEventListener("selectstart", v), document.addEventListener("selectionchange", x)), {
     destroy: () => {
-      t.removeEventListener("pointerdown", a), document.removeEventListener("pointerup", c), document.removeEventListener("contextmenu", y), t.removeEventListener("keyup", b), t.removeEventListener("selectstart", x), document.removeEventListener("selectionchange", A), _.unbind();
+      t.removeEventListener("pointerdown", a), document.removeEventListener("pointerup", c), document.removeEventListener("contextmenu", y), t.removeEventListener("keyup", m), t.removeEventListener("selectstart", v), document.removeEventListener("selectionchange", x), D.unbind();
     },
     setFilter: S,
     setUser: u
   };
-}, se = (t, n) => ({
+}, re = (t, n) => ({
   ...t,
   annotatingEnabled: t.annotatingEnabled ?? n.annotatingEnabled,
   user: t.user || n.user
-}), Q = "SPANS", ge = (t, n = {}) => {
-  wt(t), At(t);
-  const e = se(n, {
+}), Z = "SPANS", pe = (t, n = {}) => {
+  Et(t), xt(t);
+  const e = re(n, {
     annotatingEnabled: !0,
     user: pt()
-  }), o = Jt(t, e), { selection: s, viewport: r } = o, l = o.store, u = ht(l), m = yt(o, u, e.adapter);
+  }), o = te(t, e), { selection: s, viewport: r } = o, l = o.store, u = ht(l), g = yt(o, u, e.adapter);
   let S = e.user;
-  const h = e.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : Q : e.renderer || Q, d = h === "SPANS" ? zt(t, o, r) : h === "CSS_HIGHLIGHTS" ? Wt(t, o, r) : h === "CANVAS" ? _t(t, o, r) : void 0;
+  const p = e.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : Z : e.renderer || Z, d = p === "SPANS" ? qt(t, o, r) : p === "CSS_HIGHLIGHTS" ? Yt(t, o, r) : p === "CANVAS" ? Dt(t, o, r) : void 0;
   if (!d)
-    throw `Unknown renderer implementation: ${h}`;
-  console.debug(`Using ${h} renderer`), e.style && d.setStyle(e.style);
-  const i = oe(t, o, e);
+    throw `Unknown renderer implementation: ${p}`;
+  console.debug(`Using ${p} renderer`), e.style && d.setStyle(e.style);
+  const i = se(t, o, e);
   return i.setUser(S), {
     ...bt(o, u, e.adapter),
     destroy: () => {
@@ -815,57 +826,57 @@ const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
       f ? s.setSelected(f) : s.clear();
     },
     setPresenceProvider: (f) => {
-      f && (d.setPainter(ee(f, e.presence)), f.on("selectionChange", () => d.redraw()));
+      f && (d.setPainter(ne(f, e.presence)), f.on("selectionChange", () => d.redraw()));
     },
     setVisible: (f) => d.setVisible(f),
-    on: m.on,
-    off: m.off,
-    scrollIntoView: Ht(t, l),
+    on: g.on,
+    off: g.off,
+    scrollIntoView: Mt(t, l),
     state: o
   };
 };
 export {
-  Y as DEFAULT_SELECTED_STYLE,
-  N as DEFAULT_STYLE,
-  tt as NOT_ANNOTATABLE_CLASS,
+  X as DEFAULT_SELECTED_STYLE,
+  M as DEFAULT_STYLE,
+  et as NOT_ANNOTATABLE_CLASS,
   U as NOT_ANNOTATABLE_SELECTOR,
-  he as Origin,
-  oe as SelectionHandler,
-  ye as UserSelectAction,
-  fe as W3CTextFormat,
-  wt as cancelSingleClickEvents,
+  be as Origin,
+  se as SelectionHandler,
+  Se as UserSelectAction,
+  me as W3CTextFormat,
+  Et as cancelSingleClickEvents,
   V as cloneKeyboardEvent,
-  X as clonePointerEvent,
-  be as createBody,
-  _t as createCanvasRenderer,
-  Wt as createHighlightsRenderer,
-  ee as createPresencePainter,
-  Dt as createRenderer,
-  zt as createSpansRenderer,
-  ge as createTextAnnotator,
-  Jt as createTextAnnotatorState,
-  D as debounce,
-  se as fillDefaults,
-  Tt as getQuoteContext,
-  q as getRangeAnnotatableContents,
-  Et as isMac,
+  z as clonePointerEvent,
+  Ce as createBody,
+  Dt as createCanvasRenderer,
+  Yt as createHighlightsRenderer,
+  ne as createPresencePainter,
+  Wt as createRenderer,
+  qt as createSpansRenderer,
+  pe as createTextAnnotator,
+  te as createTextAnnotatorState,
+  W as debounce,
+  re as fillDefaults,
+  Rt as getQuoteContext,
+  j as getRangeAnnotatableContents,
+  At as isMac,
   F as isNotAnnotatable,
-  Ct as isRangeAnnotatable,
-  I as isRevived,
-  Lt as isWhitespaceOrEmpty,
+  wt as isRangeAnnotatable,
+  P as isRevived,
+  kt as isWhitespaceOrEmpty,
   Bt as mergeClientRects,
-  Mt as paint,
-  Gt as parseW3CTextAnnotation,
-  At as programmaticallyFocusable,
-  It as rangeToSelector,
-  z as reviveAnnotation,
-  et as reviveSelector,
-  W as reviveTarget,
-  Ht as scrollIntoView,
-  Qt as serializeW3CTextAnnotation,
-  vt as splitAnnotatableRanges,
-  ue as toDomRectList,
-  Nt as trimRangeToContainer,
-  Rt as whitespaceOrEmptyRegex
+  Ht as paint,
+  Qt as parseW3CTextAnnotation,
+  xt as programmaticallyFocusable,
+  Nt as rangeToSelector,
+  q as reviveAnnotation,
+  nt as reviveSelector,
+  Y as reviveTarget,
+  Mt as scrollIntoView,
+  Zt as serializeW3CTextAnnotation,
+  Tt as splitAnnotatableRanges,
+  ge as toDomRectList,
+  Pt as trimRangeToContainer,
+  Lt as whitespaceOrEmptyRegex
 };
 //# sourceMappingURL=text-annotator.es.js.map