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

package/dist/text-annotator.es.js

@@ -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: 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;
+    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) {
@@ -288,20 +288,20 @@ 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, 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));
+    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 m = (T = !1) => {
     c && c.clear();
-    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 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, x, 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, m();
-  }, w = (T) => {
+  }, v = (T) => {
     a = T, m();
   }, b = (T) => {
     l = T, m(!1);
@@ -323,7 +323,7 @@ const Kt = /* @__PURE__ */ Fe(We), qe = (t) => {
       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: m,
-    setStyle: w,
+    setStyle: v,
     setFilter: b,
     setPainter: p,
     setVisible: o.setVisible
@@ -340,14 +340,14 @@ const Kt = /* @__PURE__ */ Fe(We), qe = (t) => {
   const o = (a, l, c, f) => requestAnimationFrame(() => {
     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;
+    const { top: p, left: v } = l;
     [...a].sort((C, g) => {
       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, y = C.rects.map(({ x: E, y: O, width: R, height: T }) => ({
-        x: E + w,
+        x: E + v,
         y: O + p,
         width: R,
         height: T
@@ -357,8 +357,8 @@ const Kt = /* @__PURE__ */ Fe(We), qe = (t) => {
       ), u.underlineColor) {
         n.globalAlpha = 1, n.strokeStyle = u.underlineColor, n.lineWidth = u.underlineThickness ?? 1;
         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();
+        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 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;
+        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 m = d.target.selector.map((w) => w.range), p = new Highlight(...m);
+        const m = d.target.selector.map((v) => v.range), p = new Highlight(...m);
         CSS.highlights.set(`_${d.id}`, p);
       }), e = c;
     }
@@ -573,15 +573,15 @@ const fn = (t, e) => {
     redraw: (r, a, l, c, f) => {
       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;
+      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);
+      }).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 y = b === void 0 ? te(u, s) === "EDIT" : b;
         return { id: u.id, editable: y };
       })
-    }), g.length !== C.length && console.warn("Invalid selection", w);
-  }, m = (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 }) => m((w.deleted || []).map((b) => b.id))
+    ({ changes: v }) => m((v.deleted || []).map((b) => b.id))
   ), {
     get event() {
       return r ? r.event : null;
@@ -843,8 +843,8 @@ const Bn = (t, e) => {
     ...(t.updated || []).filter(({ newValue: d }) => !s.has(d.id)).map((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(m, 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()], m = (h = k.LOCAL) => {
-    const v = [...t.values()];
-    t.clear(), e.clear(), s(h, { deleted: v });
-  }, p = (h, v = !0, A = 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] });
-  }, y = (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;
+    const w = t.get(h);
+    return w ? { ...w } : void 0;
   }, E = (h) => {
-    const v = e.get(h);
-    if (v) {
-      const A = S(v).bodies.find((L) => L.id === h);
-      if (A)
-        return A;
+    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 });
-  }, x = (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
         }
       };
@@ -1045,9 +1045,9 @@ const Bn = (t, e) => {
     bulkDeleteBodies: y,
     bulkUpdateAnnotation: c,
     bulkUpdateBodies: T,
-    bulkUpdateTargets: (h, v = k.LOCAL) => {
-      const A = h.map((L) => x(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: m,
     deleteAnnotation: b,
@@ -1058,9 +1058,9 @@ const Bn = (t, e) => {
     unobserve: i,
     updateAnnotation: l,
     updateBody: R,
-    updateTarget: (h, v = k.LOCAL) => {
-      const A = x(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), m = (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), m(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;
       }
     }
   };
@@ -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: m, 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 ? {
@@ -1231,7 +1231,7 @@ const Un = 250, Dn = (t) => {
       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);
@@ -1257,7 +1257,7 @@ const Un = 250, Dn = (t) => {
     redo: e.redo,
     removeAnnotation: m,
     setAnnotations: p,
-    setSelected: w,
+    setSelected: v,
     setUserSelectAction: b,
     undo: e.undo,
     updateAnnotation: C
@@ -1386,9 +1386,9 @@ const ko = (t, e) => ({
     updated: c,
     ...f
   } = 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 = [{
+    const { id: p, quote: v, start: b, end: C, range: g } = m, { prefix: u, suffix: y } = _e(g, n), S = [{
       type: "TextQuoteSelector",
-      exact: w,
+      exact: v,
       prefix: u,
       suffix: y
     }, {
@@ -1399,7 +1399,7 @@ const ko = (t, e) => ({
     return {
       ...f,
       id: p,
-      // @ts-expect-error: `scope` is not part of the core `TextAnnotationTarget` type
+      // @ts-expect-error: `scope` is not part of the core `TextSelector` type
       scope: "scope" in m ? m.scope : void 0,
       source: e,
       selector: S
@@ -1420,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), 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 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;
@@ -1706,12 +1706,12 @@ const lo = (t, e) => {
       return Array.from(T.getClientRects());
     }), O = Ye(E).map((R) => je(R, S));
     return O.map((R) => {
-      const { x: T, y: x, width: h, height: v } = R;
+      const { x: T, y: A, width: h, height: w } = R;
       return {
         minX: T,
-        minY: x,
+        minY: A,
         maxX: T + h,
-        maxY: x + v,
+        maxY: A + w,
         annotation: {
           id: y.annotation,
           rects: O
@@ -1731,7 +1731,7 @@ const lo = (t, e) => {
   }, d = (y, S = !0) => {
     S && a();
     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));
+    O.forEach(({ target: T, rects: A }) => o.set(T.annotation, A));
     const R = O.flatMap(({ rects: T }) => T);
     n.load(R);
   }, m = (y, S, E = !1) => {
@@ -1740,19 +1740,19 @@ const lo = (t, e) => {
       minY: S,
       maxX: y,
       maxY: S
-    }), 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]) : [];
+    }), 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 = w(y);
+    const S = v(y);
     if (S.length === 0)
       return;
     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];
+    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(E, O, R - E, T - O);
-  }, w = (y) => {
+  }, v = (y) => {
     const S = o.get(y);
     return S[0] ? S[0].annotation.rects : [];
   };
@@ -1761,13 +1761,13 @@ const lo = (t, e) => {
     clear: a,
     getAt: m,
     getAnnotationBounds: p,
-    getAnnotationRects: w,
+    getAnnotationRects: v,
     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);
+      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: () => {
@@ -1787,10 +1787,10 @@ const lo = (t, e) => {
     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), []);
+    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 E.length > 0 && console.warn("Could not revive all targets for these annotations:", E), S.forEach((O) => {
+    return S.forEach((O) => {
       n.getAnnotation(O.id) ? n.updateAnnotation(O, y) : n.addAnnotation(O, y);
     }), E;
   }, f = (u, y = k.LOCAL) => {
@@ -1806,12 +1806,12 @@ const lo = (t, e) => {
     const O = o.getAnnotationRects(u);
     if (O.length !== 0) {
       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);
+        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, y, S, E) => o.getIntersecting(u, y, S, E), 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 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));
@@ -1824,7 +1824,7 @@ const lo = (t, e) => {
       bulkUpsertAnnotations: c,
       getAnnotationBounds: p,
       getAnnotationRects: b,
-      getIntersecting: w,
+      getIntersecting: v,
       getAt: m,
       recalculatePositions: C,
       onRecalculatePositions: g,
@@ -1857,8 +1857,8 @@ const lo = (t, e) => {
       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 { 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,
@@ -2155,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 = () => {
@@ -2248,20 +2248,20 @@ 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 = (x) => s = x;
+  const r = (A) => s = A;
   let a;
-  const l = (x) => a = x;
+  const l = (A) => a = A;
   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 : {
+  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((x) => {
+  }, b = Kt((A) => {
     if (!m) return;
     const h = document.getSelection();
     if (!(h != null && h.anchorNode))
@@ -2270,13 +2270,13 @@ const se = 300, Ce = ["up", "down", "left", "right"], Le = Be ? "⌘+a" : "ctrl+
       c = void 0;
       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;
+    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) => {
@@ -2287,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 = (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 (x) => {
-    if (nt(x.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 = x.target instanceof Node && t.contains(x.target) && o.getAt(x.clientX - A, x.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, x);
+        (B.length !== 1 || B[0].id !== M.id) && i.userSelect(M.id, A);
       } else
         i.clear();
     };
-    if (x.timeStamp - d.timeStamp < se) {
-      await y();
-      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(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 = x == null ? void 0 : x.isCollapsed, L, A);
-  }, S = (x) => {
+    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(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) => {
+    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(x))), document.removeEventListener("selectionchange", h);
+      }), i.userSelect(c.annotation, ut(A))), document.removeEventListener("selectionchange", h);
     }, 100);
-    document.addEventListener("selectionchange", h), w(x);
+    document.addEventListener("selectionchange", h), v(A);
   };
-  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);
+  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 = (x) => {
-    x.repeat || x.target !== t && x.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", E), 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", E), 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,
@@ -2367,7 +2375,7 @@ const se = 300, Ce = ["up", "down", "left", "right"], Le = Be ? "⌘+a" : "ctrl+
   console.debug(`Using ${f} renderer`), n.style && d.setStyle(n.style);
   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) => {
+  const p = Xn(o, a, n.adapter), v = () => c, b = (E) => {
     m.setAnnotatingEnabled(
       E === void 0 ? !0 : E
     );
@@ -2386,7 +2394,7 @@ const se = 300, Ce = ["up", "down", "left", "right"], Le = Be ? "⌘+a" : "ctrl+
       d.destroy(), m.destroy(), a.destroy();
     },
     element: t,
-    getUser: w,
+    getUser: v,
     setAnnotatingEnabled: b,
     setFilter: C,
     setStyle: d.setStyle.bind(d),