@soomo/text-annotator 3.0.0-staging.54 → 3.0.0-staging.56

package/dist/text-annotator.es.js

@@ -265,22 +265,22 @@ const Ie = /* @__PURE__ */ Be(ke), Ut = (t, e = 10, n) => {
   const { store: i, selection: r, hover: a } = e;
   let s, l, f;
   const h = Ce(n), c = (O) => {
-    const { x: R, y: m } = t.getBoundingClientRect(), v = i.getAt(O.clientX - R, O.clientY - m, l);
-    v ? a.current !== v.id && (t.classList.add("hovered"), a.set(v.id)) : a.current && (t.classList.remove("hovered"), a.set(null));
+    const { x: R, y: m } = t.getBoundingClientRect(), A = i.getAt(O.clientX - R, O.clientY - m, l);
+    A ? a.current !== A.id && (t.classList.add("hovered"), a.set(A.id)) : a.current && (t.classList.remove("hovered"), a.set(null));
   };
   t.addEventListener("pointermove", c);
   const g = (O = !1) => {
     f && f.clear();
-    const R = Se(t), { minX: m, minY: v, maxX: x, maxY: L } = R, B = l ? i.getIntersecting(m, v, x, L).filter(({ annotation: Y }) => l(Y)) : i.getIntersecting(m, v, x, L), M = r.selected.map(({ id: Y }) => Y), K = B.map(({ annotation: Y, rects: lt }) => {
+    const R = Se(t), { minX: m, minY: A, maxX: v, maxY: L } = R, B = l ? i.getIntersecting(m, A, v, L).filter(({ annotation: Y }) => l(Y)) : i.getIntersecting(m, A, v, L), M = r.selected.map(({ id: Y }) => Y), K = B.map(({ annotation: Y, rects: lt }) => {
       const Ae = M.includes(Y.id), xe = Y.id === a.current;
       return { annotation: Y, rects: lt, state: { selected: Ae, hover: xe } };
     });
     o.redraw(K, R, s, f, O), setTimeout(() => h(B.map(({ annotation: Y }) => Y)), 1);
   }, u = (O) => {
     f = O, g();
-  }, A = (O) => {
+  }, x = (O) => {
     s = O, g();
-  }, b = (O) => {
+  }, w = (O) => {
     l = O, g(!1);
   }, C = () => g();
   i.observe(C);
@@ -292,16 +292,16 @@ const Ie = /* @__PURE__ */ Be(ke), Ut = (t, e = 10, n) => {
   window.addEventListener("resize", y);
   const S = new ResizeObserver(y);
   S.observe(t);
-  const E = { attributes: !0, childList: !0, subtree: !0 }, w = new MutationObserver((O) => {
+  const E = { attributes: !0, childList: !0, subtree: !0 }, b = new MutationObserver((O) => {
     O.every((m) => m.target === t || t.contains(m.target)) || g(!0);
   });
-  return w.observe(document.body, E), {
+  return b.observe(document.body, E), {
     destroy: () => {
-      t.removeEventListener("pointermove", c), o.destroy(), i.unobserve(C), p(), document.removeEventListener("scroll", d), y.clear(), window.removeEventListener("resize", y), S.disconnect(), w.disconnect();
+      t.removeEventListener("pointermove", c), o.destroy(), i.unobserve(C), p(), document.removeEventListener("scroll", d), y.clear(), window.removeEventListener("resize", y), S.disconnect(), b.disconnect();
     },
     redraw: g,
-    setStyle: A,
-    setFilter: b,
+    setStyle: x,
+    setFilter: w,
     setPainter: u,
     setVisible: o.setVisible
   };
@@ -317,25 +317,25 @@ const Ie = /* @__PURE__ */ Be(ke), Ut = (t, e = 10, n) => {
   const o = (s, l, f, h) => requestAnimationFrame(() => {
     const { width: c, height: g } = e;
     n.clearRect(-0.5, -0.5, c + 1, g + 1), h && h.clear();
-    const { top: u, left: A } = l;
+    const { top: u, left: x } = l;
     [...s].sort((C, p) => {
       const { annotation: { target: { created: d } } } = C, { annotation: { target: { created: y } } } = p;
       return d.getTime() - y.getTime();
     }).forEach((C) => {
       var S;
-      const p = f ? typeof f == "function" ? f(C.annotation, C.state) : f : (S = C.state) != null && S.selected ? yt : q, d = h && h.paint(C, l) || p, y = C.rects.map(({ x: E, y: w, width: T, height: O }) => ({
-        x: E + A,
-        y: w + u,
+      const p = f ? typeof f == "function" ? f(C.annotation, C.state) : f : (S = C.state) != null && S.selected ? yt : q, d = h && h.paint(C, l) || p, y = C.rects.map(({ x: E, y: b, width: T, height: O }) => ({
+        x: E + x,
+        y: b + u,
         width: T,
         height: O
       }));
       if (n.fillStyle = d.fill, n.globalAlpha = d.fillOpacity || 1, y.forEach(
-        ({ x: E, y: w, width: T, height: O }) => n.fillRect(E, w, T, O)
+        ({ x: E, y: b, width: T, height: O }) => n.fillRect(E, b, T, O)
       ), d.underlineColor) {
         n.globalAlpha = 1, n.strokeStyle = d.underlineColor, n.lineWidth = d.underlineThickness ?? 1;
         const E = d.underlineOffset ?? 0;
-        y.forEach(({ x: w, y: T, width: O, height: R }) => {
-          n.beginPath(), n.moveTo(w, T + R + E), n.lineTo(w + O, T + R + E), n.stroke();
+        y.forEach(({ x: b, y: T, width: O, height: R }) => {
+          n.beginPath(), n.moveTo(b, T + R + E), n.lineTo(b + O, T + R + E), n.stroke();
         });
       }
     });
@@ -502,13 +502,13 @@ const nn = (t) => [
       const f = new Set(r.map((c) => c.annotation.id));
       Array.from(e).filter((c) => !f.has(c));
       const h = r.map((c) => {
-        var A;
-        const g = s ? typeof s == "function" ? s(c.annotation, c.state) : s : (A = c.state) != null && A.selected ? yt : q, u = l && l.paint(c, a) || g;
+        var x;
+        const g = s ? typeof s == "function" ? s(c.annotation, c.state) : s : (x = c.state) != null && x.selected ? yt : q, u = l && l.paint(c, a) || g;
         return `::highlight(_${c.annotation.id}) { ${nn(u)} }`;
       });
       t.innerHTML = h.join(`
 `), CSS.highlights.clear(), r.forEach(({ annotation: c }) => {
-        const g = c.target.selector.map((A) => A.range), u = new Highlight(...g);
+        const g = c.target.selector.map((x) => x.range), u = new Highlight(...g);
         CSS.highlights.set(`_${c.id}`, u);
       }), e = f;
     }
@@ -550,15 +550,15 @@ const sn = (t, e) => {
     redraw: (a, s, l, f, h) => {
       const g = !(It(n, a) && h);
       if (!f && !g) return;
-      g && (e.innerHTML = ""), [...a].sort((A, b) => {
-        const { annotation: { target: { created: C } } } = A, { annotation: { target: { created: p } } } = b;
-        return console.log(A.annotation), console.log(b.annotation), C && p ? C.getTime() - p.getTime() : 0;
-      }).forEach((A) => {
-        A.rects.map((b) => {
-          const C = sn(b, a), p = Ee(A, s, l, f, C);
+      g && (e.innerHTML = ""), [...a].sort((x, w) => {
+        const { annotation: { target: { created: C } } } = x, { annotation: { target: { created: p } } } = w;
+        return C && p ? C.getTime() - p.getTime() : 0;
+      }).forEach((x) => {
+        x.rects.map((w) => {
+          const C = sn(w, a), p = Ee(x, s, l, f, C);
           if (g) {
             const d = document.createElement("span");
-            d.className = "r6o-annotation", d.dataset.annotation = A.annotation.id, d.style.left = `${b.x}px`, d.style.top = `${b.y}px`, d.style.width = `${b.width}px`, d.style.height = `${b.height}px`, d.style.backgroundColor = P((p == null ? void 0 : p.fill) || q.fill).alpha((p == null ? void 0 : p.fillOpacity) === void 0 ? q.fillOpacity : p.fillOpacity).toHex(), p.underlineStyle && (d.style.borderStyle = p.underlineStyle), p.underlineColor && (d.style.borderColor = p.underlineColor), p.underlineThickness && (d.style.borderBottomWidth = `${p.underlineThickness}px`), p.underlineOffset && (d.style.paddingBottom = `${p.underlineOffset}px`), e.appendChild(d);
+            d.className = "r6o-annotation", d.dataset.annotation = x.annotation.id, d.style.left = `${w.x}px`, d.style.top = `${w.y}px`, d.style.width = `${w.width}px`, d.style.height = `${w.height}px`, d.style.backgroundColor = P((p == null ? void 0 : p.fill) || q.fill).alpha((p == null ? void 0 : p.fillOpacity) === void 0 ? q.fillOpacity : p.fillOpacity).toHex(), p.underlineStyle && (d.style.borderStyle = p.underlineStyle), p.underlineColor && (d.style.borderColor = p.underlineColor), p.underlineThickness && (d.style.borderBottomWidth = `${p.underlineThickness}px`), p.underlineOffset && (d.style.paddingBottom = `${p.underlineOffset}px`), e.appendChild(d);
           }
         });
       }), n = a;
@@ -674,40 +674,40 @@ const ft = { selected: [] }, mn = (t, e) => {
   }, l = (u) => {
     if (s())
       return !1;
-    const A = typeof u == "string" ? u : u.id;
-    return r.selected.some((b) => b.id === A);
-  }, f = (u, A) => {
-    const b = t.getAnnotation(u);
-    if (!b) {
+    const x = typeof u == "string" ? u : u.id;
+    return r.selected.some((w) => w.id === x);
+  }, f = (u, x) => {
+    const w = t.getAnnotation(u);
+    if (!w) {
       console.warn("Invalid selection: " + u);
       return;
     }
-    switch (Qt(b, i)) {
+    switch (Qt(w, i)) {
       case "EDIT":
-        o({ selected: [{ id: u, editable: !0 }], event: A });
+        o({ selected: [{ id: u, editable: !0 }], event: x });
         break;
       case "SELECT":
-        o({ selected: [{ id: u }], event: A });
+        o({ selected: [{ id: u }], event: x });
         break;
       default:
-        o({ selected: [], event: A });
+        o({ selected: [], event: x });
     }
-  }, h = (u, A) => {
-    const b = Array.isArray(u) ? u : [u], C = b.map((p) => t.getAnnotation(p)).filter((p) => !!p);
+  }, h = (u, x) => {
+    const w = Array.isArray(u) ? u : [u], C = w.map((p) => t.getAnnotation(p)).filter((p) => !!p);
     o({
       selected: C.map((p) => {
-        const d = A === void 0 ? Qt(p, i) === "EDIT" : A;
+        const d = x === void 0 ? Qt(p, i) === "EDIT" : x;
         return { id: p.id, editable: d };
       })
-    }), C.length !== b.length && console.warn("Invalid selection", u);
+    }), C.length !== w.length && console.warn("Invalid selection", u);
   }, c = (u) => {
     if (s())
       return !1;
-    const { selected: A } = r;
-    A.some(({ id: b }) => u.includes(b)) && o({ selected: A.filter(({ id: b }) => !u.includes(b)) });
+    const { selected: x } = r;
+    x.some(({ id: w }) => u.includes(w)) && o({ selected: x.filter(({ id: w }) => !u.includes(w)) });
   }, g = (u) => i = u;
   return t.observe(
-    ({ changes: u }) => c((u.deleted || []).map((A) => A.id))
+    ({ changes: u }) => c((u.deleted || []).map((x) => x.id))
   ), {
     get event() {
       return r ? r.event : null;
@@ -810,8 +810,8 @@ const Cn = (t, e) => {
     ...(t.updated || []).filter(({ newValue: c }) => !r.has(c.id)).map((c) => {
       const { oldValue: g, newValue: u } = c;
       if (a.has(u.id)) {
-        const A = e.updated.find((b) => b.oldValue.id === u.id).newValue;
-        return fe(g, A);
+        const x = e.updated.find((w) => w.oldValue.id === u.id).newValue;
+        return fe(g, x);
       } else
         return c;
     }),
@@ -833,71 +833,71 @@ const Cn = (t, e) => {
     }
   };
 }, On = (t) => t.id !== void 0, Tn = () => {
-  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (m, v = {}) => {
-    n.push({ onChange: m, options: v });
+  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (m, A = {}) => {
+    n.push({ onChange: m, options: A });
   }, i = (m) => {
-    const v = n.findIndex((x) => x.onChange == m);
-    v > -1 && n.splice(v, 1);
-  }, r = (m, v) => {
-    const x = {
+    const A = n.findIndex((v) => v.onChange == m);
+    A > -1 && n.splice(A, 1);
+  }, r = (m, A) => {
+    const v = {
       origin: m,
       changes: {
-        created: v.created || [],
-        updated: v.updated || [],
-        deleted: v.deleted || []
+        created: A.created || [],
+        updated: A.updated || [],
+        deleted: A.deleted || []
       },
       state: [...t.values()]
     };
     n.forEach((L) => {
-      Cn(L, x) && L.onChange(x);
+      Cn(L, v) && L.onChange(v);
     });
-  }, a = (m, v = k.LOCAL) => {
+  }, a = (m, A = k.LOCAL) => {
     if (m.id && t.get(m.id))
       throw Error(`Cannot add annotation ${m.id} - exists already`);
     {
-      const x = Lt(m);
-      t.set(x.id, x), x.bodies.forEach((L) => e.set(L.id, x.id)), r(v, { created: [x] });
+      const v = Lt(m);
+      t.set(v.id, v), v.bodies.forEach((L) => e.set(L.id, v.id)), r(A, { created: [v] });
     }
-  }, s = (m, v) => {
-    const x = Lt(typeof m == "string" ? v : m), L = typeof m == "string" ? m : m.id, B = L && t.get(L);
+  }, s = (m, A) => {
+    const v = Lt(typeof m == "string" ? A : m), L = typeof m == "string" ? m : m.id, B = L && t.get(L);
     if (B) {
-      const M = fe(B, x);
-      return L === x.id ? t.set(L, x) : (t.delete(L), t.set(x.id, x)), B.bodies.forEach((K) => e.delete(K.id)), x.bodies.forEach((K) => e.set(K.id, x.id)), M;
+      const M = fe(B, v);
+      return L === v.id ? t.set(L, v) : (t.delete(L), t.set(v.id, v)), B.bodies.forEach((K) => e.delete(K.id)), v.bodies.forEach((K) => e.set(K.id, v.id)), M;
     } else
       console.warn(`Cannot update annotation ${L} - does not exist`);
-  }, l = (m, v = k.LOCAL, x = k.LOCAL) => {
-    const L = On(v) ? x : v, B = s(m, v);
+  }, l = (m, A = k.LOCAL, v = k.LOCAL) => {
+    const L = On(A) ? v : A, B = s(m, A);
     B && r(L, { updated: [B] });
-  }, f = (m, v = k.LOCAL) => {
-    const x = m.reduce((L, B) => {
+  }, f = (m, A = k.LOCAL) => {
+    const v = m.reduce((L, B) => {
       const M = s(B);
       return M ? [...L, M] : L;
     }, []);
-    x.length > 0 && r(v, { updated: x });
-  }, h = (m, v = k.LOCAL) => {
-    const x = t.get(m.annotation);
-    if (x) {
+    v.length > 0 && r(A, { updated: v });
+  }, h = (m, A = k.LOCAL) => {
+    const v = t.get(m.annotation);
+    if (v) {
       const L = {
-        ...x,
-        bodies: [...x.bodies, m]
+        ...v,
+        bodies: [...v.bodies, m]
       };
-      t.set(x.id, L), e.set(m.id, L.id), r(v, { updated: [{
-        oldValue: x,
+      t.set(v.id, L), e.set(m.id, L.id), r(A, { updated: [{
+        oldValue: v,
         newValue: L,
         bodiesCreated: [m]
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${m.annotation}`);
   }, c = () => [...t.values()], g = (m = k.LOCAL) => {
-    const v = [...t.values()];
-    t.clear(), e.clear(), r(m, { deleted: v });
-  }, u = (m, v = !0, x = k.LOCAL) => {
+    const A = [...t.values()];
+    t.clear(), e.clear(), r(m, { deleted: A });
+  }, u = (m, A = !0, v = k.LOCAL) => {
     const L = m.map(Lt);
-    if (v) {
+    if (A) {
       const B = [...t.values()];
       t.clear(), e.clear(), L.forEach((M) => {
         t.set(M.id, M), M.bodies.forEach((K) => e.set(K.id, M.id));
-      }), r(x, { created: L, deleted: B });
+      }), r(v, { created: L, deleted: B });
     } else {
       const B = m.reduce((M, K) => {
         const Y = K.id && t.get(K.id);
@@ -907,96 +907,96 @@ const Cn = (t, e) => {
         throw Error(`Bulk insert would overwrite the following annotations: ${B.map((M) => M.id).join(", ")}`);
       L.forEach((M) => {
         t.set(M.id, M), M.bodies.forEach((K) => e.set(K.id, M.id));
-      }), r(x, { created: L });
+      }), r(v, { created: L });
     }
-  }, A = (m) => {
-    const v = typeof m == "string" ? m : m.id, x = t.get(v);
-    if (x)
-      return t.delete(v), x.bodies.forEach((L) => e.delete(L.id)), x;
-    console.warn(`Attempt to delete missing annotation: ${v}`);
-  }, b = (m, v = k.LOCAL) => {
-    const x = A(m);
-    x && r(v, { deleted: [x] });
-  }, C = (m, v = k.LOCAL) => {
-    const x = m.reduce((L, B) => {
-      const M = A(B);
+  }, x = (m) => {
+    const A = typeof m == "string" ? m : m.id, v = t.get(A);
+    if (v)
+      return t.delete(A), v.bodies.forEach((L) => e.delete(L.id)), v;
+    console.warn(`Attempt to delete missing annotation: ${A}`);
+  }, w = (m, A = k.LOCAL) => {
+    const v = x(m);
+    v && r(A, { deleted: [v] });
+  }, C = (m, A = k.LOCAL) => {
+    const v = m.reduce((L, B) => {
+      const M = x(B);
       return M ? [...L, M] : L;
     }, []);
-    x.length > 0 && r(v, { deleted: x });
+    v.length > 0 && r(A, { deleted: v });
   }, p = (m) => {
-    const v = t.get(m.annotation);
-    if (v) {
-      const x = v.bodies.find((L) => L.id === m.id);
-      if (x) {
-        e.delete(x.id);
+    const A = t.get(m.annotation);
+    if (A) {
+      const v = A.bodies.find((L) => L.id === m.id);
+      if (v) {
+        e.delete(v.id);
         const L = {
-          ...v,
-          bodies: v.bodies.filter((B) => B.id !== m.id)
+          ...A,
+          bodies: A.bodies.filter((B) => B.id !== m.id)
         };
-        return t.set(v.id, L), {
-          oldValue: v,
+        return t.set(A.id, L), {
+          oldValue: A,
           newValue: L,
-          bodiesDeleted: [x]
+          bodiesDeleted: [v]
         };
       } else
         console.warn(`Attempt to delete missing body ${m.id} from annotation ${m.annotation}`);
     } else
       console.warn(`Attempt to delete body from missing annotation ${m.annotation}`);
-  }, d = (m, v = k.LOCAL) => {
-    const x = p(m);
-    x && r(v, { updated: [x] });
-  }, y = (m, v = k.LOCAL) => {
-    const x = m.map((L) => p(L)).filter(Boolean);
-    x.length > 0 && r(v, { updated: x });
+  }, d = (m, A = k.LOCAL) => {
+    const v = p(m);
+    v && r(A, { updated: [v] });
+  }, y = (m, A = k.LOCAL) => {
+    const v = m.map((L) => p(L)).filter(Boolean);
+    v.length > 0 && r(A, { updated: v });
   }, S = (m) => {
-    const v = t.get(m);
-    return v ? { ...v } : void 0;
+    const A = t.get(m);
+    return A ? { ...A } : void 0;
   }, E = (m) => {
-    const v = e.get(m);
-    if (v) {
-      const x = S(v).bodies.find((L) => L.id === m);
-      if (x)
-        return x;
+    const A = e.get(m);
+    if (A) {
+      const v = S(A).bodies.find((L) => L.id === m);
+      if (v)
+        return v;
       console.error(`Store integrity error: body ${m} in index, but not in annotation`);
     } else
       console.warn(`Attempt to retrieve missing body: ${m}`);
-  }, w = (m, v) => {
-    if (m.annotation !== v.annotation)
+  }, b = (m, A) => {
+    if (m.annotation !== A.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const x = t.get(m.annotation);
-    if (x) {
-      const L = x.bodies.find((M) => M.id === m.id), B = {
-        ...x,
-        bodies: x.bodies.map((M) => M.id === L.id ? v : M)
+    const v = t.get(m.annotation);
+    if (v) {
+      const L = v.bodies.find((M) => M.id === m.id), B = {
+        ...v,
+        bodies: v.bodies.map((M) => M.id === L.id ? A : M)
       };
-      return t.set(x.id, B), L.id !== v.id && (e.delete(L.id), e.set(v.id, B.id)), {
-        oldValue: x,
+      return t.set(v.id, B), L.id !== A.id && (e.delete(L.id), e.set(A.id, B.id)), {
+        oldValue: v,
         newValue: B,
-        bodiesUpdated: [{ oldBody: L, newBody: v }]
+        bodiesUpdated: [{ oldBody: L, newBody: A }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${m.annotation}`);
-  }, T = (m, v, x = k.LOCAL) => {
-    const L = w(m, v);
-    L && r(x, { updated: [L] });
-  }, O = (m, v = k.LOCAL) => {
-    const x = m.map((L) => w({ id: L.id, annotation: L.annotation }, L)).filter(Boolean);
-    r(v, { updated: x });
+  }, T = (m, A, v = k.LOCAL) => {
+    const L = b(m, A);
+    L && r(v, { updated: [L] });
+  }, O = (m, A = k.LOCAL) => {
+    const v = m.map((L) => b({ id: L.id, annotation: L.annotation }, L)).filter(Boolean);
+    r(A, { updated: v });
   }, R = (m) => {
-    const v = t.get(m.annotation);
-    if (v) {
-      const x = {
-        ...v,
+    const A = t.get(m.annotation);
+    if (A) {
+      const v = {
+        ...A,
         target: {
-          ...v.target,
+          ...A.target,
           ...m
         }
       };
-      return t.set(v.id, x), {
-        oldValue: v,
-        newValue: x,
+      return t.set(A.id, v), {
+        oldValue: A,
+        newValue: v,
         targetUpdated: {
-          oldTarget: v.target,
+          oldTarget: A.target,
           newTarget: m
         }
       };
@@ -1012,12 +1012,12 @@ const Cn = (t, e) => {
     bulkDeleteBodies: y,
     bulkUpdateAnnotation: f,
     bulkUpdateBodies: O,
-    bulkUpdateTargets: (m, v = k.LOCAL) => {
-      const x = m.map((L) => R(L)).filter(Boolean);
-      x.length > 0 && r(v, { updated: x });
+    bulkUpdateTargets: (m, A = k.LOCAL) => {
+      const v = m.map((L) => R(L)).filter(Boolean);
+      v.length > 0 && r(A, { updated: v });
     },
     clear: g,
-    deleteAnnotation: b,
+    deleteAnnotation: w,
     deleteBody: d,
     getAnnotation: S,
     getBody: E,
@@ -1025,9 +1025,9 @@ const Cn = (t, e) => {
     unobserve: i,
     updateAnnotation: l,
     updateBody: T,
-    updateTarget: (m, v = k.LOCAL) => {
-      const x = R(m);
-      x && r(v, { updated: [x] });
+    updateTarget: (m, A = k.LOCAL) => {
+      const v = R(m);
+      v && r(A, { updated: [v] });
     }
   };
 };
@@ -1050,36 +1050,36 @@ const Mn = 250, Bn = (t) => {
   let o = -1, i = !1, r = 0;
   const a = (u) => {
     if (!i) {
-      const { changes: A } = u, b = performance.now();
-      if (b - r > Mn)
-        n.splice(o + 1), n.push(A), o = n.length - 1;
+      const { changes: x } = u, w = performance.now();
+      if (w - r > Mn)
+        n.splice(o + 1), n.push(x), o = n.length - 1;
       else {
         const C = n.length - 1;
-        n[C] = Ln(n[C], A);
+        n[C] = Ln(n[C], x);
       }
-      r = b;
+      r = w;
     }
     i = !1;
   };
   t.observe(a, { origin: k.LOCAL });
-  const s = (u) => u && u.length > 0 && t.bulkDeleteAnnotation(u), l = (u) => u && u.length > 0 && t.bulkAddAnnotation(u, !1), f = (u) => u && u.length > 0 && t.bulkUpdateAnnotation(u.map(({ oldValue: A }) => A)), h = (u) => u && u.length > 0 && t.bulkUpdateAnnotation(u.map(({ newValue: A }) => A)), c = (u) => u && u.length > 0 && t.bulkAddAnnotation(u, !1), g = (u) => u && u.length > 0 && t.bulkDeleteAnnotation(u);
+  const s = (u) => u && u.length > 0 && t.bulkDeleteAnnotation(u), l = (u) => u && u.length > 0 && t.bulkAddAnnotation(u, !1), f = (u) => u && u.length > 0 && t.bulkUpdateAnnotation(u.map(({ oldValue: x }) => x)), h = (u) => u && u.length > 0 && t.bulkUpdateAnnotation(u.map(({ newValue: x }) => x)), c = (u) => u && u.length > 0 && t.bulkAddAnnotation(u, !1), g = (u) => u && u.length > 0 && t.bulkDeleteAnnotation(u);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
     destroy: () => t.unobserve(a),
-    on: (u, A) => e.on(u, A),
+    on: (u, x) => e.on(u, x),
     redo: () => {
       if (n.length - 1 > o) {
         i = !0;
-        const { created: u, updated: A, deleted: b } = n[o + 1];
-        l(u), h(A), g(b), e.emit("redo", n[o + 1]), o += 1;
+        const { created: u, updated: x, deleted: w } = n[o + 1];
+        l(u), h(x), g(w), e.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         i = !0;
-        const { created: u, updated: A, deleted: b } = n[o];
-        s(u), f(A), c(b), e.emit("undo", n[o]), o -= 1;
+        const { created: u, updated: x, deleted: w } = n[o];
+        s(u), f(x), c(w), e.emit("undo", n[o]), o -= 1;
       }
     }
   };
@@ -1092,17 +1092,17 @@ const Mn = 250, Bn = (t) => {
 }, In = (t, e, n, o) => {
   const { store: i, selection: r, hover: a, viewport: s } = t, l = /* @__PURE__ */ new Map();
   let f = [], h;
-  const c = (b, C) => {
-    l.has(b) ? l.get(b).push(C) : l.set(b, [C]);
-  }, g = (b, C) => {
-    const p = l.get(b);
+  const c = (w, C) => {
+    l.has(w) ? l.get(w).push(C) : l.set(w, [C]);
+  }, g = (w, C) => {
+    const p = l.get(w);
     if (p) {
       const d = p.indexOf(C);
       d !== -1 && p.splice(d, 1);
     }
-  }, u = (b, C, p) => {
-    l.has(b) && setTimeout(() => {
-      l.get(b).forEach((d) => {
+  }, u = (w, C, p) => {
+    l.has(w) && setTimeout(() => {
+      l.get(w).forEach((d) => {
         if (n) {
           const y = Array.isArray(C) ? C.map((E) => n.serialize(E)) : n.serialize(C), S = p ? p instanceof PointerEvent ? p : n.serialize(p) : void 0;
           d(y, S);
@@ -1111,17 +1111,17 @@ const Mn = 250, Bn = (t) => {
       });
     }, 1);
   };
-  r.subscribe(({ selected: b }) => {
-    if (!(f.length === 0 && b.length === 0)) {
-      if (f.length === 0 && b.length > 0)
-        f = b.map(({ id: C }) => i.getAnnotation(C));
-      else if (f.length > 0 && b.length === 0)
+  r.subscribe(({ selected: w }) => {
+    if (!(f.length === 0 && w.length === 0)) {
+      if (f.length === 0 && w.length > 0)
+        f = w.map(({ id: C }) => i.getAnnotation(C));
+      else if (f.length > 0 && w.length === 0)
         f.forEach((C) => {
           const p = i.getAnnotation(C.id);
           p && !G(p, C) && u("updateAnnotation", p, C);
         }), f = [];
       else {
-        const C = new Set(f.map((d) => d.id)), p = new Set(b.map(({ id: d }) => d));
+        const C = new Set(f.map((d) => d.id)), p = new Set(w.map(({ id: d }) => d));
         f.filter((d) => !p.has(d.id)).forEach((d) => {
           const y = i.getAnnotation(d.id);
           y && !G(y, d) && u("updateAnnotation", y, d);
@@ -1129,16 +1129,16 @@ const Mn = 250, Bn = (t) => {
           // Remove annotations that were deselected
           ...f.filter((d) => p.has(d.id)),
           // Add editable annotations that were selected
-          ...b.filter(({ id: d }) => !C.has(d)).map(({ id: d }) => i.getAnnotation(d))
+          ...w.filter(({ id: d }) => !C.has(d)).map(({ id: d }) => i.getAnnotation(d))
         ];
       }
       u("selectionChanged", f);
     }
-  }), a.subscribe((b) => {
-    !h && b ? u("mouseEnterAnnotation", i.getAnnotation(b)) : h && !b ? u("mouseLeaveAnnotation", i.getAnnotation(h)) : h && b && (u("mouseLeaveAnnotation", i.getAnnotation(h)), u("mouseEnterAnnotation", i.getAnnotation(b))), h = b;
-  }), s == null || s.subscribe((b) => u("viewportIntersect", b.map((C) => i.getAnnotation(C)))), i.observe((b) => {
-    const { created: C, deleted: p } = b.changes;
-    (C || []).forEach((d) => u("createAnnotation", d)), (p || []).forEach((d) => u("deleteAnnotation", d)), (b.changes.updated || []).filter((d) => [
+  }), a.subscribe((w) => {
+    !h && w ? u("mouseEnterAnnotation", i.getAnnotation(w)) : h && !w ? u("mouseLeaveAnnotation", i.getAnnotation(h)) : h && w && (u("mouseLeaveAnnotation", i.getAnnotation(h)), u("mouseEnterAnnotation", i.getAnnotation(w))), h = w;
+  }), s == null || s.subscribe((w) => u("viewportIntersect", w.map((C) => i.getAnnotation(C)))), i.observe((w) => {
+    const { created: C, deleted: p } = w.changes;
+    (C || []).forEach((d) => u("createAnnotation", d)), (p || []).forEach((d) => u("deleteAnnotation", d)), (w.changes.updated || []).filter((d) => [
       ...d.bodiesCreated || [],
       ...d.bodiesDeleted || [],
       ...d.bodiesUpdated || []
@@ -1146,17 +1146,17 @@ const Mn = 250, Bn = (t) => {
       const S = f.find((E) => E.id === d.id) || d;
       f = f.map((E) => E.id === d.id ? y : E), u("updateAnnotation", y, S);
     });
-  }, { origin: k.LOCAL }), i.observe((b) => {
+  }, { origin: k.LOCAL }), i.observe((w) => {
     if (f) {
-      const C = new Set(f.map((d) => d.id)), p = (b.changes.updated || []).filter(({ newValue: d }) => C.has(d.id)).map(({ newValue: d }) => d);
+      const C = new Set(f.map((d) => d.id)), p = (w.changes.updated || []).filter(({ newValue: d }) => C.has(d.id)).map(({ newValue: d }) => d);
       p.length > 0 && (f = f.map((d) => p.find((S) => S.id === d.id) || d));
     }
   }, { origin: k.REMOTE });
-  const A = (b) => (C) => {
+  const x = (w) => (C) => {
     const { updated: p } = C;
-    b ? (p || []).forEach((d) => u("updateAnnotation", d.oldValue, d.newValue)) : (p || []).forEach((d) => u("updateAnnotation", d.newValue, d.oldValue));
+    w ? (p || []).forEach((d) => u("updateAnnotation", d.oldValue, d.newValue)) : (p || []).forEach((d) => u("updateAnnotation", d.newValue, d.oldValue));
   };
-  return e.on("undo", A(!0)), e.on("redo", A(!1)), { on: c, off: g, emit: u };
+  return e.on("undo", x(!0)), e.on("redo", x(!1)), { on: c, off: g, emit: u };
 }, Nn = (t) => (e) => e.reduce((n, o) => {
   const { parsed: i, error: r } = t.parse(o);
   return r ? {
@@ -1198,9 +1198,9 @@ const Mn = 250, Bn = (t) => {
       S.length > 0 && console.warn(`Discarded ${S.length} invalid annotations`, S), o.bulkAddAnnotation(y, d, k.REMOTE);
     } else
       o.bulkAddAnnotation(p, d, k.REMOTE);
-  }, A = (p, d) => {
+  }, x = (p, d) => {
     p ? i.setSelected(p, d) : i.clear();
-  }, b = (p) => {
+  }, w = (p) => {
     i.clear(), i.setUserSelectAction(p);
   }, C = (p) => {
     if (n) {
@@ -1224,8 +1224,8 @@ const Mn = 250, Bn = (t) => {
     redo: e.redo,
     removeAnnotation: g,
     setAnnotations: u,
-    setSelected: A,
-    setUserSelectAction: b,
+    setSelected: x,
+    setUserSelectAction: w,
     undo: e.undo,
     updateAnnotation: C
   };
@@ -1345,15 +1345,15 @@ const Lo = (t, e) => ({
     updated: f,
     ...h
   } = i, c = a.map((g) => {
-    const { quote: u, start: A, end: b, range: C } = g, { prefix: p, suffix: d } = Ne(C, n), y = [{
+    const { quote: u, start: x, end: w, range: C } = g, { prefix: p, suffix: d } = Ne(C, n), y = [{
       type: "TextQuoteSelector",
       exact: u,
       prefix: p,
       suffix: d
     }, {
       type: "TextPositionSelector",
-      start: A,
-      end: b
+      start: x,
+      end: w
     }];
     return {
       ...h,
@@ -1377,8 +1377,8 @@ const Lo = (t, e) => ({
 function ge(t, e, n = 0, o = t.length - 1, i = qn) {
   for (; o > n; ) {
     if (o - n > 600) {
-      const l = o - n + 1, f = e - n + 1, h = Math.log(l), c = 0.5 * Math.exp(2 * h / 3), g = 0.5 * Math.sqrt(h * c * (l - c) / l) * (f - l / 2 < 0 ? -1 : 1), u = Math.max(n, Math.floor(e - f * c / l + g)), A = Math.min(o, Math.floor(e + (l - f) * c / l + g));
-      ge(t, e, u, A, i);
+      const l = o - n + 1, f = e - n + 1, h = Math.log(l), c = 0.5 * Math.exp(2 * h / 3), g = 0.5 * Math.sqrt(h * c * (l - c) / l) * (f - l / 2 < 0 ? -1 : 1), u = Math.max(n, Math.floor(e - f * c / l + g)), x = Math.min(o, Math.floor(e + (l - f) * c / l + g));
+      ge(t, e, u, x, i);
     }
     const r = t[e];
     let a = n, s = o;
@@ -1661,17 +1661,17 @@ const oo = (t, e) => {
     const E = y.selector.flatMap((T) => {
       const O = W([T]) ? T.range : se(T, e).range;
       return Array.from(O.getClientRects());
-    }), w = Ke(E).map((T) => Pe(T, S));
-    return w.map((T) => {
-      const { x: O, y: R, width: m, height: v } = T;
+    }), b = Ke(E).map((T) => Pe(T, S));
+    return b.map((T) => {
+      const { x: O, y: R, width: m, height: A } = T;
       return {
         minX: O,
         minY: R,
         maxX: O + m,
-        maxY: R + v,
+        maxY: R + A,
         annotation: {
           id: y.annotation,
-          rects: w
+          rects: b
         }
       };
     });
@@ -1687,29 +1687,29 @@ const oo = (t, e) => {
     f(y), l(y);
   }, c = (y, S = !0) => {
     S && s();
-    const E = e.getBoundingClientRect(), w = y.map((O) => ({ target: O, rects: r(O, E) }));
-    w.forEach(({ target: O, rects: R }) => o.set(O.annotation, R));
-    const T = w.flatMap(({ rects: O }) => O);
+    const E = e.getBoundingClientRect(), b = y.map((O) => ({ target: O, rects: r(O, E) }));
+    b.forEach(({ target: O, rects: R }) => o.set(O.annotation, R));
+    const T = b.flatMap(({ rects: O }) => O);
     n.load(T);
   }, g = (y, S, E = !1) => {
-    const w = n.search({
+    const b = n.search({
       minX: y,
       minY: S,
       maxX: y,
       maxY: S
     }), T = (O) => O.annotation.rects.reduce((R, m) => R + m.width * m.height, 0);
-    return w.length > 0 ? (w.sort((O, R) => T(O) - T(R)), E ? w.map((O) => O.annotation.id) : [w[0].annotation.id]) : [];
+    return b.length > 0 ? (b.sort((O, R) => T(O) - T(R)), E ? b.map((O) => O.annotation.id) : [b[0].annotation.id]) : [];
   }, u = (y) => {
-    const S = A(y);
+    const S = x(y);
     if (S.length === 0)
       return;
-    let E = S[0].left, w = S[0].top, T = S[0].right, O = S[0].bottom;
+    let E = S[0].left, b = S[0].top, T = S[0].right, O = S[0].bottom;
     for (let R = 1; R < S.length; R++) {
       const m = S[R];
-      E = Math.min(E, m.left), w = Math.min(w, m.top), T = Math.max(T, m.right), O = Math.max(O, m.bottom);
+      E = Math.min(E, m.left), b = Math.min(b, m.top), T = Math.max(T, m.right), O = Math.max(O, m.bottom);
     }
-    return new DOMRect(E, w, T - E, O - w);
-  }, A = (y) => {
+    return new DOMRect(E, b, T - E, O - b);
+  }, x = (y) => {
     const S = o.get(y);
     return S ? S[0].annotation.rects : [];
   };
@@ -1718,12 +1718,12 @@ const oo = (t, e) => {
     clear: s,
     getAt: g,
     getAnnotationBounds: u,
-    getAnnotationRects: A,
-    getIntersecting: (y, S, E, w) => {
-      const T = n.search({ minX: y, minY: S, maxX: E, maxY: w }), O = new Set(T.map((R) => R.annotation.id));
+    getAnnotationRects: x,
+    getIntersecting: (y, S, E, b) => {
+      const T = n.search({ minX: y, minY: S, maxX: E, maxY: b }), O = new Set(T.map((R) => R.annotation.id));
       return Array.from(O).map((R) => ({
         annotation: t.getAnnotation(R),
-        rects: A(R)
+        rects: x(R)
       })).filter((R) => !!R.annotation);
     },
     insert: l,
@@ -1743,12 +1743,12 @@ const oo = (t, e) => {
     const S = wt(d, t), E = W(S.target.selector);
     return E && n.addAnnotation(S, y), E;
   }, l = (d, y = !0, S = k.LOCAL) => {
-    const E = d.map((T) => wt(T, t)), w = E.filter((T) => !W(T.target.selector));
-    return w.length > 0 ? (console.warn("Could not revive all targets for these annotations:", w), n.bulkAddAnnotation(E, y, S), w) : (n.bulkAddAnnotation(E, y, S), []);
+    const E = d.map((T) => wt(T, t)), b = E.filter((T) => !W(T.target.selector));
+    return b.length > 0 ? (console.warn("Could not revive all targets for these annotations:", b), n.bulkAddAnnotation(E, y, S), b) : (n.bulkAddAnnotation(E, y, S), []);
   }, f = (d, y = k.LOCAL) => {
-    const S = d.map((w) => wt(w, t)), E = S.filter((w) => !W(w.target.selector));
-    return E.length > 0 && console.warn("Could not revive all targets for these annotations:", E), S.forEach((w) => {
-      n.getAnnotation(w.id) ? n.updateAnnotation(w, y) : n.addAnnotation(w, y);
+    const S = d.map((b) => wt(b, t)), E = S.filter((b) => !W(b.target.selector));
+    return E.length > 0 && console.warn("Could not revive all targets for these annotations:", E), S.forEach((b) => {
+      n.getAnnotation(b.id) ? n.updateAnnotation(b, y) : n.addAnnotation(b, y);
     }), E;
   }, h = (d, y = k.LOCAL) => {
     const S = bt(d, t);
@@ -1757,21 +1757,21 @@ const oo = (t, e) => {
     const S = d.map((E) => bt(E, t));
     n.bulkUpdateTargets(S, y);
   }, g = (d, y, S) => {
-    const E = o.getAt(d, y, !!S).map((T) => n.getAnnotation(T)), w = S ? E.filter(S) : E;
-    return w.length > 0 ? w[0] : void 0;
+    const E = o.getAt(d, y, !!S).map((T) => n.getAnnotation(T)), b = S ? E.filter(S) : E;
+    return b.length > 0 ? b[0] : void 0;
   }, u = (d, y, S, E = 5) => {
-    const w = o.getAnnotationRects(d);
-    if (w.length !== 0) {
+    const b = o.getAnnotationRects(d);
+    if (b.length !== 0) {
       if (y && S) {
-        const T = w.find(({ top: O, right: R, bottom: m, left: v }) => y >= v - E && y <= R + E && S >= O - E && S <= m + E);
+        const T = b.find(({ top: O, right: R, bottom: m, left: A }) => y >= A - E && y <= R + E && S >= O - E && S <= m + E);
         if (T) return T;
       }
       return o.getAnnotationBounds(d);
     }
-  }, A = (d, y, S, E) => o.getIntersecting(d, y, S, E), b = (d) => o.getAnnotationRects(d), C = () => o.recalculate(), p = (d) => o.on("recalculate", d);
+  }, x = (d, y, S, E) => o.getIntersecting(d, y, S, E), w = (d) => o.getAnnotationRects(d), C = () => o.recalculate(), p = (d) => o.on("recalculate", d);
   return n.observe(({ changes: d }) => {
-    const y = (d.deleted || []).filter((w) => W(w.target.selector)), S = (d.created || []).filter((w) => W(w.target.selector)), E = (d.updated || []).filter((w) => W(w.newValue.target.selector));
-    (y == null ? void 0 : y.length) > 0 && y.forEach((w) => o.remove(w.target)), S.length > 0 && o.set(S.map((w) => w.target), !1), (E == null ? void 0 : E.length) > 0 && E.forEach(({ newValue: w }) => o.update(w.target));
+    const y = (d.deleted || []).filter((b) => W(b.target.selector)), S = (d.created || []).filter((b) => W(b.target.selector)), E = (d.updated || []).filter((b) => W(b.newValue.target.selector));
+    (y == null ? void 0 : y.length) > 0 && y.forEach((b) => o.remove(b.target)), S.length > 0 && o.set(S.map((b) => b.target), !1), (E == null ? void 0 : E.length) > 0 && E.forEach(({ newValue: b }) => o.update(b.target));
   }), {
     store: {
       ...n,
@@ -1780,8 +1780,8 @@ const oo = (t, e) => {
       bulkUpdateTargets: c,
       bulkUpsertAnnotations: f,
       getAnnotationBounds: u,
-      getAnnotationRects: b,
-      getIntersecting: A,
+      getAnnotationRects: w,
+      getIntersecting: x,
       getAt: g,
       recalculatePositions: C,
       onRecalculatePositions: p,
@@ -2005,8 +2005,8 @@ const mt = (t) => {
     n || (n = at());
     const c = l > 1 ? pe(H, s) : [], g = [];
     N[h] = N[h].filter((u) => {
-      const b = (o ? u.method === o : !0) && u.scope === n && ro(u.mods, c);
-      return b && g.push(u.element), !b;
+      const w = (o ? u.method === o : !0) && u.scope === n && ro(u.mods, c);
+      return w && g.push(u.element), !w;
     }), g.forEach((u) => Kt(u));
   });
 };
@@ -2072,17 +2072,17 @@ function $(t, e, n) {
   if (typeof a < "u" && window) {
     if (!F.has(a)) {
       const u = function() {
-        let b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
-        return ee(b, a);
-      }, A = function() {
-        let b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
-        ee(b, a), po(b);
+        let w = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
+        return ee(w, a);
+      }, x = function() {
+        let w = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
+        ee(w, a), po(w);
       };
       F.set(a, {
         keydownListener: u,
-        keyupListenr: A,
+        keyupListenr: x,
         capture: c
-      }), Mt(a, "keydown", u, c), Mt(a, "keyup", A, c);
+      }), Mt(a, "keydown", u, c), Mt(a, "keyup", x, c);
     }
     if (!rt) {
       const u = () => {
@@ -2156,24 +2156,24 @@ if (typeof window < "u") {
 }
 const ne = 300, yo = (t, e, n) => {
   let o;
-  const i = (w) => o = w;
+  const i = (b) => o = b;
   let r;
-  const a = (w) => r = w;
+  const a = (b) => r = b;
   let s = !0;
-  const l = (w) => {
-    s = w, b.clear(), w || (c = void 0, g = void 0, u = void 0);
+  const l = (b) => {
+    s = b, w.clear(), b || (c = void 0, g = void 0, u = void 0);
   }, { store: f, selection: h } = e;
   let c, g, u;
-  const A = (w) => {
+  const x = (b) => {
     var O;
     if (!s || g === !1) return;
-    c = !((O = w.target.parentElement) != null && O.closest(j)) ? {
+    c = !((O = b.target.parentElement) != null && O.closest(j)) ? {
       annotation: de(),
       selector: [],
       creator: o,
       created: /* @__PURE__ */ new Date()
     } : void 0;
-  }, b = Ut((w) => {
+  }, w = Ut((b) => {
     var B, M;
     if (!s) return;
     const T = document.getSelection();
@@ -2181,62 +2181,61 @@ const ne = 300, yo = (t, e, n) => {
       c = void 0;
       return;
     }
-    const R = w.timeStamp - ((u == null ? void 0 : u.timeStamp) || w.timeStamp);
-    if ((u == null ? void 0 : u.type) === "pointerdown" && (R < 1e3 && !c || T.isCollapsed && R < ne) && A(u), !c) return;
+    const R = b.timeStamp - ((u == null ? void 0 : u.timeStamp) || b.timeStamp);
+    if ((u == null ? void 0 : u.type) === "pointerdown" && (R < 1e3 && !c || T.isCollapsed && R < ne) && x(u), !c) return;
     if (T.isCollapsed) {
       f.getAnnotation(c.annotation) && (h.clear(), f.deleteAnnotation(c.annotation));
       return;
     }
-    const m = T.getRangeAt(0), v = Xe(m, t);
-    if (Ue(v)) return;
-    const x = Te(v.cloneRange());
-    (x.length !== c.selector.length || x.some((K, Y) => {
+    const m = T.getRangeAt(0), A = Xe(m, t);
+    if (Ue(A)) return;
+    const v = Te(A.cloneRange());
+    (v.length !== c.selector.length || v.some((K, Y) => {
       var lt;
       return K.toString() !== ((lt = c.selector[Y]) == null ? void 0 : lt.quote);
     })) && (c = {
       ...c,
-      selector: x.map((K) => Ye(K, t, n)),
+      selector: v.map((K) => Ye(K, t, n)),
       updated: /* @__PURE__ */ new Date()
     }, f.getAnnotation(c.annotation) ? f.updateTarget(c, k.LOCAL) : (h.clear(), f.addAnnotation({
       id: c.annotation,
       bodies: [],
       target: c
     }, k.LOCAL), h.userSelect(c.annotation, u)));
-  }), C = (w) => {
-    u = $e(w), g = u.button === 0;
-  }, p = (w) => {
-    var m;
-    if (!!((m = w.target.parentElement) != null && m.closest(j)) || !g)
+  }), C = (b) => {
+    u = $e(b), g = u.button === 0;
+  }, p = (b) => {
+    var A;
+    const T = b.target;
+    if (!!((A = T.parentElement) != null && A.closest(j)) || !g)
       return;
-    const O = () => {
-      const { x: v, y: x } = t.getBoundingClientRect(), L = w.target instanceof Node && t.contains(w.target) && f.getAt(w.clientX - v, w.clientY - x, r);
-      if (L) {
-        const { selected: B } = h;
-        (B.length !== 1 || B[0].id !== L.id) && h.userSelect(L.id, w);
+    const R = () => {
+      const { x: v, y: L } = t.getBoundingClientRect(), B = b.target instanceof Node && t.contains(b.target) && f.getAt(b.clientX - v, b.clientY - L, r);
+      if (B) {
+        const { selected: M } = h;
+        (M.length !== 1 || M[0].id !== B.id) && h.userSelect(B.id, b);
       } else h.isEmpty() || h.clear();
-    };
-    document.getSelection();
-    const R = w.timeStamp - u.timeStamp;
+    }, m = b.timeStamp - u.timeStamp;
     setTimeout(() => {
       const v = document.getSelection();
-      v != null && v.isCollapsed && R < ne ? (c = void 0, O()) : c && f.getAnnotation(c.annotation) && h.userSelect(c.annotation, w);
+      v != null && v.isCollapsed && m < ne ? T !== document.documentElement && (c = void 0, R()) : c && f.getAnnotation(c.annotation) && h.userSelect(c.annotation, b);
     });
   };
-  document.addEventListener("pointerdown", C), document.addEventListener("pointerup", p), t.addEventListener("selectstart", A), document.addEventListener("selectionchange", b);
+  document.addEventListener("pointerdown", C), document.addEventListener("pointerup", p), t.addEventListener("selectstart", x), document.addEventListener("selectionchange", w);
   const d = ["up", "down", "left", "right"], y = [
-    ...d.map((w) => `shift+${w}`),
+    ...d.map((b) => `shift+${b}`),
     "ctrl+a",
     "⌘+a"
   ];
-  $(y.join(","), { element: t, keydown: !0, keyup: !1 }, (w) => {
-    w.repeat || (u = je(w));
+  $(y.join(","), { element: t, keydown: !0, keyup: !1 }, (b) => {
+    b.repeat || (u = je(b));
   });
-  const S = (w) => {
-    w.repeat || w.target !== t && w.target !== document.body || (c = void 0, h.clear());
+  const S = (b) => {
+    b.repeat || b.target !== t && b.target !== document.body || (c = void 0, h.clear());
   };
   return $(d.join(","), { keydown: !0, keyup: !1 }, S), {
     destroy: () => {
-      c = void 0, g = void 0, u = void 0, b.clear(), document.removeEventListener("pointerdown", C), document.removeEventListener("pointerup", p), t.removeEventListener("selectstart", A), document.removeEventListener("selectionchange", b), $.unbind();
+      c = void 0, g = void 0, u = void 0, w.clear(), document.removeEventListener("pointerdown", C), document.removeEventListener("pointerup", p), t.removeEventListener("selectstart", x), document.removeEventListener("selectionchange", w), $.unbind();
     },
     setFilter: a,
     setUser: i,
@@ -2252,7 +2251,7 @@ const ne = 300, yo = (t, e, n) => {
   document.body.appendChild(o);
   const r = /* @__PURE__ */ new Map(), a = (c) => Array.from(r.entries()).filter(([g, u]) => u.presenceKey === c.presenceKey).map(([g, u]) => g);
   return e.on("selectionChange", (c, g) => {
-    a(c).forEach((A) => r.delete(A)), g && g.forEach((A) => r.set(A, c));
+    a(c).forEach((x) => r.delete(x)), g && g.forEach((x) => r.set(x, c));
   }), {
     clear: () => {
       const { width: c, height: g } = o;
@@ -2263,13 +2262,13 @@ const ne = 300, yo = (t, e, n) => {
     },
     paint: (c, g, u) => {
       n.font && (i.font = n.font);
-      const A = r.get(c.annotation.id);
-      if (A) {
-        const { height: b } = c.rects[0], C = c.rects[0].x + g.left, p = c.rects[0].y + g.top;
-        i.fillStyle = A.appearance.color, i.fillRect(C - 2, p - 2.5, 2, b + 5);
-        const d = i.measureText(A.appearance.label), y = d.width + 6, S = d.actualBoundingBoxAscent + d.actualBoundingBoxDescent + 8, E = d.fontBoundingBoxAscent ? 8 : 6.5;
-        return i.fillRect(C - 2, p - 2.5 - S, y, S), i.fillStyle = "#fff", i.fillText(A.appearance.label, C + 1, p - E), {
-          fill: A.appearance.color,
+      const x = r.get(c.annotation.id);
+      if (x) {
+        const { height: w } = c.rects[0], C = c.rects[0].x + g.left, p = c.rects[0].y + g.top;
+        i.fillStyle = x.appearance.color, i.fillRect(C - 2, p - 2.5, 2, w + 5);
+        const d = i.measureText(x.appearance.label), y = d.width + 6, S = d.actualBoundingBoxAscent + d.actualBoundingBoxDescent + 8, E = d.fontBoundingBoxAscent ? 8 : 6.5;
+        return i.fillRect(C - 2, p - 2.5 - S, y, S), i.fillStyle = "#fff", i.fillText(x.appearance.label, C + 1, p - E), {
+          fill: x.appearance.color,
           fillOpacity: u ? 0.45 : 0.18
         };
       }
@@ -2287,7 +2286,7 @@ const ne = 300, yo = (t, e, n) => {
   return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : ve(t.parentElement);
 }, vo = (t, e) => (n) => {
   const o = typeof n == "string" ? n : n.id, i = (a) => {
-    const s = r.getBoundingClientRect(), l = r.clientHeight, f = r.clientWidth, h = a.selector[0].range.getBoundingClientRect(), { width: c, height: g } = e.getAnnotationBounds(o), u = h.top - s.top, A = h.left - s.left, b = r.parentElement ? r.scrollTop : 0, C = r.parentElement ? r.scrollLeft : 0, p = u + b - (l - g) / 2, d = A + C - (f - c) / 2;
+    const s = r.getBoundingClientRect(), l = r.clientHeight, f = r.clientWidth, h = a.selector[0].range.getBoundingClientRect(), { width: c, height: g } = e.getAnnotationBounds(o), u = h.top - s.top, x = h.left - s.left, w = r.parentElement ? r.scrollTop : 0, C = r.parentElement ? r.scrollLeft : 0, p = u + w - (l - g) / 2, d = x + C - (f - c) / 2;
     r.scroll({ top: p, left: d, behavior: "smooth" });
   }, r = ve(t);
   if (r) {
@@ -2318,7 +2317,7 @@ const ne = 300, yo = (t, e, n) => {
   console.debug(`Using ${h} renderer`), n.style && c.setStyle(n.style);
   const g = yo(t, o, n.offsetReferenceSelector);
   g.setUser(f), g.setAnnotatingEnabled(n.annotatingEnabled);
-  const u = _n(o, s, n.adapter), A = () => f, b = (E) => {
+  const u = _n(o, s, n.adapter), x = () => f, w = (E) => {
     g.setAnnotatingEnabled(
       E === void 0 ? !0 : E
     );
@@ -2337,8 +2336,8 @@ const ne = 300, yo = (t, e, n) => {
       c.destroy(), g.destroy(), s.destroy();
     },
     element: t,
-    getUser: A,
-    setAnnotatingEnabled: b,
+    getUser: x,
+    setAnnotatingEnabled: w,
     setFilter: C,
     setStyle: c.setStyle.bind(c),
     redraw: c.redraw.bind(c),