@soomo/text-annotator 3.0.0-staging.17 → 3.0.0-staging.19

package/dist/text-annotator.es.js

@@ -92,9 +92,9 @@ const P = {
     const p = m(c), g = document.createRange();
     g.selectNode(i), g.setEnd(i, r);
     const y = m(g), h = Zt(t).reverse().map((d) => {
-      var w;
+      var b;
       const l = document.createElement("SPAN");
-      return (w = d.parentNode) == null || w.insertBefore(l, d), l.appendChild(d), l;
+      return (b = d.parentNode) == null || b.insertBefore(l, d), l.appendChild(d), l;
     });
     return { unwrap: f, nodes: [p, ...h, y] };
   }
@@ -234,13 +234,13 @@ const P = {
   const { store: i, selection: r, hover: a } = e;
   let s, u, f;
   const m = ce(n), c = (T) => {
-    const { x: I, y: b } = t.getBoundingClientRect(), x = i.getAt(T.clientX - I, T.clientY - b);
+    const { x: I, y: v } = t.getBoundingClientRect(), x = i.getAt(T.clientX - I, T.clientY - v);
     x && (!u || u(x)) ? a.current !== x.id && (t.classList.add("hovered"), a.set(x.id)) : a.current && (t.classList.remove("hovered"), a.set(null));
   };
   t.addEventListener("pointermove", c);
   const p = (T = !1) => {
     f && f.clear();
-    const I = ae(t), { minX: b, minY: x, maxX: A, maxY: S } = I, R = u ? i.getIntersecting(b, x, A, S).filter(({ annotation: D }) => u(D)) : i.getIntersecting(b, x, A, S), O = r.selected.map(({ id: D }) => D), H = R.map(({ annotation: D, rects: zt }) => {
+    const I = ae(t), { minX: v, minY: x, maxX: A, maxY: E } = I, R = u ? i.getIntersecting(v, x, A, E).filter(({ annotation: D }) => u(D)) : i.getIntersecting(v, x, A, E), O = r.selected.map(({ id: D }) => D), H = R.map(({ annotation: D, rects: zt }) => {
       const Ft = O.includes(D.id), Wt = D.id === a.current;
       return { annotation: D, rects: zt, state: { selected: Ft, hover: Wt } };
     });
@@ -249,28 +249,28 @@ const P = {
     f = T, p();
   }, y = (T) => {
     s = T, p();
-  }, v = (T) => {
+  }, w = (T) => {
     u = T, p(!1);
   }, h = () => p();
   i.observe(h);
   const d = r.subscribe(() => p()), l = () => p(!0);
   document.addEventListener("scroll", l, { capture: !0, passive: !0 });
-  const w = pt(() => {
+  const b = pt(() => {
     i.recalculatePositions(), f && f.reset(), p();
   });
-  window.addEventListener("resize", w);
-  const C = new ResizeObserver(w);
-  C.observe(t);
-  const L = { attributes: !0, childList: !0, subtree: !0 }, E = new MutationObserver((T) => {
-    T.every((b) => b.target === t || t.contains(b.target)) || p(!0);
+  window.addEventListener("resize", b);
+  const S = new ResizeObserver(b);
+  S.observe(t);
+  const L = { attributes: !0, childList: !0, subtree: !0 }, C = new MutationObserver((T) => {
+    T.every((v) => v.target === t || t.contains(v.target)) || p(!0);
   });
-  return E.observe(document.body, L), {
+  return C.observe(document.body, L), {
     destroy: () => {
-      t.removeEventListener("pointermove", c), o.destroy(), i.unobserve(h), d(), document.removeEventListener("scroll", l), window.removeEventListener("resize", w), C.disconnect(), E.disconnect();
+      t.removeEventListener("pointermove", c), o.destroy(), i.unobserve(h), d(), document.removeEventListener("scroll", l), window.removeEventListener("resize", b), S.disconnect(), C.disconnect();
     },
     redraw: p,
     setStyle: y,
-    setFilter: v,
+    setFilter: w,
     setPainter: g,
     setVisible: o.setVisible
   };
@@ -288,30 +288,30 @@ const P = {
     n.clearRect(-0.5, -0.5, c + 1, p + 1), m && m.clear();
     const { top: g, left: y } = u;
     [...s].sort((h, d) => {
-      const { annotation: { target: { created: l } } } = h, { annotation: { target: { created: w } } } = d;
-      return l.getTime() - w.getTime();
+      const { annotation: { target: { created: l } } } = h, { annotation: { target: { created: b } } } = d;
+      return l.getTime() - b.getTime();
     }).forEach((h) => {
       var L;
-      const d = f ? typeof f == "function" ? f(h.annotation, h.state) : f : (L = h.state) != null && L.selected ? ot : P, l = m && m.paint(h, u) || d, w = h.rects.map(({ x: E, y: B, width: T, height: I }) => ({
-        x: E + y,
+      const d = f ? typeof f == "function" ? f(h.annotation, h.state) : f : (L = h.state) != null && L.selected ? ot : P, l = m && m.paint(h, u) || d, b = h.rects.map(({ x: C, y: B, width: T, height: I }) => ({
+        x: C + y,
         y: B + g,
         width: T,
         height: I
       }));
       n.fillStyle = l.fill, n.globalAlpha = l.fillOpacity || 1;
-      const C = 5;
-      if (w.forEach(
-        ({ x: E, y: B, width: T, height: I }) => n.fillRect(
-          E,
-          B - C / 2,
+      const S = 5;
+      if (b.forEach(
+        ({ x: C, y: B, width: T, height: I }) => n.fillRect(
+          C,
+          B - S / 2,
           T,
-          I + C
+          I + S
         )
       ), l.underlineColor) {
         n.globalAlpha = 1, n.strokeStyle = l.underlineColor, n.lineWidth = l.underlineThickness ?? 1;
-        const E = C / 2 + (l.underlineOffset ?? 0);
-        w.forEach(({ x: B, y: T, width: I, height: b }) => {
-          n.beginPath(), n.moveTo(B, T + b + E), n.lineTo(B + I, T + b + E), n.stroke();
+        const C = S / 2 + (l.underlineOffset ?? 0);
+        b.forEach(({ x: B, y: T, width: I, height: v }) => {
+          n.beginPath(), n.moveTo(B, T + v + C), n.lineTo(B + I, T + v + C), n.stroke();
         });
       }
     });
@@ -539,15 +539,15 @@ const Ee = (t, e) => {
       if (!f && !p)
         return;
       p && (e.innerHTML = "");
-      const g = a.reduce((y, { rects: v }) => [...y, ...v], []);
+      const g = a.reduce((y, { rects: w }) => [...y, ...w], []);
       a.forEach((y) => {
-        y.rects.map((v) => {
-          const h = Ee(v, g), d = qt(y, s, u, f, h);
+        y.rects.map((w) => {
+          const h = Ee(w, g), d = qt(y, s, u, f, h);
           if (p) {
             const l = document.createElement("span");
-            l.className = "r6o-annotation", l.dataset.annotation = y.annotation.id, l.style.left = `${v.x}px`, l.style.top = `${v.y}px`, l.style.width = `${v.width}px`, l.style.height = `${v.height}px`;
-            const w = Y((d == null ? void 0 : d.fill) || P.fill).alpha((d == null ? void 0 : d.fillOpacity) === void 0 ? P.fillOpacity : d.fillOpacity).toHex();
-            l.style.backgroundColor = w, d.underlineStyle && (l.style.borderStyle = d.underlineStyle), d.underlineColor && (l.style.borderColor = d.underlineColor), d.underlineThickness && (l.style.borderBottomWidth = `${d.underlineThickness}px`), d.underlineOffset && (l.style.paddingBottom = `${d.underlineOffset}px`), e.appendChild(l);
+            l.className = "r6o-annotation", l.dataset.annotation = y.annotation.id, l.style.left = `${w.x}px`, l.style.top = `${w.y}px`, l.style.width = `${w.width}px`, l.style.height = `${w.height}px`;
+            const b = Y((d == null ? void 0 : d.fill) || P.fill).alpha((d == null ? void 0 : d.fillOpacity) === void 0 ? P.fillOpacity : d.fillOpacity).toHex();
+            l.style.backgroundColor = b, d.underlineStyle && (l.style.borderStyle = d.underlineStyle), d.underlineColor && (l.style.borderColor = d.underlineColor), d.underlineThickness && (l.style.borderBottomWidth = `${d.underlineThickness}px`), d.underlineOffset && (l.style.paddingBottom = `${d.underlineOffset}px`), e.appendChild(l);
           }
         });
       }), n = a;
@@ -676,8 +676,8 @@ const dt = { selected: [] }, Me = (t, e = "EDIT") => {
     } else
       console.warn("Invalid selection: " + c);
   }, f = (c, p = !0) => {
-    const g = Array.isArray(c) ? c : [c], y = g.map((v) => t.getAnnotation(v)).filter(Boolean);
-    o({ selected: y.map(({ id: v }) => ({ id: v, editable: p })) }), y.length !== g.length && console.warn("Invalid selection", c);
+    const g = Array.isArray(c) ? c : [c], y = g.map((w) => t.getAnnotation(w)).filter(Boolean);
+    o({ selected: y.map(({ id: w }) => ({ id: w, editable: p })) }), y.length !== g.length && console.warn("Invalid selection", c);
   }, m = (c) => {
     if (i.selected.length === 0)
       return !1;
@@ -782,7 +782,7 @@ const ze = (t, e) => {
     ...(t.updated || []).filter(({ newValue: c }) => !r.has(c.id)).map((c) => {
       const { oldValue: p, newValue: g } = c;
       if (a.has(g.id)) {
-        const y = e.updated.find((v) => v.oldValue.id === g.id).newValue;
+        const y = e.updated.find((w) => w.oldValue.id === g.id).newValue;
         return Xt(p, y);
       } else
         return c;
@@ -791,12 +791,12 @@ const ze = (t, e) => {
   ];
   return { created: u, deleted: f, updated: m };
 }, We = (t) => t.id !== void 0, qe = () => {
-  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (b, x = {}) => n.push({ onChange: b, options: x }), i = (b) => {
-    const x = n.findIndex((A) => A.onChange == b);
+  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (v, x = {}) => n.push({ onChange: v, options: x }), i = (v) => {
+    const x = n.findIndex((A) => A.onChange == v);
     x > -1 && n.splice(x, 1);
-  }, r = (b, x) => {
+  }, r = (v, x) => {
     const A = {
-      origin: b,
+      origin: v,
       changes: {
         created: x.created || [],
         updated: x.updated || [],
@@ -804,144 +804,144 @@ const ze = (t, e) => {
       },
       state: [...t.values()]
     };
-    n.forEach((S) => {
-      ze(S, A) && S.onChange(A);
+    n.forEach((E) => {
+      ze(E, A) && E.onChange(A);
     });
-  }, a = (b, x = N.LOCAL) => {
-    if (t.get(b.id))
-      throw Error(`Cannot add annotation ${b.id} - exists already`);
-    t.set(b.id, b), b.bodies.forEach((A) => e.set(A.id, b.id)), r(x, { created: [b] });
-  }, s = (b, x) => {
-    const A = typeof b == "string" ? x : b, S = typeof b == "string" ? b : b.id, R = t.get(S);
+  }, a = (v, x = N.LOCAL) => {
+    if (t.get(v.id))
+      throw Error(`Cannot add annotation ${v.id} - exists already`);
+    t.set(v.id, v), v.bodies.forEach((A) => e.set(A.id, v.id)), r(x, { created: [v] });
+  }, s = (v, x) => {
+    const A = typeof v == "string" ? x : v, E = typeof v == "string" ? v : v.id, R = t.get(E);
     if (R) {
       const O = Xt(R, A);
-      return S === A.id ? t.set(S, A) : (t.delete(S), t.set(A.id, A)), R.bodies.forEach((H) => e.delete(H.id)), A.bodies.forEach((H) => e.set(H.id, A.id)), O;
+      return E === A.id ? t.set(E, A) : (t.delete(E), t.set(A.id, A)), R.bodies.forEach((H) => e.delete(H.id)), A.bodies.forEach((H) => e.set(H.id, A.id)), O;
     } else
-      console.warn(`Cannot update annotation ${S} - does not exist`);
-  }, u = (b, x = N.LOCAL, A = N.LOCAL) => {
-    const S = We(x) ? A : x, R = s(b, x);
-    R && r(S, { updated: [R] });
-  }, f = (b, x = N.LOCAL) => {
-    const A = b.reduce((S, R) => {
+      console.warn(`Cannot update annotation ${E} - does not exist`);
+  }, u = (v, x = N.LOCAL, A = N.LOCAL) => {
+    const E = We(x) ? A : x, R = s(v, x);
+    R && r(E, { updated: [R] });
+  }, f = (v, x = N.LOCAL) => {
+    const A = v.reduce((E, R) => {
       const O = s(R);
-      return O ? [...S, O] : S;
+      return O ? [...E, O] : E;
     }, []);
     A.length > 0 && r(x, { updated: A });
-  }, m = (b, x = N.LOCAL) => {
-    const A = t.get(b.annotation);
+  }, m = (v, x = N.LOCAL) => {
+    const A = t.get(v.annotation);
     if (A) {
-      const S = {
+      const E = {
         ...A,
-        bodies: [...A.bodies, b]
+        bodies: [...A.bodies, v]
       };
-      t.set(A.id, S), e.set(b.id, S.id), r(x, { updated: [{
+      t.set(A.id, E), e.set(v.id, E.id), r(x, { updated: [{
         oldValue: A,
-        newValue: S,
-        bodiesCreated: [b]
+        newValue: E,
+        bodiesCreated: [v]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${b.annotation}`);
-  }, c = () => [...t.values()], p = (b = N.LOCAL) => {
+      console.warn(`Attempt to add body to missing annotation: ${v.annotation}`);
+  }, c = () => [...t.values()], p = (v = N.LOCAL) => {
     const x = [...t.values()];
-    t.clear(), e.clear(), r(b, { deleted: x });
-  }, g = (b, x = !0, A = N.LOCAL) => {
+    t.clear(), e.clear(), r(v, { deleted: x });
+  }, g = (v, x = !0, A = N.LOCAL) => {
     if (x) {
-      const S = [...t.values()];
-      t.clear(), e.clear(), b.forEach((R) => {
+      const E = [...t.values()];
+      t.clear(), e.clear(), v.forEach((R) => {
         t.set(R.id, R), R.bodies.forEach((O) => e.set(O.id, R.id));
-      }), r(A, { created: b, deleted: S });
+      }), r(A, { created: v, deleted: E });
     } else {
-      const S = b.reduce((R, O) => {
+      const E = v.reduce((R, O) => {
         const H = t.get(O.id);
         return H ? [...R, H] : R;
       }, []);
-      if (S.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${S.map((R) => R.id).join(", ")}`);
-      b.forEach((R) => {
+      if (E.length > 0)
+        throw Error(`Bulk insert would overwrite the following annotations: ${E.map((R) => R.id).join(", ")}`);
+      v.forEach((R) => {
         t.set(R.id, R), R.bodies.forEach((O) => e.set(O.id, R.id));
-      }), r(A, { created: b });
+      }), r(A, { created: v });
     }
-  }, y = (b) => {
-    const x = typeof b == "string" ? b : b.id, A = t.get(x);
+  }, y = (v) => {
+    const x = typeof v == "string" ? v : v.id, A = t.get(x);
     if (A)
-      return t.delete(x), A.bodies.forEach((S) => e.delete(S.id)), A;
+      return t.delete(x), A.bodies.forEach((E) => e.delete(E.id)), A;
     console.warn(`Attempt to delete missing annotation: ${x}`);
-  }, v = (b, x = N.LOCAL) => {
-    const A = y(b);
+  }, w = (v, x = N.LOCAL) => {
+    const A = y(v);
     A && r(x, { deleted: [A] });
-  }, h = (b, x = N.LOCAL) => {
-    const A = b.reduce((S, R) => {
+  }, h = (v, x = N.LOCAL) => {
+    const A = v.reduce((E, R) => {
       const O = y(R);
-      return O ? [...S, O] : S;
+      return O ? [...E, O] : E;
     }, []);
     A.length > 0 && r(x, { deleted: A });
-  }, d = (b) => {
-    const x = t.get(b.annotation);
+  }, d = (v) => {
+    const x = t.get(v.annotation);
     if (x) {
-      const A = x.bodies.find((S) => S.id === b.id);
+      const A = x.bodies.find((E) => E.id === v.id);
       if (A) {
         e.delete(A.id);
-        const S = {
+        const E = {
           ...x,
-          bodies: x.bodies.filter((R) => R.id !== b.id)
+          bodies: x.bodies.filter((R) => R.id !== v.id)
         };
-        return t.set(x.id, S), {
+        return t.set(x.id, E), {
           oldValue: x,
-          newValue: S,
+          newValue: E,
           bodiesDeleted: [A]
         };
       } else
-        console.warn(`Attempt to delete missing body ${b.id} from annotation ${b.annotation}`);
+        console.warn(`Attempt to delete missing body ${v.id} from annotation ${v.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${b.annotation}`);
-  }, l = (b, x = N.LOCAL) => {
-    const A = d(b);
+      console.warn(`Attempt to delete body from missing annotation ${v.annotation}`);
+  }, l = (v, x = N.LOCAL) => {
+    const A = d(v);
     A && r(x, { updated: [A] });
-  }, w = (b, x = N.LOCAL) => {
-    const A = b.map((S) => d(S)).filter(Boolean);
+  }, b = (v, x = N.LOCAL) => {
+    const A = v.map((E) => d(E)).filter(Boolean);
     A.length > 0 && r(x, { updated: A });
-  }, C = (b) => {
-    const x = t.get(b);
+  }, S = (v) => {
+    const x = t.get(v);
     return x ? { ...x } : void 0;
-  }, L = (b) => {
-    const x = e.get(b);
+  }, L = (v) => {
+    const x = e.get(v);
     if (x) {
-      const A = C(x).bodies.find((S) => S.id === b);
+      const A = S(x).bodies.find((E) => E.id === v);
       if (A)
         return A;
-      console.error(`Store integrity error: body ${b} in index, but not in annotation`);
+      console.error(`Store integrity error: body ${v} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${b}`);
-  }, E = (b, x) => {
-    if (b.annotation !== x.annotation)
+      console.warn(`Attempt to retrieve missing body: ${v}`);
+  }, C = (v, x) => {
+    if (v.annotation !== x.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const A = t.get(b.annotation);
+    const A = t.get(v.annotation);
     if (A) {
-      const S = A.bodies.find((O) => O.id === b.id), R = {
+      const E = A.bodies.find((O) => O.id === v.id), R = {
         ...A,
-        bodies: A.bodies.map((O) => O.id === S.id ? x : O)
+        bodies: A.bodies.map((O) => O.id === E.id ? x : O)
       };
-      return t.set(A.id, R), S.id !== x.id && (e.delete(S.id), e.set(x.id, R.id)), {
+      return t.set(A.id, R), E.id !== x.id && (e.delete(E.id), e.set(x.id, R.id)), {
         oldValue: A,
         newValue: R,
-        bodiesUpdated: [{ oldBody: S, newBody: x }]
+        bodiesUpdated: [{ oldBody: E, newBody: x }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${b.annotation}`);
-  }, B = (b, x, A = N.LOCAL) => {
-    const S = E(b, x);
-    S && r(A, { updated: [S] });
-  }, T = (b, x = N.LOCAL) => {
-    const A = b.map((S) => E({ id: S.id, annotation: S.annotation }, S)).filter(Boolean);
+      console.warn(`Attempt to add body to missing annotation ${v.annotation}`);
+  }, B = (v, x, A = N.LOCAL) => {
+    const E = C(v, x);
+    E && r(A, { updated: [E] });
+  }, T = (v, x = N.LOCAL) => {
+    const A = v.map((E) => C({ id: E.id, annotation: E.annotation }, E)).filter(Boolean);
     r(x, { updated: A });
-  }, I = (b) => {
-    const x = t.get(b.annotation);
+  }, I = (v) => {
+    const x = t.get(v.annotation);
     if (x) {
       const A = {
         ...x,
         target: {
           ...x.target,
-          ...b
+          ...v
         }
       };
       return t.set(x.id, A), {
@@ -949,11 +949,11 @@ const ze = (t, e) => {
         newValue: A,
         targetUpdated: {
           oldTarget: x.target,
-          newTarget: b
+          newTarget: v
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${b.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${v.annotation}`);
   };
   return {
     addAnnotation: a,
@@ -961,24 +961,24 @@ const ze = (t, e) => {
     all: c,
     bulkAddAnnotation: g,
     bulkDeleteAnnotation: h,
-    bulkDeleteBodies: w,
+    bulkDeleteBodies: b,
     bulkUpdateAnnotation: f,
     bulkUpdateBodies: T,
-    bulkUpdateTargets: (b, x = N.LOCAL) => {
-      const A = b.map((S) => I(S)).filter(Boolean);
+    bulkUpdateTargets: (v, x = N.LOCAL) => {
+      const A = v.map((E) => I(E)).filter(Boolean);
       A.length > 0 && r(x, { updated: A });
     },
     clear: p,
-    deleteAnnotation: v,
+    deleteAnnotation: w,
     deleteBody: l,
-    getAnnotation: C,
+    getAnnotation: S,
     getBody: L,
     observe: o,
     unobserve: i,
     updateAnnotation: u,
     updateBody: B,
-    updateTarget: (b, x = N.LOCAL) => {
-      const A = I(b);
+    updateTarget: (v, x = N.LOCAL) => {
+      const A = I(v);
       A && r(x, { updated: [A] });
     }
   };
@@ -1002,14 +1002,14 @@ const Ge = 250, Ke = (t) => {
   let o = -1, i = !1, r = 0;
   const a = (g) => {
     if (!i) {
-      const { changes: y } = g, v = performance.now();
-      if (v - r > Ge)
+      const { changes: y } = g, w = performance.now();
+      if (w - r > Ge)
         n.splice(o + 1), n.push(y), o = n.length - 1;
       else {
         const h = n.length - 1;
         n[h] = Fe(n[h], y);
       }
-      r = v;
+      r = w;
     }
     i = !1;
   };
@@ -1023,15 +1023,15 @@ const Ge = 250, Ke = (t) => {
     redo: () => {
       if (n.length - 1 > o) {
         i = !0;
-        const { created: g, updated: y, deleted: v } = n[o + 1];
-        u(g), m(y), p(v), e.emit("redo", n[o + 1]), o += 1;
+        const { created: g, updated: y, deleted: w } = n[o + 1];
+        u(g), m(y), p(w), e.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         i = !0;
-        const { created: g, updated: y, deleted: v } = n[o];
-        s(g), f(y), c(v), e.emit("undo", n[o]), o -= 1;
+        const { created: g, updated: y, deleted: w } = n[o];
+        s(g), f(y), c(w), e.emit("undo", n[o]), o -= 1;
       }
     }
   };
@@ -1044,66 +1044,66 @@ const Ge = 250, Ke = (t) => {
 }, Je = (t, e, n, o) => {
   const { store: i, selection: r, hover: a, viewport: s } = t, u = /* @__PURE__ */ new Map();
   let f = [], m;
-  const c = (v, h) => {
-    u.has(v) ? u.get(v).push(h) : u.set(v, [h]);
-  }, p = (v, h) => {
-    const d = u.get(v);
+  const c = (w, h) => {
+    u.has(w) ? u.get(w).push(h) : u.set(w, [h]);
+  }, p = (w, h) => {
+    const d = u.get(w);
     d && d.indexOf(h) > 0 && d.splice(d.indexOf(h), 1);
-  }, g = (v, h, d) => {
-    u.has(v) && setTimeout(() => {
-      u.get(v).forEach((l) => {
+  }, g = (w, h, d) => {
+    u.has(w) && setTimeout(() => {
+      u.get(w).forEach((l) => {
         if (n) {
-          const w = Array.isArray(h) ? h.map((L) => n.serialize(L)) : n.serialize(h), C = d ? d instanceof PointerEvent ? d : n.serialize(d) : void 0;
-          l(w, C);
+          const b = Array.isArray(h) ? h.map((L) => n.serialize(L)) : n.serialize(h), S = d ? d instanceof PointerEvent ? d : n.serialize(d) : void 0;
+          l(b, S);
         } else
           l(h, d);
       });
     }, 1);
   };
-  r.subscribe(({ selected: v }) => {
-    if (!(f.length === 0 && v.length === 0)) {
-      if (f.length === 0 && v.length > 0)
-        f = v.map(({ id: h }) => i.getAnnotation(h));
-      else if (f.length > 0 && v.length === 0)
+  r.subscribe(({ selected: w }) => {
+    if (!(f.length === 0 && w.length === 0)) {
+      if (f.length === 0 && w.length > 0)
+        f = w.map(({ id: h }) => i.getAnnotation(h));
+      else if (f.length > 0 && w.length === 0)
         f.forEach((h) => {
           const d = i.getAnnotation(h.id);
           d && !q(d, h) && g("updateAnnotation", d, h);
         }), f = [];
       else {
-        const h = new Set(f.map((l) => l.id)), d = new Set(v.map(({ id: l }) => l));
+        const h = new Set(f.map((l) => l.id)), d = new Set(w.map(({ id: l }) => l));
         f.filter((l) => !d.has(l.id)).forEach((l) => {
-          const w = i.getAnnotation(l.id);
-          w && !q(w, l) && g("updateAnnotation", w, l);
+          const b = i.getAnnotation(l.id);
+          b && !q(b, l) && g("updateAnnotation", b, l);
         }), f = [
           // Remove annotations that were deselected
           ...f.filter((l) => d.has(l.id)),
           // Add editable annotations that were selected
-          ...v.filter(({ id: l }) => !h.has(l)).map(({ id: l }) => i.getAnnotation(l))
+          ...w.filter(({ id: l }) => !h.has(l)).map(({ id: l }) => i.getAnnotation(l))
         ];
       }
       g("selectionChanged", f);
     }
-  }), a.subscribe((v) => {
-    !m && v ? g("mouseEnterAnnotation", i.getAnnotation(v)) : m && !v ? g("mouseLeaveAnnotation", i.getAnnotation(m)) : m && v && (g("mouseLeaveAnnotation", i.getAnnotation(m)), g("mouseEnterAnnotation", i.getAnnotation(v))), m = v;
-  }), s == null || s.subscribe((v) => g("viewportIntersect", v.map((h) => i.getAnnotation(h)))), i.observe((v) => {
-    const { created: h, deleted: d } = v.changes;
-    (h || []).forEach((l) => g("createAnnotation", l)), (d || []).forEach((l) => g("deleteAnnotation", l)), (v.changes.updated || []).filter((l) => [
+  }), a.subscribe((w) => {
+    !m && w ? g("mouseEnterAnnotation", i.getAnnotation(w)) : m && !w ? g("mouseLeaveAnnotation", i.getAnnotation(m)) : m && w && (g("mouseLeaveAnnotation", i.getAnnotation(m)), g("mouseEnterAnnotation", i.getAnnotation(w))), m = w;
+  }), s == null || s.subscribe((w) => g("viewportIntersect", w.map((h) => i.getAnnotation(h)))), i.observe((w) => {
+    const { created: h, deleted: d } = w.changes;
+    (h || []).forEach((l) => g("createAnnotation", l)), (d || []).forEach((l) => g("deleteAnnotation", l)), (w.changes.updated || []).filter((l) => [
       ...l.bodiesCreated || [],
       ...l.bodiesDeleted || [],
       ...l.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: l, newValue: w }) => {
-      const C = f.find((L) => L.id === l.id) || l;
-      f = f.map((L) => L.id === l.id ? w : L), g("updateAnnotation", w, C);
+    ].length > 0).forEach(({ oldValue: l, newValue: b }) => {
+      const S = f.find((L) => L.id === l.id) || l;
+      f = f.map((L) => L.id === l.id ? b : L), g("updateAnnotation", b, S);
     });
-  }, { origin: N.LOCAL }), i.observe((v) => {
+  }, { origin: N.LOCAL }), i.observe((w) => {
     if (f) {
-      const h = new Set(f.map((l) => l.id)), d = (v.changes.updated || []).filter(({ newValue: l }) => h.has(l.id)).map(({ newValue: l }) => l);
-      d.length > 0 && (f = f.map((l) => d.find((C) => C.id === l.id) || l));
+      const h = new Set(f.map((l) => l.id)), d = (w.changes.updated || []).filter(({ newValue: l }) => h.has(l.id)).map(({ newValue: l }) => l);
+      d.length > 0 && (f = f.map((l) => d.find((S) => S.id === l.id) || l));
     }
   }, { origin: N.REMOTE });
-  const y = (v) => (h) => {
+  const y = (w) => (h) => {
     const { updated: d } = h;
-    v ? (d || []).forEach((l) => g("updateAnnotation", l.oldValue, l.newValue)) : (d || []).forEach((l) => g("updateAnnotation", l.newValue, l.oldValue));
+    w ? (d || []).forEach((l) => g("updateAnnotation", l.oldValue, l.newValue)) : (d || []).forEach((l) => g("updateAnnotation", l.newValue, l.oldValue));
   };
   return e.on("undo", y(!0)), e.on("redo", y(!1)), { on: c, off: p, emit: g };
 }, Ze = (t) => (e) => e.reduce((n, o) => {
@@ -1143,13 +1143,13 @@ const Ge = 250, Ke = (t) => {
     }
   }, g = (h, d = !0) => {
     if (n) {
-      const { parsed: l, failed: w } = Ze(n)(h);
-      w.length > 0 && console.warn(`Discarded ${w.length} invalid annotations`, w), o.bulkAddAnnotation(l, d, N.REMOTE);
+      const { parsed: l, failed: b } = Ze(n)(h);
+      b.length > 0 && console.warn(`Discarded ${b.length} invalid annotations`, b), o.bulkAddAnnotation(l, d, N.REMOTE);
     } else
       o.bulkAddAnnotation(h, d, N.REMOTE);
   }, y = (h) => {
     h ? i.setSelected(h) : i.clear();
-  }, v = (h) => {
+  }, w = (h) => {
     if (n) {
       const d = n.parse(h).parsed, l = n.serialize(o.getAnnotation(d.id));
       return o.updateAnnotation(d), l;
@@ -1173,7 +1173,7 @@ const Ge = 250, Ke = (t) => {
     setAnnotations: g,
     setSelected: y,
     undo: e.undo,
-    updateAnnotation: v
+    updateAnnotation: w
   };
 }, en = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 let nn = (t) => crypto.getRandomValues(new Uint8Array(t)), on = (t, e, n) => {
@@ -1292,7 +1292,7 @@ const Mn = (t, e) => ({
     updated: f,
     ...m
   } = i, c = a.map((p) => {
-    const { quote: g, start: y, end: v, range: h } = p, { prefix: d, suffix: l } = te(h, n), w = [{
+    const { quote: g, start: y, end: w, range: h } = p, { prefix: d, suffix: l } = te(h, n), b = [{
       type: "TextQuoteSelector",
       exact: g,
       prefix: d,
@@ -1300,13 +1300,13 @@ const Mn = (t, e) => ({
     }, {
       type: "TextPositionSelector",
       start: y,
-      end: v
+      end: w
     }];
     return {
       ...m,
       id: p.id,
       source: e,
-      selector: w
+      selector: b
     };
   });
   return {
@@ -1603,20 +1603,20 @@ function It(t, e, n, o, i) {
 }
 const En = (t, e) => {
   const n = new bn(), o = /* @__PURE__ */ new Map(), i = (d, l) => {
-    const w = d.selector.flatMap((L) => {
-      const E = $([L]) ? L.range : Ut(L, e).range;
-      return Array.from(E.getClientRects());
-    }), C = re(w).map(({ left: L, top: E, right: B, bottom: T }) => new DOMRect(L - l.left, E - l.top, B - L, T - E));
-    return C.map((L) => {
-      const { x: E, y: B, width: T, height: I } = L;
+    const b = d.selector.flatMap((L) => {
+      const C = $([L]) ? L.range : Ut(L, e).range;
+      return Array.from(C.getClientRects());
+    }), S = re(b).map(({ left: L, top: C, right: B, bottom: T }) => new DOMRect(L - l.left, C - l.top, B - L, T - C));
+    return S.map((L) => {
+      const { x: C, y: B, width: T, height: I } = L;
       return {
-        minX: E,
+        minX: C,
         minY: B,
-        maxX: E + T,
+        maxX: C + T,
         maxY: B + I,
         annotation: {
           id: d.annotation,
-          rects: C
+          rects: S
         }
       };
     });
@@ -1624,37 +1624,37 @@ const En = (t, e) => {
     n.clear(), o.clear();
   }, s = (d) => {
     const l = i(d, e.getBoundingClientRect());
-    l.forEach((w) => n.insert(w)), o.set(d.annotation, l);
+    l.forEach((b) => n.insert(b)), o.set(d.annotation, l);
   }, u = (d) => {
     const l = o.get(d.annotation);
-    l && (l.forEach((w) => n.remove(w)), o.delete(d.annotation));
+    l && (l.forEach((b) => n.remove(b)), o.delete(d.annotation));
   }, f = (d) => {
     u(d), s(d);
   }, m = (d, l = !0) => {
     l && a();
-    const w = e.getBoundingClientRect(), C = d.map((E) => ({ target: E, rects: i(E, w) }));
-    C.forEach(({ target: E, rects: B }) => o.set(E.annotation, B));
-    const L = C.reduce((E, { rects: B }) => [...E, ...B], []);
+    const b = e.getBoundingClientRect(), S = d.map((C) => ({ target: C, rects: i(C, b) }));
+    S.forEach(({ target: C, rects: B }) => o.set(C.annotation, B));
+    const L = S.reduce((C, { rects: B }) => [...C, ...B], []);
     n.load(L);
   }, c = (d, l) => {
-    const w = n.search({
+    const b = n.search({
       minX: d,
       minY: l,
       maxX: d,
       maxY: l
-    }), C = (L) => L.annotation.rects.reduce((E, B) => E + B.width * B.height, 0);
-    if (w.length > 0)
-      return w.sort((L, E) => C(L) - C(E)), w[0].annotation.id;
+    }), S = (L) => L.annotation.rects.reduce((C, B) => C + B.width * B.height, 0);
+    if (b.length > 0)
+      return b.sort((L, C) => S(L) - S(C)), b[0].annotation.id;
   }, p = (d) => {
     const l = g(d);
     if (l.length === 0)
       return;
-    let w = l[0].left, C = l[0].top, L = l[0].right, E = l[0].bottom;
+    let b = l[0].left, S = l[0].top, L = l[0].right, C = l[0].bottom;
     for (let B = 1; B < l.length; B++) {
       const T = l[B];
-      w = Math.min(w, T.left), C = Math.min(C, T.top), L = Math.max(L, T.right), E = Math.max(E, T.bottom);
+      b = Math.min(b, T.left), S = Math.min(S, T.top), L = Math.max(L, T.right), C = Math.max(C, T.bottom);
     }
-    return new DOMRect(w, C, L - w, E - C);
+    return new DOMRect(b, S, L - b, C - S);
   }, g = (d) => {
     const l = o.get(d);
     return l ? l[0].annotation.rects : [];
@@ -1665,9 +1665,9 @@ const En = (t, e) => {
     getAt: c,
     getAnnotationBounds: p,
     getAnnotationRects: g,
-    getIntersecting: (d, l, w, C) => {
-      const L = n.search({ minX: d, minY: l, maxX: w, maxY: C }), E = new Set(L.reduce((B, T) => [...B, T.annotation.id], []));
-      return Array.from(E).map((B) => ({
+    getIntersecting: (d, l, b, S) => {
+      const L = n.search({ minX: d, minY: l, maxX: b, maxY: S }), C = new Set(L.reduce((B, T) => [...B, T.annotation.id], []));
+      return Array.from(C).map((B) => ({
         annotation: t.getAnnotation(B),
         rects: g(B)
       })).filter((B) => !!B.annotation);
@@ -1680,40 +1680,40 @@ const En = (t, e) => {
     update: f
   };
 }, Sn = (t, e) => {
-  const n = qe(), o = En(n, t), i = Me(n, e), r = Oe(n), a = Qe(), s = (v, h = N.LOCAL) => {
-    const d = rt(v, t), l = $(d.target.selector);
+  const n = qe(), o = En(n, t), i = Me(n, e), r = Oe(n), a = Qe(), s = (w, h = N.LOCAL) => {
+    const d = rt(w, t), l = $(d.target.selector);
     return l && n.addAnnotation(d, h), l;
-  }, u = (v, h = !0, d = N.LOCAL) => {
-    const l = v.map((C) => rt(C, t)), w = l.filter((C) => !$(C.target.selector));
-    return w.length > 0 ? (console.warn("Could not revive all targets for these annotations:", w), n.bulkAddAnnotation(l, h, d), w) : (n.bulkAddAnnotation(l, h, d), []);
-  }, f = (v, h = N.LOCAL) => {
-    const d = v.map((w) => rt(w, t)), l = d.filter((w) => !$(w.target.selector));
-    return l.length > 0 && console.warn("Could not revive all targets for these annotations:", l), d.forEach((w) => {
-      n.getAnnotation(w.id) ? n.updateAnnotation(w, h) : n.addAnnotation(w, h);
+  }, u = (w, h = !0, d = N.LOCAL) => {
+    const l = w.map((S) => rt(S, t)), b = l.filter((S) => !$(S.target.selector));
+    return b.length > 0 ? (console.warn("Could not revive all targets for these annotations:", b), n.bulkAddAnnotation(l, h, d), b) : (n.bulkAddAnnotation(l, h, d), []);
+  }, f = (w, h = N.LOCAL) => {
+    const d = w.map((b) => rt(b, t)), l = d.filter((b) => !$(b.target.selector));
+    return l.length > 0 && console.warn("Could not revive all targets for these annotations:", l), d.forEach((b) => {
+      n.getAnnotation(b.id) ? n.updateAnnotation(b, h) : n.addAnnotation(b, h);
     }), l;
-  }, m = (v, h = N.LOCAL) => {
-    const d = it(v, t);
+  }, m = (w, h = N.LOCAL) => {
+    const d = it(w, t);
     n.updateTarget(d, h);
-  }, c = (v, h = N.LOCAL) => {
-    const d = v.map((l) => it(l, t));
+  }, c = (w, h = N.LOCAL) => {
+    const d = w.map((l) => it(l, t));
     n.bulkUpdateTargets(d, h);
-  }, p = (v, h) => {
-    const d = o.getAt(v, h);
+  }, p = (w, h) => {
+    const d = o.getAt(w, h);
     return d ? n.getAnnotation(d) : void 0;
-  }, g = (v, h, d, l = 5) => {
-    const w = o.getAnnotationRects(v);
-    if (w.length !== 0) {
+  }, g = (w, h, d, l = 5) => {
+    const b = o.getAnnotationRects(w);
+    if (b.length !== 0) {
       if (h && d) {
-        const C = w.find(({ top: L, right: E, bottom: B, left: T }) => h >= T - l && h <= E + l && d >= L - l && d <= B + l);
-        if (C)
-          return C;
+        const S = b.find(({ top: L, right: C, bottom: B, left: T }) => h >= T - l && h <= C + l && d >= L - l && d <= B + l);
+        if (S)
+          return S;
       }
-      return o.getAnnotationBounds(v);
+      return o.getAnnotationBounds(w);
     }
   }, y = () => o.recalculate();
-  return n.observe(({ changes: v }) => {
-    const h = (v.created || []).filter((w) => $(w.target.selector)), d = (v.deleted || []).filter((w) => $(w.target.selector)), l = (v.updated || []).filter((w) => $(w.newValue.target.selector));
-    h.length > 0 && o.set(h.map((w) => w.target), !1), (d == null ? void 0 : d.length) > 0 && d.forEach((w) => o.remove(w.target)), (l == null ? void 0 : l.length) > 0 && l.forEach(({ newValue: w }) => o.update(w.target));
+  return n.observe(({ changes: w }) => {
+    const h = (w.created || []).filter((b) => $(b.target.selector)), d = (w.deleted || []).filter((b) => $(b.target.selector)), l = (w.updated || []).filter((b) => $(b.newValue.target.selector));
+    h.length > 0 && o.set(h.map((b) => b.target), !1), (d == null ? void 0 : d.length) > 0 && d.forEach((b) => o.remove(b.target)), (l == null ? void 0 : l.length) > 0 && l.forEach(({ newValue: b }) => o.update(b.target));
   }), {
     store: {
       ...n,
@@ -1754,10 +1754,10 @@ const En = (t, e) => {
       n.font && (i.font = n.font);
       const y = r.get(c.annotation.id);
       if (y) {
-        const { height: v } = c.rects[0], h = c.rects[0].x + p.left, d = c.rects[0].y + p.top;
-        i.fillStyle = y.appearance.color, i.fillRect(h - 2, d - 2.5, 2, v + 5);
-        const l = i.measureText(y.appearance.label), w = l.width + 6, C = l.actualBoundingBoxAscent + l.actualBoundingBoxDescent + 8, L = l.fontBoundingBoxAscent ? 8 : 6.5;
-        return i.fillRect(h - 2, d - 2.5 - C, w, C), i.fillStyle = "#fff", i.fillText(y.appearance.label, h + 1, d - L), {
+        const { height: w } = c.rects[0], h = c.rects[0].x + p.left, d = c.rects[0].y + p.top;
+        i.fillStyle = y.appearance.color, i.fillRect(h - 2, d - 2.5, 2, w + 5);
+        const l = i.measureText(y.appearance.label), b = l.width + 6, S = l.actualBoundingBoxAscent + l.actualBoundingBoxDescent + 8, L = l.fontBoundingBoxAscent ? 8 : 6.5;
+        return i.fillRect(h - 2, d - 2.5 - S, b, S), i.fillStyle = "#fff", i.fillText(y.appearance.label, h + 1, d - L), {
           fill: y.appearance.color,
           fillOpacity: g ? 0.45 : 0.18
         };
@@ -1776,7 +1776,7 @@ const En = (t, e) => {
   return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : Pt(t.parentElement);
 }, Bn = (t, e) => (n) => {
   const o = (r) => {
-    const a = i.getBoundingClientRect(), s = i.clientHeight, u = i.clientWidth, f = r.selector[0].range.getBoundingClientRect(), { width: m, height: c } = e.getAnnotationBounds(n.id), p = f.top - a.top, g = f.left - a.left, y = i.parentElement ? i.scrollTop : 0, v = i.parentElement ? i.scrollLeft : 0, h = p + y - (s - c) / 2, d = g + v - (u - m) / 2;
+    const a = i.getBoundingClientRect(), s = i.clientHeight, u = i.clientWidth, f = r.selector[0].range.getBoundingClientRect(), { width: m, height: c } = e.getAnnotationBounds(n.id), p = f.top - a.top, g = f.left - a.left, y = i.parentElement ? i.scrollTop : 0, w = i.parentElement ? i.scrollLeft : 0, h = p + y - (s - c) / 2, d = g + w - (u - m) / 2;
     i.scroll({ top: h, left: d, behavior: "smooth" });
   }, i = Pt(t);
   if (i) {
@@ -1812,24 +1812,24 @@ const En = (t, e) => {
   };
   n && t.addEventListener("selectstart", c);
   const p = pt((h) => {
-    var E, B;
+    var C, B;
     const d = document.getSelection();
-    if (!!((B = (E = d.anchorNode) == null ? void 0 : E.parentElement) != null && B.closest(_))) {
+    if (!!((B = (C = d.anchorNode) == null ? void 0 : C.parentElement) != null && B.closest(_))) {
       s = void 0;
       return;
     }
     if (h.timeStamp - ((m == null ? void 0 : m.timeStamp) || h.timeStamp) < 1e3 && !s && c(m), d.isCollapsed || !f || !s)
       return;
-    const w = d.getRangeAt(0);
-    if (ne(w))
+    const b = d.getRangeAt(0);
+    if (ne(b))
       return;
-    const C = Kt(w.cloneRange());
-    (C.length !== s.selector.length || C.some((T, I) => {
-      var b;
-      return T.toString() !== ((b = s.selector[I]) == null ? void 0 : b.quote);
+    const S = Kt(b.cloneRange());
+    (S.length !== s.selector.length || S.some((T, I) => {
+      var v;
+      return T.toString() !== ((v = s.selector[I]) == null ? void 0 : v.quote);
     })) && (s = {
       ...s,
-      selector: C.map((T) => se(T, t, o)),
+      selector: S.map((T) => se(T, t, o)),
       updated: /* @__PURE__ */ new Date()
     }, i.getAnnotation(s.annotation) ? i.updateTarget(s, N.LOCAL) : (i.addAnnotation({
       id: s.annotation,
@@ -1839,23 +1839,23 @@ const En = (t, e) => {
   });
   n && document.addEventListener("selectionchange", p);
   const g = (h) => {
-    const { target: d, timeStamp: l, offsetX: w, offsetY: C, type: L } = h;
-    m = { ...h, target: d, timeStamp: l, offsetX: w, offsetY: C, type: L }, f = h.button === 0;
+    const { target: d, timeStamp: l, offsetX: b, offsetY: S, type: L } = h;
+    m = { ...h, target: d, timeStamp: l, offsetX: b, offsetY: S, type: L }, f = h.button === 0;
   };
   t.addEventListener("pointerdown", g);
   const y = (h) => {
-    var C;
-    if (!!((C = h.target.parentElement) != null && C.closest(_)) || !f)
+    var S;
+    if (!!((S = h.target.parentElement) != null && S.closest(_)) || !f)
       return;
     const l = () => {
-      const { x: L, y: E } = t.getBoundingClientRect(), B = i.getAt(h.clientX - L, h.clientY - E);
+      const { x: L, y: C } = t.getBoundingClientRect(), B = i.getAt(h.clientX - L, h.clientY - C);
       if (B) {
         const { selected: T } = r;
         (T.length !== 1 || T[0].id !== B.id) && r.clickSelect(B.id, h);
       } else
         r.isEmpty() || r.clear();
-    }, w = h.timeStamp - m.timeStamp;
-    document.getSelection().isCollapsed && w < 300 ? (s = void 0, l()) : s && r.clickSelect(s.annotation, h);
+    }, b = h.timeStamp - m.timeStamp;
+    document.getSelection().isCollapsed && b < 300 ? (s = void 0, l()) : s && r.clickSelect(s.annotation, h);
   };
   return document.addEventListener("pointerup", y), {
     destroy: () => {
@@ -1875,25 +1875,28 @@ const En = (t, e) => {
     throw `Unknown renderer implementation: ${m}`;
   console.debug(`Using ${m} renderer`), n.style && c.setStyle(n.style);
   const p = Rn(t, o, n.annotationEnabled, n.offsetReferenceSelector);
-  return p.setUser(f), {
-    ...tn(o, s, n.adapter),
+  p.setUser(f);
+  const g = tn(o, s, n.adapter), y = () => f, w = (b) => {
+    f = b, p.setUser(b);
+  }, h = (b) => {
+    b && (c.setPainter(Ln(t, b, n.presence)), b.on("selectionChange", () => c.redraw()));
+  }, d = (b) => {
+    b ? i.setSelected(b) : i.clear();
+  };
+  return {
+    ...g,
     destroy: () => {
       c.destroy(), p.destroy(), s.destroy();
     },
     element: t,
-    getUser: () => f,
-    setFilter: (E) => c.setFilter(E),
-    setStyle: (E) => c.setStyle(E),
-    setUser: (E) => {
-      f = E, p.setUser(E);
-    },
-    setSelected: (E) => {
-      E ? i.setSelected(E) : i.clear();
-    },
-    setPresenceProvider: (E) => {
-      E && (c.setPainter(Ln(t, E, n.presence)), E.on("selectionChange", () => c.redraw()));
-    },
-    setVisible: (E) => c.setVisible(E),
+    getUser: y,
+    setFilter: c.setFilter.bind(c),
+    setStyle: c.setStyle.bind(c),
+    redraw: c.redraw.bind(c),
+    setUser: w,
+    setSelected: d,
+    setPresenceProvider: h,
+    setVisible: c.setVisible.bind(c),
     on: u.on,
     off: u.off,
     scrollIntoView: Bn(t, a),