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

package/dist/text-annotator.es.js

@@ -265,20 +265,20 @@ 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) => {
     l = O, g(!1);
@@ -300,7 +300,7 @@ const Ie = /* @__PURE__ */ Be(ke), Ut = (t, e = 10, n) => {
       t.removeEventListener("pointermove", c), o.destroy(), i.unobserve(C), p(), document.removeEventListener("scroll", d), y.clear(), window.removeEventListener("resize", y), S.disconnect(), w.disconnect();
     },
     redraw: g,
-    setStyle: A,
+    setStyle: x,
     setFilter: b,
     setPainter: u,
     setVisible: o.setVisible
@@ -317,14 +317,14 @@ 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,
+        x: E + x,
         y: w + u,
         width: T,
         height: O
@@ -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, b) => {
+        const { annotation: { target: { created: C } } } = x, { annotation: { target: { created: p } } } = b;
+        return console.log(x.annotation), console.log(b.annotation), C && p ? C.getTime() - p.getTime() : 0;
+      }).forEach((x) => {
+        x.rects.map((b) => {
+          const C = sn(b, 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 = `${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);
           }
         });
       }), n = a;
@@ -674,9 +674,9 @@ 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 x = typeof u == "string" ? u : u.id;
+    return r.selected.some((b) => b.id === x);
+  }, f = (u, x) => {
     const b = t.getAnnotation(u);
     if (!b) {
       console.warn("Invalid selection: " + u);
@@ -684,30 +684,30 @@ const ft = { selected: [] }, mn = (t, e) => {
     }
     switch (Qt(b, 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) => {
+  }, h = (u, x) => {
     const b = Array.isArray(u) ? u : [u], C = b.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 = (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: b }) => u.includes(b)) && o({ selected: x.filter(({ id: b }) => !u.includes(b)) });
   }, 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((b) => b.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}`);
+  }, b = (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)
+  }, w = (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 = w(m, A);
+    L && r(v, { updated: [L] });
+  }, O = (m, A = k.LOCAL) => {
+    const v = m.map((L) => w({ 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,9 +1012,9 @@ 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,
@@ -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();
+      const { changes: x } = u, b = performance.now();
       if (b - r > Mn)
-        n.splice(o + 1), n.push(A), o = n.length - 1;
+        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;
     }
     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: b } = n[o + 1];
+        l(u), h(x), g(b), 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: b } = n[o];
+        s(u), f(x), c(b), e.emit("undo", n[o]), o -= 1;
       }
     }
   };
@@ -1152,11 +1152,11 @@ const Mn = 250, Bn = (t) => {
       p.length > 0 && (f = f.map((d) => p.find((S) => S.id === d.id) || d));
     }
   }, { origin: k.REMOTE });
-  const A = (b) => (C) => {
+  const x = (b) => (C) => {
     const { updated: p } = C;
     b ? (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,7 +1198,7 @@ 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) => {
     i.clear(), i.setUserSelectAction(p);
@@ -1224,7 +1224,7 @@ const Mn = 250, Bn = (t) => {
     redo: e.redo,
     removeAnnotation: g,
     setAnnotations: u,
-    setSelected: A,
+    setSelected: x,
     setUserSelectAction: b,
     undo: e.undo,
     updateAnnotation: C
@@ -1345,14 +1345,14 @@ 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: b, range: C } = g, { prefix: p, suffix: d } = Ne(C, n), y = [{
       type: "TextQuoteSelector",
       exact: u,
       prefix: p,
       suffix: d
     }, {
       type: "TextPositionSelector",
-      start: A,
+      start: x,
       end: b
     }];
     return {
@@ -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;
@@ -1663,12 +1663,12 @@ const oo = (t, e) => {
       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;
+      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
@@ -1700,7 +1700,7 @@ const oo = (t, e) => {
     }), 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]) : [];
   }, 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;
@@ -1709,7 +1709,7 @@ const oo = (t, e) => {
       E = Math.min(E, m.left), w = Math.min(w, 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) => {
+  }, 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,
+    getAnnotationRects: x,
     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));
       return Array.from(O).map((R) => ({
         annotation: t.getAnnotation(R),
-        rects: A(R)
+        rects: x(R)
       })).filter((R) => !!R.annotation);
     },
     insert: l,
@@ -1763,12 +1763,12 @@ const oo = (t, e) => {
     const w = o.getAnnotationRects(d);
     if (w.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 = w.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), b = (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));
@@ -1781,7 +1781,7 @@ const oo = (t, e) => {
       bulkUpsertAnnotations: f,
       getAnnotationBounds: u,
       getAnnotationRects: b,
-      getIntersecting: A,
+      getIntersecting: x,
       getAt: g,
       recalculatePositions: C,
       onRecalculatePositions: p,
@@ -2074,15 +2074,15 @@ function $(t, e, n) {
       const u = function() {
         let b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
         return ee(b, a);
-      }, A = function() {
+      }, x = function() {
         let b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
         ee(b, a), po(b);
       };
       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 = () => {
@@ -2164,7 +2164,7 @@ const ne = 300, yo = (t, e, n) => {
     s = w, b.clear(), w || (c = void 0, g = void 0, u = void 0);
   }, { store: f, selection: h } = e;
   let c, g, u;
-  const A = (w) => {
+  const x = (w) => {
     var O;
     if (!s || g === !1) return;
     c = !((O = w.target.parentElement) != null && O.closest(j)) ? {
@@ -2182,20 +2182,20 @@ const ne = 300, yo = (t, e, n) => {
       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;
+    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,
@@ -2205,24 +2205,23 @@ const ne = 300, yo = (t, e, n) => {
   }), C = (w) => {
     u = $e(w), g = u.button === 0;
   }, p = (w) => {
-    var m;
-    if (!!((m = w.target.parentElement) != null && m.closest(j)) || !g)
+    var A;
+    const T = w.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 = w.target instanceof Node && t.contains(w.target) && f.getAt(w.clientX - v, w.clientY - L, r);
+      if (B) {
+        const { selected: M } = h;
+        (M.length !== 1 || M[0].id !== B.id) && h.userSelect(B.id, w);
       } else h.isEmpty() || h.clear();
-    };
-    document.getSelection();
-    const R = w.timeStamp - u.timeStamp;
+    }, m = w.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, w);
     });
   };
-  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", b);
   const d = ["up", "down", "left", "right"], y = [
     ...d.map((w) => `shift+${w}`),
     "ctrl+a",
@@ -2236,7 +2235,7 @@ const ne = 300, yo = (t, e, n) => {
   };
   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, b.clear(), document.removeEventListener("pointerdown", C), document.removeEventListener("pointerup", p), t.removeEventListener("selectstart", x), document.removeEventListener("selectionchange", b), $.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 x = r.get(c.annotation.id);
+      if (x) {
         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,
+        i.fillStyle = x.appearance.color, i.fillRect(C - 2, p - 2.5, 2, b + 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, b = r.parentElement ? r.scrollTop : 0, C = r.parentElement ? r.scrollLeft : 0, p = u + b - (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, b = (E) => {
     g.setAnnotatingEnabled(
       E === void 0 ? !0 : E
     );
@@ -2337,7 +2336,7 @@ const ne = 300, yo = (t, e, n) => {
       c.destroy(), g.destroy(), s.destroy();
     },
     element: t,
-    getUser: A,
+    getUser: x,
     setAnnotatingEnabled: b,
     setFilter: C,
     setStyle: c.setStyle.bind(c),