@recogito/text-annotator 3.1.4 → 3.1.6

package/dist/text-annotator.es.js

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