@recogito/text-annotator 3.0.0-rc.5 → 3.0.0-rc.7

package/dist/text-annotator.es.js

@@ -32,41 +32,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", (y) => {
-    const { x: T, y: L } = e.getBoundingClientRect(), f = o.getAt(y.clientX - T, y.clientY - L);
+  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 v = () => {
-    const { top: y, left: T } = e.getBoundingClientRect(), { innerWidth: L, innerHeight: f } = window, x = -T, A = -y, B = L - T, S = f - y;
-    return { top: y, left: T, minX: x, minY: A, maxX: B, maxY: S };
-  }, C = () => c();
-  document.addEventListener("scroll", C, { capture: !0, passive: !0 });
-  const w = mt(() => {
+  const x = () => {
+    const { top: E, left: T } = e.getBoundingClientRect(), { innerWidth: L, innerHeight: f } = window, w = -T, A = -E, B = L - T, S = f - E;
+    return { top: E, left: T, minX: w, minY: A, 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", w), new ResizeObserver(w).observe(e);
+  window.addEventListener("resize", y), new ResizeObserver(y).observe(e);
   const c = () => requestAnimationFrame(() => {
-    const { top: y, left: T, minX: L, minY: f, maxX: x, maxY: A } = v(), B = r ? o.getIntersectingRects(L, f, x, A).filter(({ annotation: U }) => r(U)) : o.getIntersectingRects(L, 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: w, maxY: A } = x(), B = r ? o.getIntersectingRects(L, f, w, A).filter(({ annotation: Y }) => r(Y)) : o.getIntersectingRects(L, f, w, A), { 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 + y,
+        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: (y) => {
-      a = y, c();
+    setDrawingStyle: (E) => {
+      a = E, c();
     },
-    setFilter: (y) => {
-      r = y, c();
+    setFilter: (E) => {
+      r = E, c();
     },
-    setPainter: (y) => d = y
+    setPainter: (E) => d = E
   };
 }, k = (e, t) => {
   const { start: n, end: o } = e.selector, i = e.selector.offsetReference ? e.selector.offsetReference : t;
@@ -104,7 +104,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 +115,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;
     }
@@ -155,19 +155,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 wt = (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 +177,7 @@ const xt = (e) => {
     subscribe: t,
     set: n
   };
-}, q = { selected: [] }, vt = (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 +187,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 v = wt(m, t);
-      o(v === "EDIT" ? { selected: [{ id: h, editable: !0 }], pointerEvent: E } : v === "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], v = m.map((C) => e.getAnnotation(C)).filter((C) => C);
-    o({ selected: v.map(({ id: C }) => ({ id: C, editable: E })) }), v.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 +219,11 @@ const xt = (e) => {
     setSelected: u,
     subscribe: n
   };
-}, wt = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", yt = [];
+}, yt = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", Et = [];
 for (let e = 0; e < 256; ++e)
-  yt.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 +231,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,
@@ -243,14 +243,14 @@ const Et = (e, t) => {
     targetUpdated: St(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
-var M = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(M || {});
-const Ct = (e, t) => {
+var C = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(C || {});
+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,88 +259,88 @@ const Ct = (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;
 }, 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 v = t.updated.find((C) => C.oldValue.id === m.id).newValue;
-        return ot(E, v);
+        const x = t.updated.find((M) => M.oldValue.id === m.id).newValue;
+        return ot(v, x);
       } else
         return h;
     }),
     ...(t.updated || []).filter(({ oldValue: h }) => !r.has(h.id))
   ];
   return { created: d, deleted: u, updated: b };
-}, Mt = (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) => {
+}, Ct = (e) => e.id !== void 0, Rt = () => {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (f, w = {}) => n.push({ onChange: f, options: w }), i = (f) => {
+    const w = n.findIndex((A) => A.onChange == f);
+    w > -1 && n.splice(w, 1);
+  }, s = (f, w) => {
     const A = {
       origin: f,
       changes: {
-        created: x.created || [],
-        updated: x.updated || [],
-        deleted: x.deleted || []
+        created: w.created || [],
+        updated: w.updated || [],
+        deleted: w.deleted || []
       },
       state: [...e.values()]
     };
     n.forEach((B) => {
-      Ct(B, A) && B.onChange(A);
+      Mt(B, A) && B.onChange(A);
     });
-  }, a = (f, x = M.LOCAL) => {
+  }, a = (f, w = 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((A) => t.set(A.id, f.id)), s(w, { created: [f] });
+  }, r = (f, w) => {
+    const A = typeof f == "string" ? w : 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;
     } else
       console.warn(`Cannot update annotation ${B} - does not exist`);
-  }, d = (f, x = M.LOCAL, A = M.LOCAL) => {
-    const B = Mt(x) ? A : x, S = r(f, x);
+  }, d = (f, w = C.LOCAL, A = C.LOCAL) => {
+    const B = Ct(w) ? A : w, S = r(f, w);
     S && s(B, { updated: [S] });
-  }, u = (f, x = M.LOCAL) => {
+  }, u = (f, w = C.LOCAL) => {
     const A = f.reduce((B, S) => {
       const R = r(S);
       return R ? [...B, R] : B;
     }, []);
-    A.length > 0 && s(x, { updated: A });
-  }, b = (f, x = M.LOCAL) => {
+    A.length > 0 && s(w, { updated: A });
+  }, b = (f, w = C.LOCAL) => {
     const A = e.get(f.annotation);
     if (A) {
       const B = {
         ...A,
         bodies: [...A.bodies, f]
       };
-      e.set(A.id, B), t.set(f.id, B.id), s(x, { updated: [{
+      e.set(A.id, B), t.set(f.id, B.id), s(w, { updated: [{
         oldValue: A,
         newValue: B,
         bodiesCreated: [f]
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${f.annotation}`);
-  }, h = () => [...e.values()], E = (f = M.LOCAL) => {
-    const x = [...e.values()];
-    e.clear(), t.clear(), s(f, { deleted: x });
-  }, m = (f, x = !0, A = M.LOCAL) => {
-    if (x) {
+  }, h = () => [...e.values()], v = (f = C.LOCAL) => {
+    const w = [...e.values()];
+    e.clear(), t.clear(), s(f, { deleted: w });
+  }, m = (f, w = !0, A = C.LOCAL) => {
+    if (w) {
       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));
@@ -356,21 +356,21 @@ const Ct = (e, t) => {
         e.set(S.id, S), S.bodies.forEach((R) => t.set(R.id, S.id));
       }), s(A, { created: f });
     }
-  }, v = (f) => {
-    const x = typeof f == "string" ? f : f.id, A = e.get(x);
+  }, x = (f) => {
+    const w = typeof f == "string" ? f : f.id, A = e.get(w);
     if (A)
-      return e.delete(x), A.bodies.forEach((B) => t.delete(B.id)), A;
-    console.warn(`Attempt to delete missing annotation: ${x}`);
-  }, C = (f, x = M.LOCAL) => {
-    const A = v(f);
-    A && s(x, { deleted: [A] });
-  }, w = (f, x = M.LOCAL) => {
+      return e.delete(w), A.bodies.forEach((B) => t.delete(B.id)), A;
+    console.warn(`Attempt to delete missing annotation: ${w}`);
+  }, M = (f, w = C.LOCAL) => {
+    const A = x(f);
+    A && s(w, { deleted: [A] });
+  }, y = (f, w = C.LOCAL) => {
     const A = f.reduce((B, S) => {
-      const R = v(S);
+      const R = x(S);
       return R ? [...B, R] : B;
     }, []);
-    A.length > 0 && s(x, { deleted: A });
-  }, l = (f, x = M.LOCAL) => {
+    A.length > 0 && s(w, { deleted: A });
+  }, l = (f, w = C.LOCAL) => {
     const A = e.get(f.annotation);
     if (A) {
       const B = A.bodies.find((S) => S.id === f.id);
@@ -380,7 +380,7 @@ const Ct = (e, t) => {
           ...A,
           bodies: A.bodies.filter((R) => R.id !== f.id)
         };
-        e.set(A.id, S), s(x, { updated: [{
+        e.set(A.id, S), s(w, { updated: [{
           oldValue: A,
           newValue: S,
           bodiesDeleted: [B]
@@ -390,54 +390,54 @@ const Ct = (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 w = e.get(f);
+    return w ? { ...w } : void 0;
   }, g = (f) => {
-    const x = t.get(f);
-    if (x) {
-      const A = c(x).bodies.find((B) => B.id === f);
+    const w = t.get(f);
+    if (w) {
+      const A = c(w).bodies.find((B) => B.id === f);
       if (A)
         return A;
       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, w) => {
+    if (f.annotation !== w.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)
+        bodies: A.bodies.map((R) => R.id === B.id ? w : R)
       };
-      return e.set(A.id, S), B.id !== x.id && (t.delete(B.id), t.set(x.id, S.id)), {
+      return e.set(A.id, S), B.id !== w.id && (t.delete(B.id), t.set(w.id, S.id)), {
         oldValue: A,
         newValue: S,
-        bodiesUpdated: [{ oldBody: B, newBody: x }]
+        bodiesUpdated: [{ oldBody: B, newBody: w }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${f.annotation}`);
-  }, y = (f, x, A = M.LOCAL) => {
-    const B = p(f, x);
-    s(A, { updated: [B] });
-  }, T = (f, x = M.LOCAL) => {
-    const A = f.map((B) => p({ id: B.id, annotation: B.annotation }, B));
-    s(x, { updated: A });
+  }, E = (f, w, A = C.LOCAL) => {
+    const B = p(f, w);
+    B && s(A, { updated: [B] });
+  }, T = (f, w = C.LOCAL) => {
+    const A = f.map((B) => p({ id: B.id, annotation: B.annotation }, B)).filter(Boolean);
+    s(w, { updated: A });
   }, L = (f) => {
-    const x = e.get(f.annotation);
-    if (x) {
+    const w = e.get(f.annotation);
+    if (w) {
       const A = {
-        ...x,
+        ...w,
         target: {
-          ...x.target,
+          ...w.target,
           ...f
         }
       };
-      return e.set(x.id, A), {
-        oldValue: x,
+      return e.set(w.id, A), {
+        oldValue: w,
         newValue: A,
         targetUpdated: {
-          oldTarget: x.target,
+          oldTarget: w.target,
           newTarget: f
         }
       };
@@ -449,82 +449,81 @@ const Ct = (e, t) => {
     addBody: b,
     all: h,
     bulkAddAnnotation: m,
-    bulkDeleteAnnotation: w,
+    bulkDeleteAnnotation: y,
     bulkUpdateAnnotation: u,
     bulkUpdateBodies: T,
-    bulkUpdateTargets: (f, x = M.LOCAL) => {
-      const A = f.map(L).filter((B) => B);
-      A.length > 0 && s(x, { updated: A });
+    bulkUpdateTargets: (f, w = C.LOCAL) => {
+      const A = f.map((B) => L(B)).filter(Boolean);
+      A.length > 0 && s(w, { updated: A });
     },
-    clear: E,
-    deleteAnnotation: C,
+    clear: v,
+    deleteAnnotation: M,
     deleteBody: l,
     getAnnotation: c,
     getBody: g,
     observe: o,
     unobserve: i,
     updateAnnotation: d,
-    updateBody: y,
-    updateTarget: (f, x = M.LOCAL) => {
+    updateBody: E,
+    updateTarget: (f, w = C.LOCAL) => {
       const A = L(f);
-      A && s(x, { updated: [A] });
+      A && s(w, { updated: [A] });
     }
   };
 };
 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: v } = m, C = performance.now();
-      if (C - s > Xt)
-        n.splice(o + 1), n.push(v), 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 w = n.length - 1;
-        n[w] = Lt(n[w], v);
+        const y = n.length - 1;
+        n[y] = Lt(n[y], x);
       }
-      s = C;
+      s = M;
     }
     i = !1;
   };
-  e.observe(a, { origin: M.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: v }) => v)), b = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkUpdateAnnotation(m.map(({ newValue: v }) => v)), 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);
+  e.observe(a, { origin: C.LOCAL });
+  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, v) => t.on(m, v),
+    on: (m, x) => t.on(m, x),
     redo: () => {
       if (n.length - 1 > o) {
         i = !0;
-        const { created: m, updated: v, deleted: C } = n[o + 1];
-        d(m), b(v), E(C), 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: v, deleted: C } = n[o];
-        r(m), u(v), h(C), 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 +532,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);
-  }, v = (l, c, g) => {
+  }, x = (l, c, g) => {
     d.has(l) && setTimeout(() => {
       d.get(l).forEach((p) => {
         if (n) {
-          const y = Array.isArray(c) ? c.map((L) => n.serialize(L)) : n.serialize(c), T = g ? g instanceof PointerEvent ? g : n.serialize(g) : void 0;
-          p(y, 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);
-  }, C = () => {
-    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((y) => y.id === g.id);
-      (!p || !Y(p, g)) && v("updateAnnotation", g, p);
-    }), u = u.map((g) => c.find(({ id: y }) => y === 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 +561,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) && v("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 y = i.getAnnotation(p.id);
-          y && !Y(y, p) && v("updateAnnotation", y, 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,78 +575,82 @@ const Xt = 250, Ut = (e) => {
           ...l.filter(({ id: p }) => !c.has(p)).map(({ id: p }) => i.getAnnotation(p))
         ];
       }
-      v("selectionChanged", u);
+      x("selectionChanged", u);
     }
   }), a.subscribe((l) => {
-    !b && l ? v("mouseEnterAnnotation", i.getAnnotation(l)) : b && !l ? v("mouseLeaveAnnotation", i.getAnnotation(b)) : b && l && (v("mouseLeaveAnnotation", i.getAnnotation(b)), v("mouseEnterAnnotation", i.getAnnotation(l))), b = l;
-  }), r == null || r.subscribe((l) => v("viewportIntersect", l.map(i.getAnnotation))), i.observe((l) => {
-    o && (h && clearTimeout(h), h = setTimeout(C, 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) => v("createAnnotation", p)), g.forEach((p) => v("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: y }) => {
+    ].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 ? y : L), v("updateAnnotation", y, T);
+      u = u.map((L) => L.id === p.id ? E : L), x("updateAnnotation", E, T);
     });
-  }, { origin: M.LOCAL }), i.observe((l) => {
+  }, { 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: M.REMOTE });
-  const w = (l) => (c) => {
-    const { created: g, deleted: p, updated: y } = c;
-    g.forEach((T) => v("createAnnotation", T)), p.forEach((T) => v("deleteAnnotation", T)), l ? y.forEach((T) => v("updateAnnotation", T.oldValue, T.newValue)) : y.forEach((T) => v("updateAnnotation", T.newValue, T.oldValue));
+  }, { origin: C.REMOTE });
+  const y = (l) => (c) => {
+    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", w(!0)), t.on("redo", w(!1)), { on: E, off: m, emit: v };
+  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 = (w) => {
+  const { store: o, selection: i } = e, s = (y) => {
     if (n) {
-      const { parsed: l, error: c } = n.parse(w);
-      l ? o.addAnnotation(l, M.REMOTE) : console.error(c);
+      const { parsed: l, error: c } = n.parse(y);
+      l ? o.addAnnotation(l, C.REMOTE) : console.error(c);
     } else
-      o.addAnnotation(w, M.REMOTE);
-  }, a = () => i.clear(), r = () => o.clear(), d = (w) => {
-    const l = o.getAnnotation(w);
+      o.addAnnotation(y, C.REMOTE);
+  }, a = () => i.clear(), r = () => o.clear(), d = (y) => {
+    const l = o.getAnnotation(y);
     return n && l ? n.serialize(l) : l;
   }, u = () => n ? o.all().map(n.serialize) : o.all(), b = () => {
-    var w;
-    const l = (((w = i.selected) == null ? void 0 : w.map((c) => c.id)) || []).map((c) => o.getAnnotation(c));
+    var y;
+    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 = (w) => fetch(w).then((l) => l.json()).then((l) => (m(l), l)), E = (w) => {
-    if (typeof w == "string") {
-      const l = o.getAnnotation(w);
-      return o.deleteAnnotation(w), n ? n.serialize(l) : l;
+  }, h = (y) => fetch(y).then((l) => l.json()).then((l) => (m(l), l)), v = (y) => {
+    if (typeof y == "string") {
+      const l = o.getAnnotation(y);
+      if (o.deleteAnnotation(y), l)
+        return n ? n.serialize(l) : l;
     } else {
-      const l = n ? n.parse(w).parsed : w;
-      return o.deleteAnnotation(l), w;
+      const l = n ? n.parse(y).parsed : y;
+      if (l)
+        return o.deleteAnnotation(l), y;
     }
-  }, m = (w) => {
+  }, m = (y) => {
     if (n) {
-      const { parsed: l, failed: c } = It(n)(w);
-      c.length > 0 && console.warn(`Discarded ${c.length} invalid annotations`, c), o.bulkAddAnnotation(l, !0, M.REMOTE);
+      const { parsed: l, failed: c } = It(n)(y);
+      c.length > 0 && console.warn(`Discarded ${c.length} invalid annotations`, c), o.bulkAddAnnotation(l, !0, C.REMOTE);
     } else
-      o.bulkAddAnnotation(w, !0, M.REMOTE);
-  }, v = (w) => {
-    w ? i.setSelected(w) : i.clear();
-  }, C = (w) => {
+      o.bulkAddAnnotation(y, !0, C.REMOTE);
+  }, x = (y) => {
+    y ? i.setSelected(y) : i.clear();
+  }, M = (y) => {
     if (n) {
-      const l = n.parse(w).parsed, c = n.serialize(o.getAnnotation(l.id));
+      const l = n.parse(y).parsed, c = n.serialize(o.getAnnotation(l.id));
       return o.updateAnnotation(l), c;
     } else {
-      const l = o.getAnnotation(w.id);
-      return o.updateAnnotation(w), l;
+      const l = o.getAnnotation(y.id);
+      return o.updateAnnotation(y), l;
     }
   };
   return {
@@ -661,11 +664,11 @@ const Xt = 250, Ut = (e) => {
     getSelected: b,
     loadAnnotations: h,
     redo: t.redo,
-    removeAnnotation: E,
+    removeAnnotation: v,
     setAnnotations: m,
-    setSelected: v,
+    setSelected: x,
     undo: t.undo,
-    updateAnnotation: C
+    updateAnnotation: M
   };
 };
 let _t = (e) => crypto.getRandomValues(new Uint8Array(e)), kt = (e, t, n) => {
@@ -691,14 +694,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, v = o;
-    for (_(e, n, t), i(e[o], E) > 0 && _(e, n, o); m < v; ) {
-      for (_(e, m, v), m++, v--; 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[v], E) > 0; )
-        v--;
+      for (; i(e[x], v) > 0; )
+        x--;
     }
-    i(e[n], E) === 0 ? _(e, n, v) : (v++, _(e, v, o)), v <= t && (n = v + 1), t <= v && (o = v - 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) {
@@ -724,7 +727,7 @@ class $t {
     for (; n; ) {
       for (let a = 0; a < n.children.length; a++) {
         const r = n.children[a], d = n.leaf ? i(r) : r;
-        H(t, d) && (n.leaf ? o.push(r) : G(t, d) ? this._all(r, o) : s.push(r));
+        H(t, d) && (n.leaf ? o.push(r) : K(t, d) ? this._all(r, o) : s.push(r));
       }
       n = s.pop();
     }
@@ -739,7 +742,7 @@ class $t {
       for (let i = 0; i < n.children.length; i++) {
         const s = n.children[i], a = n.leaf ? this.toBBox(s) : s;
         if (H(t, a)) {
-          if (n.leaf || G(t, a))
+          if (n.leaf || K(t, a))
             return !0;
           o.push(s);
         }
@@ -788,7 +791,7 @@ class $t {
         if (b !== -1)
           return o.children.splice(b, 1), s.push(o), this._condense(s), this;
       }
-      !u && !o.leaf && G(o, i) ? (s.push(o), a.push(r), r = 0, d = o, o = o.children[0]) : d ? (r++, o = d.children[r], u = !1) : o = null;
+      !u && !o.leaf && K(o, i) ? (s.push(o), a.push(r), r = 0, d = o, o = o.children[0]) : d ? (r++, o = d.children[r], u = !1) : o = null;
     }
     return this;
   }
@@ -824,9 +827,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;
@@ -835,7 +838,7 @@ class $t {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
       let s = 1 / 0, a = 1 / 0, r;
       for (let d = 0; d < n.children.length; d++) {
-        const u = n.children[d], b = K(u), h = Gt(t, u) - b;
+        const u = n.children[d], b = G(u), h = Kt(t, u) - b;
         h < a ? (a = h, s = b < s ? b : s, r = u) : h === a && b < s && (s = b, r = u);
       }
       n = r || n.children[0];
@@ -861,14 +864,14 @@ class $t {
   _chooseSplitIndex(t, n, o) {
     let i, s = 1 / 0, a = 1 / 0;
     for (let r = n; r <= o - n; r++) {
-      const d = N(t, 0, r, this.toBBox), u = N(t, r, o, this.toBBox), b = Jt(d, u), h = K(d) + K(u);
+      const d = N(t, 0, r, this.toBBox), u = N(t, r, o, this.toBBox), b = Jt(d, u), h = G(d) + G(u);
       b < s ? (s = b, i = r, a = h < a ? h : a) : b === s && h < a && (a = h, i = r);
     }
     return i || o - n;
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(t, n, o) {
-    const i = t.leaf ? this.compareMinX : qt, s = t.leaf ? this.compareMinY : Kt, a = this._allDistMargin(t, n, o, i), r = this._allDistMargin(t, n, o, s);
+    const i = t.leaf ? this.compareMinX : qt, s = t.leaf ? this.compareMinY : Gt, a = this._allDistMargin(t, n, o, i), r = this._allDistMargin(t, n, o, s);
     a < r && t.children.sort(i);
   }
   // total margin of all possible split distributions where each node is at least m full
@@ -920,23 +923,23 @@ function P(e, t) {
 function qt(e, t) {
   return e.minX - t.minX;
 }
-function Kt(e, t) {
+function Gt(e, t) {
   return e.minY - t.minY;
 }
-function K(e) {
+function G(e) {
   return (e.maxX - e.minX) * (e.maxY - e.minY);
 }
 function z(e) {
   return e.maxX - e.minX + (e.maxY - e.minY);
 }
-function Gt(e, t) {
+function Kt(e, t) {
   return (Math.max(t.maxX, e.maxX) - Math.min(t.minX, e.minX)) * (Math.max(t.maxY, e.maxY) - Math.min(t.minY, e.minY));
 }
 function Jt(e, t) {
   const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), s = Math.min(e.maxY, t.maxY);
   return Math.max(0, i - n) * Math.max(0, s - o);
 }
-function G(e, t) {
+function K(e, t) {
   return e.minX <= t.minX && e.minY <= t.minY && t.maxX <= e.maxX && t.maxY <= e.maxY;
 }
 function H(e, t) {
@@ -1025,14 +1028,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), y = Array.from(p.selector.range.getClientRects()), T = Qt(y);
+    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: x, width: A, height: B } = L;
+      const { x: f, y: w, width: A, height: B } = L;
       return {
         minX: f - c.x,
-        minY: x - c.y,
+        minY: w - c.y,
         maxX: f - c.x + A,
-        maxY: x - c.y + B,
+        maxY: w - c.y + B,
         annotation: {
           id: l.annotation,
           rects: T
@@ -1050,9 +1053,9 @@ const jt = (e, t) => {
     d(l), r(l);
   }, b = (l, c = !0) => {
     c && a();
-    const g = l.map((y) => ({ target: y, rects: i(y) }));
-    g.forEach(({ target: y, rects: T }) => o.set(y.annotation, T));
-    const p = g.reduce((y, { rects: T }) => [...y, ...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 +1063,19 @@ const jt = (e, t) => {
       minY: c,
       maxX: l,
       maxY: c
-    }), p = (y) => y.annotation.rects.reduce((T, L) => T + L.width * L.height, 0);
+    }), p = (E) => E.annotation.rects.reduce((T, L) => T + L.width * L.height, 0);
     if (g.length > 0)
-      return g.sort((y, T) => p(y) - 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, y = c[0].right, T = c[0].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), y = Math.max(y, f.right), T = Math.max(T, f.bottom);
+      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, y - 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 +1084,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,47 +1098,47 @@ 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 = vt(n, t), s = xt(n), a = Yt(), r = (w, l = M.LOCAL) => {
-    const c = w.target.selector.range instanceof Range ? w : { ...w, target: k(w.target, e) }, { range: g } = c.target.selector, p = g && !g.collapsed;
+  const n = Rt(), o = ee(n, e), i = xt(n, t), s = wt(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 = (w, l = !0, c = M.LOCAL) => {
-    const g = w.map((y) => F(y) ? y : { ...y, target: k(y.target, e) });
-    if (g.some((y) => y.target.selector.range.collapsed)) {
-      const y = g.filter((T) => T.target.selector.range.collapsed);
-      return console.warn("Could not revive all targets"), console.warn(y), n.bulkAddAnnotation(g, l, c), y;
+  }, d = (y, l = !0, c = C.LOCAL) => {
+    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 = (w, l = M.LOCAL) => {
-    const c = w.selector.range instanceof Range ? w : k(w, e);
+  }, u = (y, l = C.LOCAL) => {
+    const c = y.selector.range instanceof Range ? y : k(y, e);
     n.updateTarget(c, l);
-  }, b = (w, l = M.LOCAL) => {
-    const c = w.map((g) => g.selector.range instanceof Range ? g : k(g, e));
+  }, b = (y, l = C.LOCAL) => {
+    const c = y.map((g) => g.selector.range instanceof Range ? g : k(g, e));
     n.bulkUpdateTargets(c, l);
-  }, h = (w, l) => {
-    const c = o.getAt(w, l);
+  }, h = (y, l) => {
+    const c = o.getAt(y, l);
     return c ? n.getAnnotation(c) : void 0;
-  }, E = (w, l, c, g) => {
-    const p = o.getIntersectingRects(w, 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 = (w, l, c, g = 5) => {
-    const p = o.getDOMRectsForAnnotation(w);
+  }, m = (y, l, c, g = 5) => {
+    const p = o.getDOMRectsForAnnotation(y);
     if (p.length > 0) {
       if (l && c) {
-        const y = p.find(({ top: T, right: L, bottom: f, left: x }) => l >= x - g && l <= L + g && c >= T - g && c <= f + g);
-        if (y)
-          return y;
+        const E = p.find(({ top: T, right: L, bottom: f, left: w }) => l >= w - g && l <= L + g && c >= T - g && c <= f + g);
+        if (E)
+          return E;
       }
-      return o.getBoundsForAnnotation(w);
+      return o.getBoundsForAnnotation(y);
     }
-  }, v = (w, l, c, g) => {
-    const y = o.getIntersectingRects(w, l, c, g).reduce((T, L) => ((T[L.annotation.id] = T[L.annotation.id] || []).push(L), T), {});
-    return Object.entries(y).map(([T, L]) => ({
+  }, 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: L.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: w, maxX: A, maxY: B }) => ({ x: f, y: w, width: A - f, height: B - w }))
     }));
-  }, C = () => o.recalculate();
-  return n.observe(({ changes: w }) => {
-    const l = (w.created || []).filter(F), c = (w.deleted || []).filter(F), g = (w.updated || []).filter((p) => F(p.newValue));
+  }, 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));
   }), {
     store: {
@@ -1145,9 +1148,9 @@ const jt = (e, t) => {
       bulkUpdateTargets: b,
       getAnnotationBounds: m,
       getAt: h,
-      getIntersecting: E,
-      getIntersectingRects: v,
-      recalculatePositions: C,
+      getIntersecting: v,
+      getIntersectingRects: x,
+      recalculatePositions: M,
       updateTarget: u
     },
     selection: i,
@@ -1162,21 +1165,26 @@ const jt = (e, t) => {
     t.font && (d.font = t.font);
     const h = n.get(s.id);
     if (h) {
-      const { x: E, y: m, height: v } = a[0];
-      d.fillStyle = h.appearance.color, d.fillRect(E - 2, m - 2.5, 2, v + 5);
-      const C = d.measureText(h.appearance.label), w = C.width + 6, l = C.actualBoundingBoxAscent + C.actualBoundingBoxDescent + 8, c = C.fontBoundingBoxAscent ? 8 : 6.5;
-      d.fillRect(E - 2, m - 2.5 - l, w, 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: y, height: T }) => r.fillRect(g, p - 2.5, y, 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, v = o.parentElement ? o.scrollTop : 0, C = o.parentElement ? o.scrollLeft : 0, w = E + v - (r - h) / 2, l = m + C - (d - b) / 2;
-    return o.scroll({ top: w, left: l, behavior: "smooth" }), !0;
+    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;
   }
 };
 let $;
@@ -1216,12 +1224,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,36 +1237,36 @@ 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, v;
-    const E = document.getSelection();
-    if (!E.isCollapsed && d && a) {
-      const C = Array.from(Array(E.rangeCount).keys()).map((c) => E.getRangeAt(c));
-      te(C[0]).toString() !== ((v = (m = a.selector) == null ? void 0 : m.range) == null ? void 0 : v.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(C[0], e, n)
-      }, o.getAnnotation(a.annotation) ? o.updateTarget(a, M.LOCAL) : (o.addAnnotation({
+        selector: de(M[0], e, n)
+      }, o.getAnnotation(a.annotation) ? o.updateTarget(a, C.LOCAL) : (o.addAnnotation({
         id: a.annotation,
         bodies: [],
         target: a
       }), i.clickSelect(a.annotation, u)));
     }
   };
-  return e.addEventListener("pointerdown", (E) => {
-    u = E, d = E.button === 0;
-  }), document.addEventListener("pointerup", (E) => {
-    var v;
-    u = E, !((v = E.target.parentElement) != null && v.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, M.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: C, y: w } = e.getBoundingClientRect(), l = o.getAt(E.clientX - C, E.clientY - w);
+        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();
       }
@@ -1268,7 +1276,7 @@ const de = (e, t, n) => {
   };
 };
 const he = (e, t = {}) => {
-  const n = ne(e, t.pointerAction), { selection: o, viewport: i } = n, s = n.store, a = Ut(s), r = Dt(
+  const n = ne(e, t.pointerAction), { selection: o, viewport: i } = n, s = n.store, a = Yt(s), r = Dt(
     n,
     a,
     t.adapter
@@ -1302,7 +1310,7 @@ const he = (e, t = {}) => {
   };
 };
 export {
-  M as Origin,
+  C as Origin,
   bt as createHighlightLayer,
   he as createTextAnnotator,
   ne as createTextAnnotatorState,