@recogito/text-annotator 3.0.0-rc.6 → 3.0.0-rc.8

package/dist/text-annotator.es.js

@@ -9,8 +9,7 @@ const ft = { fill: "rgb(0, 128, 255", fillOpacity: 0.18 }, gt = { fill: "rgb(0,
     const i = o.map((s) => s.id);
     (t.size !== i.length || i.some((s) => !t.has(s))) && e.set(i), t = new Set(i);
   };
-};
-const mt = (e, t = 10) => {
+}, mt = (e, t = 10) => {
   let n;
   return (...o) => {
     clearTimeout(n), n = setTimeout(() => e.apply(void 0, o), t);
@@ -32,41 +31,41 @@ const mt = (e, t = 10) => {
   let a, r, d = nt;
   const u = pt(n);
   e.classList.add("r6o-annotatable");
-  const b = j("r6o-highlight-layer bg"), h = j("r6o-highlight-layer fg", !0), E = b.getContext("2d"), m = h.getContext("2d");
-  e.insertBefore(b, e.firstChild), e.appendChild(h), e.addEventListener("pointermove", (v) => {
-    const { x: T, y: M } = e.getBoundingClientRect(), f = o.getAt(v.clientX - T, v.clientY - M);
+  const b = j("r6o-highlight-layer bg"), h = j("r6o-highlight-layer fg", !0), v = b.getContext("2d"), m = h.getContext("2d");
+  e.insertBefore(b, e.firstChild), e.appendChild(h), e.addEventListener("pointermove", (E) => {
+    const { x: T, y: L } = e.getBoundingClientRect(), f = o.getAt(E.clientX - T, E.clientY - L);
     f && (!r || r(f)) ? s.current !== f.id && (e.classList.add("hovered"), s.set(f.id)) : s.current && (e.classList.remove("hovered"), s.set(null));
   });
-  const w = () => {
-    const { top: v, left: T } = e.getBoundingClientRect(), { innerWidth: M, innerHeight: f } = window, x = -T, A = -v, B = M - T, S = f - v;
-    return { top: v, left: T, minX: x, minY: A, maxX: B, maxY: S };
-  }, L = () => c();
-  document.addEventListener("scroll", L, { capture: !0, passive: !0 });
+  const x = () => {
+    const { top: E, left: T } = e.getBoundingClientRect(), { innerWidth: L, innerHeight: f } = window, A = -T, w = -E, B = L - T, S = f - E;
+    return { top: E, left: T, minX: A, minY: w, maxX: B, maxY: S };
+  }, M = () => c();
+  document.addEventListener("scroll", M, { capture: !0, passive: !0 });
   const y = mt(() => {
     Z(b), Z(h, !0), o.recalculatePositions(), c();
   });
   window.addEventListener("resize", y), new ResizeObserver(y).observe(e);
   const c = () => requestAnimationFrame(() => {
-    const { top: v, left: T, minX: M, minY: f, maxX: x, maxY: A } = w(), B = r ? o.getIntersectingRects(M, f, x, A).filter(({ annotation: U }) => r(U)) : o.getIntersectingRects(M, f, x, A), { width: S, height: R } = h, X = new Set(i.selected.map(({ id: U }) => U));
-    m.clearRect(-0.5, -0.5, S + 1, R + 1), E.clearRect(-0.5, -0.5, S + 1, R + 1), B.forEach(({ annotation: U, rects: at }) => {
+    const { top: E, left: T, minX: L, minY: f, maxX: A, maxY: w } = x(), B = r ? o.getIntersectingRects(L, f, A, w).filter(({ annotation: Y }) => r(Y)) : o.getIntersectingRects(L, f, A, w), { width: S, height: R } = h, X = new Set(i.selected.map(({ id: Y }) => Y));
+    m.clearRect(-0.5, -0.5, S + 1, R + 1), v.clearRect(-0.5, -0.5, S + 1, R + 1), B.forEach(({ annotation: Y, rects: at }) => {
       const rt = at.map(({ x: ct, y: dt, width: ut, height: ht }) => ({
         x: ct + T,
-        y: dt + v,
+        y: dt + E,
         width: ut,
         height: ht
-      })), lt = X.has(U.id);
-      d.paint(U, rt, E, m, lt, a);
-    }), setTimeout(() => u(B.map(({ annotation: U }) => U)), 1);
+      })), lt = X.has(Y.id);
+      d.paint(Y, rt, v, m, lt, a);
+    }), setTimeout(() => u(B.map(({ annotation: Y }) => Y)), 1);
   });
   return o.observe(() => c()), i.subscribe(() => c()), {
     redraw: c,
-    setDrawingStyle: (v) => {
-      a = v, c();
+    setDrawingStyle: (E) => {
+      a = E, c();
     },
-    setFilter: (v) => {
-      r = v, c();
+    setFilter: (E) => {
+      r = E, c();
     },
-    setPainter: (v) => d = v
+    setPainter: (E) => d = E
   };
 }, k = (e, t) => {
   const { start: n, end: o } = e.selector, i = e.selector.offsetReference ? e.selector.offsetReference : t;
@@ -104,7 +103,7 @@ const mt = (e, t = 10) => {
   };
 };
 var Q = Object.prototype.hasOwnProperty;
-function Y(e, t) {
+function U(e, t) {
   var n, o;
   if (e === t)
     return !0;
@@ -115,14 +114,14 @@ function Y(e, t) {
       return e.toString() === t.toString();
     if (n === Array) {
       if ((o = e.length) === t.length)
-        for (; o-- && Y(e[o], t[o]); )
+        for (; o-- && U(e[o], t[o]); )
           ;
       return o === -1;
     }
     if (!n || typeof e == "object") {
       o = 0;
       for (n in e)
-        if (Q.call(e, n) && ++o && !Q.call(t, n) || !(n in t) || !Y(e[n], t[n]))
+        if (Q.call(e, n) && ++o && !Q.call(t, n) || !(n in t) || !U(e[n], t[n]))
           return !1;
       return Object.keys(t).length === o;
     }
@@ -131,7 +130,7 @@ function Y(e, t) {
 }
 function W() {
 }
-function At(e, t) {
+function wt(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
 const D = [];
@@ -139,7 +138,7 @@ function J(e, t = W) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(r) {
-    if (At(e, r) && (e = r, n)) {
+    if (wt(e, r) && (e = r, n)) {
       const d = !D.length;
       for (const u of o)
         u[1](), D.push(u, e);
@@ -155,19 +154,19 @@ function J(e, t = W) {
   }
   function a(r, d = W) {
     const u = [r, d];
-    return o.add(u), o.size === 1 && (n = t(i) || W), r(e), () => {
+    return o.add(u), o.size === 1 && (n = t(i, s) || W), r(e), () => {
       o.delete(u), o.size === 0 && n && (n(), n = null);
     };
   }
   return { set: i, update: s, subscribe: a };
 }
-const xt = (e) => {
-  const { subscribe: t, set: n } = J(null);
-  let o = null;
+const At = (e) => {
+  const { subscribe: t, set: n } = J();
+  let o;
   return t((i) => o = i), e.observe(({ changes: i }) => {
     if (o) {
-      i.deleted.some((a) => a.id === o) && n(null);
-      const s = i.updated.find(({ oldValue: a }) => a.id === o);
+      (i.deleted || []).some((a) => a.id === o) && n(void 0);
+      const s = (i.updated || []).find(({ oldValue: a }) => a.id === o);
       s && n(s.newValue.id);
     }
   }), {
@@ -177,7 +176,7 @@ const xt = (e) => {
     subscribe: t,
     set: n
   };
-}, q = { selected: [] }, wt = (e, t = "EDIT") => {
+}, q = { selected: [] }, xt = (e, t = "EDIT") => {
   const { subscribe: n, set: o } = J(q);
   let i = q;
   n((h) => i = h);
@@ -187,25 +186,25 @@ const xt = (e) => {
   }, r = (h) => {
     if (i.selected.length === 0)
       return !1;
-    const E = typeof h == "string" ? h : h.id;
-    return i.selected.some((m) => m.id === E);
-  }, d = (h, E) => {
+    const v = typeof h == "string" ? h : h.id;
+    return i.selected.some((m) => m.id === v);
+  }, d = (h, v) => {
     const m = e.getAnnotation(h);
     if (m) {
-      const w = yt(m, t);
-      o(w === "EDIT" ? { selected: [{ id: h, editable: !0 }], pointerEvent: E } : w === "SELECT" ? { selected: [{ id: h }], pointerEvent: E } : { selected: [], pointerEvent: E });
+      const x = yt(m, t);
+      o(x === "EDIT" ? { selected: [{ id: h, editable: !0 }], pointerEvent: v } : x === "SELECT" ? { selected: [{ id: h }], pointerEvent: v } : { selected: [], pointerEvent: v });
     } else
       console.warn("Invalid selection: " + h);
-  }, u = (h, E = !0) => {
-    const m = Array.isArray(h) ? h : [h], w = m.map((L) => e.getAnnotation(L)).filter((L) => L);
-    o({ selected: w.map(({ id: L }) => ({ id: L, editable: E })) }), w.length !== m.length && console.warn("Invalid selection", h);
+  }, u = (h, v = !0) => {
+    const m = Array.isArray(h) ? h : [h], x = m.map((M) => e.getAnnotation(M)).filter(Boolean);
+    o({ selected: x.map(({ id: M }) => ({ id: M, editable: v })) }), x.length !== m.length && console.warn("Invalid selection", h);
   }, b = (h) => {
     if (i.selected.length === 0)
       return !1;
-    const { selected: E } = i;
-    E.filter(({ id: m }) => h.includes(m)).length > 0 && o({ selected: E.filter(({ id: m }) => !h.includes(m)) });
+    const { selected: v } = i;
+    v.filter(({ id: m }) => h.includes(m)).length > 0 && o({ selected: v.filter(({ id: m }) => !h.includes(m)) });
   };
-  return e.observe(({ changes: h }) => b(h.deleted.map((E) => E.id))), {
+  return e.observe(({ changes: h }) => b((h.deleted || []).map((v) => v.id))), {
     clear: s,
     clickSelect: d,
     get selected() {
@@ -219,11 +218,11 @@ const xt = (e) => {
     setSelected: u,
     subscribe: n
   };
-}, yt = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", vt = [];
+}, yt = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", Et = [];
 for (let e = 0; e < 256; ++e)
-  vt.push((e + 256).toString(16).slice(1));
+  Et.push((e + 256).toString(16).slice(1));
 typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Et = (e, t) => {
+const vt = (e, t) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
 }, Tt = (e, t) => {
@@ -231,9 +230,9 @@ const Et = (e, t) => {
   return e.bodies.filter((o) => !n.has(o.id));
 }, Bt = (e, t) => t.bodies.map((n) => {
   const o = e.bodies.find((i) => i.id === n.id);
-  return { newBody: n, oldBody: o && !Y(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n), St = (e, t) => !Y(e.target, t.target), ot = (e, t) => {
-  const n = Et(e, t), o = Tt(e, t), i = Bt(e, t);
+  return { newBody: n, oldBody: o && !U(o, n) ? o : void 0 };
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), St = (e, t) => !U(e.target, t.target), ot = (e, t) => {
+  const n = vt(e, t), o = Tt(e, t), i = Bt(e, t);
   return {
     oldValue: e,
     newValue: t,
@@ -244,13 +243,13 @@ const Et = (e, t) => {
   };
 };
 var C = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(C || {});
-const Lt = (e, t) => {
+const Mt = (e, t) => {
   var n, o;
   const { changes: i, origin: s } = t;
   if (!(!e.options.origin || e.options.origin === s))
     return !1;
   if (e.options.ignore) {
-    const { ignore: a } = e.options, r = (d) => (d == null ? void 0 : d.length) > 0;
+    const { ignore: a } = e.options, r = (d) => d && d.length > 0;
     if (!(r(i.created) || r(i.deleted))) {
       const d = (n = i.updated) == null ? void 0 : n.some((b) => r(b.bodiesCreated) || r(b.bodiesDeleted) || r(b.bodiesUpdated)), u = (o = i.updated) == null ? void 0 : o.some((b) => b.targetUpdated);
       if (a === "BODY_ONLY" && d && !u || a === "TARGET_ONLY" && u && !d)
@@ -259,26 +258,26 @@ const Lt = (e, t) => {
   }
   if (e.options.annotations) {
     const a = /* @__PURE__ */ new Set([
-      ...i.created.map((r) => r.id),
-      ...i.deleted.map((r) => r.id),
-      ...i.updated.map(({ oldValue: r }) => r.id)
+      ...(i.created || []).map((r) => r.id),
+      ...(i.deleted || []).map((r) => r.id),
+      ...(i.updated || []).map(({ oldValue: r }) => r.id)
     ]);
     return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((r) => a.has(r));
   } else
     return !0;
-}, Mt = (e, t) => {
+}, Lt = (e, t) => {
   const n = new Set((e.created || []).map((h) => h.id)), o = new Set((e.updated || []).map(({ newValue: h }) => h.id)), i = new Set((t.created || []).map((h) => h.id)), s = new Set((t.deleted || []).map((h) => h.id)), a = new Set((t.updated || []).map(({ oldValue: h }) => h.id)), r = new Set((t.updated || []).filter(({ oldValue: h }) => n.has(h.id) || o.has(h.id)).map(({ oldValue: h }) => h.id)), d = [
-    ...(e.created || []).filter((h) => !s.has(h.id)).map((h) => a.has(h.id) ? t.updated.find(({ oldValue: E }) => E.id === h.id).newValue : h),
+    ...(e.created || []).filter((h) => !s.has(h.id)).map((h) => a.has(h.id) ? t.updated.find(({ oldValue: v }) => v.id === h.id).newValue : h),
     ...t.created || []
   ], u = [
     ...(e.deleted || []).filter((h) => !i.has(h.id)),
     ...(t.deleted || []).filter((h) => !n.has(h.id))
   ], b = [
     ...(e.updated || []).filter(({ newValue: h }) => !s.has(h.id)).map((h) => {
-      const { oldValue: E, newValue: m } = h;
+      const { oldValue: v, newValue: m } = h;
       if (a.has(m.id)) {
-        const w = t.updated.find((L) => L.oldValue.id === m.id).newValue;
-        return ot(E, w);
+        const x = t.updated.find((M) => M.oldValue.id === m.id).newValue;
+        return ot(v, x);
       } else
         return h;
     }),
@@ -286,65 +285,65 @@ const Lt = (e, t) => {
   ];
   return { created: d, deleted: u, updated: b };
 }, Ct = (e) => e.id !== void 0, Rt = () => {
-  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (f, x = {}) => n.push({ onChange: f, options: x }), i = (f) => {
-    const x = n.findIndex((A) => A.onChange == f);
-    x > -1 && n.splice(x, 1);
-  }, s = (f, x) => {
-    const A = {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (f, A = {}) => n.push({ onChange: f, options: A }), i = (f) => {
+    const A = n.findIndex((w) => w.onChange == f);
+    A > -1 && n.splice(A, 1);
+  }, s = (f, A) => {
+    const w = {
       origin: f,
       changes: {
-        created: x.created || [],
-        updated: x.updated || [],
-        deleted: x.deleted || []
+        created: A.created || [],
+        updated: A.updated || [],
+        deleted: A.deleted || []
       },
       state: [...e.values()]
     };
     n.forEach((B) => {
-      Lt(B, A) && B.onChange(A);
+      Mt(B, w) && B.onChange(w);
     });
-  }, a = (f, x = C.LOCAL) => {
+  }, a = (f, A = C.LOCAL) => {
     if (e.get(f.id))
       throw Error(`Cannot add annotation ${f.id} - exists already`);
-    e.set(f.id, f), f.bodies.forEach((A) => t.set(A.id, f.id)), s(x, { created: [f] });
-  }, r = (f, x) => {
-    const A = typeof f == "string" ? x : f, B = typeof f == "string" ? f : f.id, S = e.get(B);
+    e.set(f.id, f), f.bodies.forEach((w) => t.set(w.id, f.id)), s(A, { created: [f] });
+  }, r = (f, A) => {
+    const w = typeof f == "string" ? A : f, B = typeof f == "string" ? f : f.id, S = e.get(B);
     if (S) {
-      const R = ot(S, A);
-      return B === A.id ? e.set(B, A) : (e.delete(B), e.set(A.id, A)), S.bodies.forEach((X) => t.delete(X.id)), A.bodies.forEach((X) => t.set(X.id, A.id)), R;
+      const R = ot(S, w);
+      return B === w.id ? e.set(B, w) : (e.delete(B), e.set(w.id, w)), S.bodies.forEach((X) => t.delete(X.id)), w.bodies.forEach((X) => t.set(X.id, w.id)), R;
     } else
       console.warn(`Cannot update annotation ${B} - does not exist`);
-  }, d = (f, x = C.LOCAL, A = C.LOCAL) => {
-    const B = Ct(x) ? A : x, S = r(f, x);
+  }, d = (f, A = C.LOCAL, w = C.LOCAL) => {
+    const B = Ct(A) ? w : A, S = r(f, A);
     S && s(B, { updated: [S] });
-  }, u = (f, x = C.LOCAL) => {
-    const A = f.reduce((B, S) => {
+  }, u = (f, A = C.LOCAL) => {
+    const w = f.reduce((B, S) => {
       const R = r(S);
       return R ? [...B, R] : B;
     }, []);
-    A.length > 0 && s(x, { updated: A });
-  }, b = (f, x = C.LOCAL) => {
-    const A = e.get(f.annotation);
-    if (A) {
+    w.length > 0 && s(A, { updated: w });
+  }, b = (f, A = C.LOCAL) => {
+    const w = e.get(f.annotation);
+    if (w) {
       const B = {
-        ...A,
-        bodies: [...A.bodies, f]
+        ...w,
+        bodies: [...w.bodies, f]
       };
-      e.set(A.id, B), t.set(f.id, B.id), s(x, { updated: [{
-        oldValue: A,
+      e.set(w.id, B), t.set(f.id, B.id), s(A, { updated: [{
+        oldValue: w,
         newValue: B,
         bodiesCreated: [f]
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${f.annotation}`);
-  }, h = () => [...e.values()], E = (f = C.LOCAL) => {
-    const x = [...e.values()];
-    e.clear(), t.clear(), s(f, { deleted: x });
-  }, m = (f, x = !0, A = C.LOCAL) => {
-    if (x) {
+  }, h = () => [...e.values()], v = (f = C.LOCAL) => {
+    const A = [...e.values()];
+    e.clear(), t.clear(), s(f, { deleted: A });
+  }, m = (f, A = !0, w = C.LOCAL) => {
+    if (A) {
       const B = [...e.values()];
       e.clear(), t.clear(), f.forEach((S) => {
         e.set(S.id, S), S.bodies.forEach((R) => t.set(R.id, S.id));
-      }), s(A, { created: f, deleted: B });
+      }), s(w, { created: f, deleted: B });
     } else {
       const B = f.reduce((S, R) => {
         const X = e.get(R.id);
@@ -354,34 +353,34 @@ const Lt = (e, t) => {
         throw Error(`Bulk insert would overwrite the following annotations: ${B.map((S) => S.id).join(", ")}`);
       f.forEach((S) => {
         e.set(S.id, S), S.bodies.forEach((R) => t.set(R.id, S.id));
-      }), s(A, { created: f });
+      }), s(w, { created: f });
     }
-  }, w = (f) => {
-    const x = typeof f == "string" ? f : f.id, A = e.get(x);
-    if (A)
-      return e.delete(x), A.bodies.forEach((B) => t.delete(B.id)), A;
-    console.warn(`Attempt to delete missing annotation: ${x}`);
-  }, L = (f, x = C.LOCAL) => {
-    const A = w(f);
-    A && s(x, { deleted: [A] });
-  }, y = (f, x = C.LOCAL) => {
-    const A = f.reduce((B, S) => {
-      const R = w(S);
+  }, x = (f) => {
+    const A = typeof f == "string" ? f : f.id, w = e.get(A);
+    if (w)
+      return e.delete(A), w.bodies.forEach((B) => t.delete(B.id)), w;
+    console.warn(`Attempt to delete missing annotation: ${A}`);
+  }, M = (f, A = C.LOCAL) => {
+    const w = x(f);
+    w && s(A, { deleted: [w] });
+  }, y = (f, A = C.LOCAL) => {
+    const w = f.reduce((B, S) => {
+      const R = x(S);
       return R ? [...B, R] : B;
     }, []);
-    A.length > 0 && s(x, { deleted: A });
-  }, l = (f, x = C.LOCAL) => {
-    const A = e.get(f.annotation);
-    if (A) {
-      const B = A.bodies.find((S) => S.id === f.id);
+    w.length > 0 && s(A, { deleted: w });
+  }, l = (f, A = C.LOCAL) => {
+    const w = e.get(f.annotation);
+    if (w) {
+      const B = w.bodies.find((S) => S.id === f.id);
       if (B) {
         t.delete(B.id);
         const S = {
-          ...A,
-          bodies: A.bodies.filter((R) => R.id !== f.id)
+          ...w,
+          bodies: w.bodies.filter((R) => R.id !== f.id)
         };
-        e.set(A.id, S), s(x, { updated: [{
-          oldValue: A,
+        e.set(w.id, S), s(A, { updated: [{
+          oldValue: w,
           newValue: S,
           bodiesDeleted: [B]
         }] });
@@ -390,54 +389,54 @@ const Lt = (e, t) => {
     } else
       console.warn(`Attempt to delete body from missing annotation ${f.annotation}`);
   }, c = (f) => {
-    const x = e.get(f);
-    return x ? { ...x } : void 0;
+    const A = e.get(f);
+    return A ? { ...A } : void 0;
   }, g = (f) => {
-    const x = t.get(f);
-    if (x) {
-      const A = c(x).bodies.find((B) => B.id === f);
-      if (A)
-        return A;
+    const A = t.get(f);
+    if (A) {
+      const w = c(A).bodies.find((B) => B.id === f);
+      if (w)
+        return w;
       console.error(`Store integrity error: body ${f} in index, but not in annotation`);
     } else
       console.warn(`Attempt to retrieve missing body: ${f}`);
-  }, p = (f, x) => {
-    if (f.annotation !== x.annotation)
+  }, p = (f, A) => {
+    if (f.annotation !== A.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const A = e.get(f.annotation);
-    if (A) {
-      const B = A.bodies.find((R) => R.id === f.id), S = {
-        ...A,
-        bodies: A.bodies.map((R) => R.id === B.id ? x : R)
+    const w = e.get(f.annotation);
+    if (w) {
+      const B = w.bodies.find((R) => R.id === f.id), S = {
+        ...w,
+        bodies: w.bodies.map((R) => R.id === B.id ? A : R)
       };
-      return e.set(A.id, S), B.id !== x.id && (t.delete(B.id), t.set(x.id, S.id)), {
-        oldValue: A,
+      return e.set(w.id, S), B.id !== A.id && (t.delete(B.id), t.set(A.id, S.id)), {
+        oldValue: w,
         newValue: S,
-        bodiesUpdated: [{ oldBody: B, newBody: x }]
+        bodiesUpdated: [{ oldBody: B, newBody: A }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${f.annotation}`);
-  }, v = (f, x, A = C.LOCAL) => {
-    const B = p(f, x);
-    s(A, { updated: [B] });
-  }, T = (f, x = C.LOCAL) => {
-    const A = f.map((B) => p({ id: B.id, annotation: B.annotation }, B));
-    s(x, { updated: A });
-  }, M = (f) => {
-    const x = e.get(f.annotation);
-    if (x) {
-      const A = {
-        ...x,
+  }, E = (f, A, w = C.LOCAL) => {
+    const B = p(f, A);
+    B && s(w, { updated: [B] });
+  }, T = (f, A = C.LOCAL) => {
+    const w = f.map((B) => p({ id: B.id, annotation: B.annotation }, B)).filter(Boolean);
+    s(A, { updated: w });
+  }, L = (f) => {
+    const A = e.get(f.annotation);
+    if (A) {
+      const w = {
+        ...A,
         target: {
-          ...x.target,
+          ...A.target,
           ...f
         }
       };
-      return e.set(x.id, A), {
-        oldValue: x,
-        newValue: A,
+      return e.set(A.id, w), {
+        oldValue: A,
+        newValue: w,
         targetUpdated: {
-          oldTarget: x.target,
+          oldTarget: A.target,
           newTarget: f
         }
       };
@@ -452,79 +451,78 @@ const Lt = (e, t) => {
     bulkDeleteAnnotation: y,
     bulkUpdateAnnotation: u,
     bulkUpdateBodies: T,
-    bulkUpdateTargets: (f, x = C.LOCAL) => {
-      const A = f.map(M).filter((B) => B);
-      A.length > 0 && s(x, { updated: A });
+    bulkUpdateTargets: (f, A = C.LOCAL) => {
+      const w = f.map((B) => L(B)).filter(Boolean);
+      w.length > 0 && s(A, { updated: w });
     },
-    clear: E,
-    deleteAnnotation: L,
+    clear: v,
+    deleteAnnotation: M,
     deleteBody: l,
     getAnnotation: c,
     getBody: g,
     observe: o,
     unobserve: i,
     updateAnnotation: d,
-    updateBody: v,
-    updateTarget: (f, x = C.LOCAL) => {
-      const A = M(f);
-      A && s(x, { updated: [A] });
+    updateBody: E,
+    updateTarget: (f, A = C.LOCAL) => {
+      const w = L(f);
+      w && s(A, { updated: [w] });
     }
   };
 };
 let Ot = () => ({
   emit(e, ...t) {
-    let n = this.events[e] || [];
-    for (let o = 0, i = n.length; o < i; o++)
-      n[o](...t);
+    for (let n = 0, o = this.events[e] || [], i = o.length; n < i; n++)
+      o[n](...t);
   },
   events: {},
   on(e, t) {
     var n;
-    return (n = this.events[e]) != null && n.push(t) || (this.events[e] = [t]), () => {
+    return ((n = this.events)[e] || (n[e] = [])).push(t), () => {
       var o;
       this.events[e] = (o = this.events[e]) == null ? void 0 : o.filter((i) => t !== i);
     };
   }
 });
-const Xt = 250, Ut = (e) => {
+const Xt = 250, Yt = (e) => {
   const t = Ot(), n = [];
   let o = -1, i = !1, s = 0;
   const a = (m) => {
     if (!i) {
-      const { changes: w } = m, L = performance.now();
-      if (L - s > Xt)
-        n.splice(o + 1), n.push(w), o = n.length - 1;
+      const { changes: x } = m, M = performance.now();
+      if (M - s > Xt)
+        n.splice(o + 1), n.push(x), o = n.length - 1;
       else {
         const y = n.length - 1;
-        n[y] = Mt(n[y], w);
+        n[y] = Lt(n[y], x);
       }
-      s = L;
+      s = M;
     }
     i = !1;
   };
   e.observe(a, { origin: C.LOCAL });
-  const r = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkDeleteAnnotation(m), d = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkAddAnnotation(m, !1), u = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkUpdateAnnotation(m.map(({ oldValue: w }) => w)), b = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkUpdateAnnotation(m.map(({ newValue: w }) => w)), h = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkAddAnnotation(m, !1), E = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkDeleteAnnotation(m);
+  const r = (m) => m && m.length > 0 && e.bulkDeleteAnnotation(m), d = (m) => m && m.length > 0 && e.bulkAddAnnotation(m, !1), u = (m) => m && m.length > 0 && e.bulkUpdateAnnotation(m.map(({ oldValue: x }) => x)), b = (m) => m && m.length > 0 && e.bulkUpdateAnnotation(m.map(({ newValue: x }) => x)), h = (m) => m && m.length > 0 && e.bulkAddAnnotation(m, !1), v = (m) => m && m.length > 0 && e.bulkDeleteAnnotation(m);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
     destroy: () => e.unobserve(a),
-    on: (m, w) => t.on(m, w),
+    on: (m, x) => t.on(m, x),
     redo: () => {
       if (n.length - 1 > o) {
         i = !0;
-        const { created: m, updated: w, deleted: L } = n[o + 1];
-        d(m), b(w), E(L), t.emit("redo", n[o + 1]), o += 1;
+        const { created: m, updated: x, deleted: M } = n[o + 1];
+        d(m), b(x), v(M), t.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         i = !0;
-        const { created: m, updated: w, deleted: L } = n[o];
-        r(m), u(w), h(L), t.emit("undo", n[o]), o -= 1;
+        const { created: m, updated: x, deleted: M } = n[o];
+        r(m), u(x), h(M), t.emit("undo", n[o]), o -= 1;
       }
     }
   };
-}, Yt = () => {
+}, Ut = () => {
   const { subscribe: e, set: t } = J([]);
   return {
     subscribe: e,
@@ -533,27 +531,27 @@ const Xt = 250, Ut = (e) => {
 }, Dt = (e, t, n, o) => {
   const { store: i, selection: s, hover: a, viewport: r } = e, d = /* @__PURE__ */ new Map();
   let u = [], b, h;
-  const E = (l, c) => {
+  const v = (l, c) => {
     d.has(l) ? d.get(l).push(c) : d.set(l, [c]);
   }, m = (l, c) => {
     const g = d.get(l);
     g && g.indexOf(c) > 0 && g.splice(g.indexOf(c), 1);
-  }, w = (l, c, g) => {
+  }, x = (l, c, g) => {
     d.has(l) && setTimeout(() => {
       d.get(l).forEach((p) => {
         if (n) {
-          const v = Array.isArray(c) ? c.map((M) => n.serialize(M)) : n.serialize(c), T = g ? g instanceof PointerEvent ? g : n.serialize(g) : void 0;
-          p(v, T);
+          const E = Array.isArray(c) ? c.map((L) => n.serialize(L)) : n.serialize(c), T = g ? g instanceof PointerEvent ? g : n.serialize(g) : void 0;
+          p(E, T);
         } else
           p(c, g);
       });
     }, 1);
-  }, L = () => {
-    const { selected: l } = s, c = l.map(({ id: g }) => i.getAnnotation(g));
+  }, M = () => {
+    const { selected: l } = s, c = (l || []).map(({ id: g }) => i.getAnnotation(g));
     c.forEach((g) => {
-      const p = u.find((v) => v.id === g.id);
-      (!p || !Y(p, g)) && w("updateAnnotation", g, p);
-    }), u = u.map((g) => c.find(({ id: v }) => v === g.id) || g);
+      const p = u.find((E) => E.id === g.id);
+      (!p || !U(p, g)) && x("updateAnnotation", g, p);
+    }), u = u.map((g) => c.find(({ id: E }) => E === g.id) || g);
   };
   s.subscribe(({ selected: l }) => {
     if (!(u.length === 0 && l.length === 0)) {
@@ -562,13 +560,13 @@ const Xt = 250, Ut = (e) => {
       else if (u.length > 0 && l.length === 0)
         u.forEach((c) => {
           const g = i.getAnnotation(c.id);
-          g && !Y(g, c) && w("updateAnnotation", g, c);
+          g && !U(g, c) && x("updateAnnotation", g, c);
         }), u = [];
       else {
         const c = new Set(u.map((p) => p.id)), g = new Set(l.map(({ id: p }) => p));
         u.filter((p) => !g.has(p.id)).forEach((p) => {
-          const v = i.getAnnotation(p.id);
-          v && !Y(v, p) && w("updateAnnotation", v, p);
+          const E = i.getAnnotation(p.id);
+          E && !U(E, p) && x("updateAnnotation", E, p);
         }), u = [
           // Remove annotations that were deselected
           ...u.filter((p) => g.has(p.id)),
@@ -576,40 +574,42 @@ const Xt = 250, Ut = (e) => {
           ...l.filter(({ id: p }) => !c.has(p)).map(({ id: p }) => i.getAnnotation(p))
         ];
       }
-      w("selectionChanged", u);
+      x("selectionChanged", u);
     }
   }), a.subscribe((l) => {
-    !b && l ? w("mouseEnterAnnotation", i.getAnnotation(l)) : b && !l ? w("mouseLeaveAnnotation", i.getAnnotation(b)) : b && l && (w("mouseLeaveAnnotation", i.getAnnotation(b)), w("mouseEnterAnnotation", i.getAnnotation(l))), b = l;
-  }), r == null || r.subscribe((l) => w("viewportIntersect", l.map(i.getAnnotation))), i.observe((l) => {
-    o && (h && clearTimeout(h), h = setTimeout(L, 1e3));
+    !b && l ? x("mouseEnterAnnotation", i.getAnnotation(l)) : b && !l ? x("mouseLeaveAnnotation", i.getAnnotation(b)) : b && l && (x("mouseLeaveAnnotation", i.getAnnotation(b)), x("mouseEnterAnnotation", i.getAnnotation(l))), b = l;
+  }), r == null || r.subscribe((l) => x("viewportIntersect", l.map((c) => i.getAnnotation(c)))), i.observe((l) => {
+    o && (h && clearTimeout(h), h = setTimeout(M, 1e3));
     const { created: c, deleted: g } = l.changes;
-    c.forEach((p) => w("createAnnotation", p)), g.forEach((p) => w("deleteAnnotation", p)), l.changes.updated.filter((p) => [
+    (c || []).forEach((p) => x("createAnnotation", p)), (g || []).forEach((p) => x("deleteAnnotation", p)), (l.changes.updated || []).filter((p) => [
       ...p.bodiesCreated || [],
       ...p.bodiesDeleted || [],
       ...p.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: p, newValue: v }) => {
-      const T = u.find((M) => M.id === p.id) || p;
-      u = u.map((M) => M.id === p.id ? v : M), w("updateAnnotation", v, T);
+    ].length > 0).forEach(({ oldValue: p, newValue: E }) => {
+      const T = u.find((L) => L.id === p.id) || p;
+      u = u.map((L) => L.id === p.id ? E : L), x("updateAnnotation", E, T);
     });
   }, { origin: C.LOCAL }), i.observe((l) => {
     if (u) {
-      const c = new Set(u.map((p) => p.id)), g = l.changes.updated.filter(({ newValue: p }) => c.has(p.id)).map(({ newValue: p }) => p);
+      const c = new Set(u.map((p) => p.id)), g = (l.changes.updated || []).filter(({ newValue: p }) => c.has(p.id)).map(({ newValue: p }) => p);
       g.length > 0 && (u = u.map((p) => g.find((T) => T.id === p.id) || p));
     }
   }, { origin: C.REMOTE });
   const y = (l) => (c) => {
-    const { created: g, deleted: p, updated: v } = c;
-    g.forEach((T) => w("createAnnotation", T)), p.forEach((T) => w("deleteAnnotation", T)), l ? v.forEach((T) => w("updateAnnotation", T.oldValue, T.newValue)) : v.forEach((T) => w("updateAnnotation", T.newValue, T.oldValue));
+    const { created: g, deleted: p, updated: E } = c;
+    (g || []).forEach((T) => x("createAnnotation", T)), (p || []).forEach((T) => x("deleteAnnotation", T)), l ? (E || []).forEach((T) => x("updateAnnotation", T.oldValue, T.newValue)) : (E || []).forEach((T) => x("updateAnnotation", T.newValue, T.oldValue));
   };
-  return t.on("undo", y(!0)), t.on("redo", y(!1)), { on: E, off: m, emit: w };
+  return t.on("undo", y(!0)), t.on("redo", y(!1)), { on: v, off: m, emit: x };
 }, It = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
     parsed: n.parsed,
     failed: [...n.failed, o]
-  } : {
+  } : i ? {
     parsed: [...n.parsed, i],
     failed: n.failed
+  } : {
+    ...n
   };
 }, { parsed: [], failed: [] }), Vt = (e, t, n) => {
   const { store: o, selection: i } = e, s = (y) => {
@@ -623,15 +623,17 @@ const Xt = 250, Ut = (e) => {
     return n && l ? n.serialize(l) : l;
   }, u = () => n ? o.all().map(n.serialize) : o.all(), b = () => {
     var y;
-    const l = (((y = i.selected) == null ? void 0 : y.map((c) => c.id)) || []).map((c) => o.getAnnotation(c));
+    const l = (((y = i.selected) == null ? void 0 : y.map((c) => c.id)) || []).map((c) => o.getAnnotation(c)).filter(Boolean);
     return n ? l.map(n.serialize) : l;
-  }, h = (y) => fetch(y).then((l) => l.json()).then((l) => (m(l), l)), E = (y) => {
+  }, h = (y) => fetch(y).then((l) => l.json()).then((l) => (m(l), l)), v = (y) => {
     if (typeof y == "string") {
       const l = o.getAnnotation(y);
-      return o.deleteAnnotation(y), n ? n.serialize(l) : l;
+      if (o.deleteAnnotation(y), l)
+        return n ? n.serialize(l) : l;
     } else {
       const l = n ? n.parse(y).parsed : y;
-      return o.deleteAnnotation(l), y;
+      if (l)
+        return o.deleteAnnotation(l), y;
     }
   }, m = (y) => {
     if (n) {
@@ -639,9 +641,9 @@ const Xt = 250, Ut = (e) => {
       c.length > 0 && console.warn(`Discarded ${c.length} invalid annotations`, c), o.bulkAddAnnotation(l, !0, C.REMOTE);
     } else
       o.bulkAddAnnotation(y, !0, C.REMOTE);
-  }, w = (y) => {
+  }, x = (y) => {
     y ? i.setSelected(y) : i.clear();
-  }, L = (y) => {
+  }, M = (y) => {
     if (n) {
       const l = n.parse(y).parsed, c = n.serialize(o.getAnnotation(l.id));
       return o.updateAnnotation(l), c;
@@ -661,11 +663,11 @@ const Xt = 250, Ut = (e) => {
     getSelected: b,
     loadAnnotations: h,
     redo: t.redo,
-    removeAnnotation: E,
+    removeAnnotation: v,
     setAnnotations: m,
-    setSelected: w,
+    setSelected: x,
     undo: t.undo,
-    updateAnnotation: L
+    updateAnnotation: M
   };
 };
 let _t = (e) => crypto.getRandomValues(new Uint8Array(e)), kt = (e, t, n) => {
@@ -691,14 +693,14 @@ function it(e, t, n, o, i) {
       var s = o - n + 1, a = t - n + 1, r = Math.log(s), d = 0.5 * Math.exp(2 * r / 3), u = 0.5 * Math.sqrt(r * d * (s - d) / s) * (a - s / 2 < 0 ? -1 : 1), b = Math.max(n, Math.floor(t - a * d / s + u)), h = Math.min(o, Math.floor(t + (s - a) * d / s + u));
       it(e, t, b, h, i);
     }
-    var E = e[t], m = n, w = o;
-    for (_(e, n, t), i(e[o], E) > 0 && _(e, n, o); m < w; ) {
-      for (_(e, m, w), m++, w--; i(e[m], E) < 0; )
+    var v = e[t], m = n, x = o;
+    for (_(e, n, t), i(e[o], v) > 0 && _(e, n, o); m < x; ) {
+      for (_(e, m, x), m++, x--; i(e[m], v) < 0; )
         m++;
-      for (; i(e[w], E) > 0; )
-        w--;
+      for (; i(e[x], v) > 0; )
+        x--;
     }
-    i(e[n], E) === 0 ? _(e, n, w) : (w++, _(e, w, o)), w <= t && (n = w + 1), t <= w && (o = w - 1);
+    i(e[n], v) === 0 ? _(e, n, x) : (x++, _(e, x, o)), x <= t && (n = x + 1), t <= x && (o = x - 1);
   }
 }
 function _(e, t, n) {
@@ -824,9 +826,9 @@ class $t {
     for (let b = n; b <= o; b += u) {
       const h = Math.min(b + u - 1, o);
       tt(t, b, h, d, this.compareMinY);
-      for (let E = b; E <= h; E += d) {
-        const m = Math.min(E + d - 1, h);
-        r.children.push(this._build(t, E, m, i - 1));
+      for (let v = b; v <= h; v += d) {
+        const m = Math.min(v + d - 1, h);
+        r.children.push(this._build(t, v, m, i - 1));
       }
     }
     return I(r, this.toBBox), r;
@@ -1025,14 +1027,14 @@ const jt = (e, t) => {
   return e;
 }, ee = (e, t) => {
   const n = new $t(), o = /* @__PURE__ */ new Map(), i = (l) => {
-    const c = t.getBoundingClientRect(), p = l.selector.range instanceof Range && !l.selector.range.collapsed && l.selector.range.startContainer.nodeType === Node.TEXT_NODE && l.selector.range.endContainer.nodeType === Node.TEXT_NODE ? l : k(l, t), v = Array.from(p.selector.range.getClientRects()), T = Qt(v);
-    return T.map((M) => {
-      const { x: f, y: x, width: A, height: B } = M;
+    const c = t.getBoundingClientRect(), p = l.selector.range instanceof Range && !l.selector.range.collapsed && l.selector.range.startContainer.nodeType === Node.TEXT_NODE && l.selector.range.endContainer.nodeType === Node.TEXT_NODE ? l : k(l, t), E = Array.from(p.selector.range.getClientRects()), T = Qt(E);
+    return T.map((L) => {
+      const { x: f, y: A, width: w, height: B } = L;
       return {
         minX: f - c.x,
-        minY: x - c.y,
-        maxX: f - c.x + A,
-        maxY: x - c.y + B,
+        minY: A - c.y,
+        maxX: f - c.x + w,
+        maxY: A - c.y + B,
         annotation: {
           id: l.annotation,
           rects: T
@@ -1050,9 +1052,9 @@ const jt = (e, t) => {
     d(l), r(l);
   }, b = (l, c = !0) => {
     c && a();
-    const g = l.map((v) => ({ target: v, rects: i(v) }));
-    g.forEach(({ target: v, rects: T }) => o.set(v.annotation, T));
-    const p = g.reduce((v, { rects: T }) => [...v, ...T], []);
+    const g = l.map((E) => ({ target: E, rects: i(E) }));
+    g.forEach(({ target: E, rects: T }) => o.set(E.annotation, T));
+    const p = g.reduce((E, { rects: T }) => [...E, ...T], []);
     n.load(p);
   }, h = (l, c) => {
     const g = n.search({
@@ -1060,19 +1062,19 @@ const jt = (e, t) => {
       minY: c,
       maxX: l,
       maxY: c
-    }), p = (v) => v.annotation.rects.reduce((T, M) => T + M.width * M.height, 0);
+    }), p = (E) => E.annotation.rects.reduce((T, L) => T + L.width * L.height, 0);
     if (g.length > 0)
-      return g.sort((v, T) => p(v) - p(T)), g[0].annotation.id;
-  }, E = (l) => {
+      return g.sort((E, T) => p(E) - p(T)), g[0].annotation.id;
+  }, v = (l) => {
     const c = m(l);
     if (c.length === 0)
       return;
-    let g = c[0].left, p = c[0].top, v = c[0].right, T = c[0].bottom;
-    for (let M = 1; M < c.length; M++) {
-      const f = c[M];
-      g = Math.min(g, f.left), p = Math.min(p, f.top), v = Math.max(v, f.right), T = Math.max(T, f.bottom);
+    let g = c[0].left, p = c[0].top, E = c[0].right, T = c[0].bottom;
+    for (let L = 1; L < c.length; L++) {
+      const f = c[L];
+      g = Math.min(g, f.left), p = Math.min(p, f.top), E = Math.max(E, f.right), T = Math.max(T, f.bottom);
     }
-    return new DOMRect(g, p, v - g, T - p);
+    return new DOMRect(g, p, E - g, T - p);
   }, m = (l) => {
     const c = o.get(l);
     return c ? c[0].annotation.rects : [];
@@ -1081,7 +1083,7 @@ const jt = (e, t) => {
     all: s,
     clear: a,
     getAt: h,
-    getBoundsForAnnotation: E,
+    getBoundsForAnnotation: v,
     getDOMRectsForAnnotation: m,
     getIntersectingRects: (l, c, g, p) => n.search({ minX: l, minY: c, maxX: g, maxY: p }),
     insert: r,
@@ -1095,14 +1097,14 @@ const jt = (e, t) => {
   const { range: t } = e.target.selector;
   return t instanceof Range && !t.collapsed;
 }, ne = (e, t) => {
-  const n = Rt(), o = ee(n, e), i = wt(n, t), s = xt(n), a = Yt(), r = (y, l = C.LOCAL) => {
+  const n = Rt(), o = ee(n, e), i = xt(n, t), s = At(n), a = Ut(), r = (y, l = C.LOCAL) => {
     const c = y.target.selector.range instanceof Range ? y : { ...y, target: k(y.target, e) }, { range: g } = c.target.selector, p = g && !g.collapsed;
     return p && n.addAnnotation(c, l), p;
   }, d = (y, l = !0, c = C.LOCAL) => {
-    const g = y.map((v) => F(v) ? v : { ...v, target: k(v.target, e) });
-    if (g.some((v) => v.target.selector.range.collapsed)) {
-      const v = g.filter((T) => T.target.selector.range.collapsed);
-      return console.warn("Could not revive all targets"), console.warn(v), n.bulkAddAnnotation(g, l, c), v;
+    const g = y.map((E) => F(E) ? E : { ...E, target: k(E.target, e) });
+    if (g.some((E) => E.target.selector.range.collapsed)) {
+      const E = g.filter((T) => T.target.selector.range.collapsed);
+      return console.warn("Could not revive all targets"), console.warn(E), n.bulkAddAnnotation(g, l, c), E;
     } else
       return n.bulkAddAnnotation(g, l, c), [];
   }, u = (y, l = C.LOCAL) => {
@@ -1114,26 +1116,26 @@ const jt = (e, t) => {
   }, h = (y, l) => {
     const c = o.getAt(y, l);
     return c ? n.getAnnotation(c) : void 0;
-  }, E = (y, l, c, g) => {
+  }, v = (y, l, c, g) => {
     const p = o.getIntersectingRects(y, l, c, g);
     return Array.from(new Set(p.map((T) => T.annotation.id))).map((T) => n.getAnnotation(T)).filter((T) => T);
   }, m = (y, l, c, g = 5) => {
     const p = o.getDOMRectsForAnnotation(y);
     if (p.length > 0) {
       if (l && c) {
-        const v = p.find(({ top: T, right: M, bottom: f, left: x }) => l >= x - g && l <= M + g && c >= T - g && c <= f + g);
-        if (v)
-          return v;
+        const E = p.find(({ top: T, right: L, bottom: f, left: A }) => l >= A - g && l <= L + g && c >= T - g && c <= f + g);
+        if (E)
+          return E;
       }
       return o.getBoundsForAnnotation(y);
     }
-  }, w = (y, l, c, g) => {
-    const v = o.getIntersectingRects(y, l, c, g).reduce((T, M) => ((T[M.annotation.id] = T[M.annotation.id] || []).push(M), T), {});
-    return Object.entries(v).map(([T, M]) => ({
+  }, x = (y, l, c, g) => {
+    const E = o.getIntersectingRects(y, l, c, g).reduce((T, L) => ((T[L.annotation.id] = T[L.annotation.id] || []).push(L), T), {});
+    return Object.entries(E).map(([T, L]) => ({
       annotation: n.getAnnotation(T),
-      rects: M.map(({ minX: f, minY: x, maxX: A, maxY: B }) => ({ x: f, y: x, width: A - f, height: B - x }))
+      rects: L.map(({ minX: f, minY: A, maxX: w, maxY: B }) => ({ x: f, y: A, width: w - f, height: B - A }))
     }));
-  }, L = () => o.recalculate();
+  }, M = () => o.recalculate();
   return n.observe(({ changes: y }) => {
     const l = (y.created || []).filter(F), c = (y.deleted || []).filter(F), g = (y.updated || []).filter((p) => F(p.newValue));
     l.length > 0 && o.set(l.map((p) => p.target), !1), (c == null ? void 0 : c.length) > 0 && c.forEach((p) => o.remove(p.target)), (g == null ? void 0 : g.length) > 0 && g.forEach(({ newValue: p }) => o.update(p.target));
@@ -1145,9 +1147,9 @@ const jt = (e, t) => {
       bulkUpdateTargets: b,
       getAnnotationBounds: m,
       getAt: h,
-      getIntersecting: E,
-      getIntersectingRects: w,
-      recalculatePositions: L,
+      getIntersecting: v,
+      getIntersectingRects: x,
+      recalculatePositions: M,
       updateTarget: u
     },
     selection: i,
@@ -1162,20 +1164,25 @@ const jt = (e, t) => {
     t.font && (d.font = t.font);
     const h = n.get(s.id);
     if (h) {
-      const { x: E, y: m, height: w } = a[0];
-      d.fillStyle = h.appearance.color, d.fillRect(E - 2, m - 2.5, 2, w + 5);
-      const L = d.measureText(h.appearance.label), y = L.width + 6, l = L.actualBoundingBoxAscent + L.actualBoundingBoxDescent + 8, c = L.fontBoundingBoxAscent ? 8 : 6.5;
-      d.fillRect(E - 2, m - 2.5 - l, y, l), d.fillStyle = "#fff", d.fillText(h.appearance.label, E + 1, m - c), r.fillStyle = h.appearance.color, r.globalAlpha = u ? 0.45 : 0.18, a.forEach(({ x: g, y: p, width: v, height: T }) => r.fillRect(g, p - 2.5, v, T + 5));
+      const { x: v, y: m, height: x } = a[0];
+      d.fillStyle = h.appearance.color, d.fillRect(v - 2, m - 2.5, 2, x + 5);
+      const M = d.measureText(h.appearance.label), y = M.width + 6, l = M.actualBoundingBoxAscent + M.actualBoundingBoxDescent + 8, c = M.fontBoundingBoxAscent ? 8 : 6.5;
+      d.fillRect(v - 2, m - 2.5 - l, y, l), d.fillStyle = "#fff", d.fillText(h.appearance.label, v + 1, m - c), r.fillStyle = h.appearance.color, r.globalAlpha = u ? 0.45 : 0.18, a.forEach(({ x: g, y: p, width: E, height: T }) => r.fillRect(g, p - 2.5, E, T + 5));
     } else
       nt.paint(s, a, r, d, u, b);
   } };
-}, st = (e) => e === null ? null : e.scrollHeight > e.clientHeight ? e : st(e.parentElement), ie = (e, t) => (n) => {
+}, st = (e) => {
+  if (e === null)
+    return document.scrollingElement;
+  const { overflowY: t } = window.getComputedStyle(e);
+  return t !== "visible" && t !== "hidden" && e.scrollHeight > e.clientHeight ? e : st(e.parentElement);
+}, ie = (e, t) => (n) => {
   const o = st(e);
   if (o) {
     const i = t.getAnnotation(n.id), { range: s } = i.target.selector;
     if (!s || s.collapsed)
       return !1;
-    const a = o.getBoundingClientRect(), r = o.clientHeight, d = o.clientWidth, u = i.target.selector.range.getBoundingClientRect(), { width: b, height: h } = t.getAnnotationBounds(n.id), E = u.top - a.top, m = u.left - a.left, w = o.parentElement ? o.scrollTop : 0, L = o.parentElement ? o.scrollLeft : 0, y = E + w - (r - h) / 2, l = m + L - (d - b) / 2;
+    const a = o.getBoundingClientRect(), r = o.clientHeight, d = o.clientWidth, u = i.target.selector.range.getBoundingClientRect(), { width: b, height: h } = t.getAnnotationBounds(n.id), v = u.top - a.top, m = u.left - a.left, x = o.parentElement ? o.scrollTop : 0, M = o.parentElement ? o.scrollLeft : 0, y = v + x - (r - h) / 2, l = m + M - (d - b) / 2;
     return o.scroll({ top: y, left: l, behavior: "smooth" }), !0;
   }
 };
@@ -1216,12 +1223,12 @@ const de = (e, t, n) => {
 }, ue = (e, t, n) => {
   const { store: o, selection: i } = t;
   let s, a = null;
-  const r = (E) => s = E;
+  const r = (v) => s = v;
   let d = !1, u;
-  e.addEventListener("selectstart", (E) => {
+  e.addEventListener("selectstart", (v) => {
     if (!d)
       return;
-    !E.target.parentElement.closest(".not-annotatable") ? a = {
+    !v.target.parentElement.closest(".not-annotatable") ? a = {
       annotation: ce(),
       selector: void 0,
       creator: s,
@@ -1229,17 +1236,17 @@ const de = (e, t, n) => {
     } : (a = null, u = void 0);
   });
   let b;
-  document.addEventListener("selectionchange", (E) => {
+  document.addEventListener("selectionchange", (v) => {
     b && clearTimeout(b), b = setTimeout(() => h(), 50);
   });
   const h = () => {
-    var m, w;
-    const E = document.getSelection();
-    if (!E.isCollapsed && d && a) {
-      const L = Array.from(Array(E.rangeCount).keys()).map((c) => E.getRangeAt(c));
-      te(L[0]).toString() !== ((w = (m = a.selector) == null ? void 0 : m.range) == null ? void 0 : w.toString()) && (a = {
+    var m, x;
+    const v = document.getSelection();
+    if (!v.isCollapsed && d && a) {
+      const M = Array.from(Array(v.rangeCount).keys()).map((c) => v.getRangeAt(c));
+      te(M[0]).toString() !== ((x = (m = a.selector) == null ? void 0 : m.range) == null ? void 0 : x.toString()) && (a = {
         ...a,
-        selector: de(L[0], e, n)
+        selector: de(M[0], e, n)
       }, o.getAnnotation(a.annotation) ? o.updateTarget(a, C.LOCAL) : (o.addAnnotation({
         id: a.annotation,
         bodies: [],
@@ -1247,18 +1254,18 @@ const de = (e, t, n) => {
       }), i.clickSelect(a.annotation, u)));
     }
   };
-  return e.addEventListener("pointerdown", (E) => {
-    u = E, d = E.button === 0;
-  }), document.addEventListener("pointerup", (E) => {
-    var w;
-    u = E, !((w = E.target.parentElement) != null && w.closest(".not-annotatable") || !d) && setTimeout(() => {
+  return e.addEventListener("pointerdown", (v) => {
+    u = v, d = v.button === 0;
+  }), document.addEventListener("pointerup", (v) => {
+    var x;
+    u = v, !((x = v.target.parentElement) != null && x.closest(".not-annotatable") || !d) && setTimeout(() => {
       if (a != null && a.selector)
-        o.updateTarget(a, C.LOCAL), i.clickSelect(a.annotation, E), a = null, u = void 0;
+        o.updateTarget(a, C.LOCAL), i.clickSelect(a.annotation, v), a = null, u = void 0;
       else {
-        const { x: L, y } = e.getBoundingClientRect(), l = o.getAt(E.clientX - L, E.clientY - y);
+        const { x: M, y } = e.getBoundingClientRect(), l = o.getAt(v.clientX - M, v.clientY - y);
         if (l) {
           const { selected: c } = i;
-          (c.length !== 1 || c[0].id !== l.id) && (i.clickSelect(l.id, E), u = void 0);
+          (c.length !== 1 || c[0].id !== l.id) && (i.clickSelect(l.id, v), u = void 0);
         } else
           i.isEmpty() || i.clear();
       }
@@ -1266,9 +1273,8 @@ const de = (e, t, n) => {
   }), {
     setUser: r
   };
-};
-const he = (e, t = {}) => {
-  const n = ne(e, t.pointerAction), { selection: o, viewport: i } = n, s = n.store, a = Ut(s), r = Dt(
+}, he = (e, t = {}) => {
+  const n = ne(e, t.pointerAction), { selection: o, viewport: i } = n, s = n.store, a = Yt(s), r = Dt(
     n,
     a,
     t.adapter