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

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, w = f.left - a.left, b = s.parentElement ? s.scrollTop : 0, C = s.parentElement ? s.scrollLeft : 0, g = p + b - (l - m) / 2, u = w + 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,41 +288,41 @@ 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);
+    const { x, y: h } = t.getBoundingClientRect(), v = i.getAt(T.clientX - x, 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));
   };
   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 x = qe(t), { minX: h, minY: v, maxX: A, maxY: L } = x, 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 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, x, a, c, T), setTimeout(() => f(M.map(({ annotation: Y }) => Y)), 1);
   }, p = (T) => {
-    c = T, y();
+    c = T, m();
   }, w = (T) => {
-    a = T, y();
+    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,
+    redraw: m,
     setStyle: w,
     setFilter: b,
     setPainter: p,
@@ -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 { width: d, height: m } = e;
+    n.clearRect(-0.5, -0.5, d + 1, m + 1), f && f.clear();
     const { top: p, left: w } = 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 + w,
         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: x }) => {
+          n.beginPath(), n.moveTo(O, R + x + E), n.lineTo(O + T, R + x + E), n.stroke();
         });
       }
     });
@@ -526,12 +526,12 @@ const ln = (t) => [
       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;
+        const m = a ? typeof a == "function" ? a(d.annotation, d.state) : a : (w = d.state) != null && w.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((w) => w.range), p = new Highlight(...m);
         CSS.highlights.set(`_${d.id}`, p);
       }), e = c;
     }
@@ -571,15 +571,15 @@ 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 m = !(Ut(n, r) && f);
+      if (!c && !m) return;
+      m && (e.innerHTML = ""), [...r].sort((w, b) => {
         const { annotation: { target: { created: C } } } = w, { 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) {
+          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);
           }
@@ -719,18 +719,18 @@ const ht = { selected: [] }, xn = (t, e, n) => {
     const C = Array.isArray(w) ? w : [w], 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) => {
+  }, m = (w) => {
     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;
   return t.observe(
-    ({ changes: w }) => y((w.deleted || []).map((b) => b.id))
+    ({ changes: w }) => m((w.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);
+        return ye(m, w);
       } else
         return d;
     }),
@@ -921,7 +921,7 @@ const Bn = (t, e) => {
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${h.annotation}`);
-  }, d = () => [...t.values()], y = (h = k.LOCAL) => {
+  }, d = () => [...t.values()], m = (h = k.LOCAL) => {
     const v = [...t.values()];
     t.clear(), e.clear(), s(h, { deleted: v });
   }, p = (h, v = !0, A = k.LOCAL) => {
@@ -978,13 +978,13 @@ const Bn = (t, e) => {
   }, u = (h, v = k.LOCAL) => {
     const A = g(h);
     A && s(v, { updated: [A] });
-  }, m = (h, v = k.LOCAL) => {
+  }, y = (h, v = k.LOCAL) => {
     const A = h.map((L) => g(L)).filter(Boolean);
     A.length > 0 && s(v, { updated: A });
   }, S = (h) => {
     const v = t.get(h);
     return v ? { ...v } : void 0;
-  }, x = (h) => {
+  }, E = (h) => {
     const v = e.get(h);
     if (v) {
       const A = S(v).bodies.find((L) => L.id === h);
@@ -1015,7 +1015,7 @@ const Bn = (t, e) => {
   }, 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) => {
+  }, x = (h) => {
     const v = t.get(h.annotation);
     if (v) {
       const A = {
@@ -1042,24 +1042,24 @@ 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);
+      const A = h.map((L) => x(L)).filter(Boolean);
       A.length > 0 && s(v, { updated: A });
     },
-    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);
+      const A = x(h);
       A && s(v, { updated: [A] });
     }
   };
@@ -1095,7 +1095,7 @@ const Un = 250, Dn = (t) => {
     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: 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), m = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
@@ -1105,7 +1105,7 @@ const Un = 250, Dn = (t) => {
       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;
+        l(p), f(w), m(b), e.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
@@ -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) {
@@ -1189,7 +1189,7 @@ const Un = 250, Dn = (t) => {
     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", w(!0)), e.on("redo", w(!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,8 +1227,8 @@ 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) => {
@@ -1237,8 +1237,8 @@ const Un = 250, Dn = (t) => {
     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,7 +1255,7 @@ const Un = 250, Dn = (t) => {
     getSelected: f,
     loadAnnotations: d,
     redo: e.redo,
-    removeAnnotation: y,
+    removeAnnotation: m,
     setAnnotations: p,
     setSelected: w,
     setUserSelectAction: b,
@@ -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: w, start: b, end: C, range: g } = m, { prefix: u, suffix: y } = _e(g, n), S = [{
+      type: "TextQuoteSelector",
+      exact: w,
+      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 `TextAnnotationTarget` 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,7 +1420,7 @@ 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));
+      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)), w = Math.min(o, Math.floor(e + (l - c) * d / l + m));
       we(t, e, p, w, i);
     }
     const s = t[e];
@@ -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: x, width: h, height: v } = R;
       return {
         minX: T,
-        minY: E,
+        minY: x,
         maxX: T + h,
-        maxY: E + v,
+        maxY: x + v,
         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: x }) => o.set(T.annotation, x));
     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((x, h) => x + h.width * h.height, 0);
+    return O.length > 0 ? (O.sort((T, x) => R(T) - R(x)), E ? O.map((T) => T.annotation.id) : [O[0].annotation.id]) : [];
+  }, p = (y) => {
+    const S = w(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 x = 1; x < S.length; x++) {
+      const h = S[x];
+      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);
+  }, w = (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);
+    getIntersecting: (y, S, E, O) => {
+      const R = n.search({ minX: y, minY: S, maxX: E, maxY: O }), T = new Set(R.map((x) => x.annotation.id));
+      return Array.from(T).map((x) => ({
+        annotation: t.getAnnotation(x),
+        rects: w(x)
+      })).filter((x) => !!x.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 O.length > 0 ? (console.warn("Could not revive all targets for these annotations:", O), n.bulkAddAnnotation(E, y, S), O) : (n.bulkAddAnnotation(E, y, S), []);
+  }, c = (u, y = k.LOCAL) => {
+    const S = u.map((O) => vt(O, t)), E = S.filter((O) => !F(O.target.selector));
+    return E.length > 0 && console.warn("Could not revive all targets for these annotations:", E), 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: x, bottom: h, left: v }) => y >= v - E && y <= x + 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);
+  }, w = (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,
@@ -1820,7 +1825,7 @@ const lo = (t, e) => {
       getAnnotationBounds: p,
       getAnnotationRects: b,
       getIntersecting: w,
-      getAt: y,
+      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 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,
@@ -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 = (x) => s = x;
   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 = (x) => a = x;
+  let c, f, d, m = !0;
+  const p = (x) => {
+    m = x, b.clear(), x || (c = void 0, d = void 0);
+  }, w = (x) => {
+    m && f !== !1 && (c = nt(x.target) ? void 0 : {
       annotation: ge(),
       selector: [],
       creator: s,
       created: /* @__PURE__ */ new Date()
     });
-  }, b = Kt((E) => {
-    if (!y) return;
+  }, b = Kt((x) => {
+    if (!m) return;
     const h = document.getSelection();
     if (!(h != null && h.anchorNode))
       return;
@@ -2265,8 +2270,8 @@ 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 v = x.timeStamp - ((d == null ? void 0 : d.timeStamp) || x.timeStamp);
+    if ((d == null ? void 0 : d.type) === "pointerdown" && (v < 1e3 && !c || h.isCollapsed && v < se) && w(d || x), !c) return;
     if (h.isCollapsed) {
       o.getAnnotation(c.annotation) && (i.clear(), o.deleteAnnotation(c.annotation));
       return;
@@ -2282,64 +2287,64 @@ 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);
+  }, 10), C = (x) => {
+    nt(x.target) || (d = At(x), 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;
+  }, u = async (x) => {
+    if (nt(x.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: A, y: L } = t.getBoundingClientRect(), M = x.target instanceof Node && t.contains(x.target) && o.getAt(x.clientX - A, x.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, x);
       } else
         i.clear();
     };
-    if (E.timeStamp - d.timeStamp < se) {
-      await m();
+    if (x.timeStamp - d.timeStamp < se) {
+      await y();
       const A = document.getSelection();
       if (A != null && A.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;
+    c && c.selector.length > 0 && (i.clear(), g(), i.userSelect(c.annotation, At(x)));
+  }, y = async () => {
+    const x = document.getSelection();
+    let h = !1, v = x == null ? void 0 : x.isCollapsed;
     const A = () => v || h, L = 1;
-    return setTimeout(() => h = !0, 50), Co(() => v = E == null ? void 0 : E.isCollapsed, L, A);
-  }, S = (E) => {
+    return setTimeout(() => h = !0, 50), Co(() => v = x == null ? void 0 : x.isCollapsed, L, A);
+  }, S = (x) => {
     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(x), g(), i.userSelect(c.annotation, At(x)));
+  }, E = (x) => {
+    m && x.key === "Shift" && c && (document.getSelection().isCollapsed || (i.clear(), g(), i.userSelect(c.annotation, ut(x))));
+  }, O = (x) => {
     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(x))), document.removeEventListener("selectionchange", h);
     }, 100);
-    document.addEventListener("selectionchange", h), w(E);
+    document.addEventListener("selectionchange", h), w(x);
   };
-  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 }, (x) => {
+    x.repeat || (d = ut(x));
+  }), P(Le, { keydown: !0, keyup: !1 }, (x) => {
+    d = ut(x), O(x);
   });
-  const R = (E) => {
-    E.repeat || E.target !== t && E.target !== document.body || (c = void 0, i.clear());
+  const R = (x) => {
+    x.repeat || x.target !== t && x.target !== document.body || (c = void 0, i.clear());
   };
-  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 P(Ce.join(","), { keydown: !0, keyup: !1 }, R), document.addEventListener("pointerdown", C), document.addEventListener("pointerup", u), document.addEventListener("contextmenu", S), t.addEventListener("keyup", E), t.addEventListener("selectstart", w), 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", u), document.removeEventListener("contextmenu", S), t.removeEventListener("keyup", E), t.removeEventListener("selectstart", w), document.removeEventListener("selectionchange", b), P.unbind();
     },
     setFilter: l,
     setUser: r,
@@ -2360,25 +2365,25 @@ 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), w = () => 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,
@@ -2387,7 +2392,7 @@ const se = 300, Ce = ["up", "down", "left", "right"], Le = Be ? "⌘+a" : "ctrl+
     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,