@soomo/text-annotator 3.1.0-staging.13 → 3.1.0-staging.15

package/dist/text-annotator.es.js

@@ -109,9 +109,9 @@ const ae = "not-annotatable", Z = `.${ae}`, nt = (t) => {
   const { start: n, end: o } = t, i = t.offsetReference || e, s = document.createNodeIterator(
     e,
     NodeFilter.SHOW_TEXT,
-    (y) => {
+    (m) => {
       var p;
-      return (p = y.parentElement) != null && p.closest(Z) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+      return (p = m.parentElement) != null && p.closest(Z) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
     }
   );
   let r = 0;
@@ -121,22 +121,22 @@ const ae = "not-annotatable", Z = `.${ae}`, nt = (t) => {
   let c = !i;
   for (; l !== null; ) {
     if (c || (c = i == null ? void 0 : i.contains(l)), c) {
-      const y = ((f = l.textContent) == null ? void 0 : f.length) || 0;
-      if (r + y > n) {
+      const m = ((f = l.textContent) == null ? void 0 : f.length) || 0;
+      if (r + m > n) {
         a.setStart(l, n - r);
         break;
       }
-      r += y;
+      r += m;
     }
     l = s.nextNode();
   }
   for (; l !== null; ) {
-    const y = ((d = l.textContent) == null ? void 0 : d.length) || 0;
-    if (r + y >= o) {
+    const m = ((d = l.textContent) == null ? void 0 : d.length) || 0;
+    if (r + m >= o) {
       a.setEnd(l, o - r);
       break;
     }
-    r += y, l = s.nextNode();
+    r += m, l = s.nextNode();
   }
   return {
     ...t,
@@ -213,7 +213,7 @@ const ae = "not-annotatable", Z = `.${ae}`, nt = (t) => {
   return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : de(t.parentElement);
 }, He = (t, e) => (n) => {
   const o = typeof n == "string" ? n : n.id, i = (r) => {
-    const a = s.getBoundingClientRect(), l = s.clientHeight, c = s.clientWidth, f = r.selector[0].range.getBoundingClientRect(), { width: d, height: y } = e.getAnnotationBounds(o), p = f.top - a.top, w = f.left - a.left, b = s.parentElement ? s.scrollTop : 0, C = s.parentElement ? s.scrollLeft : 0, g = p + b - (l - y) / 2, u = w + C - (c - d) / 2;
+    const a = s.getBoundingClientRect(), l = s.clientHeight, c = s.clientWidth, f = r.selector[0].range.getBoundingClientRect(), { width: d, height: m } = e.getAnnotationBounds(o), p = f.top - a.top, v = f.left - a.left, b = s.parentElement ? s.scrollTop : 0, C = s.parentElement ? s.scrollLeft : 0, g = p + b - (l - m) / 2, u = v + C - (c - d) / 2;
     s.scroll({ top: g, left: u, behavior: "smooth" });
   }, s = de(t);
   if (s) {
@@ -250,17 +250,17 @@ function ue(t, e = 100, n = {}) {
   const { immediate: o } = typeof n == "boolean" ? { immediate: n } : n;
   let i, s, r, a, l;
   function c() {
-    const y = i, p = s;
-    return i = void 0, s = void 0, l = t.apply(y, p), l;
+    const m = i, p = s;
+    return i = void 0, s = void 0, l = t.apply(m, p), l;
   }
   function f() {
-    const y = Date.now() - a;
-    y < e && y >= 0 ? r = setTimeout(f, e - y) : (r = void 0, o || (l = c()));
+    const m = Date.now() - a;
+    m < e && m >= 0 ? r = setTimeout(f, e - m) : (r = void 0, o || (l = c()));
   }
-  const d = function(...y) {
+  const d = function(...m) {
     if (i && this !== i && Object.getPrototypeOf(this) === Object.getPrototypeOf(i))
       throw new Error("Debounced method called with different contexts of the same prototype.");
-    i = this, s = y, a = Date.now();
+    i = this, s = m, a = Date.now();
     const p = o && !r;
     return r || (r = setTimeout(f, e)), p && (l = c()), l;
   };
@@ -288,42 +288,42 @@ const Kt = /* @__PURE__ */ Fe(We), qe = (t) => {
   const { store: i, selection: s, hover: r } = e;
   let a, l, c;
   const f = Ge(n), d = (T) => {
-    const { x: E, y: h } = t.getBoundingClientRect(), v = i.getAt(T.clientX - E, T.clientY - h, l);
-    v ? r.current !== v.id && (t.classList.add("hovered"), r.set(v.id)) : r.current && (t.classList.remove("hovered"), r.set(null));
+    const { x: A, y: h } = t.getBoundingClientRect(), w = i.getAt(T.clientX - A, T.clientY - h, l);
+    w ? r.current !== w.id && (t.classList.add("hovered"), r.set(w.id)) : r.current && (t.classList.remove("hovered"), r.set(null));
   };
   t.addEventListener("pointermove", d);
-  const y = (T = !1) => {
+  const m = (T = !1) => {
     c && c.clear();
-    const E = qe(t), { minX: h, minY: v, maxX: A, maxY: L } = E, M = l ? i.getIntersecting(h, v, A, L).filter(({ annotation: Y }) => l(Y)) : i.getIntersecting(h, v, A, L), B = s.selected.map(({ id: Y }) => Y), K = M.map(({ annotation: Y, rects: dt }) => {
+    const A = qe(t), { minX: h, minY: w, maxX: x, maxY: L } = A, M = l ? i.getIntersecting(h, w, x, L).filter(({ annotation: Y }) => l(Y)) : i.getIntersecting(h, w, x, L), B = s.selected.map(({ id: Y }) => Y), K = M.map(({ annotation: Y, rects: dt }) => {
       const Oe = B.includes(Y.id), Te = Y.id === r.current;
       return { annotation: Y, rects: dt, state: { selected: Oe, hover: Te } };
     });
-    o.redraw(K, E, a, c, T), setTimeout(() => f(M.map(({ annotation: Y }) => Y)), 1);
+    o.redraw(K, A, a, c, T), setTimeout(() => f(M.map(({ annotation: Y }) => Y)), 1);
   }, p = (T) => {
-    c = T, y();
-  }, w = (T) => {
-    a = T, y();
+    c = T, m();
+  }, v = (T) => {
+    a = T, m();
   }, b = (T) => {
-    l = T, y(!1);
-  }, C = () => y();
+    l = T, m(!1);
+  }, C = () => m();
   i.observe(C);
-  const g = s.subscribe(() => y()), u = () => y(!0);
+  const g = s.subscribe(() => m()), u = () => m(!0);
   document.addEventListener("scroll", u, { capture: !0, passive: !0 });
-  const m = Kt(() => {
-    i.recalculatePositions(), c == null || c.reset(), y();
+  const y = Kt(() => {
+    i.recalculatePositions(), c == null || c.reset(), m();
   }, 10);
-  window.addEventListener("resize", m);
-  const S = new ResizeObserver(m);
+  window.addEventListener("resize", y);
+  const S = new ResizeObserver(y);
   S.observe(t);
-  const x = { attributes: !0, childList: !0, subtree: !0 }, O = new MutationObserver((T) => {
-    T.every((h) => h.target === t || t.contains(h.target)) || y(!0);
+  const E = { attributes: !0, childList: !0, subtree: !0 }, O = new MutationObserver((T) => {
+    T.every((h) => h.target === t || t.contains(h.target)) || m(!0);
   });
-  return O.observe(document.body, x), {
+  return O.observe(document.body, E), {
     destroy: () => {
-      t.removeEventListener("pointermove", d), o.destroy(), i.unobserve(C), g(), document.removeEventListener("scroll", u), m.clear(), window.removeEventListener("resize", m), S.disconnect(), O.disconnect();
+      t.removeEventListener("pointermove", d), o.destroy(), i.unobserve(C), g(), document.removeEventListener("scroll", u), y.clear(), window.removeEventListener("resize", y), S.disconnect(), O.disconnect();
     },
-    redraw: y,
-    setStyle: w,
+    redraw: m,
+    setStyle: v,
     setFilter: b,
     setPainter: p,
     setVisible: o.setVisible
@@ -338,27 +338,27 @@ const Kt = /* @__PURE__ */ Fe(We), qe = (t) => {
   const e = Qe(), n = e.getContext("2d");
   document.body.appendChild(e);
   const o = (a, l, c, f) => requestAnimationFrame(() => {
-    const { width: d, height: y } = e;
-    n.clearRect(-0.5, -0.5, d + 1, y + 1), f && f.clear();
-    const { top: p, left: w } = l;
+    const { width: d, height: m } = e;
+    n.clearRect(-0.5, -0.5, d + 1, m + 1), f && f.clear();
+    const { top: p, left: v } = l;
     [...a].sort((C, g) => {
-      const { annotation: { target: { created: u } } } = C, { annotation: { target: { created: m } } } = g;
-      return u.getTime() - m.getTime();
+      const { annotation: { target: { created: u } } } = C, { annotation: { target: { created: y } } } = g;
+      return u.getTime() - y.getTime();
     }).forEach((C) => {
       var S;
-      const g = c ? typeof c == "function" ? c(C.annotation, C.state) : c : (S = C.state) != null && S.selected ? wt : W, u = f && f.paint(C, l) || g, m = C.rects.map(({ x, y: O, width: R, height: T }) => ({
-        x: x + w,
+      const g = c ? typeof c == "function" ? c(C.annotation, C.state) : c : (S = C.state) != null && S.selected ? wt : W, u = f && f.paint(C, l) || g, y = C.rects.map(({ x: E, y: O, width: R, height: T }) => ({
+        x: E + v,
         y: O + p,
         width: R,
         height: T
       }));
-      if (n.fillStyle = u.fill, n.globalAlpha = u.fillOpacity || 1, m.forEach(
-        ({ x, y: O, width: R, height: T }) => n.fillRect(x, O, R, T)
+      if (n.fillStyle = u.fill, n.globalAlpha = u.fillOpacity || 1, y.forEach(
+        ({ x: E, y: O, width: R, height: T }) => n.fillRect(E, O, R, T)
       ), u.underlineColor) {
         n.globalAlpha = 1, n.strokeStyle = u.underlineColor, n.lineWidth = u.underlineThickness ?? 1;
-        const x = u.underlineOffset ?? 0;
-        m.forEach(({ x: O, y: R, width: T, height: E }) => {
-          n.beginPath(), n.moveTo(O, R + E + x), n.lineTo(O + T, R + E + x), n.stroke();
+        const E = u.underlineOffset ?? 0;
+        y.forEach(({ x: O, y: R, width: T, height: A }) => {
+          n.beginPath(), n.moveTo(O, R + A + E), n.lineTo(O + T, R + A + E), n.stroke();
         });
       }
     });
@@ -525,13 +525,13 @@ const ln = (t) => [
       const c = new Set(s.map((d) => d.annotation.id));
       Array.from(e).filter((d) => !c.has(d));
       const f = s.map((d) => {
-        var w;
-        const y = a ? typeof a == "function" ? a(d.annotation, d.state) : a : (w = d.state) != null && w.selected ? wt : W, p = l && l.paint(d, r) || y;
+        var v;
+        const m = a ? typeof a == "function" ? a(d.annotation, d.state) : a : (v = d.state) != null && v.selected ? wt : W, p = l && l.paint(d, r) || m;
         return `::highlight(_${d.annotation.id}) { ${ln(p)} }`;
       });
       t.innerHTML = f.join(`
 `), CSS.highlights.clear(), s.forEach(({ annotation: d }) => {
-        const y = d.target.selector.map((w) => w.range), p = new Highlight(...y);
+        const m = d.target.selector.map((v) => v.range), p = new Highlight(...m);
         CSS.highlights.set(`_${d.id}`, p);
       }), e = c;
     }
@@ -571,17 +571,17 @@ const fn = (t, e) => {
       e.remove();
     },
     redraw: (r, a, l, c, f) => {
-      const y = !(Ut(n, r) && f);
-      if (!c && !y) return;
-      y && (e.innerHTML = ""), [...r].sort((w, b) => {
-        const { annotation: { target: { created: C } } } = w, { annotation: { target: { created: g } } } = b;
+      const m = !(Ut(n, r) && f);
+      if (!c && !m) return;
+      m && (e.innerHTML = ""), [...r].sort((v, b) => {
+        const { annotation: { target: { created: C } } } = v, { annotation: { target: { created: g } } } = b;
         return C && g ? C.getTime() - g.getTime() : 0;
-      }).forEach((w) => {
-        w.rects.map((b) => {
-          const C = fn(b, r), g = ze(w, a, l, c, C);
-          if (y) {
+      }).forEach((v) => {
+        v.rects.map((b) => {
+          const C = fn(b, r), g = ze(v, a, l, c, C);
+          if (m) {
             const u = document.createElement("span");
-            u.className = "r6o-annotation", u.dataset.annotation = w.annotation.id, u.style.left = `${b.x}px`, u.style.top = `${b.y}px`, u.style.width = `${b.width}px`, u.style.height = `${b.height}px`, u.style.backgroundColor = $((g == null ? void 0 : g.fill) || W.fill).alpha((g == null ? void 0 : g.fillOpacity) === void 0 ? W.fillOpacity : g.fillOpacity).toHex(), g.underlineStyle && (u.style.borderStyle = g.underlineStyle), g.underlineColor && (u.style.borderColor = g.underlineColor), g.underlineThickness && (u.style.borderBottomWidth = `${g.underlineThickness}px`), g.underlineOffset && (u.style.paddingBottom = `${g.underlineOffset}px`), e.appendChild(u);
+            u.className = "r6o-annotation", u.dataset.annotation = v.annotation.id, u.style.left = `${b.x}px`, u.style.top = `${b.y}px`, u.style.width = `${b.width}px`, u.style.height = `${b.height}px`, u.style.backgroundColor = $((g == null ? void 0 : g.fill) || W.fill).alpha((g == null ? void 0 : g.fillOpacity) === void 0 ? W.fillOpacity : g.fillOpacity).toHex(), g.underlineStyle && (u.style.borderStyle = g.underlineStyle), g.underlineColor && (u.style.borderColor = g.underlineColor), g.underlineThickness && (u.style.borderBottomWidth = `${g.underlineThickness}px`), g.underlineOffset && (u.style.paddingBottom = `${g.underlineOffset}px`), e.appendChild(u);
           }
         });
       }), n = r;
@@ -688,49 +688,49 @@ var An = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE =
 const ht = { selected: [] }, xn = (t, e, n) => {
   const { subscribe: o, set: i } = Xt(ht);
   let s = e, r = ht;
-  o((w) => r = w);
+  o((v) => r = v);
   const a = () => {
     q(r, ht) || i(ht);
   }, l = () => {
-    var w;
-    return ((w = r.selected) == null ? void 0 : w.length) === 0;
-  }, c = (w) => {
+    var v;
+    return ((v = r.selected) == null ? void 0 : v.length) === 0;
+  }, c = (v) => {
     if (l())
       return !1;
-    const b = typeof w == "string" ? w : w.id;
+    const b = typeof v == "string" ? v : v.id;
     return r.selected.some((C) => C.id === b);
-  }, f = (w, b) => {
-    const C = t.getAnnotation(w);
+  }, f = (v, b) => {
+    const C = t.getAnnotation(v);
     if (!C) {
-      console.warn("Invalid selection: " + w);
+      console.warn("Invalid selection: " + v);
       return;
     }
     switch (te(C, s)) {
       case "EDIT":
-        i({ selected: [{ id: w, editable: !0 }], event: b });
+        i({ selected: [{ id: v, editable: !0 }], event: b });
         break;
       case "SELECT":
-        i({ selected: [{ id: w }], event: b });
+        i({ selected: [{ id: v }], event: b });
         break;
       default:
         i({ selected: [], event: b });
     }
-  }, d = (w, b) => {
-    const C = Array.isArray(w) ? w : [w], g = C.map((u) => t.getAnnotation(u)).filter((u) => !!u);
+  }, d = (v, b) => {
+    const C = Array.isArray(v) ? v : [v], g = C.map((u) => t.getAnnotation(u)).filter((u) => !!u);
     i({
       selected: g.map((u) => {
-        const m = b === void 0 ? te(u, s) === "EDIT" : b;
-        return { id: u.id, editable: m };
+        const y = b === void 0 ? te(u, s) === "EDIT" : b;
+        return { id: u.id, editable: y };
       })
-    }), g.length !== C.length && console.warn("Invalid selection", w);
-  }, y = (w) => {
+    }), g.length !== C.length && console.warn("Invalid selection", v);
+  }, m = (v) => {
     if (l())
       return !1;
     const { selected: b } = r;
-    b.some(({ id: C }) => w.includes(C)) && i({ selected: b.filter(({ id: C }) => !w.includes(C)) });
-  }, p = (w) => s = w;
+    b.some(({ id: C }) => v.includes(C)) && i({ selected: b.filter(({ id: C }) => !v.includes(C)) });
+  }, p = (v) => s = v;
   return t.observe(
-    ({ changes: w }) => y((w.deleted || []).map((b) => b.id))
+    ({ changes: v }) => m((v.deleted || []).map((b) => b.id))
   ), {
     get event() {
       return r ? r.event : null;
@@ -834,17 +834,17 @@ const Bn = (t, e) => {
     return !0;
 }, kn = (t, e) => {
   const n = new Set((t.created || []).map((d) => d.id)), o = new Set((t.updated || []).map(({ newValue: d }) => d.id)), i = new Set((e.created || []).map((d) => d.id)), s = new Set((e.deleted || []).map((d) => d.id)), r = new Set((e.updated || []).map(({ oldValue: d }) => d.id)), a = new Set((e.updated || []).filter(({ oldValue: d }) => n.has(d.id) || o.has(d.id)).map(({ oldValue: d }) => d.id)), l = [
-    ...(t.created || []).filter((d) => !s.has(d.id)).map((d) => r.has(d.id) ? e.updated.find(({ oldValue: y }) => y.id === d.id).newValue : d),
+    ...(t.created || []).filter((d) => !s.has(d.id)).map((d) => r.has(d.id) ? e.updated.find(({ oldValue: m }) => m.id === d.id).newValue : d),
     ...e.created || []
   ], c = [
     ...(t.deleted || []).filter((d) => !i.has(d.id)),
     ...(e.deleted || []).filter((d) => !n.has(d.id))
   ], f = [
     ...(t.updated || []).filter(({ newValue: d }) => !s.has(d.id)).map((d) => {
-      const { oldValue: y, newValue: p } = d;
+      const { oldValue: m, newValue: p } = d;
       if (r.has(p.id)) {
-        const w = e.updated.find((b) => b.oldValue.id === p.id).newValue;
-        return ye(y, w);
+        const v = e.updated.find((b) => b.oldValue.id === p.id).newValue;
+        return ye(m, v);
       } else
         return d;
     }),
@@ -866,71 +866,71 @@ const Bn = (t, e) => {
     }
   };
 }, In = (t) => t.id !== void 0, Nn = () => {
-  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (h, v = {}) => {
-    n.push({ onChange: h, options: v });
+  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (h, w = {}) => {
+    n.push({ onChange: h, options: w });
   }, i = (h) => {
-    const v = n.findIndex((A) => A.onChange == h);
-    v > -1 && n.splice(v, 1);
-  }, s = (h, v) => {
-    const A = {
+    const w = n.findIndex((x) => x.onChange == h);
+    w > -1 && n.splice(w, 1);
+  }, s = (h, w) => {
+    const x = {
       origin: h,
       changes: {
-        created: v.created || [],
-        updated: v.updated || [],
-        deleted: v.deleted || []
+        created: w.created || [],
+        updated: w.updated || [],
+        deleted: w.deleted || []
       },
       state: [...t.values()]
     };
     n.forEach((L) => {
-      Bn(L, A) && L.onChange(A);
+      Bn(L, x) && L.onChange(x);
     });
-  }, r = (h, v = k.LOCAL) => {
+  }, r = (h, w = k.LOCAL) => {
     if (h.id && t.get(h.id))
       throw Error(`Cannot add annotation ${h.id} - exists already`);
     {
-      const A = Rt(h);
-      t.set(A.id, A), A.bodies.forEach((L) => e.set(L.id, A.id)), s(v, { created: [A] });
+      const x = Rt(h);
+      t.set(x.id, x), x.bodies.forEach((L) => e.set(L.id, x.id)), s(w, { created: [x] });
     }
-  }, a = (h, v) => {
-    const A = Rt(typeof h == "string" ? v : h), L = typeof h == "string" ? h : h.id, M = L && t.get(L);
+  }, a = (h, w) => {
+    const x = Rt(typeof h == "string" ? w : h), L = typeof h == "string" ? h : h.id, M = L && t.get(L);
     if (M) {
-      const B = ye(M, A);
-      return L === A.id ? t.set(L, A) : (t.delete(L), t.set(A.id, A)), M.bodies.forEach((K) => e.delete(K.id)), A.bodies.forEach((K) => e.set(K.id, A.id)), B;
+      const B = ye(M, x);
+      return L === x.id ? t.set(L, x) : (t.delete(L), t.set(x.id, x)), M.bodies.forEach((K) => e.delete(K.id)), x.bodies.forEach((K) => e.set(K.id, x.id)), B;
     } else
       console.warn(`Cannot update annotation ${L} - does not exist`);
-  }, l = (h, v = k.LOCAL, A = k.LOCAL) => {
-    const L = In(v) ? A : v, M = a(h, v);
+  }, l = (h, w = k.LOCAL, x = k.LOCAL) => {
+    const L = In(w) ? x : w, M = a(h, w);
     M && s(L, { updated: [M] });
-  }, c = (h, v = k.LOCAL) => {
-    const A = h.reduce((L, M) => {
+  }, c = (h, w = k.LOCAL) => {
+    const x = h.reduce((L, M) => {
       const B = a(M);
       return B ? [...L, B] : L;
     }, []);
-    A.length > 0 && s(v, { updated: A });
-  }, f = (h, v = k.LOCAL) => {
-    const A = t.get(h.annotation);
-    if (A) {
+    x.length > 0 && s(w, { updated: x });
+  }, f = (h, w = k.LOCAL) => {
+    const x = t.get(h.annotation);
+    if (x) {
       const L = {
-        ...A,
-        bodies: [...A.bodies, h]
+        ...x,
+        bodies: [...x.bodies, h]
       };
-      t.set(A.id, L), e.set(h.id, L.id), s(v, { updated: [{
-        oldValue: A,
+      t.set(x.id, L), e.set(h.id, L.id), s(w, { updated: [{
+        oldValue: x,
         newValue: L,
         bodiesCreated: [h]
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${h.annotation}`);
-  }, d = () => [...t.values()], y = (h = k.LOCAL) => {
-    const v = [...t.values()];
-    t.clear(), e.clear(), s(h, { deleted: v });
-  }, p = (h, v = !0, A = k.LOCAL) => {
+  }, d = () => [...t.values()], m = (h = k.LOCAL) => {
+    const w = [...t.values()];
+    t.clear(), e.clear(), s(h, { deleted: w });
+  }, p = (h, w = !0, x = k.LOCAL) => {
     const L = h.map(Rt);
-    if (v) {
+    if (w) {
       const M = [...t.values()];
       t.clear(), e.clear(), L.forEach((B) => {
         t.set(B.id, B), B.bodies.forEach((K) => e.set(K.id, B.id));
-      }), s(A, { created: L, deleted: M });
+      }), s(x, { created: L, deleted: M });
     } else {
       const M = h.reduce((B, K) => {
         const Y = K.id && t.get(K.id);
@@ -940,96 +940,96 @@ const Bn = (t, e) => {
         throw Error(`Bulk insert would overwrite the following annotations: ${M.map((B) => B.id).join(", ")}`);
       L.forEach((B) => {
         t.set(B.id, B), B.bodies.forEach((K) => e.set(K.id, B.id));
-      }), s(A, { created: L });
+      }), s(x, { created: L });
     }
-  }, w = (h) => {
-    const v = typeof h == "string" ? h : h.id, A = t.get(v);
-    if (A)
-      return t.delete(v), A.bodies.forEach((L) => e.delete(L.id)), A;
-    console.warn(`Attempt to delete missing annotation: ${v}`);
-  }, b = (h, v = k.LOCAL) => {
-    const A = w(h);
-    A && s(v, { deleted: [A] });
-  }, C = (h, v = k.LOCAL) => {
-    const A = h.reduce((L, M) => {
-      const B = w(M);
+  }, v = (h) => {
+    const w = typeof h == "string" ? h : h.id, x = t.get(w);
+    if (x)
+      return t.delete(w), x.bodies.forEach((L) => e.delete(L.id)), x;
+    console.warn(`Attempt to delete missing annotation: ${w}`);
+  }, b = (h, w = k.LOCAL) => {
+    const x = v(h);
+    x && s(w, { deleted: [x] });
+  }, C = (h, w = k.LOCAL) => {
+    const x = h.reduce((L, M) => {
+      const B = v(M);
       return B ? [...L, B] : L;
     }, []);
-    A.length > 0 && s(v, { deleted: A });
+    x.length > 0 && s(w, { deleted: x });
   }, g = (h) => {
-    const v = t.get(h.annotation);
-    if (v) {
-      const A = v.bodies.find((L) => L.id === h.id);
-      if (A) {
-        e.delete(A.id);
+    const w = t.get(h.annotation);
+    if (w) {
+      const x = w.bodies.find((L) => L.id === h.id);
+      if (x) {
+        e.delete(x.id);
         const L = {
-          ...v,
-          bodies: v.bodies.filter((M) => M.id !== h.id)
+          ...w,
+          bodies: w.bodies.filter((M) => M.id !== h.id)
         };
-        return t.set(v.id, L), {
-          oldValue: v,
+        return t.set(w.id, L), {
+          oldValue: w,
           newValue: L,
-          bodiesDeleted: [A]
+          bodiesDeleted: [x]
         };
       } else
         console.warn(`Attempt to delete missing body ${h.id} from annotation ${h.annotation}`);
     } else
       console.warn(`Attempt to delete body from missing annotation ${h.annotation}`);
-  }, u = (h, v = k.LOCAL) => {
-    const A = g(h);
-    A && s(v, { updated: [A] });
-  }, m = (h, v = k.LOCAL) => {
-    const A = h.map((L) => g(L)).filter(Boolean);
-    A.length > 0 && s(v, { updated: A });
+  }, u = (h, w = k.LOCAL) => {
+    const x = g(h);
+    x && s(w, { updated: [x] });
+  }, y = (h, w = k.LOCAL) => {
+    const x = h.map((L) => g(L)).filter(Boolean);
+    x.length > 0 && s(w, { updated: x });
   }, S = (h) => {
-    const v = t.get(h);
-    return v ? { ...v } : void 0;
-  }, x = (h) => {
-    const v = e.get(h);
-    if (v) {
-      const A = S(v).bodies.find((L) => L.id === h);
-      if (A)
-        return A;
+    const w = t.get(h);
+    return w ? { ...w } : void 0;
+  }, E = (h) => {
+    const w = e.get(h);
+    if (w) {
+      const x = S(w).bodies.find((L) => L.id === h);
+      if (x)
+        return x;
       console.error(`Store integrity error: body ${h} in index, but not in annotation`);
     } else
       console.warn(`Attempt to retrieve missing body: ${h}`);
-  }, O = (h, v) => {
-    if (h.annotation !== v.annotation)
+  }, O = (h, w) => {
+    if (h.annotation !== w.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const A = t.get(h.annotation);
-    if (A) {
-      const L = A.bodies.find((B) => B.id === h.id), M = {
-        ...A,
-        bodies: A.bodies.map((B) => B.id === L.id ? v : B)
+    const x = t.get(h.annotation);
+    if (x) {
+      const L = x.bodies.find((B) => B.id === h.id), M = {
+        ...x,
+        bodies: x.bodies.map((B) => B.id === L.id ? w : B)
       };
-      return t.set(A.id, M), L.id !== v.id && (e.delete(L.id), e.set(v.id, M.id)), {
-        oldValue: A,
+      return t.set(x.id, M), L.id !== w.id && (e.delete(L.id), e.set(w.id, M.id)), {
+        oldValue: x,
         newValue: M,
-        bodiesUpdated: [{ oldBody: L, newBody: v }]
+        bodiesUpdated: [{ oldBody: L, newBody: w }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${h.annotation}`);
-  }, R = (h, v, A = k.LOCAL) => {
-    const L = O(h, v);
-    L && s(A, { updated: [L] });
-  }, T = (h, v = k.LOCAL) => {
-    const A = h.map((L) => O({ id: L.id, annotation: L.annotation }, L)).filter(Boolean);
-    s(v, { updated: A });
-  }, E = (h) => {
-    const v = t.get(h.annotation);
-    if (v) {
-      const A = {
-        ...v,
+  }, R = (h, w, x = k.LOCAL) => {
+    const L = O(h, w);
+    L && s(x, { updated: [L] });
+  }, T = (h, w = k.LOCAL) => {
+    const x = h.map((L) => O({ id: L.id, annotation: L.annotation }, L)).filter(Boolean);
+    s(w, { updated: x });
+  }, A = (h) => {
+    const w = t.get(h.annotation);
+    if (w) {
+      const x = {
+        ...w,
         target: {
-          ...v.target,
+          ...w.target,
           ...h
         }
       };
-      return t.set(v.id, A), {
-        oldValue: v,
-        newValue: A,
+      return t.set(w.id, x), {
+        oldValue: w,
+        newValue: x,
         targetUpdated: {
-          oldTarget: v.target,
+          oldTarget: w.target,
           newTarget: h
         }
       };
@@ -1042,25 +1042,25 @@ const Bn = (t, e) => {
     all: d,
     bulkAddAnnotation: p,
     bulkDeleteAnnotation: C,
-    bulkDeleteBodies: m,
+    bulkDeleteBodies: y,
     bulkUpdateAnnotation: c,
     bulkUpdateBodies: T,
-    bulkUpdateTargets: (h, v = k.LOCAL) => {
-      const A = h.map((L) => E(L)).filter(Boolean);
-      A.length > 0 && s(v, { updated: A });
+    bulkUpdateTargets: (h, w = k.LOCAL) => {
+      const x = h.map((L) => A(L)).filter(Boolean);
+      x.length > 0 && s(w, { updated: x });
     },
-    clear: y,
+    clear: m,
     deleteAnnotation: b,
     deleteBody: u,
     getAnnotation: S,
-    getBody: x,
+    getBody: E,
     observe: o,
     unobserve: i,
     updateAnnotation: l,
     updateBody: R,
-    updateTarget: (h, v = k.LOCAL) => {
-      const A = E(h);
-      A && s(v, { updated: [A] });
+    updateTarget: (h, w = k.LOCAL) => {
+      const x = A(h);
+      x && s(w, { updated: [x] });
     }
   };
 };
@@ -1083,36 +1083,36 @@ const Un = 250, Dn = (t) => {
   let o = -1, i = !1, s = 0;
   const r = (p) => {
     if (!i) {
-      const { changes: w } = p, b = performance.now();
+      const { changes: v } = p, b = performance.now();
       if (b - s > Un)
-        n.splice(o + 1), n.push(w), o = n.length - 1;
+        n.splice(o + 1), n.push(v), o = n.length - 1;
       else {
         const C = n.length - 1;
-        n[C] = kn(n[C], w);
+        n[C] = kn(n[C], v);
       }
       s = b;
     }
     i = !1;
   };
   t.observe(r, { origin: k.LOCAL });
-  const a = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p), l = (p) => p && p.length > 0 && t.bulkAddAnnotation(p, !1), c = (p) => p && p.length > 0 && t.bulkUpdateAnnotation(p.map(({ oldValue: w }) => w)), f = (p) => p && p.length > 0 && t.bulkUpdateAnnotation(p.map(({ newValue: w }) => w)), d = (p) => p && p.length > 0 && t.bulkAddAnnotation(p, !1), y = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p);
+  const a = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p), l = (p) => p && p.length > 0 && t.bulkAddAnnotation(p, !1), c = (p) => p && p.length > 0 && t.bulkUpdateAnnotation(p.map(({ oldValue: v }) => v)), f = (p) => p && p.length > 0 && t.bulkUpdateAnnotation(p.map(({ newValue: v }) => v)), d = (p) => p && p.length > 0 && t.bulkAddAnnotation(p, !1), m = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
     destroy: () => t.unobserve(r),
-    on: (p, w) => e.on(p, w),
+    on: (p, v) => e.on(p, v),
     redo: () => {
       if (n.length - 1 > o) {
         i = !0;
-        const { created: p, updated: w, deleted: b } = n[o + 1];
-        l(p), f(w), y(b), e.emit("redo", n[o + 1]), o += 1;
+        const { created: p, updated: v, deleted: b } = n[o + 1];
+        l(p), f(v), m(b), e.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         i = !0;
-        const { created: p, updated: w, deleted: b } = n[o];
-        a(p), c(w), d(b), e.emit("undo", n[o]), o -= 1;
+        const { created: p, updated: v, deleted: b } = n[o];
+        a(p), c(v), d(b), e.emit("undo", n[o]), o -= 1;
       }
     }
   };
@@ -1127,7 +1127,7 @@ const Un = 250, Dn = (t) => {
   let c = [], f;
   const d = (b, C) => {
     l.has(b) ? l.get(b).push(C) : l.set(b, [C]);
-  }, y = (b, C) => {
+  }, m = (b, C) => {
     const g = l.get(b);
     if (g) {
       const u = g.indexOf(C);
@@ -1137,8 +1137,8 @@ const Un = 250, Dn = (t) => {
     l.has(b) && setTimeout(() => {
       l.get(b).forEach((u) => {
         if (n) {
-          const m = Array.isArray(C) ? C.map((x) => n.serialize(x)) : n.serialize(C), S = g ? g instanceof PointerEvent ? g : n.serialize(g) : void 0;
-          u(m, S);
+          const y = Array.isArray(C) ? C.map((E) => n.serialize(E)) : n.serialize(C), S = g ? g instanceof PointerEvent ? g : n.serialize(g) : void 0;
+          u(y, S);
         } else
           u(C, g);
       });
@@ -1156,8 +1156,8 @@ const Un = 250, Dn = (t) => {
       else {
         const C = new Set(c.map((u) => u.id)), g = new Set(b.map(({ id: u }) => u));
         c.filter((u) => !g.has(u.id)).forEach((u) => {
-          const m = r.getAnnotation(u.id);
-          m && !q(m, u) && p("updateAnnotation", m, u);
+          const y = r.getAnnotation(u.id);
+          y && !q(y, u) && p("updateAnnotation", y, u);
         }), c = [
           // Remove annotations that were deselected
           ...c.filter((u) => g.has(u.id)),
@@ -1175,9 +1175,9 @@ const Un = 250, Dn = (t) => {
       ...u.bodiesCreated || [],
       ...u.bodiesDeleted || [],
       ...u.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: u, newValue: m }) => {
-      const S = c.find((x) => x.id === u.id) || u;
-      c = c.map((x) => x.id === u.id ? m : x), p("updateAnnotation", m, S);
+    ].length > 0).forEach(({ oldValue: u, newValue: y }) => {
+      const S = c.find((E) => E.id === u.id) || u;
+      c = c.map((E) => E.id === u.id ? y : E), p("updateAnnotation", y, S);
     });
   }, { origin: k.LOCAL }), r.observe((b) => {
     if (c) {
@@ -1185,11 +1185,11 @@ const Un = 250, Dn = (t) => {
       g.length > 0 && (c = c.map((u) => g.find((S) => S.id === u.id) || u));
     }
   }, { origin: k.REMOTE });
-  const w = (b) => (C) => {
+  const v = (b) => (C) => {
     const { updated: g } = C;
     b ? (g || []).forEach((u) => p("updateAnnotation", u.oldValue, u.newValue)) : (g || []).forEach((u) => p("updateAnnotation", u.newValue, u.oldValue));
   };
-  return e.on("undo", w(!0)), e.on("redo", w(!1)), { on: d, off: y, emit: p };
+  return e.on("undo", v(!0)), e.on("redo", v(!1)), { on: d, off: m, emit: p };
 }, Yn = (t) => (e) => e.reduce((n, o) => {
   const { parsed: i, error: s } = t.parse(o);
   return s ? {
@@ -1204,8 +1204,8 @@ const Un = 250, Dn = (t) => {
 }, { parsed: [], failed: [] }), Xn = (t, e, n) => {
   const { store: o, selection: i } = t, s = (g) => {
     if (n) {
-      const { parsed: u, error: m } = n.parse(g);
-      u ? o.addAnnotation(u, k.REMOTE) : console.error(m);
+      const { parsed: u, error: y } = n.parse(g);
+      u ? o.addAnnotation(u, k.REMOTE) : console.error(y);
     } else
       o.addAnnotation(Tt(g), k.REMOTE);
   }, r = () => i.clear(), a = () => o.clear(), l = (g) => {
@@ -1213,9 +1213,9 @@ const Un = 250, Dn = (t) => {
     return n && u ? n.serialize(u) : u;
   }, c = () => n ? o.all().map(n.serialize) : o.all(), f = () => {
     var g;
-    const u = (((g = i.selected) == null ? void 0 : g.map((m) => m.id)) || []).map((m) => o.getAnnotation(m)).filter(Boolean);
+    const u = (((g = i.selected) == null ? void 0 : g.map((y) => y.id)) || []).map((y) => o.getAnnotation(y)).filter(Boolean);
     return n ? u.map(n.serialize) : u;
-  }, d = (g, u = !0) => fetch(g).then((m) => m.json()).then((m) => (p(m, u), m)), y = (g) => {
+  }, d = (g, u = !0) => fetch(g).then((y) => y.json()).then((y) => (p(y, u), y)), m = (g) => {
     if (typeof g == "string") {
       const u = o.getAnnotation(g);
       if (o.deleteAnnotation(g), u)
@@ -1227,18 +1227,18 @@ const Un = 250, Dn = (t) => {
     }
   }, p = (g, u = !0) => {
     if (n) {
-      const m = n.parseAll || Yn(n), { parsed: S, failed: x } = m(g);
-      x.length > 0 && console.warn(`Discarded ${x.length} invalid annotations`, x), o.bulkAddAnnotation(S, u, k.REMOTE);
+      const y = n.parseAll || Yn(n), { parsed: S, failed: E } = y(g);
+      E.length > 0 && console.warn(`Discarded ${E.length} invalid annotations`, E), o.bulkAddAnnotation(S, u, k.REMOTE);
     } else
       o.bulkAddAnnotation(g.map(Tt), u, k.REMOTE);
-  }, w = (g, u) => {
+  }, v = (g, u) => {
     g ? i.setSelected(g, u) : i.clear();
   }, b = (g) => {
     i.clear(), i.setUserSelectAction(g);
   }, C = (g) => {
     if (n) {
-      const u = n.parse(g).parsed, m = n.serialize(o.getAnnotation(u.id));
-      return o.updateAnnotation(u), m;
+      const u = n.parse(g).parsed, y = n.serialize(o.getAnnotation(u.id));
+      return o.updateAnnotation(u), y;
     } else {
       const u = o.getAnnotation(g.id);
       return o.updateAnnotation(Tt(g)), u;
@@ -1255,9 +1255,9 @@ const Un = 250, Dn = (t) => {
     getSelected: f,
     loadAnnotations: d,
     redo: e.redo,
-    removeAnnotation: y,
+    removeAnnotation: m,
     setAnnotations: p,
-    setSelected: w,
+    setSelected: v,
     setUserSelectAction: b,
     undo: e.undo,
     updateAnnotation: C
@@ -1329,26 +1329,30 @@ const ko = (t, e) => ({
     updated: i ? new Date(i) : void 0,
     annotation: e,
     selector: [],
-    styleClass: r[0].styleClass
+    // @ts-expect-error: `styleClass` is not part of the core `TextAnnotationTarget` type
+    styleClass: "styleClass" in r[0] ? r[0].styleClass : void 0
   };
   for (const l of r) {
-    const f = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((d, y) => {
-      switch (y.type) {
+    const f = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((d, m) => {
+      switch (m.type) {
         case "TextQuoteSelector":
-          d.quote = y.exact;
+          d.quote = m.exact;
           break;
         case "TextPositionSelector":
-          d.start = y.start, d.end = y.end;
+          d.start = m.start, d.end = m.end;
           break;
       }
       return d;
     }, {});
     if (Qn(f))
-      a.selector.push({
-        ...f,
-        id: l.id,
-        scope: l.scope
-      });
+      a.selector.push(
+        {
+          ...f,
+          id: l.id,
+          // @ts-expect-error: `scope` is not part of the core `TextSelector` type
+          scope: l.scope
+        }
+      );
     else {
       const d = [
         f.start ? void 0 : "TextPositionSelector",
@@ -1381,23 +1385,24 @@ const ko = (t, e) => ({
     created: l,
     updated: c,
     ...f
-  } = i, d = r.map((y) => {
-    const { id: p, scope: w, quote: b, start: C, end: g, range: u } = y, { prefix: m, suffix: S } = _e(u, n);
+  } = i, d = r.map((m) => {
+    const { id: p, quote: v, start: b, end: C, range: g } = m, { prefix: u, suffix: y } = _e(g, n), S = [{
+      type: "TextQuoteSelector",
+      exact: v,
+      prefix: u,
+      suffix: y
+    }, {
+      type: "TextPositionSelector",
+      start: b,
+      end: C
+    }];
     return {
       ...f,
       id: p,
-      scope: w,
+      // @ts-expect-error: `scope` is not part of the core `TextSelector` type
+      scope: "scope" in m ? m.scope : void 0,
       source: e,
-      selector: [{
-        type: "TextQuoteSelector",
-        exact: b,
-        prefix: m,
-        suffix: S
-      }, {
-        type: "TextPositionSelector",
-        start: C,
-        end: g
-      }]
+      selector: S
     };
   });
   return {
@@ -1415,8 +1420,8 @@ const ko = (t, e) => ({
 function we(t, e, n = 0, o = t.length - 1, i = eo) {
   for (; o > n; ) {
     if (o - n > 600) {
-      const l = o - n + 1, c = e - n + 1, f = Math.log(l), d = 0.5 * Math.exp(2 * f / 3), y = 0.5 * Math.sqrt(f * d * (l - d) / l) * (c - l / 2 < 0 ? -1 : 1), p = Math.max(n, Math.floor(e - c * d / l + y)), w = Math.min(o, Math.floor(e + (l - c) * d / l + y));
-      we(t, e, p, w, i);
+      const l = o - n + 1, c = e - n + 1, f = Math.log(l), d = 0.5 * Math.exp(2 * f / 3), m = 0.5 * Math.sqrt(f * d * (l - d) / l) * (c - l / 2 < 0 ? -1 : 1), p = Math.max(n, Math.floor(e - c * d / l + m)), v = Math.min(o, Math.floor(e + (l - c) * d / l + m));
+      we(t, e, p, v, i);
     }
     const s = t[e];
     let r = n, a = o;
@@ -1545,9 +1550,9 @@ class no {
     for (let f = n; f <= o; f += c) {
       const d = Math.min(f + c - 1, o);
       ne(e, f, d, l, this.compareMinY);
-      for (let y = f; y <= d; y += l) {
-        const p = Math.min(y + l - 1, d);
-        a.children.push(this._build(e, y, p, i - 1));
+      for (let m = f; m <= d; m += l) {
+        const p = Math.min(m + l - 1, d);
+        a.children.push(this._build(e, m, p, i - 1));
       }
     }
     return Q(a, this.toBBox), a;
@@ -1695,121 +1700,121 @@ let co = () => ({
   }
 });
 const lo = (t, e) => {
-  const n = new no(), o = /* @__PURE__ */ new Map(), i = co(), s = (m, S) => {
-    const x = m.selector.flatMap((R) => {
+  const n = new no(), o = /* @__PURE__ */ new Map(), i = co(), s = (y, S) => {
+    const E = y.selector.flatMap((R) => {
       const T = F([R]) ? R.range : ce(R, e).range;
       return Array.from(T.getClientRects());
-    }), O = Ye(x).map((R) => je(R, S));
+    }), O = Ye(E).map((R) => je(R, S));
     return O.map((R) => {
-      const { x: T, y: E, width: h, height: v } = R;
+      const { x: T, y: A, width: h, height: w } = R;
       return {
         minX: T,
-        minY: E,
+        minY: A,
         maxX: T + h,
-        maxY: E + v,
+        maxY: A + w,
         annotation: {
-          id: m.annotation,
+          id: y.annotation,
           rects: O
         }
       };
     });
   }, r = () => [...o.values()], a = () => {
     n.clear(), o.clear();
-  }, l = (m) => {
-    const S = s(m, e.getBoundingClientRect());
-    S.forEach((x) => n.insert(x)), o.set(m.annotation, S);
-  }, c = (m) => {
-    const S = o.get(m.annotation);
-    S && (S.forEach((x) => n.remove(x)), o.delete(m.annotation));
-  }, f = (m) => {
-    c(m), l(m);
-  }, d = (m, S = !0) => {
+  }, l = (y) => {
+    const S = s(y, e.getBoundingClientRect());
+    S.forEach((E) => n.insert(E)), o.set(y.annotation, S);
+  }, c = (y) => {
+    const S = o.get(y.annotation);
+    S && (S.forEach((E) => n.remove(E)), o.delete(y.annotation));
+  }, f = (y) => {
+    c(y), l(y);
+  }, d = (y, S = !0) => {
     S && a();
-    const x = e.getBoundingClientRect(), O = m.map((T) => ({ target: T, rects: s(T, x) }));
-    O.forEach(({ target: T, rects: E }) => o.set(T.annotation, E));
+    const E = e.getBoundingClientRect(), O = y.map((T) => ({ target: T, rects: s(T, E) }));
+    O.forEach(({ target: T, rects: A }) => o.set(T.annotation, A));
     const R = O.flatMap(({ rects: T }) => T);
     n.load(R);
-  }, y = (m, S, x = !1) => {
+  }, m = (y, S, E = !1) => {
     const O = n.search({
-      minX: m,
+      minX: y,
       minY: S,
-      maxX: m,
+      maxX: y,
       maxY: S
-    }), R = (T) => T.annotation.rects.reduce((E, h) => E + h.width * h.height, 0);
-    return O.length > 0 ? (O.sort((T, E) => R(T) - R(E)), x ? O.map((T) => T.annotation.id) : [O[0].annotation.id]) : [];
-  }, p = (m) => {
-    const S = w(m);
+    }), R = (T) => T.annotation.rects.reduce((A, h) => A + h.width * h.height, 0);
+    return O.length > 0 ? (O.sort((T, A) => R(T) - R(A)), E ? O.map((T) => T.annotation.id) : [O[0].annotation.id]) : [];
+  }, p = (y) => {
+    const S = v(y);
     if (S.length === 0)
       return;
-    let x = S[0].left, O = S[0].top, R = S[0].right, T = S[0].bottom;
-    for (let E = 1; E < S.length; E++) {
-      const h = S[E];
-      x = Math.min(x, h.left), O = Math.min(O, h.top), R = Math.max(R, h.right), T = Math.max(T, h.bottom);
+    let E = S[0].left, O = S[0].top, R = S[0].right, T = S[0].bottom;
+    for (let A = 1; A < S.length; A++) {
+      const h = S[A];
+      E = Math.min(E, h.left), O = Math.min(O, h.top), R = Math.max(R, h.right), T = Math.max(T, h.bottom);
     }
-    return new DOMRect(x, O, R - x, T - O);
-  }, w = (m) => {
-    const S = o.get(m);
+    return new DOMRect(E, O, R - E, T - O);
+  }, v = (y) => {
+    const S = o.get(y);
     return S[0] ? S[0].annotation.rects : [];
   };
   return {
     all: r,
     clear: a,
-    getAt: y,
+    getAt: m,
     getAnnotationBounds: p,
-    getAnnotationRects: w,
-    getIntersecting: (m, S, x, O) => {
-      const R = n.search({ minX: m, minY: S, maxX: x, maxY: O }), T = new Set(R.map((E) => E.annotation.id));
-      return Array.from(T).map((E) => ({
-        annotation: t.getAnnotation(E),
-        rects: w(E)
-      })).filter((E) => !!E.annotation);
+    getAnnotationRects: v,
+    getIntersecting: (y, S, E, O) => {
+      const R = n.search({ minX: y, minY: S, maxX: E, maxY: O }), T = new Set(R.map((A) => A.annotation.id));
+      return Array.from(T).map((A) => ({
+        annotation: t.getAnnotation(A),
+        rects: v(A)
+      })).filter((A) => !!A.annotation);
     },
     insert: l,
     recalculate: () => {
-      d(t.all().map((m) => m.target), !0), i.emit("recalculate");
+      d(t.all().map((y) => y.target), !0), i.emit("recalculate");
     },
     remove: c,
     set: d,
     size: () => n.all().length,
     update: f,
-    on: (m, S) => i.on(m, S)
+    on: (y, S) => i.on(y, S)
   };
 }, uo = (t, e) => {
   const n = Nn(), o = lo(n, t), i = xn(n);
   i.setUserSelectAction(e);
-  const s = vn(n), r = Vn(), a = (u, m = k.LOCAL) => {
-    const S = vt(u, t), x = F(S.target.selector);
-    return x && n.addAnnotation(S, m), x;
-  }, l = (u, m = !0, S = k.LOCAL) => {
-    const x = u.map((R) => vt(R, t)), O = x.filter((R) => !F(R.target.selector));
-    return O.length > 0 ? (console.warn("Could not revive all targets for these annotations:", O), n.bulkAddAnnotation(x, m, S), O) : (n.bulkAddAnnotation(x, m, S), []);
-  }, c = (u, m = k.LOCAL) => {
-    const S = u.map((O) => vt(O, t)), x = S.filter((O) => !F(O.target.selector));
-    return x.length > 0 && console.warn("Could not revive all targets for these annotations:", x), S.forEach((O) => {
-      n.getAnnotation(O.id) ? n.updateAnnotation(O, m) : n.addAnnotation(O, m);
-    }), x;
-  }, f = (u, m = k.LOCAL) => {
+  const s = vn(n), r = Vn(), a = (u, y = k.LOCAL) => {
+    const S = vt(u, t), E = F(S.target.selector);
+    return E && n.addAnnotation(S, y), E;
+  }, l = (u, y = !0, S = k.LOCAL) => {
+    const E = u.map((R) => vt(R, t)), O = E.filter((R) => !F(R.target.selector));
+    return n.bulkAddAnnotation(E, y, S), O;
+  }, c = (u, y = k.LOCAL) => {
+    const S = u.map((O) => vt(O, t)), E = S.filter((O) => !F(O.target.selector));
+    return S.forEach((O) => {
+      n.getAnnotation(O.id) ? n.updateAnnotation(O, y) : n.addAnnotation(O, y);
+    }), E;
+  }, f = (u, y = k.LOCAL) => {
     const S = bt(u, t);
-    n.updateTarget(S, m);
-  }, d = (u, m = k.LOCAL) => {
-    const S = u.map((x) => bt(x, t));
-    n.bulkUpdateTargets(S, m);
-  }, y = (u, m, S) => {
-    const x = o.getAt(u, m, !!S).map((R) => n.getAnnotation(R)), O = S ? x.filter(S) : x;
+    n.updateTarget(S, y);
+  }, d = (u, y = k.LOCAL) => {
+    const S = u.map((E) => bt(E, t));
+    n.bulkUpdateTargets(S, y);
+  }, m = (u, y, S) => {
+    const E = o.getAt(u, y, !!S).map((R) => n.getAnnotation(R)), O = S ? E.filter(S) : E;
     return O.length > 0 ? O[0] : void 0;
-  }, p = (u, m, S, x = 5) => {
+  }, p = (u, y, S, E = 5) => {
     const O = o.getAnnotationRects(u);
     if (O.length !== 0) {
-      if (m && S) {
-        const R = O.find(({ top: T, right: E, bottom: h, left: v }) => m >= v - x && m <= E + x && S >= T - x && S <= h + x);
+      if (y && S) {
+        const R = O.find(({ top: T, right: A, bottom: h, left: w }) => y >= w - E && y <= A + E && S >= T - E && S <= h + E);
         if (R) return R;
       }
       return o.getAnnotationBounds(u);
     }
-  }, w = (u, m, S, x) => o.getIntersecting(u, m, S, x), b = (u) => o.getAnnotationRects(u), C = () => o.recalculate(), g = (u) => o.on("recalculate", u);
+  }, v = (u, y, S, E) => o.getIntersecting(u, y, S, E), b = (u) => o.getAnnotationRects(u), C = () => o.recalculate(), g = (u) => o.on("recalculate", u);
   return n.observe(({ changes: u }) => {
-    const m = (u.deleted || []).filter((O) => F(O.target.selector)), S = (u.created || []).filter((O) => F(O.target.selector)), x = (u.updated || []).filter((O) => F(O.newValue.target.selector));
-    (m == null ? void 0 : m.length) > 0 && m.forEach((O) => o.remove(O.target)), S.length > 0 && o.set(S.map((O) => O.target), !1), (x == null ? void 0 : x.length) > 0 && x.forEach(({ newValue: O }) => o.update(O.target));
+    const y = (u.deleted || []).filter((O) => F(O.target.selector)), S = (u.created || []).filter((O) => F(O.target.selector)), E = (u.updated || []).filter((O) => F(O.newValue.target.selector));
+    (y == null ? void 0 : y.length) > 0 && y.forEach((O) => o.remove(O.target)), S.length > 0 && o.set(S.map((O) => O.target), !1), (E == null ? void 0 : E.length) > 0 && E.forEach(({ newValue: O }) => o.update(O.target));
   }), {
     store: {
       ...n,
@@ -1819,8 +1824,8 @@ const lo = (t, e) => {
       bulkUpsertAnnotations: c,
       getAnnotationBounds: p,
       getAnnotationRects: b,
-      getIntersecting: w,
-      getAt: y,
+      getIntersecting: v,
+      getAt: m,
       recalculatePositions: C,
       onRecalculatePositions: g,
       updateTarget: f
@@ -1837,7 +1842,7 @@ const lo = (t, e) => {
 }, ho = (t, e = {}) => {
   const n = fo(), o = n.getContext("2d");
   document.body.appendChild(n);
-  const i = /* @__PURE__ */ new Map(), s = (f) => Array.from(i.entries()).filter(([d, y]) => y.presenceKey === f.presenceKey).map(([d, y]) => d);
+  const i = /* @__PURE__ */ new Map(), s = (f) => Array.from(i.entries()).filter(([d, m]) => m.presenceKey === f.presenceKey).map(([d, m]) => d);
   return t.on("selectionChange", (f, d) => {
     s(f).forEach((p) => i.delete(p)), d && d.forEach((p) => i.set(p, f));
   }), {
@@ -1848,16 +1853,16 @@ const lo = (t, e) => {
     destroy: () => {
       n.remove();
     },
-    paint: (f, d, y) => {
+    paint: (f, d, m) => {
       e.font && (o.font = e.font);
       const p = i.get(f.annotation.id);
       if (p) {
-        const { height: w } = f.rects[0], b = f.rects[0].x + d.left, C = f.rects[0].y + d.top;
-        o.fillStyle = p.appearance.color, o.fillRect(b - 2, C - 2.5, 2, w + 5);
-        const g = o.measureText(p.appearance.label), u = g.width + 6, m = g.actualBoundingBoxAscent + g.actualBoundingBoxDescent + 8, S = g.fontBoundingBoxAscent ? 8 : 6.5;
-        return o.fillRect(b - 2, C - 2.5 - m, u, m), o.fillStyle = "#fff", o.fillText(p.appearance.label, b + 1, C - S), {
+        const { height: v } = f.rects[0], b = f.rects[0].x + d.left, C = f.rects[0].y + d.top;
+        o.fillStyle = p.appearance.color, o.fillRect(b - 2, C - 2.5, 2, v + 5);
+        const g = o.measureText(p.appearance.label), u = g.width + 6, y = g.actualBoundingBoxAscent + g.actualBoundingBoxDescent + 8, S = g.fontBoundingBoxAscent ? 8 : 6.5;
+        return o.fillRect(b - 2, C - 2.5 - y, u, y), o.fillStyle = "#fff", o.fillText(p.appearance.label, b + 1, C - S), {
           fill: p.appearance.color,
-          fillOpacity: y ? 0.45 : 0.18
+          fillOpacity: m ? 0.45 : 0.18
         };
       }
     },
@@ -2079,11 +2084,11 @@ const yt = (t) => {
     const a = r.split(i), l = a.length, c = a[l - 1], f = c === "*" ? "*" : lt(c);
     if (!N[f]) return;
     n || (n = ct());
-    const d = l > 1 ? ve(j, a) : [], y = [];
+    const d = l > 1 ? ve(j, a) : [], m = [];
     N[f] = N[f].filter((p) => {
       const b = (o ? p.method === o : !0) && p.scope === n && po(p.mods, d);
-      return b && y.push(p.element), !b;
-    }), y.forEach((p) => Pt(p));
+      return b && m.push(p.element), !b;
+    }), m.forEach((p) => Pt(p));
   });
 };
 function oe(t, e, n, o) {
@@ -2124,16 +2129,16 @@ function ie(t, e) {
       const l = s[a], {
         splitKey: c
       } = l, f = l.key.split(c), d = [];
-      for (let y = 0; y < f.length; y++)
-        d.push(lt(f[y]));
+      for (let m = 0; m < f.length; m++)
+        d.push(lt(f[m]));
       d.sort().join("") === I.sort().join("") && oe(t, l, i, e);
     }
 }
 function P(t, e, n) {
   I = [];
   const o = Ae(t);
-  let i = [], s = "all", r = document, a = 0, l = !1, c = !0, f = "+", d = !1, y = !1;
-  for (n === void 0 && typeof e == "function" && (n = e), Object.prototype.toString.call(e) === "[object Object]" && (e.scope && (s = e.scope), e.element && (r = e.element), e.keyup && (l = e.keyup), e.keydown !== void 0 && (c = e.keydown), e.capture !== void 0 && (d = e.capture), typeof e.splitKey == "string" && (f = e.splitKey), e.single === !0 && (y = !0)), typeof e == "string" && (s = e), y && Se(t, s); a < o.length; a++)
+  let i = [], s = "all", r = document, a = 0, l = !1, c = !0, f = "+", d = !1, m = !1;
+  for (n === void 0 && typeof e == "function" && (n = e), Object.prototype.toString.call(e) === "[object Object]" && (e.scope && (s = e.scope), e.element && (r = e.element), e.keyup && (l = e.keyup), e.keydown !== void 0 && (c = e.keydown), e.capture !== void 0 && (d = e.capture), typeof e.splitKey == "string" && (f = e.splitKey), e.single === !0 && (m = !0)), typeof e == "string" && (s = e), m && Se(t, s); a < o.length; a++)
     t = o[a].split(f), i = [], t.length > 1 && (i = ve(j, t)), t = t[t.length - 1], t = t === "*" ? "*" : lt(t), t in N || (N[t] = []), N[t].push({
       keyup: l,
       keydown: c,
@@ -2150,15 +2155,15 @@ function P(t, e, n) {
       const p = function() {
         let b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
         return ie(b, r);
-      }, w = function() {
+      }, v = function() {
         let b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
         ie(b, r), Eo(b);
       };
       z.set(r, {
         keydownListener: p,
-        keyupListenr: w,
+        keyupListenr: v,
         capture: d
-      }), It(r, "keydown", p, d), It(r, "keyup", w, d);
+      }), It(r, "keydown", p, d), It(r, "keyup", v, d);
     }
     if (!rt) {
       const p = () => {
@@ -2243,21 +2248,21 @@ const se = 300, Ce = ["up", "down", "left", "right"], Le = Be ? "⌘+a" : "ctrl+
 ], Oo = (t, e, n) => {
   const { store: o, selection: i } = e;
   let s;
-  const r = (E) => s = E;
+  const r = (A) => s = A;
   let a;
-  const l = (E) => a = E;
-  let c, f, d, y = !0;
-  const p = (E) => {
-    y = E, b.clear(), E || (c = void 0, d = void 0);
-  }, w = (E) => {
-    f !== !1 && (c = nt(E.target) ? void 0 : {
+  const l = (A) => a = A;
+  let c, f, d, m = !0;
+  const p = (A) => {
+    m = A, b.clear(), A || (c = void 0, f = void 0, d = void 0);
+  }, v = (A) => {
+    m && f !== !1 && (c = nt(A.target) ? void 0 : {
       annotation: ge(),
       selector: [],
       creator: s,
       created: /* @__PURE__ */ new Date()
     });
-  }, b = Kt((E) => {
-    if (!y) return;
+  }, b = Kt((A) => {
+    if (!m) return;
     const h = document.getSelection();
     if (!(h != null && h.anchorNode))
       return;
@@ -2265,13 +2270,13 @@ const se = 300, Ce = ["up", "down", "left", "right"], Le = Be ? "⌘+a" : "ctrl+
       c = void 0;
       return;
     }
-    const v = E.timeStamp - ((d == null ? void 0 : d.timeStamp) || E.timeStamp);
-    if ((d == null ? void 0 : d.type) === "pointerdown" && (v < 1e3 && !c || h.isCollapsed && v < se) && w(d || E), !c) return;
+    const w = A.timeStamp - ((d == null ? void 0 : d.timeStamp) || A.timeStamp);
+    if ((d == null ? void 0 : d.type) === "pointerdown" && (w < 1e3 && !c || h.isCollapsed && w < se) && v(d || A), !c) return;
     if (h.isCollapsed) {
       o.getAnnotation(c.annotation) && (i.clear(), o.deleteAnnotation(c.annotation));
       return;
     }
-    const A = h.getRangeAt(0), L = $e(A, t);
+    const x = h.getRangeAt(0), L = $e(x, t);
     if (De(L)) return;
     const M = Ne(L.cloneRange());
     (M.length !== c.selector.length || M.some((K, Y) => {
@@ -2282,64 +2287,72 @@ const se = 300, Ce = ["up", "down", "left", "right"], Le = Be ? "⌘+a" : "ctrl+
       selector: M.map((K) => Xe(K, t, n)),
       updated: /* @__PURE__ */ new Date()
     }, o.getAnnotation(c.annotation) ? o.updateTarget(c, k.LOCAL) : i.clear());
-  }, 10), C = (E) => {
-    nt(E.target) || (d = At(E), f = d.button === 0);
-  }, g = () => {
-    o.getAnnotation(c.annotation) ? o.updateTarget(c) : o.addAnnotation({
-      id: c.annotation,
-      bodies: [],
-      target: c
-    });
-  }, u = async (E) => {
-    if (nt(E.target) || !f) return;
+  }, 10), C = (A) => {
+    nt(A.target) || (d = At(A), f = d.button === 0);
+  }, g = async (A) => {
+    if (nt(A.target) || !f) return;
     const h = () => {
-      const { x: A, y: L } = t.getBoundingClientRect(), M = E.target instanceof Node && t.contains(E.target) && o.getAt(E.clientX - A, E.clientY - L, a);
+      const { x, y: L } = t.getBoundingClientRect(), M = A.target instanceof Node && t.contains(A.target) && o.getAt(A.clientX - x, A.clientY - L, a);
       if (M) {
         const { selected: B } = i;
-        (B.length !== 1 || B[0].id !== M.id) && i.userSelect(M.id, E);
+        (B.length !== 1 || B[0].id !== M.id) && i.userSelect(M.id, A);
       } else
         i.clear();
     };
-    if (E.timeStamp - d.timeStamp < se) {
-      await m();
-      const A = document.getSelection();
-      if (A != null && A.isCollapsed) {
+    if (A.timeStamp - d.timeStamp < se) {
+      await u();
+      const x = document.getSelection();
+      if (x != null && x.isCollapsed) {
         c = void 0, h();
         return;
       }
     }
-    c && c.selector.length > 0 && (i.clear(), g(), i.userSelect(c.annotation, At(E)));
-  }, m = async () => {
-    const E = document.getSelection();
-    let h = !1, v = E == null ? void 0 : E.isCollapsed;
-    const A = () => v || h, L = 1;
-    return setTimeout(() => h = !0, 50), Co(() => v = E == null ? void 0 : E.isCollapsed, L, A);
-  }, S = (E) => {
+    c && c.selector.length > 0 && (i.clear(), R(), i.userSelect(c.annotation, At(A)));
+  }, u = async () => {
+    const A = document.getSelection();
+    let h = !1, w = A == null ? void 0 : A.isCollapsed;
+    const x = () => w || h, L = 1;
+    return setTimeout(() => h = !0, 50), Co(() => w = A == null ? void 0 : A.isCollapsed, L, x);
+  }, y = (A) => {
     const h = document.getSelection();
-    h != null && h.isCollapsed || ((!c || c.selector.length === 0) && b(E), g(), i.userSelect(c.annotation, At(E)));
-  }, x = (E) => {
-    y && E.key === "Shift" && c && (document.getSelection().isCollapsed || (i.clear(), g(), i.userSelect(c.annotation, ut(E))));
-  }, O = (E) => {
+    h != null && h.isCollapsed || ((!c || c.selector.length === 0) && b(A), R(), i.userSelect(c.annotation, At(A)));
+  }, S = (A) => {
+    m && A.key === "Shift" && c && (document.getSelection().isCollapsed || (i.clear(), R(), i.userSelect(c.annotation, ut(A))));
+  }, E = (A) => {
     const h = () => setTimeout(() => {
       (c == null ? void 0 : c.selector.length) > 0 && (i.clear(), o.addAnnotation({
         id: c.annotation,
         bodies: [],
         target: c
-      }), i.userSelect(c.annotation, ut(E))), document.removeEventListener("selectionchange", h);
+      }), i.userSelect(c.annotation, ut(A))), document.removeEventListener("selectionchange", h);
     }, 100);
-    document.addEventListener("selectionchange", h), w(E);
+    document.addEventListener("selectionchange", h), v(A);
   };
-  P(Lo.join(","), { element: t, keydown: !0, keyup: !1 }, (E) => {
-    E.repeat || (d = ut(E));
-  }), P(Le, { keydown: !0, keyup: !1 }, (E) => {
-    d = ut(E), O(E);
+  P(Lo.join(","), { element: t, keydown: !0, keyup: !1 }, (A) => {
+    A.repeat || (d = ut(A));
+  }), P(Le, { keydown: !0, keyup: !1 }, (A) => {
+    d = ut(A), E(A);
   });
-  const R = (E) => {
-    E.repeat || E.target !== t && E.target !== document.body || (c = void 0, i.clear());
+  const O = (A) => {
+    A.repeat || A.target !== t && A.target !== document.body || (c = void 0, i.clear());
+  };
+  P(Ce.join(","), { keydown: !0, keyup: !1 }, O);
+  const R = () => {
+    const A = o.getAnnotation(c.annotation);
+    if (!A) {
+      o.addAnnotation({
+        id: c.annotation,
+        bodies: [],
+        target: c
+      });
+      return;
+    }
+    const { target: { updated: h } } = A, { updated: w } = c;
+    (!A || !w || h < w) && o.updateTarget(c);
   };
-  return P(Ce.join(","), { keydown: !0, keyup: !1 }, R), document.addEventListener("pointerdown", C), document.addEventListener("pointerup", u), document.addEventListener("contextmenu", S), t.addEventListener("keyup", x), t.addEventListener("selectstart", w), document.addEventListener("selectionchange", b), {
+  return document.addEventListener("pointerdown", C), document.addEventListener("pointerup", g), document.addEventListener("contextmenu", y), t.addEventListener("keyup", S), t.addEventListener("selectstart", v), document.addEventListener("selectionchange", b), {
     destroy: () => {
-      c = void 0, f = void 0, d = void 0, b.clear(), document.removeEventListener("pointerdown", C), document.removeEventListener("pointerup", u), document.removeEventListener("contextmenu", S), t.removeEventListener("keyup", x), t.removeEventListener("selectstart", w), document.removeEventListener("selectionchange", b), P.unbind();
+      c = void 0, f = void 0, d = void 0, b.clear(), document.removeEventListener("pointerdown", C), document.removeEventListener("pointerup", g), document.removeEventListener("contextmenu", y), t.removeEventListener("keyup", S), t.removeEventListener("selectstart", v), document.removeEventListener("selectionchange", b), P.unbind();
     },
     setFilter: l,
     setUser: r,
@@ -2360,34 +2373,34 @@ const se = 300, Ce = ["up", "down", "left", "right"], Le = Be ? "⌘+a" : "ctrl+
   if (!d)
     throw `Unknown renderer implementation: ${f}`;
   console.debug(`Using ${f} renderer`), n.style && d.setStyle(n.style);
-  const y = Oo(t, o, n.offsetReferenceSelector);
-  y.setUser(c), y.setAnnotatingEnabled(n.annotatingEnabled);
-  const p = Xn(o, a, n.adapter), w = () => c, b = (x) => {
-    y.setAnnotatingEnabled(
-      x === void 0 ? !0 : x
+  const m = Oo(t, o, n.offsetReferenceSelector);
+  m.setUser(c), m.setAnnotatingEnabled(n.annotatingEnabled);
+  const p = Xn(o, a, n.adapter), v = () => c, b = (E) => {
+    m.setAnnotatingEnabled(
+      E === void 0 ? !0 : E
     );
-  }, C = (x) => {
-    d.setFilter(x), y.setFilter(x);
-  }, g = (x) => {
-    c = x, y.setUser(x);
-  }, u = (x) => {
-    x && (d.setPainter(ho(x, n.presence)), x.on("selectionChange", () => d.redraw()));
-  }, m = (x) => {
-    x ? i.setSelected(x) : i.clear();
+  }, C = (E) => {
+    d.setFilter(E), m.setFilter(E);
+  }, g = (E) => {
+    c = E, m.setUser(E);
+  }, u = (E) => {
+    E && (d.setPainter(ho(E, n.presence)), E.on("selectionChange", () => d.redraw()));
+  }, y = (E) => {
+    E ? i.setSelected(E) : i.clear();
   };
   return {
     ...p,
     destroy: () => {
-      d.destroy(), y.destroy(), a.destroy();
+      d.destroy(), m.destroy(), a.destroy();
     },
     element: t,
-    getUser: w,
+    getUser: v,
     setAnnotatingEnabled: b,
     setFilter: C,
     setStyle: d.setStyle.bind(d),
     redraw: d.redraw.bind(d),
     setUser: g,
-    setSelected: m,
+    setSelected: y,
     setPresenceProvider: u,
     setVisible: d.setVisible.bind(d),
     on: l.on,