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

package/dist/text-annotator.es.js

@@ -1,7 +1,7 @@
 const ft = { fill: "rgb(0, 128, 255", fillOpacity: 0.18 }, gt = { fill: "rgb(0, 128, 255)", fillOpacity: 0.45 }, nt = {
   paint: (e, t, n, o, i, s) => {
-    const a = s ? typeof s == "function" ? s(e, i) : s : i ? gt : ft;
-    n.fillStyle = a.fill, n.globalAlpha = a.fillOpacity || 1, t.forEach(({ x: r, y: d, width: u, height: b }) => n.fillRect(r, d - 2.5, u, b + 5));
+    const r = s ? typeof s == "function" ? s(e, i) : s : i ? gt : ft;
+    n.fillStyle = r.fill, n.globalAlpha = r.fillOpacity || 1, t.forEach(({ x: a, y: d, width: u, height: b }) => n.fillRect(a, d - 2.5, u, b + 5));
   }
 }, pt = (e) => {
   let t = /* @__PURE__ */ new Set();
@@ -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);
@@ -29,17 +28,17 @@ const mt = (e, t = 10) => {
   }
 }, bt = (e, t, n) => {
   const { store: o, selection: i, hover: s } = t;
-  let a, r, d = nt;
+  let r, a, 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), 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));
+    f && (!a || a(f)) ? s.current !== f.id && (e.classList.add("hovered"), s.set(f.id)) : s.current && (e.classList.remove("hovered"), s.set(null));
   });
   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 };
+    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(() => {
@@ -47,59 +46,59 @@ const mt = (e, t = 10) => {
   });
   window.addEventListener("resize", y), new ResizeObserver(y).observe(e);
   const c = () => requestAnimationFrame(() => {
-    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 }) => ({
+    const { top: E, left: T, minX: L, minY: f, maxX: A, maxY: w } = x(), B = a ? o.getIntersectingRects(L, f, A, w).filter(({ annotation: Y }) => a(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: rt }) => {
+      const at = rt.map(({ x: ct, y: dt, width: ut, height: ht }) => ({
         x: ct + T,
         y: dt + E,
         width: ut,
         height: ht
       })), lt = X.has(Y.id);
-      d.paint(Y, rt, v, m, lt, a);
+      d.paint(Y, at, v, m, lt, r);
     }), setTimeout(() => u(B.map(({ annotation: Y }) => Y)), 1);
   });
   return o.observe(() => c()), i.subscribe(() => c()), {
     redraw: c,
     setDrawingStyle: (E) => {
-      a = E, c();
+      r = E, c();
     },
     setFilter: (E) => {
-      r = E, c();
+      a = E, c();
     },
     setPainter: (E) => d = E
   };
-}, k = (e, t) => {
+}, _ = (e, t) => {
   const { start: n, end: o } = e.selector, i = e.selector.offsetReference ? e.selector.offsetReference : t;
   if (!i)
     return e;
   const s = document.createNodeIterator(t, NodeFilter.SHOW_TEXT);
-  let a = 0, r = document.createRange(), d = s.nextNode();
+  let r = 0, a = document.createRange(), d = s.nextNode();
   d === null && console.error("Could not revive annotation target. Content missing.");
   let u = !i;
   for (; d !== null; ) {
     const b = d.textContent.length;
     if (!u && i && (u = i.contains(d)), u) {
-      if (a + b > n) {
-        r.setStart(d, n - a);
+      if (r + b > n) {
+        a.setStart(d, n - r);
         break;
       }
-      a += b;
+      r += b;
     }
     d = s.nextNode();
   }
   for (; d !== null; ) {
     const b = d.textContent.length;
-    if (a + b > o) {
-      r.setEnd(d, o - a);
+    if (r + b > o) {
+      a.setEnd(d, o - r);
       break;
     }
-    a += b, d = s.nextNode();
+    r += b, d = s.nextNode();
   }
   return {
     ...e,
     selector: {
       ...e.selector,
-      range: r
+      range: a
     }
   };
 };
@@ -131,15 +130,15 @@ function U(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 = [];
 function J(e, t = W) {
   let n;
   const o = /* @__PURE__ */ new Set();
-  function i(r) {
-    if (At(e, r) && (e = r, n)) {
+  function i(a) {
+    if (wt(e, a) && (e = a, n)) {
       const d = !D.length;
       for (const u of o)
         u[1](), D.push(u, e);
@@ -150,24 +149,24 @@ function J(e, t = W) {
       }
     }
   }
-  function s(r) {
-    i(r(e));
+  function s(a) {
+    i(a(e));
   }
-  function a(r, d = W) {
-    const u = [r, d];
-    return o.add(u), o.size === 1 && (n = t(i, s) || W), r(e), () => {
+  function r(a, d = W) {
+    const u = [a, d];
+    return o.add(u), o.size === 1 && (n = t(i, s) || W), a(e), () => {
       o.delete(u), o.size === 0 && n && (n(), n = null);
     };
   }
-  return { set: i, update: s, subscribe: a };
+  return { set: i, update: s, subscribe: r };
 }
-const wt = (e) => {
+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(void 0);
-      const s = (i.updated || []).find(({ oldValue: a }) => a.id === o);
+      (i.deleted || []).some((r) => r.id === o) && n(void 0);
+      const s = (i.updated || []).find(({ oldValue: r }) => r.id === o);
       s && n(s.newValue.id);
     }
   }), {
@@ -181,10 +180,10 @@ const wt = (e) => {
   const { subscribe: n, set: o } = J(q);
   let i = q;
   n((h) => i = h);
-  const s = () => o(q), a = () => {
+  const s = () => o(q), r = () => {
     var h;
     return ((h = i.selected) == null ? void 0 : h.length) === 0;
-  }, r = (h) => {
+  }, a = (h) => {
     if (i.selected.length === 0)
       return !1;
     const v = typeof h == "string" ? h : h.id;
@@ -214,8 +213,8 @@ const wt = (e) => {
     get pointerEvent() {
       return i ? i.pointerEvent : null;
     },
-    isEmpty: a,
-    isSelected: r,
+    isEmpty: r,
+    isSelected: a,
     setSelected: u,
     subscribe: n
   };
@@ -250,25 +249,25 @@ const Mt = (e, t) => {
   if (!(!e.options.origin || e.options.origin === s))
     return !1;
   if (e.options.ignore) {
-    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)
+    const { ignore: r } = e.options, a = (d) => d && d.length > 0;
+    if (!(a(i.created) || a(i.deleted))) {
+      const d = (n = i.updated) == null ? void 0 : n.some((b) => a(b.bodiesCreated) || a(b.bodiesDeleted) || a(b.bodiesUpdated)), u = (o = i.updated) == null ? void 0 : o.some((b) => b.targetUpdated);
+      if (r === "BODY_ONLY" && d && !u || r === "TARGET_ONLY" && u && !d)
         return !1;
     }
   }
   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)
+    const r = /* @__PURE__ */ new Set([
+      ...(i.created || []).map((a) => a.id),
+      ...(i.deleted || []).map((a) => a.id),
+      ...(i.updated || []).map(({ oldValue: a }) => a.id)
     ]);
-    return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((r) => a.has(r));
+    return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((a) => r.has(a));
   } 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: v }) => v.id === h.id).newValue : h),
+  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)), r = new Set((t.updated || []).map(({ oldValue: h }) => h.id)), a = 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) => r.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)),
@@ -276,75 +275,75 @@ const Mt = (e, t) => {
   ], b = [
     ...(e.updated || []).filter(({ newValue: h }) => !s.has(h.id)).map((h) => {
       const { oldValue: v, newValue: m } = h;
-      if (a.has(m.id)) {
+      if (r.has(m.id)) {
         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))
+    ...(t.updated || []).filter(({ oldValue: h }) => !a.has(h.id))
   ];
   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, 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 = {
+  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: w.created || [],
-        updated: w.updated || [],
-        deleted: w.deleted || []
+        created: A.created || [],
+        updated: A.updated || [],
+        deleted: A.deleted || []
       },
       state: [...e.values()]
     };
     n.forEach((B) => {
-      Mt(B, A) && B.onChange(A);
+      Mt(B, w) && B.onChange(w);
     });
-  }, a = (f, w = C.LOCAL) => {
+  }, r = (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(w, { created: [f] });
-  }, r = (f, w) => {
-    const A = typeof f == "string" ? w : 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] });
+  }, a = (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, w = C.LOCAL, A = C.LOCAL) => {
-    const B = Ct(w) ? A : w, S = r(f, w);
+  }, d = (f, A = C.LOCAL, w = C.LOCAL) => {
+    const B = Ct(A) ? w : A, S = a(f, A);
     S && s(B, { updated: [S] });
-  }, u = (f, w = C.LOCAL) => {
-    const A = f.reduce((B, S) => {
-      const R = r(S);
+  }, u = (f, A = C.LOCAL) => {
+    const w = f.reduce((B, S) => {
+      const R = a(S);
       return R ? [...B, R] : B;
     }, []);
-    A.length > 0 && s(w, { updated: A });
-  }, b = (f, w = 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(w, { 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()], 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 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 Mt = (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 });
     }
   }, x = (f) => {
-    const w = typeof f == "string" ? f : f.id, A = e.get(w);
-    if (A)
-      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 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(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);
+    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(w, { updated: [{
-          oldValue: A,
+        e.set(w.id, S), s(A, { updated: [{
+          oldValue: w,
           newValue: S,
           bodiesDeleted: [B]
         }] });
@@ -390,54 +389,54 @@ const Mt = (e, t) => {
     } else
       console.warn(`Attempt to delete body from missing annotation ${f.annotation}`);
   }, c = (f) => {
-    const w = e.get(f);
-    return w ? { ...w } : void 0;
+    const A = e.get(f);
+    return A ? { ...A } : void 0;
   }, g = (f) => {
-    const w = t.get(f);
-    if (w) {
-      const A = c(w).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, w) => {
-    if (f.annotation !== w.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 ? w : 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 !== w.id && (t.delete(B.id), t.set(w.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: w }]
+        bodiesUpdated: [{ oldBody: B, newBody: A }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${f.annotation}`);
-  }, 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 });
+  }, 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 w = e.get(f.annotation);
-    if (w) {
-      const A = {
-        ...w,
+    const A = e.get(f.annotation);
+    if (A) {
+      const w = {
+        ...A,
         target: {
-          ...w.target,
+          ...A.target,
           ...f
         }
       };
-      return e.set(w.id, A), {
-        oldValue: w,
-        newValue: A,
+      return e.set(A.id, w), {
+        oldValue: A,
+        newValue: w,
         targetUpdated: {
-          oldTarget: w.target,
+          oldTarget: A.target,
           newTarget: f
         }
       };
@@ -445,16 +444,16 @@ const Mt = (e, t) => {
       console.warn(`Attempt to update target on missing annotation: ${f.annotation}`);
   };
   return {
-    addAnnotation: a,
+    addAnnotation: r,
     addBody: b,
     all: h,
     bulkAddAnnotation: m,
     bulkDeleteAnnotation: y,
     bulkUpdateAnnotation: u,
     bulkUpdateBodies: T,
-    bulkUpdateTargets: (f, w = C.LOCAL) => {
-      const A = f.map((B) => L(B)).filter(Boolean);
-      A.length > 0 && s(w, { updated: A });
+    bulkUpdateTargets: (f, A = C.LOCAL) => {
+      const w = f.map((B) => L(B)).filter(Boolean);
+      w.length > 0 && s(A, { updated: w });
     },
     clear: v,
     deleteAnnotation: M,
@@ -465,9 +464,9 @@ const Mt = (e, t) => {
     unobserve: i,
     updateAnnotation: d,
     updateBody: E,
-    updateTarget: (f, w = C.LOCAL) => {
-      const A = L(f);
-      A && s(w, { updated: [A] });
+    updateTarget: (f, A = C.LOCAL) => {
+      const w = L(f);
+      w && s(A, { updated: [w] });
     }
   };
 };
@@ -488,7 +487,7 @@ let Ot = () => ({
 const Xt = 250, Yt = (e) => {
   const t = Ot(), n = [];
   let o = -1, i = !1, s = 0;
-  const a = (m) => {
+  const r = (m) => {
     if (!i) {
       const { changes: x } = m, M = performance.now();
       if (M - s > Xt)
@@ -501,12 +500,12 @@ const Xt = 250, Yt = (e) => {
     }
     i = !1;
   };
-  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);
+  e.observe(r, { origin: C.LOCAL });
+  const a = (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),
+    destroy: () => e.unobserve(r),
     on: (m, x) => t.on(m, x),
     redo: () => {
       if (n.length - 1 > o) {
@@ -519,7 +518,7 @@ const Xt = 250, Yt = (e) => {
       if (o > -1) {
         i = !0;
         const { created: m, updated: x, deleted: M } = n[o];
-        r(m), u(x), h(M), t.emit("undo", n[o]), o -= 1;
+        a(m), u(x), h(M), t.emit("undo", n[o]), o -= 1;
       }
     }
   };
@@ -530,7 +529,7 @@ const Xt = 250, Yt = (e) => {
     set: t
   };
 }, Dt = (e, t, n, o) => {
-  const { store: i, selection: s, hover: a, viewport: r } = e, d = /* @__PURE__ */ new Map();
+  const { store: i, selection: s, hover: r, viewport: a } = e, d = /* @__PURE__ */ new Map();
   let u = [], b, h;
   const v = (l, c) => {
     d.has(l) ? d.get(l).push(c) : d.set(l, [c]);
@@ -577,9 +576,9 @@ const Xt = 250, Yt = (e) => {
       }
       x("selectionChanged", u);
     }
-  }), a.subscribe((l) => {
+  }), r.subscribe((l) => {
     !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) => {
+  }), a == null || a.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) => x("createAnnotation", p)), (g || []).forEach((p) => x("deleteAnnotation", p)), (l.changes.updated || []).filter((p) => [
@@ -619,7 +618,7 @@ const Xt = 250, Yt = (e) => {
       l ? o.addAnnotation(l, C.REMOTE) : console.error(c);
     } else
       o.addAnnotation(y, C.REMOTE);
-  }, a = () => i.clear(), r = () => o.clear(), d = (y) => {
+  }, r = () => i.clear(), a = () => 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 = () => {
@@ -655,10 +654,10 @@ const Xt = 250, Yt = (e) => {
   };
   return {
     addAnnotation: s,
-    cancelSelected: a,
+    cancelSelected: r,
     canRedo: t.canRedo,
     canUndo: t.canUndo,
-    clearAnnotations: r,
+    clearAnnotations: a,
     getAnnotationById: d,
     getAnnotations: u,
     getSelected: b,
@@ -674,12 +673,12 @@ const Xt = 250, Yt = (e) => {
 let _t = (e) => crypto.getRandomValues(new Uint8Array(e)), kt = (e, t, n) => {
   let o = (2 << Math.log(e.length - 1) / Math.LN2) - 1, i = -~(1.6 * o * t / e.length);
   return (s = t) => {
-    let a = "";
+    let r = "";
     for (; ; ) {
-      let r = n(i), d = i;
+      let a = n(i), d = i;
       for (; d--; )
-        if (a += e[r[d] & o] || "", a.length === s)
-          return a;
+        if (r += e[a[d] & o] || "", r.length === s)
+          return r;
     }
   };
 }, Nt = (e, t = 21) => kt(e, t, _t), Pt = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, n) => (n &= 63, n < 36 ? t += n.toString(36) : n < 62 ? t += (n - 26).toString(36).toUpperCase() : n > 62 ? t += "-" : t += "_", t), "");
@@ -691,20 +690,20 @@ function Ht(e, t, n, o, i) {
 function it(e, t, n, o, i) {
   for (; o > n; ) {
     if (o - n > 600) {
-      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));
+      var s = o - n + 1, r = t - n + 1, a = Math.log(s), d = 0.5 * Math.exp(2 * a / 3), u = 0.5 * Math.sqrt(a * d * (s - d) / s) * (r - s / 2 < 0 ? -1 : 1), b = Math.max(n, Math.floor(t - r * d / s + u)), h = Math.min(o, Math.floor(t + (s - r) * d / s + u));
       it(e, t, b, h, i);
     }
     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; )
+    for (k(e, n, t), i(e[o], v) > 0 && k(e, n, o); m < x; ) {
+      for (k(e, m, x), m++, x--; i(e[m], v) < 0; )
         m++;
       for (; i(e[x], v) > 0; )
         x--;
     }
-    i(e[n], v) === 0 ? _(e, n, x) : (x++, _(e, x, o)), x <= t && (n = x + 1), t <= x && (o = x - 1);
+    i(e[n], v) === 0 ? k(e, n, x) : (x++, k(e, x, o)), x <= t && (n = x + 1), t <= x && (o = x - 1);
   }
 }
-function _(e, t, n) {
+function k(e, t, n) {
   var o = e[t];
   e[t] = e[n], e[n] = o;
 }
@@ -725,9 +724,9 @@ class $t {
       return o;
     const i = this.toBBox, s = [];
     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) : K(t, d) ? this._all(r, o) : s.push(r));
+      for (let r = 0; r < n.children.length; r++) {
+        const a = n.children[r], d = n.leaf ? i(a) : a;
+        H(t, d) && (n.leaf ? o.push(a) : K(t, d) ? this._all(a, o) : s.push(a));
       }
       n = s.pop();
     }
@@ -740,9 +739,9 @@ class $t {
     const o = [];
     for (; n; ) {
       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 || K(t, a))
+        const s = n.children[i], r = n.leaf ? this.toBBox(s) : s;
+        if (H(t, r)) {
+          if (n.leaf || K(t, r))
             return !0;
           o.push(s);
         }
@@ -783,15 +782,15 @@ class $t {
     if (!t)
       return this;
     let o = this.data;
-    const i = this.toBBox(t), s = [], a = [];
-    let r, d, u;
+    const i = this.toBBox(t), s = [], r = [];
+    let a, d, u;
     for (; o || s.length; ) {
-      if (o || (o = s.pop(), d = s[s.length - 1], r = a.pop(), u = !0), o.leaf) {
+      if (o || (o = s.pop(), d = s[s.length - 1], a = r.pop(), u = !0), o.leaf) {
         const b = Wt(t, o.children, n);
         if (b !== -1)
           return o.children.splice(b, 1), s.push(o), this._condense(s), this;
       }
-      !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;
+      !u && !o.leaf && K(o, i) ? (s.push(o), r.push(a), a = 0, d = o, o = o.children[0]) : d ? (a++, o = d.children[a], u = !1) : o = null;
     }
     return this;
   }
@@ -818,36 +817,36 @@ class $t {
   }
   _build(t, n, o, i) {
     const s = o - n + 1;
-    let a = this._maxEntries, r;
-    if (s <= a)
-      return r = V(t.slice(n, o + 1)), I(r, this.toBBox), r;
-    i || (i = Math.ceil(Math.log(s) / Math.log(a)), a = Math.ceil(s / Math.pow(a, i - 1))), r = V([]), r.leaf = !1, r.height = i;
-    const d = Math.ceil(s / a), u = d * Math.ceil(Math.sqrt(a));
+    let r = this._maxEntries, a;
+    if (s <= r)
+      return a = V(t.slice(n, o + 1)), I(a, this.toBBox), a;
+    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), a = V([]), a.leaf = !1, a.height = i;
+    const d = Math.ceil(s / r), u = d * Math.ceil(Math.sqrt(r));
     tt(t, n, o, u, this.compareMinX);
     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 v = b; v <= h; v += d) {
         const m = Math.min(v + d - 1, h);
-        r.children.push(this._build(t, v, m, i - 1));
+        a.children.push(this._build(t, v, m, i - 1));
       }
     }
-    return I(r, this.toBBox), r;
+    return I(a, this.toBBox), a;
   }
   _chooseSubtree(t, n, o, i) {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
-      let s = 1 / 0, a = 1 / 0, r;
+      let s = 1 / 0, r = 1 / 0, a;
       for (let d = 0; d < n.children.length; d++) {
         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);
+        h < r ? (r = h, s = b < s ? b : s, a = u) : h === r && b < s && (s = b, a = u);
       }
-      n = r || n.children[0];
+      n = a || n.children[0];
     }
     return n;
   }
   _insert(t, n, o) {
-    const i = o ? t : this.toBBox(t), s = [], a = this._chooseSubtree(i, this.data, n, s);
-    for (a.children.push(t), P(a, i); n >= 0 && s[n].children.length > this._maxEntries; )
+    const i = o ? t : this.toBBox(t), s = [], r = this._chooseSubtree(i, this.data, n, s);
+    for (r.children.push(t), P(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
       this._split(s, n), n--;
     this._adjustParentBBoxes(i, s, n);
   }
@@ -855,37 +854,37 @@ class $t {
   _split(t, n) {
     const o = t[n], i = o.children.length, s = this._minEntries;
     this._chooseSplitAxis(o, s, i);
-    const a = this._chooseSplitIndex(o, s, i), r = V(o.children.splice(a, o.children.length - a));
-    r.height = o.height, r.leaf = o.leaf, I(o, this.toBBox), I(r, this.toBBox), n ? t[n - 1].children.push(r) : this._splitRoot(o, r);
+    const r = this._chooseSplitIndex(o, s, i), a = V(o.children.splice(r, o.children.length - r));
+    a.height = o.height, a.leaf = o.leaf, I(o, this.toBBox), I(a, this.toBBox), n ? t[n - 1].children.push(a) : this._splitRoot(o, a);
   }
   _splitRoot(t, n) {
     this.data = V([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, I(this.data, this.toBBox);
   }
   _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 = G(d) + G(u);
-      b < s ? (s = b, i = r, a = h < a ? h : a) : b === s && h < a && (a = h, i = r);
+    let i, s = 1 / 0, r = 1 / 0;
+    for (let a = n; a <= o - n; a++) {
+      const d = N(t, 0, a, this.toBBox), u = N(t, a, o, this.toBBox), b = Jt(d, u), h = G(d) + G(u);
+      b < s ? (s = b, i = a, r = h < r ? h : r) : b === s && h < r && (r = h, i = a);
     }
     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 : Gt, a = this._allDistMargin(t, n, o, i), r = this._allDistMargin(t, n, o, s);
-    a < r && t.children.sort(i);
+    const i = t.leaf ? this.compareMinX : qt, s = t.leaf ? this.compareMinY : Gt, r = this._allDistMargin(t, n, o, i), a = this._allDistMargin(t, n, o, s);
+    r < a && t.children.sort(i);
   }
   // total margin of all possible split distributions where each node is at least m full
   _allDistMargin(t, n, o, i) {
     t.children.sort(i);
-    const s = this.toBBox, a = N(t, 0, n, s), r = N(t, o - n, o, s);
-    let d = z(a) + z(r);
+    const s = this.toBBox, r = N(t, 0, n, s), a = N(t, o - n, o, s);
+    let d = z(r) + z(a);
     for (let u = n; u < o - n; u++) {
       const b = t.children[u];
-      P(a, t.leaf ? s(b) : b), d += z(a);
+      P(r, t.leaf ? s(b) : b), d += z(r);
     }
     for (let u = o - n - 1; u >= n; u--) {
       const b = t.children[u];
-      P(r, t.leaf ? s(b) : b), d += z(r);
+      P(a, t.leaf ? s(b) : b), d += z(a);
     }
     return d;
   }
@@ -912,8 +911,8 @@ function I(e, t) {
 function N(e, t, n, o, i) {
   i || (i = V(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
   for (let s = t; s < n; s++) {
-    const a = e.children[s];
-    P(i, e.leaf ? o(a) : a);
+    const r = e.children[s];
+    P(i, e.leaf ? o(r) : r);
   }
   return i;
 }
@@ -961,8 +960,8 @@ function tt(e, t, n, o, i) {
   for (; s.length; ) {
     if (n = s.pop(), t = s.pop(), n - t <= o)
       continue;
-    const a = t + Math.ceil((n - t) / o / 2) * o;
-    Ht(e, a, t, n, i), s.push(t, a, a, n);
+    const r = t + Math.ceil((n - t) / o / 2) * o;
+    Ht(e, r, t, n, i), s.push(t, r, r, n);
   }
 }
 const jt = (e, t) => {
@@ -997,18 +996,18 @@ const jt = (e, t) => {
     return t;
   let o = [...t], i = !1;
   for (const s of t) {
-    const a = jt(n, s);
-    if (a === "inline-adjacent") {
-      o = o.map((r) => r === s ? Zt(n, s) : r), i = !0;
+    const r = jt(n, s);
+    if (r === "inline-adjacent") {
+      o = o.map((a) => a === s ? Zt(n, s) : a), i = !0;
       break;
-    } else if (a === "inline-contains") {
-      o = o.map((r) => r === s ? n : r), i = !0;
+    } else if (r === "inline-contains") {
+      o = o.map((a) => a === s ? n : a), i = !0;
       break;
-    } else if (a === "inline-is-contained") {
+    } else if (r === "inline-is-contained") {
       i = !0;
       break;
-    } else if (a === "block-contains" || a === "block-is-contained") {
-      n.width < s.width && (o = o.map((r) => r === s ? n : r)), i = !0;
+    } else if (r === "block-contains" || r === "block-is-contained") {
+      n.width < s.width && (o = o.map((a) => a === s ? n : a)), i = !0;
       break;
     }
   }
@@ -1018,41 +1017,41 @@ const jt = (e, t) => {
   if (t.nodeType === Node.TEXT_NODE && n.nodeType === Node.TEXT_NODE)
     return e;
   if (t.nodeType !== Node.TEXT_NODE) {
-    const i = t.nextSibling || t.parentNode, s = i.nodeType === Node.TEXT_NODE ? i : Array.from(i.childNodes).filter((a) => a.nodeType === Node.TEXT_NODE).shift();
+    const i = t.nextSibling || t.parentNode, s = i.nodeType === Node.TEXT_NODE ? i : Array.from(i.childNodes).filter((r) => r.nodeType === Node.TEXT_NODE).shift();
     e.setEnd(s, 0);
   }
   if (n.nodeType !== Node.TEXT_NODE) {
-    const i = n.previousSibling || n.parentNode, s = i.nodeType === Node.TEXT_NODE ? i : Array.from(i.childNodes).filter((a) => a.nodeType === Node.TEXT_NODE).pop();
+    const i = n.previousSibling || n.parentNode, s = i.nodeType === Node.TEXT_NODE ? i : Array.from(i.childNodes).filter((r) => r.nodeType === Node.TEXT_NODE).pop();
     e.setEnd(s, s.textContent.length);
   }
   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), E = Array.from(p.selector.range.getClientRects()), T = Qt(E);
+    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 : _(l, t), E = Array.from(p.selector.range.getClientRects()), T = Qt(E);
     return T.map((L) => {
-      const { x: f, y: w, width: A, height: B } = L;
+      const { x: f, y: A, width: w, height: B } = L;
       return {
         minX: f - c.x,
-        minY: w - c.y,
-        maxX: f - c.x + A,
-        maxY: w - c.y + B,
+        minY: A - c.y,
+        maxX: f - c.x + w,
+        maxY: A - c.y + B,
         annotation: {
           id: l.annotation,
           rects: T
         }
       };
     });
-  }, s = () => [...o.values()], a = () => {
+  }, s = () => [...o.values()], r = () => {
     n.clear(), o.clear();
-  }, r = (l) => {
+  }, a = (l) => {
     const c = i(l);
     c.forEach((g) => n.insert(g)), o.set(l.annotation, c);
   }, d = (l) => {
     o.get(l.annotation).forEach((g) => n.remove(g)), o.delete(l.annotation);
   }, u = (l) => {
-    d(l), r(l);
+    d(l), a(l);
   }, b = (l, c = !0) => {
-    c && a();
+    c && r();
     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], []);
@@ -1082,12 +1081,12 @@ const jt = (e, t) => {
   };
   return {
     all: s,
-    clear: a,
+    clear: r,
     getAt: h,
     getBoundsForAnnotation: v,
     getDOMRectsForAnnotation: m,
     getIntersectingRects: (l, c, g, p) => n.search({ minX: l, minY: c, maxX: g, maxY: p }),
-    insert: r,
+    insert: a,
     recalculate: () => b(e.all().map((l) => l.target), !0),
     remove: d,
     set: b,
@@ -1098,21 +1097,21 @@ 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 = 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;
+  const n = Rt(), o = ee(n, e), i = xt(n, t), s = At(n), r = Ut(), a = (y, l = C.LOCAL) => {
+    const c = y.target.selector.range instanceof Range ? y : { ...y, target: _(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((E) => F(E) ? E : { ...E, target: k(E.target, e) });
+    const g = y.map((E) => F(E) ? E : { ...E, target: _(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) => {
-    const c = y.selector.range instanceof Range ? y : k(y, e);
+    const c = y.selector.range instanceof Range ? y : _(y, e);
     n.updateTarget(c, l);
   }, b = (y, l = C.LOCAL) => {
-    const c = y.map((g) => g.selector.range instanceof Range ? g : k(g, e));
+    const c = y.map((g) => g.selector.range instanceof Range ? g : _(g, e));
     n.bulkUpdateTargets(c, l);
   }, h = (y, l) => {
     const c = o.getAt(y, l);
@@ -1124,7 +1123,7 @@ const jt = (e, t) => {
     const p = o.getDOMRectsForAnnotation(y);
     if (p.length > 0) {
       if (l && c) {
-        const E = p.find(({ top: T, right: L, bottom: f, left: w }) => l >= w - g && l <= L + g && c >= T - g && c <= f + g);
+        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;
       }
@@ -1134,7 +1133,7 @@ const jt = (e, t) => {
     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: w, maxX: A, maxY: B }) => ({ x: f, y: w, width: A - f, height: B - w }))
+      rects: L.map(({ minX: f, minY: A, maxX: w, maxY: B }) => ({ x: f, y: A, width: w - f, height: B - A }))
     }));
   }, M = () => o.recalculate();
   return n.observe(({ changes: y }) => {
@@ -1143,7 +1142,7 @@ const jt = (e, t) => {
   }), {
     store: {
       ...n,
-      addAnnotation: r,
+      addAnnotation: a,
       bulkAddAnnotation: d,
       bulkUpdateTargets: b,
       getAnnotationBounds: m,
@@ -1155,22 +1154,22 @@ const jt = (e, t) => {
     },
     selection: i,
     hover: s,
-    viewport: a
+    viewport: r
   };
 }, oe = (e, t = {}) => {
-  const n = /* @__PURE__ */ new Map(), o = (s) => Array.from(n.entries()).filter(([a, r]) => r.presenceKey === s.presenceKey).map(([a, r]) => a);
-  return e.on("selectionChange", (s, a) => {
-    o(s).forEach((d) => n.delete(d)), a && a.forEach((d) => n.set(d, s));
-  }), { paint: (s, a, r, d, u, b) => {
+  const n = /* @__PURE__ */ new Map(), o = (s) => Array.from(n.entries()).filter(([r, a]) => a.presenceKey === s.presenceKey).map(([r, a]) => r);
+  return e.on("selectionChange", (s, r) => {
+    o(s).forEach((d) => n.delete(d)), r && r.forEach((d) => n.set(d, s));
+  }), { paint: (s, r, a, d, u, b) => {
     t.font && (d.font = t.font);
     const h = n.get(s.id);
     if (h) {
-      const { x: v, y: m, height: x } = a[0];
+      const { x: v, y: m, height: x } = r[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));
+      d.fillRect(v - 2, m - 2.5 - l, y, l), d.fillStyle = "#fff", d.fillText(h.appearance.label, v + 1, m - c), a.fillStyle = h.appearance.color, a.globalAlpha = u ? 0.45 : 0.18, r.forEach(({ x: g, y: p, width: E, height: T }) => a.fillRect(g, p - 2.5, E, T + 5));
     } else
-      nt.paint(s, a, r, d, u, b);
+      nt.paint(s, r, a, d, u, b);
   } };
 }, st = (e) => {
   if (e === null)
@@ -1178,18 +1177,25 @@ const jt = (e, t) => {
   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), 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;
+  const o = (s) => {
+    const r = i.getBoundingClientRect(), a = i.clientHeight, d = i.clientWidth, u = s.selector.range.getBoundingClientRect(), { width: b, height: h } = t.getAnnotationBounds(n.id), v = u.top - r.top, m = u.left - r.left, x = i.parentElement ? i.scrollTop : 0, M = i.parentElement ? i.scrollLeft : 0, y = v + x - (a - h) / 2, l = m + M - (d - b) / 2;
+    i.scroll({ top: y, left: l, behavior: "smooth" });
+  }, i = st(e);
+  if (i) {
+    const s = t.getAnnotation(n.id), { range: r } = s.target.selector;
+    if (r && !r.collapsed)
+      return o(s.target), !0;
+    {
+      const a = _(s.target, e);
+      if (a.selector.range && !a.selector.range.collapsed)
+        return console.log("scrolling revived"), o(a), !0;
+    }
   }
+  return !1;
 };
 let $;
 const se = new Uint8Array(16);
-function ae() {
+function re() {
   if (!$ && ($ = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !$))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
   return $(se);
@@ -1197,7 +1203,7 @@ function ae() {
 const O = [];
 for (let e = 0; e < 256; ++e)
   O.push((e + 256).toString(16).slice(1));
-function re(e, t = 0) {
+function ae(e, t = 0) {
   return O[e[t + 0]] + O[e[t + 1]] + O[e[t + 2]] + O[e[t + 3]] + "-" + O[e[t + 4]] + O[e[t + 5]] + "-" + O[e[t + 6]] + O[e[t + 7]] + "-" + O[e[t + 8]] + O[e[t + 9]] + "-" + O[e[t + 10]] + O[e[t + 11]] + O[e[t + 12]] + O[e[t + 13]] + O[e[t + 14]] + O[e[t + 15]];
 }
 const le = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), et = {
@@ -1207,34 +1213,34 @@ function ce(e, t, n) {
   if (et.randomUUID && !t && !e)
     return et.randomUUID();
   e = e || {};
-  const o = e.random || (e.rng || ae)();
+  const o = e.random || (e.rng || re)();
   if (o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, t) {
     n = n || 0;
     for (let i = 0; i < 16; ++i)
       t[n + i] = o[i];
     return t;
   }
-  return re(o);
+  return ae(o);
 }
 const de = (e, t, n) => {
   const o = document.createRange(), i = n ? e.startContainer.parentElement.closest(n) : t;
   o.setStart(i, 0), o.setEnd(e.startContainer, e.startOffset);
-  const s = e.toString(), a = o.toString().length, r = a + s.length;
-  return n ? { quote: s, start: a, end: r, range: e, offsetReference: i } : { quote: s, start: a, end: r, range: e };
+  const s = e.toString(), r = o.toString().length, a = r + s.length;
+  return n ? { quote: s, start: r, end: a, range: e, offsetReference: i } : { quote: s, start: r, end: a, range: e };
 }, ue = (e, t, n) => {
   const { store: o, selection: i } = t;
-  let s, a = null;
-  const r = (v) => s = v;
+  let s, r = null;
+  const a = (v) => s = v;
   let d = !1, u;
   e.addEventListener("selectstart", (v) => {
     if (!d)
       return;
-    !v.target.parentElement.closest(".not-annotatable") ? a = {
+    !v.target.parentElement.closest(".not-annotatable") ? r = {
       annotation: ce(),
       selector: void 0,
       creator: s,
       created: /* @__PURE__ */ new Date()
-    } : (a = null, u = void 0);
+    } : (r = null, u = void 0);
   });
   let b;
   document.addEventListener("selectionchange", (v) => {
@@ -1243,16 +1249,16 @@ const de = (e, t, n) => {
   const h = () => {
     var m, x;
     const v = document.getSelection();
-    if (!v.isCollapsed && d && a) {
+    if (!v.isCollapsed && d && r) {
       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,
+      te(M[0]).toString() !== ((x = (m = r.selector) == null ? void 0 : m.range) == null ? void 0 : x.toString()) && (r = {
+        ...r,
         selector: de(M[0], e, n)
-      }, o.getAnnotation(a.annotation) ? o.updateTarget(a, C.LOCAL) : (o.addAnnotation({
-        id: a.annotation,
+      }, o.getAnnotation(r.annotation) ? o.updateTarget(r, C.LOCAL) : (o.addAnnotation({
+        id: r.annotation,
         bodies: [],
-        target: a
-      }), i.clickSelect(a.annotation, u)));
+        target: r
+      }), i.clickSelect(r.annotation, u)));
     }
   };
   return e.addEventListener("pointerdown", (v) => {
@@ -1260,8 +1266,8 @@ const de = (e, t, n) => {
   }), 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, v), a = null, u = void 0;
+      if (r != null && r.selector)
+        o.updateTarget(r, C.LOCAL), i.clickSelect(r.annotation, v), r = null, u = void 0;
       else {
         const { x: M, y } = e.getBoundingClientRect(), l = o.getAt(v.clientX - M, v.clientY - y);
         if (l) {
@@ -1272,13 +1278,12 @@ const de = (e, t, n) => {
       }
     }, 50);
   }), {
-    setUser: r
+    setUser: a
   };
-};
-const he = (e, t = {}) => {
-  const n = ne(e, t.pointerAction), { selection: o, viewport: i } = n, s = n.store, a = Yt(s), r = Dt(
+}, he = (e, t = {}) => {
+  const n = ne(e, t.pointerAction), { selection: o, viewport: i } = n, s = n.store, r = Yt(s), a = Dt(
     n,
-    a,
+    r,
     t.adapter
   );
   let d = zt();
@@ -1286,7 +1291,7 @@ const he = (e, t = {}) => {
   t.style && u.setDrawingStyle(t.style);
   const b = ue(e, n, t.offsetReferenceSelector);
   return b.setUser(d), {
-    ...Vt(n, a, t.adapter),
+    ...Vt(n, r, t.adapter),
     destroy: () => {
       throw "Not implemented yet";
     },
@@ -1303,8 +1308,8 @@ const he = (e, t = {}) => {
     setPresenceProvider: (g) => {
       g && (u.setPainter(oe(g, t.presence)), g.on("selectionChange", () => u.redraw()));
     },
-    on: r.on,
-    off: r.off,
+    on: a.on,
+    off: a.off,
     scrollIntoView: ie(e, s),
     state: n
   };
@@ -1315,6 +1320,6 @@ export {
   he as createTextAnnotator,
   ne as createTextAnnotatorState,
   nt as defaultPainter,
-  k as reviveTarget
+  _ as reviveTarget
 };
 //# sourceMappingURL=text-annotator.es.js.map