@recogito/text-annotator 3.0.1 → 3.0.3

package/dist/text-annotator.es.js

@@ -33,7 +33,7 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
   pointerId: t.pointerId,
   pointerType: t.pointerType,
   timeStamp: t.timeStamp
-}), ft = (t) => ({
+}), ht = (t) => ({
   ...t,
   type: t.type,
   key: t.key,
@@ -92,7 +92,7 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
     prefix: a.substring(a.length - n),
     suffix: l.substring(0, n)
   };
-}, q = (t) => t.every((e) => e.range instanceof Range && !e.range.collapsed), ke = /^\s*$/, Ie = (t) => ke.test(t.toString()), Ue = (t, e) => {
+}, q = (t) => t.every((e) => e.range instanceof Range && !e.range.collapsed), ke = /^\s*$/, Ie = (t) => ke.test(t.toString()), _e = (t, e) => {
   const n = (s) => Math.round(s * 10) / 10, o = {
     top: n(t.top),
     bottom: n(t.bottom),
@@ -116,7 +116,7 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
       return "block-contains";
   } else if (o.top >= i.top && o.bottom <= i.bottom && o.left >= i.left && o.right <= i.right)
     return "block-is-contained";
-}, _e = (t, e) => {
+}, Ue = (t, e) => {
   const n = Math.min(t.left, e.left), o = Math.max(t.right, e.right), i = Math.min(t.top, e.top), s = Math.max(t.bottom, e.bottom);
   return new DOMRect(n, i, o - n, s - i);
 }, Ne = (t) => t.reduce((e, n) => {
@@ -124,9 +124,9 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
     return e;
   let o = [...e], i = !1;
   for (const s of e) {
-    const a = Ue(n, s);
+    const a = _e(n, s);
     if (a === "inline-adjacent") {
-      o = o.map((r) => r === s ? _e(n, s) : r), i = !0;
+      o = o.map((r) => r === s ? Ue(n, s) : r), i = !0;
       break;
     } else if (a === "inline-contains") {
       o = o.map((r) => r === s ? n : r), i = !0;
@@ -202,21 +202,20 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
   const { overflowY: e } = window.getComputedStyle(t);
   return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : ce(t.parentElement);
 }, Ye = (t, e) => (n) => {
-  const o = typeof n == "string" ? n : n.id, i = (a) => {
-    const r = s.getBoundingClientRect(), l = s.clientHeight, f = s.clientWidth, h = a.selector[0].range.getBoundingClientRect(), { width: u, height: p } = e.getAnnotationBounds(o), v = h.top - r.top, g = h.left - r.left, m = s.parentElement ? s.scrollTop : 0, A = s.parentElement ? s.scrollLeft : 0, d = v + m - (l - p) / 2, c = g + A - (f - u) / 2;
-    s.scroll({ top: d, left: c, behavior: "smooth" });
+  const o = typeof n == "string" ? n : n.id, i = (h) => {
+    const u = s.getBoundingClientRect(), p = s.clientHeight, v = s.clientWidth, g = h.selector[0].range.getBoundingClientRect(), { width: m, height: A } = e.getAnnotationBounds(o), d = g.top - u.top, c = g.left - u.left, y = s.parentElement ? s.scrollTop : 0, S = s.parentElement ? s.scrollLeft : 0, E = d + y - (p - A) / 2, C = c + S - (v - m) / 2;
+    s.scroll({ top: E, left: C, behavior: "smooth" });
   }, s = ce(t);
-  if (s) {
-    const a = e.getAnnotation(o), { range: r } = a.target.selector[0];
-    if (r && !r.collapsed)
-      return i(a.target), !0;
-    {
-      const l = At(a.target, t), { range: f } = l.selector[0];
-      if (f && !f.collapsed)
-        return i(l), !0;
-    }
-  }
-  return !1;
+  if (!s)
+    return console.warn(`The scroll parent is missing for the annotation: ${o}`, { container: t }), !1;
+  const a = e.getAnnotation(o);
+  if (!a)
+    return console.warn(`The annotation is missing in the store: ${o}`), !1;
+  const { range: r } = a.target.selector[0];
+  if (r && !r.collapsed)
+    return i(a.target), !0;
+  const l = At(a.target, t), { range: f } = l.selector[0];
+  return f && !f.collapsed ? (i(l), !0) : !1;
 }, G = {
   fill: "rgb(0, 128, 255)",
   fillOpacity: 0.18
@@ -246,9 +245,9 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
   t.addEventListener("pointermove", u);
   const p = (M = !1) => {
     f && f.clear();
-    const T = Xe(t), { minX: I, minY: D, maxX: y, maxY: x } = T, w = l ? i.getIntersecting(I, D, y, x).filter(({ annotation: O }) => l(O)) : i.getIntersecting(I, D, y, x), L = s.selected.map(({ id: O }) => O), B = w.map(({ annotation: O, rects: U }) => {
+    const T = Xe(t), { minX: I, minY: D, maxX: b, maxY: x } = T, w = l ? i.getIntersecting(I, D, b, x).filter(({ annotation: O }) => l(O)) : i.getIntersecting(I, D, b, x), L = s.selected.map(({ id: O }) => O), B = w.map(({ annotation: O, rects: _ }) => {
       const P = L.includes(O.id), Se = O.id === a.current;
-      return { annotation: O, rects: U, state: { selected: P, hover: Se } };
+      return { annotation: O, rects: _, state: { selected: P, hover: Se } };
     });
     o.redraw(B, T, r, f, M), setTimeout(() => h(w.map(({ annotation: O }) => O)), 1);
   }, v = (M) => {
@@ -261,18 +260,18 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
   i.observe(A);
   const d = s.subscribe(() => p()), c = () => p(!0);
   document.addEventListener("scroll", c, { capture: !0, passive: !0 });
-  const b = Dt(() => {
+  const y = Dt(() => {
     i.recalculatePositions(), f && f.reset(), p();
   });
-  window.addEventListener("resize", b);
-  const S = new ResizeObserver(b);
+  window.addEventListener("resize", y);
+  const S = new ResizeObserver(y);
   S.observe(t);
   const E = { attributes: !0, childList: !0, subtree: !0 }, C = new MutationObserver((M) => {
     M.every((I) => I.target === t || t.contains(I.target)) || p(!0);
   });
   return C.observe(document.body, E), {
     destroy: () => {
-      t.removeEventListener("pointermove", u), o.destroy(), i.unobserve(A), d(), document.removeEventListener("scroll", c), window.removeEventListener("resize", b), S.disconnect(), C.disconnect();
+      t.removeEventListener("pointermove", u), o.destroy(), i.unobserve(A), d(), document.removeEventListener("scroll", c), window.removeEventListener("resize", y), S.disconnect(), C.disconnect();
     },
     redraw: p,
     setStyle: g,
@@ -294,22 +293,22 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
     n.clearRect(-0.5, -0.5, u + 1, p + 1), h && h.clear();
     const { top: v, left: g } = l;
     [...r].sort((A, d) => {
-      const { annotation: { target: { created: c } } } = A, { annotation: { target: { created: b } } } = d;
-      return c.getTime() - b.getTime();
+      const { annotation: { target: { created: c } } } = A, { annotation: { target: { created: y } } } = d;
+      return c.getTime() - y.getTime();
     }).forEach((A) => {
       var S;
-      const d = f ? typeof f == "function" ? f(A.annotation, A.state) : f : (S = A.state) != null && S.selected ? xt : G, c = h && h.paint(A, l) || d, b = A.rects.map(({ x: E, y: C, width: R, height: M }) => ({
+      const d = f ? typeof f == "function" ? f(A.annotation, A.state) : f : (S = A.state) != null && S.selected ? xt : G, c = h && h.paint(A, l) || d, y = A.rects.map(({ x: E, y: C, width: R, height: M }) => ({
         x: E + g,
         y: C + v,
         width: R,
         height: M
       }));
-      if (n.fillStyle = c.fill, n.globalAlpha = c.fillOpacity || 1, b.forEach(
+      if (n.fillStyle = c.fill, n.globalAlpha = c.fillOpacity || 1, y.forEach(
         ({ x: E, y: C, width: R, height: M }) => n.fillRect(E, C, R, M)
       ), c.underlineColor) {
         n.globalAlpha = 1, n.strokeStyle = c.underlineColor, n.lineWidth = c.underlineThickness ?? 1;
         const E = c.underlineOffset ?? 0;
-        b.forEach(({ x: C, y: R, width: M, height: T }) => {
+        y.forEach(({ x: C, y: R, width: M, height: T }) => {
           n.beginPath(), n.moveTo(C, R + T + E), n.lineTo(C + M, R + T + E), n.stroke();
         });
       }
@@ -339,7 +338,7 @@ var Fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
   return { r: $(t.r, 0, 255), g: $(t.g, 0, 255), b: $(t.b, 0, 255), a: $(t.a) };
 }, St = function(t) {
   return { r: V(t.r), g: V(t.g), b: V(t.b), a: V(t.a, 3) };
-}, We = /^#([0-9a-f]{3,8})$/i, ht = function(t) {
+}, We = /^#([0-9a-f]{3,8})$/i, pt = function(t) {
   var e = t.toString(16);
   return e.length < 2 ? "0" + e : e;
 }, de = function(t) {
@@ -357,7 +356,7 @@ var Fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
 }, jt = function(t) {
   return ue((n = (e = t).s, { h: e.h, s: (n *= ((o = e.l) < 50 ? o : 100 - o) / 100) > 0 ? 2 * n / (o + n) * 100 : 0, v: o + n, a: e.a }));
   var e, n, o;
-}, at = function(t) {
+}, ct = function(t) {
   return { h: (e = de(t)).h, s: (i = (200 - (n = e.s)) * (o = e.v) / 100) > 0 && i < 200 ? n * o / 100 / (i <= 100 ? i : 200 - i) * 100 : 0, l: i / 2, a: e.a };
   var e, n, o, i;
 }, qe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Ge = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Qe = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Je = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, zt = { string: [[function(t) {
@@ -395,12 +394,12 @@ var Fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
 }, Ze = function(t) {
   return typeof t == "string" ? Ft(t.trim(), zt.string) : typeof t == "object" && t !== null ? Ft(t, zt.object) : [null, void 0];
 }, Ct = function(t, e) {
-  var n = at(t);
+  var n = ct(t);
   return { h: n.h, s: $(n.s + 100 * e, 0, 100), l: n.l, a: n.a };
 }, Lt = function(t) {
   return (299 * t.r + 587 * t.g + 114 * t.b) / 1e3 / 255;
 }, Wt = function(t, e) {
-  var n = at(t);
+  var n = ct(t);
   return { h: n.h, s: n.s, l: $(n.l + 100 * e, 0, 100), a: n.a };
 }, qt = function() {
   function t(e) {
@@ -415,7 +414,7 @@ var Fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
   }, t.prototype.isLight = function() {
     return Lt(this.rgba) >= 0.5;
   }, t.prototype.toHex = function() {
-    return e = St(this.rgba), n = e.r, o = e.g, i = e.b, a = (s = e.a) < 1 ? ht(V(255 * s)) : "", "#" + ht(n) + ht(o) + ht(i) + a;
+    return e = St(this.rgba), n = e.r, o = e.g, i = e.b, a = (s = e.a) < 1 ? pt(V(255 * s)) : "", "#" + pt(n) + pt(o) + pt(i) + a;
     var e, n, o, i, s, a;
   }, t.prototype.toRgb = function() {
     return St(this.rgba);
@@ -423,9 +422,9 @@ var Fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
     return e = St(this.rgba), n = e.r, o = e.g, i = e.b, (s = e.a) < 1 ? "rgba(" + n + ", " + o + ", " + i + ", " + s + ")" : "rgb(" + n + ", " + o + ", " + i + ")";
     var e, n, o, i, s;
   }, t.prototype.toHsl = function() {
-    return Ht(at(this.rgba));
+    return Ht(ct(this.rgba));
   }, t.prototype.toHslString = function() {
-    return e = Ht(at(this.rgba)), n = e.h, o = e.s, i = e.l, (s = e.a) < 1 ? "hsla(" + n + ", " + o + "%, " + i + "%, " + s + ")" : "hsl(" + n + ", " + o + "%, " + i + "%)";
+    return e = Ht(ct(this.rgba)), n = e.h, o = e.s, i = e.l, (s = e.a) < 1 ? "hsla(" + n + ", " + o + "%, " + i + "%, " + s + ")" : "hsl(" + n + ", " + o + "%, " + i + "%)";
     var e, n, o, i, s;
   }, t.prototype.toHsv = function() {
     return e = de(this.rgba), { h: V(e.h), s: V(e.s), v: V(e.v), a: V(e.a, 3) };
@@ -449,7 +448,7 @@ var Fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
     return typeof e == "number" ? j({ r: (n = this.rgba).r, g: n.g, b: n.b, a: e }) : V(this.rgba.a, 3);
     var n;
   }, t.prototype.hue = function(e) {
-    var n = at(this.rgba);
+    var n = ct(this.rgba);
     return typeof e == "number" ? j({ h: e, s: n.s, l: n.l, a: n.a }) : V(n.h);
   }, t.prototype.isEqual = function(e) {
     return this.toHex() === j(e).toHex();
@@ -642,12 +641,12 @@ const fn = (t) => {
   };
 };
 var hn = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE = "NONE", t))(hn || {});
-const pt = { selected: [] }, pn = (t, e, n) => {
-  const { subscribe: o, set: i } = Kt(pt);
-  let s = e, a = pt;
+const gt = { selected: [] }, pn = (t, e, n) => {
+  const { subscribe: o, set: i } = Kt(gt);
+  let s = e, a = gt;
   o((g) => a = g);
   const r = () => {
-    Q(a, pt) || i(pt);
+    Q(a, gt) || i(gt);
   }, l = () => {
     var g;
     return ((g = a.selected) == null ? void 0 : g.length) === 0;
@@ -660,7 +659,7 @@ const pt = { selected: [] }, pn = (t, e, n) => {
     let A;
     if (Array.isArray(g)) {
       if (A = g.map((c) => t.getAnnotation(c)).filter(Boolean), A.length < g.length) {
-        console.warn("Invalid selection: " + g.filter((c) => !A.some((b) => b.id === c)));
+        console.warn("Invalid selection: " + g.filter((c) => !A.some((y) => y.id === c)));
         return;
       }
     } else {
@@ -671,17 +670,17 @@ const pt = { selected: [] }, pn = (t, e, n) => {
       }
       A = [c];
     }
-    const d = A.reduce((c, b) => {
-      const S = Zt(b, s);
-      return S === "EDIT" ? [...c, { id: b.id, editable: !0 }] : S === "SELECT" ? [...c, { id: b.id }] : c;
+    const d = A.reduce((c, y) => {
+      const S = Zt(y, s, n);
+      return S === "EDIT" ? [...c, { id: y.id, editable: !0 }] : S === "SELECT" ? [...c, { id: y.id }] : c;
     }, []);
     i({ selected: d, event: m });
   }, u = (g, m) => {
     const A = Array.isArray(g) ? g : [g], d = A.map((c) => t.getAnnotation(c)).filter((c) => !!c);
     i({
       selected: d.map((c) => {
-        const b = m === void 0 ? Zt(c, s) === "EDIT" : m;
-        return { id: c.id, editable: b };
+        const y = m === void 0 ? Zt(c, s, n) === "EDIT" : m;
+        return { id: c.id, editable: y };
       })
     }), d.length !== A.length && console.warn("Invalid selection", g);
   }, p = (g) => {
@@ -712,7 +711,10 @@ const pt = { selected: [] }, pn = (t, e, n) => {
     subscribe: o,
     userSelect: h
   };
-}, Zt = (t, e, n) => typeof e == "function" ? e(t) : e || "EDIT", K = [];
+}, Zt = (t, e, n) => {
+  const o = n ? n.serialize(t) : t;
+  return typeof e == "function" ? e(o) : e || "EDIT";
+}, K = [];
 for (let t = 0; t < 256; ++t)
   K.push((t + 256).toString(16).slice(1));
 function gn(t, e = 0) {
@@ -817,7 +819,7 @@ const En = (t, e) => {
     ...(e.updated || []).filter(({ oldValue: u }) => !r.has(u.id))
   ];
   return { created: l, deleted: f, updated: h };
-}, gt = (t) => {
+}, mt = (t) => {
   const e = t.id === void 0 ? he() : t.id;
   return {
     ...t,
@@ -832,14 +834,14 @@ const En = (t, e) => {
     }
   };
 }, Cn = (t) => t.id !== void 0, Ln = () => {
-  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (y, x = {}) => {
-    n.push({ onChange: y, options: x });
-  }, i = (y) => {
-    const x = n.findIndex((w) => w.onChange == y);
+  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((w) => w.onChange == b);
     x > -1 && n.splice(x, 1);
-  }, s = (y, x) => {
+  }, s = (b, x) => {
     const w = {
-      origin: y,
+      origin: b,
       changes: {
         created: x.created || [],
         updated: x.updated || [],
@@ -850,94 +852,94 @@ const En = (t, e) => {
     n.forEach((L) => {
       En(L, w) && L.onChange(w);
     });
-  }, a = (y, x = k.LOCAL) => {
-    if (y.id && t.get(y.id))
-      throw Error(`Cannot add annotation ${y.id} - exists already`);
+  }, a = (b, x = k.LOCAL) => {
+    if (b.id && t.get(b.id))
+      throw Error(`Cannot add annotation ${b.id} - exists already`);
     {
-      const w = gt(y);
+      const w = mt(b);
       t.set(w.id, w), w.bodies.forEach((L) => e.set(L.id, w.id)), s(x, { created: [w] });
     }
-  }, r = (y, x) => {
-    const w = gt(typeof y == "string" ? x : y), L = typeof y == "string" ? y : y.id, B = L && t.get(L);
+  }, r = (b, x) => {
+    const w = mt(typeof b == "string" ? x : b), L = typeof b == "string" ? b : b.id, B = L && t.get(L);
     if (B) {
       const O = pe(B, w);
-      return L === w.id ? t.set(L, w) : (t.delete(L), t.set(w.id, w)), B.bodies.forEach((U) => e.delete(U.id)), w.bodies.forEach((U) => e.set(U.id, w.id)), O;
+      return L === w.id ? t.set(L, w) : (t.delete(L), t.set(w.id, w)), B.bodies.forEach((_) => e.delete(_.id)), w.bodies.forEach((_) => e.set(_.id, w.id)), O;
     } else
       console.warn(`Cannot update annotation ${L} - does not exist`);
-  }, l = (y, x = k.LOCAL, w = k.LOCAL) => {
-    const L = Cn(x) ? w : x, B = r(y, x);
+  }, l = (b, x = k.LOCAL, w = k.LOCAL) => {
+    const L = Cn(x) ? w : x, B = r(b, x);
     B && s(L, { updated: [B] });
-  }, f = (y, x = k.LOCAL) => {
-    t.get(y.id) ? l(y, x) : a(y, x);
-  }, h = (y, x = k.LOCAL) => {
-    const w = y.reduce((L, B) => {
+  }, f = (b, x = k.LOCAL) => {
+    t.get(b.id) ? l(b, x) : a(b, x);
+  }, h = (b, x = k.LOCAL) => {
+    const w = b.reduce((L, B) => {
       const O = r(B);
       return O ? [...L, O] : L;
     }, []);
     w.length > 0 && s(x, { updated: w });
-  }, u = (y, x = k.LOCAL) => {
-    const w = y.map(gt), { toAdd: L, toUpdate: B } = w.reduce((U, P) => t.get(P.id) ? { ...U, toUpdate: [...U.toUpdate, P] } : { ...U, toAdd: [...U.toAdd, P] }, { toAdd: [], toUpdate: [] }), O = B.map((U) => r(U, x)).filter(Boolean);
-    L.forEach((U) => {
-      t.set(U.id, U), U.bodies.forEach((P) => e.set(P.id, U.id));
+  }, u = (b, x = k.LOCAL) => {
+    const w = b.map(mt), { toAdd: L, toUpdate: B } = w.reduce((_, P) => t.get(P.id) ? { ..._, toUpdate: [..._.toUpdate, P] } : { ..._, toAdd: [..._.toAdd, P] }, { toAdd: [], toUpdate: [] }), O = B.map((_) => r(_, x)).filter(Boolean);
+    L.forEach((_) => {
+      t.set(_.id, _), _.bodies.forEach((P) => e.set(P.id, _.id));
     }), s(x, { created: L, updated: O });
-  }, p = (y, x = k.LOCAL) => {
-    const w = t.get(y.annotation);
+  }, p = (b, x = k.LOCAL) => {
+    const w = t.get(b.annotation);
     if (w) {
       const L = {
         ...w,
-        bodies: [...w.bodies, y]
+        bodies: [...w.bodies, b]
       };
-      t.set(w.id, L), e.set(y.id, L.id), s(x, { updated: [{
+      t.set(w.id, L), e.set(b.id, L.id), s(x, { updated: [{
         oldValue: w,
         newValue: L,
-        bodiesCreated: [y]
+        bodiesCreated: [b]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${y.annotation}`);
-  }, v = () => [...t.values()], g = (y = k.LOCAL) => {
+      console.warn(`Attempt to add body to missing annotation: ${b.annotation}`);
+  }, v = () => [...t.values()], g = (b = k.LOCAL) => {
     const x = [...t.values()];
-    t.clear(), e.clear(), s(y, { deleted: x });
-  }, m = (y, x = !0, w = k.LOCAL) => {
-    const L = y.map(gt);
+    t.clear(), e.clear(), s(b, { deleted: x });
+  }, m = (b, x = !0, w = k.LOCAL) => {
+    const L = b.map(mt);
     if (x) {
       const B = [...t.values()];
       t.clear(), e.clear(), L.forEach((O) => {
-        t.set(O.id, O), O.bodies.forEach((U) => e.set(U.id, O.id));
+        t.set(O.id, O), O.bodies.forEach((_) => e.set(_.id, O.id));
       }), s(w, { created: L, deleted: B });
     } else {
-      const B = y.reduce((O, U) => {
-        const P = U.id && t.get(U.id);
+      const B = b.reduce((O, _) => {
+        const P = _.id && t.get(_.id);
         return P ? [...O, P] : O;
       }, []);
       if (B.length > 0)
         throw Error(`Bulk insert would overwrite the following annotations: ${B.map((O) => O.id).join(", ")}`);
       L.forEach((O) => {
-        t.set(O.id, O), O.bodies.forEach((U) => e.set(U.id, O.id));
+        t.set(O.id, O), O.bodies.forEach((_) => e.set(_.id, O.id));
       }), s(w, { created: L });
     }
-  }, A = (y) => {
-    const x = typeof y == "string" ? y : y.id, w = t.get(x);
+  }, A = (b) => {
+    const x = typeof b == "string" ? b : b.id, w = t.get(x);
     if (w)
       return t.delete(x), w.bodies.forEach((L) => e.delete(L.id)), w;
     console.warn(`Attempt to delete missing annotation: ${x}`);
-  }, d = (y, x = k.LOCAL) => {
-    const w = A(y);
+  }, d = (b, x = k.LOCAL) => {
+    const w = A(b);
     w && s(x, { deleted: [w] });
-  }, c = (y, x = k.LOCAL) => {
-    const w = y.reduce((L, B) => {
+  }, c = (b, x = k.LOCAL) => {
+    const w = b.reduce((L, B) => {
       const O = A(B);
       return O ? [...L, O] : L;
     }, []);
     w.length > 0 && s(x, { deleted: w });
-  }, b = (y) => {
-    const x = t.get(y.annotation);
+  }, y = (b) => {
+    const x = t.get(b.annotation);
     if (x) {
-      const w = x.bodies.find((L) => L.id === y.id);
+      const w = x.bodies.find((L) => L.id === b.id);
       if (w) {
         e.delete(w.id);
         const L = {
           ...x,
-          bodies: x.bodies.filter((B) => B.id !== y.id)
+          bodies: x.bodies.filter((B) => B.id !== b.id)
         };
         return t.set(x.id, L), {
           oldValue: x,
@@ -945,33 +947,33 @@ const En = (t, e) => {
           bodiesDeleted: [w]
         };
       } else
-        console.warn(`Attempt to delete missing body ${y.id} from annotation ${y.annotation}`);
+        console.warn(`Attempt to delete missing body ${b.id} from annotation ${b.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${y.annotation}`);
-  }, S = (y, x = k.LOCAL) => {
-    const w = b(y);
+      console.warn(`Attempt to delete body from missing annotation ${b.annotation}`);
+  }, S = (b, x = k.LOCAL) => {
+    const w = y(b);
     w && s(x, { updated: [w] });
-  }, E = (y, x = k.LOCAL) => {
-    const w = y.map((L) => b(L)).filter(Boolean);
+  }, E = (b, x = k.LOCAL) => {
+    const w = b.map((L) => y(L)).filter(Boolean);
     w.length > 0 && s(x, { updated: w });
-  }, C = (y) => {
-    const x = t.get(y);
+  }, C = (b) => {
+    const x = t.get(b);
     return x ? { ...x } : void 0;
-  }, R = (y) => {
-    const x = e.get(y);
+  }, R = (b) => {
+    const x = e.get(b);
     if (x) {
-      const w = C(x).bodies.find((L) => L.id === y);
+      const w = C(x).bodies.find((L) => L.id === b);
       if (w)
         return w;
-      console.error(`Store integrity error: body ${y} in index, but not in annotation`);
+      console.error(`Store integrity error: body ${b} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${y}`);
-  }, M = (y, x) => {
-    if (y.annotation !== x.annotation)
+      console.warn(`Attempt to retrieve missing body: ${b}`);
+  }, M = (b, x) => {
+    if (b.annotation !== x.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const w = t.get(y.annotation);
+    const w = t.get(b.annotation);
     if (w) {
-      const L = w.bodies.find((O) => O.id === y.id), B = {
+      const L = w.bodies.find((O) => O.id === b.id), B = {
         ...w,
         bodies: w.bodies.map((O) => O.id === L.id ? x : O)
       };
@@ -981,21 +983,21 @@ const En = (t, e) => {
         bodiesUpdated: [{ oldBody: L, newBody: x }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${y.annotation}`);
-  }, T = (y, x, w = k.LOCAL) => {
-    const L = M(y, x);
+      console.warn(`Attempt to add body to missing annotation ${b.annotation}`);
+  }, T = (b, x, w = k.LOCAL) => {
+    const L = M(b, x);
     L && s(w, { updated: [L] });
-  }, I = (y, x = k.LOCAL) => {
-    const w = y.map((L) => M({ id: L.id, annotation: L.annotation }, L)).filter(Boolean);
+  }, I = (b, x = k.LOCAL) => {
+    const w = b.map((L) => M({ id: L.id, annotation: L.annotation }, L)).filter(Boolean);
     s(x, { updated: w });
-  }, D = (y) => {
-    const x = t.get(y.annotation);
+  }, D = (b) => {
+    const x = t.get(b.annotation);
     if (x) {
       const w = {
         ...x,
         target: {
           ...x.target,
-          ...y
+          ...b
         }
       };
       return t.set(x.id, w), {
@@ -1003,11 +1005,11 @@ const En = (t, e) => {
         newValue: w,
         targetUpdated: {
           oldTarget: x.target,
-          newTarget: y
+          newTarget: b
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${y.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${b.annotation}`);
   };
   return {
     addAnnotation: a,
@@ -1018,8 +1020,8 @@ const En = (t, e) => {
     bulkDeleteBodies: E,
     bulkUpdateAnnotations: h,
     bulkUpdateBodies: I,
-    bulkUpdateTargets: (y, x = k.LOCAL) => {
-      const w = y.map((L) => D(L)).filter(Boolean);
+    bulkUpdateTargets: (b, x = k.LOCAL) => {
+      const w = b.map((L) => D(L)).filter(Boolean);
       w.length > 0 && s(x, { updated: w });
     },
     bulkUpsertAnnotations: u,
@@ -1032,8 +1034,8 @@ const En = (t, e) => {
     unobserve: i,
     updateAnnotation: l,
     updateBody: T,
-    updateTarget: (y, x = k.LOCAL) => {
-      const w = D(y);
+    updateTarget: (b, x = k.LOCAL) => {
+      const w = D(b);
       w && s(x, { updated: [w] });
     },
     upsertAnnotation: f
@@ -1113,8 +1115,8 @@ const On = 250, Rn = (t, e) => {
     l.has(m) && setTimeout(() => {
       l.get(m).forEach((c) => {
         if (n) {
-          const b = Array.isArray(A) ? A.map((E) => n.serialize(E)) : n.serialize(A), S = d ? d instanceof PointerEvent ? d : n.serialize(d) : void 0;
-          c(b, S);
+          const y = Array.isArray(A) ? A.map((E) => n.serialize(E)) : n.serialize(A), S = d ? d instanceof PointerEvent ? d : n.serialize(d) : void 0;
+          c(y, S);
         } else
           c(A, d);
       });
@@ -1132,8 +1134,8 @@ const On = 250, Rn = (t, e) => {
       else {
         const A = new Set(f.map((c) => c.id)), d = new Set(m.map(({ id: c }) => c));
         f.filter((c) => !d.has(c.id)).forEach((c) => {
-          const b = a.getAnnotation(c.id);
-          b && !Q(b, c) && v("updateAnnotation", b, c);
+          const y = a.getAnnotation(c.id);
+          y && !Q(y, c) && v("updateAnnotation", y, c);
         }), f = [
           // Remove annotations that were deselected
           ...f.filter((c) => d.has(c.id)),
@@ -1151,9 +1153,9 @@ const On = 250, Rn = (t, e) => {
       ...c.bodiesCreated || [],
       ...c.bodiesDeleted || [],
       ...c.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: c, newValue: b }) => {
+    ].length > 0).forEach(({ oldValue: c, newValue: y }) => {
       const S = f.find((E) => E.id === c.id) || c;
-      f = f.map((E) => E.id === c.id ? b : E), v("updateAnnotation", b, S);
+      f = f.map((E) => E.id === c.id ? y : E), v("updateAnnotation", y, S);
     });
   }, { origin: k.LOCAL }), a.observe((m) => {
     if (f) {
@@ -1180,8 +1182,8 @@ const On = 250, Rn = (t, e) => {
 }, { parsed: [], failed: [] }), In = (t, e, n) => {
   const { store: o, selection: i } = t, s = (d) => {
     if (n) {
-      const { parsed: c, error: b } = n.parse(d);
-      c ? o.addAnnotation(c, k.REMOTE) : console.error(b);
+      const { parsed: c, error: y } = n.parse(d);
+      c ? o.addAnnotation(c, k.REMOTE) : console.error(y);
     } else
       o.addAnnotation(Mt(d), k.REMOTE);
   }, a = () => i.clear(), r = () => o.clear(), l = (d) => {
@@ -1189,9 +1191,9 @@ const On = 250, Rn = (t, e) => {
     return n && c ? n.serialize(c) : c;
   }, f = () => n ? o.all().map(n.serialize) : o.all(), h = () => {
     var d;
-    const c = (((d = i.selected) == null ? void 0 : d.map((b) => b.id)) || []).map((b) => o.getAnnotation(b)).filter(Boolean);
+    const c = (((d = i.selected) == null ? void 0 : d.map((y) => y.id)) || []).map((y) => o.getAnnotation(y)).filter(Boolean);
     return n ? c.map(n.serialize) : c;
-  }, u = (d, c = !0) => fetch(d).then((b) => b.json()).then((b) => (v(b, c), b)), p = (d) => {
+  }, u = (d, c = !0) => fetch(d).then((y) => y.json()).then((y) => (v(y, c), y)), p = (d) => {
     if (typeof d == "string") {
       const c = o.getAnnotation(d);
       if (o.deleteAnnotation(d), c)
@@ -1203,7 +1205,7 @@ const On = 250, Rn = (t, e) => {
     }
   }, v = (d, c = !0) => {
     if (n) {
-      const b = n.parseAll || kn(n), { parsed: S, failed: E } = b(d);
+      const y = n.parseAll || kn(n), { parsed: S, failed: E } = y(d);
       E.length > 0 && console.warn(`Discarded ${E.length} invalid annotations`, E), o.bulkAddAnnotations(S, c, k.REMOTE);
     } else
       o.bulkAddAnnotations(d.map(Mt), c, k.REMOTE);
@@ -1213,8 +1215,8 @@ const On = 250, Rn = (t, e) => {
     i.clear(), i.setUserSelectAction(d);
   }, A = (d) => {
     if (n) {
-      const c = n.parse(d).parsed, b = n.serialize(o.getAnnotation(c.id));
-      return o.updateAnnotation(c), b;
+      const c = n.parse(d).parsed, y = n.serialize(o.getAnnotation(c.id));
+      return o.updateAnnotation(c), y;
     } else {
       const c = o.getAnnotation(d.id);
       return o.updateAnnotation(Mt(d)), c;
@@ -1239,8 +1241,8 @@ const On = 250, Rn = (t, e) => {
     undo: e.undo,
     updateAnnotation: A
   };
-}, Un = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let _n = (t) => crypto.getRandomValues(new Uint8Array(t)), Nn = (t, e, n) => {
+}, _n = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let Un = (t) => crypto.getRandomValues(new Uint8Array(t)), Nn = (t, e, n) => {
   let o = (2 << Math.log2(t.length - 1)) - 1, i = -~(1.6 * o * e / t.length);
   return (s = e) => {
     let a = "";
@@ -1250,10 +1252,10 @@ let _n = (t) => crypto.getRandomValues(new Uint8Array(t)), Nn = (t, e, n) => {
         if (a += t[r[l] & o] || "", a.length >= s) return a;
     }
   };
-}, Vn = (t, e = 21) => Nn(t, e | 0, _n), Dn = (t = 21) => {
+}, Vn = (t, e = 21) => Nn(t, e | 0, Un), Dn = (t = 21) => {
   let e = "", n = crypto.getRandomValues(new Uint8Array(t |= 0));
   for (; t--; )
-    e += Un[n[t] & 63];
+    e += _n[n[t] & 63];
   return e;
 };
 const Yn = () => ({ isGuest: !0, id: Vn("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Kn = (t) => {
@@ -1371,7 +1373,7 @@ const xo = (t, e) => ({
       const { prefix: S, suffix: E } = Be(d, n);
       c.prefix = S, c.suffix = E;
     }
-    const b = {
+    const y = {
       type: "TextPositionSelector",
       start: m,
       end: A
@@ -1382,7 +1384,7 @@ const xo = (t, e) => ({
       // @ts-expect-error: `scope` is not part of the core `TextSelector` type
       scope: "scope" in p ? p.scope : void 0,
       source: e,
-      selector: [c, b]
+      selector: [c, y]
     };
   });
   return {
@@ -1429,12 +1431,12 @@ class Wn {
   search(e) {
     let n = this.data;
     const o = [];
-    if (!yt(e, n)) return o;
+    if (!bt(e, n)) return o;
     const i = this.toBBox, s = [];
     for (; n; ) {
       for (let a = 0; a < n.children.length; a++) {
         const r = n.children[a], l = n.leaf ? i(r) : r;
-        yt(e, l) && (n.leaf ? o.push(r) : kt(e, l) ? this._all(r, o) : s.push(r));
+        bt(e, l) && (n.leaf ? o.push(r) : kt(e, l) ? this._all(r, o) : s.push(r));
       }
       n = s.pop();
     }
@@ -1442,12 +1444,12 @@ class Wn {
   }
   collides(e) {
     let n = this.data;
-    if (!yt(e, n)) return !1;
+    if (!bt(e, n)) return !1;
     const o = [];
     for (; n; ) {
       for (let i = 0; i < n.children.length; i++) {
         const s = n.children[i], a = n.leaf ? this.toBBox(s) : s;
-        if (yt(e, a)) {
+        if (bt(e, a)) {
           if (n.leaf || kt(e, a)) return !0;
           o.push(s);
         }
@@ -1581,14 +1583,14 @@ class Wn {
   _allDistMargin(e, n, o, i) {
     e.children.sort(i);
     const s = this.toBBox, a = st(e, 0, n, s), r = st(e, o - n, o, s);
-    let l = mt(a) + mt(r);
+    let l = yt(a) + yt(r);
     for (let f = n; f < o - n; f++) {
       const h = e.children[f];
-      rt(a, e.leaf ? s(h) : h), l += mt(a);
+      rt(a, e.leaf ? s(h) : h), l += yt(a);
     }
     for (let f = o - n - 1; f >= n; f--) {
       const h = e.children[f];
-      rt(r, e.leaf ? s(h) : h), l += mt(r);
+      rt(r, e.leaf ? s(h) : h), l += yt(r);
     }
     return l;
   }
@@ -1630,7 +1632,7 @@ function Qn(t, e) {
 function Bt(t) {
   return (t.maxX - t.minX) * (t.maxY - t.minY);
 }
-function mt(t) {
+function yt(t) {
   return t.maxX - t.minX + (t.maxY - t.minY);
 }
 function Jn(t, e) {
@@ -1643,7 +1645,7 @@ function Zn(t, e) {
 function kt(t, e) {
   return t.minX <= e.minX && t.minY <= e.minY && e.maxX <= t.maxX && e.maxY <= t.maxY;
 }
-function yt(t, e) {
+function bt(t, e) {
   return e.minX <= t.maxX && e.minY <= t.maxY && e.maxX >= t.minX && e.maxY >= t.minY;
 }
 function tt(t) {
@@ -1667,10 +1669,10 @@ function ee(t, e, n, o, i) {
 }
 const to = (t, e) => {
   const n = new Wn(), o = /* @__PURE__ */ new Map(), i = (d, c) => {
-    const b = d.selector.flatMap((E) => {
+    const y = d.selector.flatMap((E) => {
       const C = q([E]) ? E.range : ae(E, e).range;
       return Array.from(C.getClientRects());
-    }), S = Ne(b).map(({ left: E, top: C, right: R, bottom: M }) => new DOMRect(E - c.left, C - c.top, R - E, M - C));
+    }), S = Ne(y).map(({ left: E, top: C, right: R, bottom: M }) => new DOMRect(E - c.left, C - c.top, R - E, M - C));
     return S.map((E) => {
       const { x: C, y: R, width: M, height: T } = E;
       return {
@@ -1688,38 +1690,38 @@ const to = (t, e) => {
     n.clear(), o.clear();
   }, r = (d) => {
     const c = i(d, e.getBoundingClientRect());
-    c.length !== 0 && (c.forEach((b) => n.insert(b)), o.set(d.annotation, c));
+    c.length !== 0 && (c.forEach((y) => n.insert(y)), o.set(d.annotation, c));
   }, l = (d) => {
     const c = o.get(d.annotation);
-    c && (c.forEach((b) => n.remove(b)), o.delete(d.annotation));
+    c && (c.forEach((y) => n.remove(y)), o.delete(d.annotation));
   }, f = (d) => {
     l(d), r(d);
   }, h = (d, c = !0) => {
     c && a();
-    const b = e.getBoundingClientRect(), S = d.map((C) => ({ target: C, rects: i(C, b) }));
+    const y = e.getBoundingClientRect(), S = d.map((C) => ({ target: C, rects: i(C, y) }));
     S.forEach(({ target: C, rects: R }) => {
       R.length > 0 && o.set(C.annotation, R);
     });
     const E = S.flatMap(({ rects: C }) => C);
     n.load(E);
-  }, u = (d, c, b = !1) => {
+  }, u = (d, c, y = !1) => {
     const S = n.search({
       minX: d,
       minY: c,
       maxX: d,
       maxY: c
     }), E = (C) => C.annotation.rects.reduce((R, M) => R + M.width * M.height, 0);
-    return S.length > 0 ? (S.sort((C, R) => E(C) - E(R)), b ? S.map((C) => C.annotation.id) : [S[0].annotation.id]) : [];
+    return S.length > 0 ? (S.sort((C, R) => E(C) - E(R)), y ? S.map((C) => C.annotation.id) : [S[0].annotation.id]) : [];
   }, p = (d) => {
     const c = v(d);
     if (c.length === 0)
       return;
-    let b = c[0].left, S = c[0].top, E = c[0].right, C = c[0].bottom;
+    let y = c[0].left, S = c[0].top, E = c[0].right, C = c[0].bottom;
     for (let R = 1; R < c.length; R++) {
       const M = c[R];
-      b = Math.min(b, M.left), S = Math.min(S, M.top), E = Math.max(E, M.right), C = Math.max(C, M.bottom);
+      y = Math.min(y, M.left), S = Math.min(S, M.top), E = Math.max(E, M.right), C = Math.max(C, M.bottom);
     }
-    return new DOMRect(b, S, E - b, C - S);
+    return new DOMRect(y, S, E - y, C - S);
   }, v = (d) => {
     const c = o.get(d);
     return c ? c[0].annotation.rects : [];
@@ -1730,8 +1732,8 @@ const to = (t, e) => {
     getAt: u,
     getAnnotationBounds: p,
     getAnnotationRects: v,
-    getIntersecting: (d, c, b, S) => {
-      const E = n.search({ minX: d, minY: c, maxX: b, maxY: S }), C = new Set(E.map((R) => R.annotation.id));
+    getIntersecting: (d, c, y, S) => {
+      const E = n.search({ minX: d, minY: c, maxX: y, maxY: S }), C = new Set(E.map((R) => R.annotation.id));
       return Array.from(C).map((R) => ({
         annotation: t.getAnnotation(R),
         rects: v(R)
@@ -1745,38 +1747,36 @@ const to = (t, e) => {
     update: f
   };
 }, eo = (t, e) => {
-  const n = Ln(), o = to(n, t), i = pn(n);
-  i.setUserSelectAction(e);
-  const s = fn(n), a = Mn(), r = (d, c = k.LOCAL) => {
-    const b = Et(d, t), S = q(b.target.selector);
-    return S && n.addAnnotation(b, c), S;
-  }, l = (d, c = !0, b = k.LOCAL) => {
+  const n = Ln(), o = to(n, t), i = pn(n, e.userSelectAction, e.adapter), s = fn(n), a = Mn(), r = (d, c = k.LOCAL) => {
+    const y = Et(d, t), S = q(y.target.selector);
+    return S && n.addAnnotation(y, c), S;
+  }, l = (d, c = !0, y = k.LOCAL) => {
     const S = d.map((C) => Et(C, t)), E = S.filter((C) => !q(C.target.selector));
-    return n.bulkAddAnnotations(S, c, b), E;
+    return n.bulkAddAnnotations(S, c, y), E;
   }, f = (d, c = k.LOCAL) => {
-    const b = d.map((E) => Et(E, t)), S = b.filter((E) => !q(E.target.selector));
-    return b.forEach((E) => {
+    const y = d.map((E) => Et(E, t)), S = y.filter((E) => !q(E.target.selector));
+    return y.forEach((E) => {
       n.getAnnotation(E.id) ? n.updateAnnotation(E, c) : n.addAnnotation(E, c);
     }), S;
   }, h = (d, c = k.LOCAL) => {
-    const b = At(d, t);
-    n.updateTarget(b, c);
+    const y = At(d, t);
+    n.updateTarget(y, c);
   }, u = (d, c = k.LOCAL) => {
-    const b = d.map((S) => At(S, t));
-    n.bulkUpdateTargets(b, c);
+    const y = d.map((S) => At(S, t));
+    n.bulkUpdateTargets(y, c);
   };
-  function p(d, c, b, S) {
-    const E = b || !!S, C = o.getAt(d, c, E).map((M) => n.getAnnotation(M)), R = S ? C.filter(S) : C;
+  function p(d, c, y, S) {
+    const E = y || !!S, C = o.getAt(d, c, E).map((M) => n.getAnnotation(M)), R = S ? C.filter(S) : C;
     if (R.length !== 0)
-      return b ? R : R[0];
+      return y ? R : R[0];
   }
   const v = (d) => {
     if (o.getAnnotationRects(d).length !== 0)
       return o.getAnnotationBounds(d);
-  }, g = (d, c, b, S) => o.getIntersecting(d, c, b, S), m = (d) => o.getAnnotationRects(d), A = () => o.recalculate();
+  }, g = (d, c, y, S) => o.getIntersecting(d, c, y, S), m = (d) => o.getAnnotationRects(d), A = () => o.recalculate();
   return n.observe(({ changes: d }) => {
-    const c = (d.deleted || []).filter((E) => q(E.target.selector)), b = (d.created || []).filter((E) => q(E.target.selector)), S = (d.updated || []).filter((E) => q(E.newValue.target.selector));
-    (c == null ? void 0 : c.length) > 0 && c.forEach((E) => o.remove(E.target)), b.length > 0 && o.set(b.map((E) => E.target), !1), (S == null ? void 0 : S.length) > 0 && S.forEach(({ newValue: E }) => o.update(E.target));
+    const c = (d.deleted || []).filter((E) => q(E.target.selector)), y = (d.created || []).filter((E) => q(E.target.selector)), S = (d.updated || []).filter((E) => q(E.newValue.target.selector));
+    (c == null ? void 0 : c.length) > 0 && c.forEach((E) => o.remove(E.target)), y.length > 0 && o.set(y.map((E) => E.target), !1), (S == null ? void 0 : S.length) > 0 && S.forEach(({ newValue: E }) => o.update(E.target));
   }), {
     store: {
       ...n,
@@ -1820,8 +1820,8 @@ const to = (t, e) => {
       if (v) {
         const { height: g } = h.rects[0], m = h.rects[0].x + u.left, A = h.rects[0].y + u.top;
         o.fillStyle = v.appearance.color, o.fillRect(m - 2, A - 2.5, 2, g + 5);
-        const d = o.measureText(v.appearance.label), c = d.width + 6, b = d.actualBoundingBoxAscent + d.actualBoundingBoxDescent + 8, S = d.fontBoundingBoxAscent ? 8 : 6.5;
-        return o.fillRect(m - 2, A - 2.5 - b, c, b), o.fillStyle = "#fff", o.fillText(v.appearance.label, m + 1, A - S), {
+        const d = o.measureText(v.appearance.label), c = d.width + 6, y = d.actualBoundingBoxAscent + d.actualBoundingBoxDescent + 8, S = d.fontBoundingBoxAscent ? 8 : 6.5;
+        return o.fillRect(m - 2, A - 2.5 - y, c, y), o.fillStyle = "#fff", o.fillText(v.appearance.label, m + 1, A - S), {
           fill: v.appearance.color,
           fillOpacity: p ? 0.45 : 0.18
         };
@@ -1834,7 +1834,7 @@ const to = (t, e) => {
     }
   };
 }, It = typeof navigator < "u" ? navigator.userAgent.toLowerCase().indexOf("firefox") > 0 : !1;
-function Ut(t, e, n, o) {
+function _t(t, e, n, o) {
   t.addEventListener ? t.addEventListener(e, n, o) : t.attachEvent && t.attachEvent("on".concat(e), n);
 }
 function ot(t, e, n, o) {
@@ -1860,7 +1860,7 @@ function io(t, e) {
     o.indexOf(n[s]) === -1 && (i = !1);
   return i;
 }
-const lt = {
+const dt = {
   backspace: 8,
   "⌫": 8,
   tab: 9,
@@ -1928,7 +1928,7 @@ const lt = {
   "⌘": 91,
   cmd: 91,
   command: 91
-}, wt = {
+}, at = {
   16: "shiftKey",
   18: "altKey",
   17: "ctrlKey",
@@ -1944,20 +1944,20 @@ const lt = {
   91: !1
 }, N = {};
 for (let t = 1; t < 20; t++)
-  lt["f".concat(t)] = 111 + t;
-let _ = [], ct = null, we = "all";
-const W = /* @__PURE__ */ new Map(), ut = (t) => lt[t.toLowerCase()] || z[t.toLowerCase()] || t.toUpperCase().charCodeAt(0), so = (t) => Object.keys(lt).find((e) => lt[e] === t), ro = (t) => Object.keys(z).find((e) => z[e] === t);
+  dt["f".concat(t)] = 111 + t;
+let U = [], lt = null, we = "all";
+const W = /* @__PURE__ */ new Map(), ft = (t) => dt[t.toLowerCase()] || z[t.toLowerCase()] || t.toUpperCase().charCodeAt(0), so = (t) => Object.keys(dt).find((e) => dt[e] === t), ro = (t) => Object.keys(z).find((e) => z[e] === t);
 function Ae(t) {
   we = t || "all";
 }
-function dt() {
+function ut() {
   return we || "all";
 }
 function ao() {
-  return _.slice(0);
+  return U.slice(0);
 }
 function co() {
-  return _.map((t) => so(t) || ro(t) || String.fromCharCode(t));
+  return U.map((t) => so(t) || ro(t) || String.fromCharCode(t));
 }
 function lo() {
   const t = [];
@@ -1973,7 +1973,7 @@ function lo() {
         scope: i,
         shortcut: a,
         mods: s,
-        keys: o.split("+").map((r) => ut(r))
+        keys: o.split("+").map((r) => ft(r))
       });
     });
   }), t;
@@ -1987,11 +1987,11 @@ function uo(t) {
   return (e.isContentEditable || (i || n === "TEXTAREA" || n === "SELECT") && !e.readOnly) && (o = !1), o;
 }
 function fo(t) {
-  return typeof t == "string" && (t = ut(t)), _.indexOf(t) !== -1;
+  return typeof t == "string" && (t = ft(t)), U.indexOf(t) !== -1;
 }
 function ho(t, e) {
   let n, o;
-  t || (t = dt());
+  t || (t = ut());
   for (const i in N)
     if (Object.prototype.hasOwnProperty.call(N, i))
       for (n = N[i], o = 0; o < n.length; )
@@ -2001,12 +2001,12 @@ function ho(t, e) {
           } = a;
           return Xt(r);
         }) : o++;
-  dt() === t && Ae(e || "all");
+  ut() === t && Ae(e || "all");
 }
 function po(t) {
   let e = t.keyCode || t.which || t.charCode;
-  const n = _.indexOf(e);
-  if (n >= 0 && _.splice(n, 1), t.key && t.key.toLowerCase() === "meta" && _.splice(0, _.length), (e === 93 || e === 224) && (e = 91), e in X) {
+  const n = U.indexOf(e);
+  if (n >= 0 && U.splice(n, 1), t.key && t.key.toLowerCase() === "meta" && U.splice(0, U.length), (e === 93 || e === 224) && (e = 91), e in X) {
     X[e] = !1;
     for (const o in z) z[o] === e && (H[o] = !1);
   }
@@ -2014,19 +2014,19 @@ function po(t) {
 function xe(t) {
   if (typeof t > "u")
     Object.keys(N).forEach((i) => {
-      Array.isArray(N[i]) && N[i].forEach((s) => bt(s)), delete N[i];
+      Array.isArray(N[i]) && N[i].forEach((s) => wt(s)), delete N[i];
     }), Xt(null);
   else if (Array.isArray(t))
     t.forEach((i) => {
-      i.key && bt(i);
+      i.key && wt(i);
     });
   else if (typeof t == "object")
-    t.key && bt(t);
+    t.key && wt(t);
   else if (typeof t == "string") {
     for (var e = arguments.length, n = new Array(e > 1 ? e - 1 : 0), o = 1; o < e; o++)
       n[o - 1] = arguments[o];
     let [i, s] = n;
-    typeof i == "function" && (s = i, i = ""), bt({
+    typeof i == "function" && (s = i, i = ""), wt({
       key: t,
       scope: i,
       method: s,
@@ -2034,7 +2034,7 @@ function xe(t) {
     });
   }
 }
-const bt = (t) => {
+const wt = (t) => {
   let {
     key: e,
     scope: n,
@@ -2042,9 +2042,9 @@ const bt = (t) => {
     splitKey: i = "+"
   } = t;
   be(e).forEach((a) => {
-    const r = a.split(i), l = r.length, f = r[l - 1], h = f === "*" ? "*" : ut(f);
+    const r = a.split(i), l = r.length, f = r[l - 1], h = f === "*" ? "*" : ft(f);
     if (!N[h]) return;
-    n || (n = dt());
+    n || (n = ut());
     const u = l > 1 ? ye(z, r) : [], p = [];
     N[h] = N[h].filter((v) => {
       const m = (o ? v.method === o : !0) && v.scope === n && io(v.mods, u);
@@ -2060,26 +2060,29 @@ function ne(t, e, n, o) {
     i = e.mods.length > 0;
     for (const s in X)
       Object.prototype.hasOwnProperty.call(X, s) && (!X[s] && e.mods.indexOf(+s) > -1 || X[s] && e.mods.indexOf(+s) === -1) && (i = !1);
-    (e.mods.length === 0 && !X[16] && !X[18] && !X[17] && !X[91] || i || e.shortcut === "*") && (e.keys = [], e.keys = e.keys.concat(_), e.method(t, e) === !1 && (t.preventDefault ? t.preventDefault() : t.returnValue = !1, t.stopPropagation && t.stopPropagation(), t.cancelBubble && (t.cancelBubble = !0)));
+    (e.mods.length === 0 && !X[16] && !X[18] && !X[17] && !X[91] || i || e.shortcut === "*") && (e.keys = [], e.keys = e.keys.concat(U), e.method(t, e) === !1 && (t.preventDefault ? t.preventDefault() : t.returnValue = !1, t.stopPropagation && t.stopPropagation(), t.cancelBubble && (t.cancelBubble = !0)));
   }
 }
 function oe(t, e) {
   const n = N["*"];
   let o = t.keyCode || t.which || t.charCode;
   if (!H.filter.call(this, t)) return;
-  if ((o === 93 || o === 224) && (o = 91), _.indexOf(o) === -1 && o !== 229 && _.push(o), ["metaKey", "ctrlKey", "altKey", "shiftKey"].forEach((r) => {
-    const l = wt[r];
-    t[r] && _.indexOf(l) === -1 ? _.push(l) : !t[r] && _.indexOf(l) > -1 ? _.splice(_.indexOf(l), 1) : r === "metaKey" && t[r] && (_ = _.filter((f) => f in wt || f === o));
+  if ((o === 93 || o === 224) && (o = 91), U.indexOf(o) === -1 && o !== 229 && U.push(o), ["metaKey", "ctrlKey", "altKey", "shiftKey"].forEach((r) => {
+    const l = at[r];
+    t[r] && U.indexOf(l) === -1 ? U.push(l) : !t[r] && U.indexOf(l) > -1 ? U.splice(U.indexOf(l), 1) : r === "metaKey" && t[r] && (U = U.filter((f) => f in at || f === o));
   }), o in X) {
     X[o] = !0;
     for (const r in z)
-      z[r] === o && (H[r] = !0);
+      if (Object.prototype.hasOwnProperty.call(z, r)) {
+        const l = at[z[r]];
+        H[r] = t[l];
+      }
     if (!n) return;
   }
   for (const r in X)
-    Object.prototype.hasOwnProperty.call(X, r) && (X[r] = t[wt[r]]);
-  t.getModifierState && !(t.altKey && !t.ctrlKey) && t.getModifierState("AltGraph") && (_.indexOf(17) === -1 && _.push(17), _.indexOf(18) === -1 && _.push(18), X[17] = !0, X[18] = !0);
-  const i = dt();
+    Object.prototype.hasOwnProperty.call(X, r) && (X[r] = t[at[r]]);
+  t.getModifierState && !(t.altKey && !t.ctrlKey) && t.getModifierState("AltGraph") && (U.indexOf(17) === -1 && U.push(17), U.indexOf(18) === -1 && U.push(18), X[17] = !0, X[18] = !0);
+  const i = ut();
   if (n)
     for (let r = 0; r < n.length; r++)
       n[r].scope === i && (t.type === "keydown" && n[r].keydown || t.type === "keyup" && n[r].keyup) && ne(t, n[r], i, e);
@@ -2091,16 +2094,16 @@ function oe(t, e) {
         splitKey: f
       } = l, h = l.key.split(f), u = [];
       for (let p = 0; p < h.length; p++)
-        u.push(ut(h[p]));
-      u.sort().join("") === _.sort().join("") && ne(t, l, i, e);
+        u.push(ft(h[p]));
+      u.sort().join("") === U.sort().join("") && ne(t, l, i, e);
     }
 }
 function H(t, e, n) {
-  _ = [];
+  U = [];
   const o = be(t);
   let i = [], s = "all", a = document, r = 0, l = !1, f = !0, h = "+", u = !1, p = !1;
   for (n === void 0 && typeof e == "function" && (n = e), Object.prototype.toString.call(e) === "[object Object]" && (e.scope && (s = e.scope), e.element && (a = e.element), e.keyup && (l = e.keyup), e.keydown !== void 0 && (f = e.keydown), e.capture !== void 0 && (u = e.capture), typeof e.splitKey == "string" && (h = e.splitKey), e.single === !0 && (p = !0)), typeof e == "string" && (s = e), p && xe(t, s); r < o.length; r++)
-    t = o[r].split(h), i = [], t.length > 1 && (i = ye(z, t)), t = t[t.length - 1], t = t === "*" ? "*" : ut(t), t in N || (N[t] = []), N[t].push({
+    t = o[r].split(h), i = [], t.length > 1 && (i = ye(z, t)), t = t[t.length - 1], t = t === "*" ? "*" : ft(t), t in N || (N[t] = []), N[t].push({
       keyup: l,
       keydown: f,
       scope: s,
@@ -2124,16 +2127,16 @@ function H(t, e, n) {
         keydownListener: v,
         keyupListenr: g,
         capture: u
-      }), Ut(a, "keydown", v, u), Ut(a, "keyup", g, u);
+      }), _t(a, "keydown", v, u), _t(a, "keyup", g, u);
     }
-    if (!ct) {
+    if (!lt) {
       const v = () => {
-        _ = [];
+        U = [];
       };
-      ct = {
+      lt = {
         listener: v,
         capture: u
-      }, Ut(window, "focus", v, u);
+      }, _t(window, "focus", v, u);
     }
   }
 }
@@ -2167,18 +2170,18 @@ function Xt(t) {
       capture: r
     } = W.get(i) || {};
     s && a && (ot(i, "keyup", a, r), ot(i, "keydown", s, r), W.delete(i));
-  }), W.clear(), Object.keys(N).forEach((i) => delete N[i]), ct)) {
+  }), W.clear(), Object.keys(N).forEach((i) => delete N[i]), lt)) {
     const {
       listener: i,
       capture: s
-    } = ct;
-    ot(window, "focus", i, s), ct = null;
+    } = lt;
+    ot(window, "focus", i, s), lt = null;
   }
 }
-const _t = {
+const Ut = {
   getPressedKeyString: co,
   setScope: Ae,
-  getScope: dt,
+  getScope: ut,
   deleteScope: ho,
   getPressedKeyCodes: ao,
   getAllKeyCodes: lo,
@@ -2186,12 +2189,12 @@ const _t = {
   filter: uo,
   trigger: go,
   unbind: xe,
-  keyMap: lt,
+  keyMap: dt,
   modifier: z,
-  modifierMap: wt
+  modifierMap: at
 };
-for (const t in _t)
-  Object.prototype.hasOwnProperty.call(_t, t) && (H[t] = _t[t]);
+for (const t in Ut)
+  Object.prototype.hasOwnProperty.call(Ut, t) && (H[t] = Ut[t]);
 if (typeof window < "u") {
   const t = window.hotkeys;
   H.noConflict = (e) => (e && window.hotkeys === H && (window.hotkeys = t), H), window.hotkeys = H;
@@ -2226,12 +2229,12 @@ const ie = 300, ve = ["up", "down", "left", "right"], Ee = Te ? "⌘+a" : "ctrl+
       h.getAnnotation(p.annotation) && (u.clear(), h.deleteAnnotation(p.annotation));
       return;
     }
-    const y = I.getRangeAt(0), x = De(y, t);
+    const b = I.getRangeAt(0), x = De(b, t);
     if (Ie(x)) return;
     const w = Me(x.cloneRange());
     (w.length !== p.selector.length || w.some((B, O) => {
-      var U;
-      return B.toString() !== ((U = p.selector[O]) == null ? void 0 : U.quote);
+      var _;
+      return B.toString() !== ((_ = p.selector[O]) == null ? void 0 : _.quote);
     })) && (p = {
       ...p,
       selector: w.map((B) => Ve(B, t, s)),
@@ -2242,7 +2245,7 @@ const ie = 300, ve = ["up", "down", "left", "right"], Ee = Te ? "⌘+a" : "ctrl+
   }, c = (T) => {
     if (it(T.target) || !v) return;
     const I = () => {
-      const { x: y, y: x } = t.getBoundingClientRect(), w = T.target instanceof Node && t.contains(T.target) && h.getAt(T.clientX - y, T.clientY - x, a === "all", l);
+      const { x: b, y: x } = t.getBoundingClientRect(), w = T.target instanceof Node && t.contains(T.target) && h.getAt(T.clientX - b, T.clientY - x, a === "all", l);
       if (w) {
         const { selected: L } = u, B = new Set(L.map((P) => P.id)), O = Array.isArray(w) ? w.map((P) => P.id) : [w.id];
         (B.size !== O.length || !O.every((P) => B.has(P))) && u.userSelect(O, T);
@@ -2250,28 +2253,28 @@ const ie = 300, ve = ["up", "down", "left", "right"], Ee = Te ? "⌘+a" : "ctrl+
         u.clear();
     }, D = T.timeStamp - g.timeStamp;
     setTimeout(() => {
-      const y = document.getSelection();
-      y != null && y.isCollapsed && D < ie ? (p = void 0, I()) : p && p.selector.length > 0 && (R(), u.userSelect(p.annotation, vt(T)));
+      const b = document.getSelection();
+      b != null && b.isCollapsed && D < ie ? (p = void 0, I()) : p && p.selector.length > 0 && (R(), u.userSelect(p.annotation, vt(T)));
     });
-  }, b = (T) => {
+  }, y = (T) => {
     const I = document.getSelection();
-    I != null && I.isCollapsed || ((!p || p.selector.length === 0) && A(T), R(), u.userSelect(p.annotation, vt(T)));
+    I != null && I.isCollapsed || ((!p || p.selector.length === 0) && A(T), p && (R(), u.userSelect(p.annotation, vt(T))));
   }, S = (T) => {
-    T.key === "Shift" && p && (document.getSelection().isCollapsed || (R(), u.userSelect(p.annotation, ft(T))));
+    T.key === "Shift" && p && (document.getSelection().isCollapsed || (R(), u.userSelect(p.annotation, ht(T))));
   }, E = (T) => {
     const I = () => setTimeout(() => {
       (p == null ? void 0 : p.selector.length) > 0 && (u.clear(), h.addAnnotation({
         id: p.annotation,
         bodies: [],
         target: p
-      }), u.userSelect(p.annotation, ft(T))), document.removeEventListener("selectionchange", I);
+      }), u.userSelect(p.annotation, ht(T))), document.removeEventListener("selectionchange", I);
     }, 100);
     document.addEventListener("selectionchange", I), m(T);
   };
   H(mo.join(","), { element: t, keydown: !0, keyup: !1 }, (T) => {
-    T.repeat || (g = ft(T));
+    T.repeat || (g = ht(T));
   }), H(Ee, { keydown: !0, keyup: !1 }, (T) => {
-    g = ft(T), E(T);
+    g = ht(T), E(T);
   });
   const C = (T) => {
     T.repeat || T.target !== t && T.target !== document.body || (p = void 0, u.clear());
@@ -2290,9 +2293,9 @@ const ie = 300, ve = ["up", "down", "left", "right"], Ee = Te ? "⌘+a" : "ctrl+
     const { target: { updated: I } } = T, { updated: D } = p;
     (!I || !D || I < D) && h.updateTarget(p);
   };
-  return t.addEventListener("pointerdown", d), document.addEventListener("pointerup", c), document.addEventListener("contextmenu", b), i && (t.addEventListener("keyup", S), t.addEventListener("selectstart", m), document.addEventListener("selectionchange", A)), {
+  return t.addEventListener("pointerdown", d), document.addEventListener("pointerup", c), document.addEventListener("contextmenu", y), i && (t.addEventListener("keyup", S), t.addEventListener("selectstart", m), document.addEventListener("selectionchange", A)), {
     destroy: () => {
-      t.removeEventListener("pointerdown", d), document.removeEventListener("pointerup", c), document.removeEventListener("contextmenu", b), t.removeEventListener("keyup", S), t.removeEventListener("selectstart", m), document.removeEventListener("selectionchange", A), H.unbind();
+      t.removeEventListener("pointerdown", d), document.removeEventListener("pointerup", c), document.removeEventListener("contextmenu", y), t.removeEventListener("keyup", S), t.removeEventListener("selectstart", m), document.removeEventListener("selectionchange", A), H.unbind();
     },
     setFilter: f,
     setUser: r
@@ -2306,7 +2309,7 @@ const ie = 300, ve = ["up", "down", "left", "right"], Ee = Te ? "⌘+a" : "ctrl+
   const n = bo(e, {
     annotatingEnabled: !0,
     user: Yn()
-  }), o = eo(t, n.userSelectAction), { selection: i, viewport: s } = o, a = o.store, r = Rn(a), l = Bn(o, r, n.adapter);
+  }), o = eo(t, n), { selection: i, viewport: s } = o, a = o.store, r = Rn(a), l = Bn(o, r, n.adapter);
   let f = n.user;
   const h = n.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : se : n.renderer || se, u = h === "SPANS" ? rn(t, o, s) : h === "CSS_HIGHLIGHTS" ? nn(t, o, s) : h === "CANVAS" ? ze(t, o, s) : void 0;
   if (!u)
@@ -2350,7 +2353,7 @@ export {
   hn as UserSelectAction,
   xo as W3CTextFormat,
   Le as cancelSingleClickEvents,
-  ft as cloneKeyboardEvent,
+  ht as cloneKeyboardEvent,
   vt as clonePointerEvent,
   Ao as createBody,
   ze as createCanvasRenderer,