@recogito/text-annotator 3.0.5 → 3.1.0

package/dist/text-annotator.es.js

@@ -1,10 +1,10 @@
-const re = "not-annotatable", et = `.${re}`, it = (t) => {
+const se = "not-annotatable", et = `.${se}`, st = (t) => {
   var n;
   return !!(t instanceof HTMLElement ? t.closest(et) : (n = t.parentElement) == null ? void 0 : n.closest(et));
-}, Ce = (t) => {
+}, Se = (t) => {
   const e = t.commonAncestorContainer;
-  return !it(e);
-}, Le = (t) => t.addEventListener("click", (e) => {
+  return !st(e);
+}, Ce = (t) => t.addEventListener("click", (e) => {
   // Allow clicks within not-annotatable elements
   !e.target.closest(et) && !e.target.closest("a") && e.preventDefault();
 }), vt = (t) => ({
@@ -49,28 +49,28 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
   defaultPrevented: t.defaultPrevented,
   detail: t.detail,
   timeStamp: t.timeStamp
-}), Te = typeof navigator < "u" && // @ts-ignore
-/mac/i.test(navigator.userAgentData ? navigator.userAgentData.platform : navigator.platform), Oe = (t) => {
+}), Le = typeof navigator < "u" && // @ts-ignore
+/mac/i.test(navigator.userAgentData ? navigator.userAgentData.platform : navigator.platform), Te = (t) => {
   !t.hasAttribute("tabindex") && t.tabIndex < 0 && t.setAttribute("tabindex", "-1"), t.classList.add("no-focus-outline");
 }, Dt = (t, e = 10) => {
   let n;
-  return (...o) => {
+  return ((...o) => {
     clearTimeout(n), n = setTimeout(() => t.apply(void 0, o), e);
-  };
-}, Re = function* (t) {
+  });
+}, Oe = function* (t) {
   const e = document.createNodeIterator(
     t.commonAncestorContainer,
     NodeFilter.SHOW_ELEMENT,
-    (o) => o instanceof HTMLElement && o.classList.contains(re) && !o.parentElement.closest(et) && t.intersectsNode(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
+    (o) => o instanceof HTMLElement && o.classList.contains(se) && !o.parentElement.closest(et) && t.intersectsNode(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
   );
   let n;
   for (; n = e.nextNode(); )
     n instanceof HTMLElement && (yield n);
-}, Me = (t) => {
-  if (!Ce(t)) return [];
+}, Re = (t) => {
+  if (!Se(t)) return [];
   const e = [];
   let n = null;
-  for (const o of Re(t)) {
+  for (const o of Oe(t)) {
     let i;
     n ? (i = document.createRange(), i.setStartAfter(n), i.setEndBefore(o)) : (i = t.cloneRange(), i.setEndBefore(o)), i.collapsed || e.push(i), n = o;
   }
@@ -82,17 +82,17 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
 }, Nt = (t) => {
   const e = t.cloneContents();
   return e.querySelectorAll(et).forEach((n) => n.remove()), e;
-}, Be = (t, e, n = 10, o) => {
+}, Me = (t, e, n = 10, o) => {
   const i = o ? t.startContainer.parentElement.closest(o) : e, s = document.createRange();
   s.setStart(i, 0), s.setEnd(t.startContainer, t.startOffset);
   const a = Nt(s).textContent, r = document.createRange();
   r.setStart(t.endContainer, t.endOffset), i === document.body ? r.setEnd(i, i.childNodes.length) : r.setEndAfter(i);
-  const l = Nt(r).textContent;
+  const d = Nt(r).textContent;
   return {
     prefix: a.substring(a.length - n),
-    suffix: l.substring(0, n)
+    suffix: d.substring(0, n)
   };
-}, q = (t) => t.every((e) => e.range instanceof Range && !e.range.collapsed), ke = /^\s*$/, Ie = (t) => ke.test(t.toString()), _e = (t, e) => {
+}, q = (t) => t.every((e) => e.range instanceof Range && !e.range.collapsed), ke = /^\s*$/, Be = (t) => ke.test(t.toString()), Ie = (t, e) => {
   const n = (s) => Math.round(s * 10) / 10, o = {
     top: n(t.top),
     bottom: n(t.bottom),
@@ -119,12 +119,12 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
 }, 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) => {
+}, _e = (t) => t.reduce((e, n) => {
   if (n.width === 0 || n.height === 0)
     return e;
   let o = [...e], i = !1;
   for (const s of e) {
-    const a = _e(n, s);
+    const a = Ie(n, s);
     if (a === "inline-adjacent") {
       o = o.map((r) => r === s ? Ue(n, s) : r), i = !0;
       break;
@@ -147,65 +147,65 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
     for (let e = 0; e < this.length; e++)
       yield this.item(e);
   }
-}), Ve = (t, e, n) => {
+}), Ne = (t, e, n) => {
   const o = document.createRange(), i = n ? t.startContainer.parentElement.closest(n) : e;
   o.setStart(i, 0), o.setEnd(t.startContainer, t.startOffset);
-  const s = Nt(o).textContent, a = t.toString(), r = s.length || 0, l = r + a.length;
-  return n ? { quote: a, start: r, end: l, range: t, offsetReference: i } : { quote: a, start: r, end: l, range: t };
-}, ae = (t, e) => {
+  const s = Nt(o).textContent, a = t.toString(), r = s.length || 0, d = r + a.length;
+  return n ? { quote: a, start: r, end: d, range: t, offsetReference: i } : { quote: a, start: r, end: d, range: t };
+}, re = (t, e) => {
   var h, u;
   const { start: n, end: o } = t, i = t.offsetReference || e, s = document.createNodeIterator(
     e,
     NodeFilter.SHOW_TEXT,
-    (p) => {
+    (g) => {
       var v;
-      return (v = p.parentElement) != null && v.closest(et) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+      return (v = g.parentElement) != null && v.closest(et) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
     }
   );
   let a = 0;
   const r = document.createRange();
-  let l = s.nextNode();
-  l === null && console.error("Could not revive annotation target. Content missing.");
+  let d = s.nextNode();
+  d === null && console.error("Could not revive annotation target. Content missing.");
   let f = !i;
-  for (; l !== null; ) {
-    if (f || (f = typeof (i == null ? void 0 : i.contains) == "function" ? i.contains(l) : !1), f) {
-      const p = ((h = l.textContent) == null ? void 0 : h.length) || 0;
-      if (a + p > n) {
-        r.setStart(l, n - a);
+  for (; d !== null; ) {
+    if (f || (f = typeof (i == null ? void 0 : i.contains) == "function" ? i.contains(d) : !1), f) {
+      const g = ((h = d.textContent) == null ? void 0 : h.length) || 0;
+      if (a + g > n) {
+        r.setStart(d, n - a);
         break;
       }
-      a += p;
+      a += g;
     }
-    l = s.nextNode();
+    d = s.nextNode();
   }
-  for (; l !== null; ) {
-    const p = ((u = l.textContent) == null ? void 0 : u.length) || 0;
-    if (a + p >= o) {
-      r.setEnd(l, o - a);
+  for (; d !== null; ) {
+    const g = ((u = d.textContent) == null ? void 0 : u.length) || 0;
+    if (a + g >= o) {
+      r.setEnd(d, o - a);
       break;
     }
-    a += p, l = s.nextNode();
+    a += g, d = s.nextNode();
   }
   return {
     ...t,
     range: r
   };
-}, At = (t, e) => q(t.selector) ? t : {
+}, xt = (t, e) => q(t.selector) ? t : {
   ...t,
-  selector: t.selector.map((n) => n.range instanceof Range && !n.range.collapsed ? n : ae(n, e))
-}, Et = (t, e) => q(t.target.selector) ? t : { ...t, target: At(t.target, e) }, De = (t, e) => {
+  selector: t.selector.map((n) => n.range instanceof Range && !n.range.collapsed ? n : re(n, e))
+}, Et = (t, e) => q(t.target.selector) ? t : { ...t, target: xt(t.target, e) }, Ve = (t, e) => {
   const n = t.cloneRange();
   return e.contains(n.startContainer) || n.setStart(e, 0), e.contains(n.endContainer) || n.setEnd(e, e.childNodes.length), n;
-}, ce = (t) => {
+}, ae = (t) => {
   if (t === null)
     return document.scrollingElement;
   const { overflowY: e } = window.getComputedStyle(t);
-  return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : ce(t.parentElement);
-}, Ye = (t, e) => (n) => {
+  return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : ae(t.parentElement);
+}, De = (t, e) => (n) => {
   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;
+    const u = s.getBoundingClientRect(), g = s.clientHeight, v = s.clientWidth, b = h.selector[0].range.getBoundingClientRect(), { width: p, height: A } = e.getAnnotationBounds(o), c = b.top - u.top, l = b.left - u.left, m = s.parentElement ? s.scrollTop : 0, S = s.parentElement ? s.scrollLeft : 0, E = c + m - (g - A) / 2, C = l + S - (v - p) / 2;
     s.scroll({ top: E, left: C, behavior: "smooth" });
-  }, s = ce(t);
+  }, s = ae(t);
   if (!s)
     return console.warn(`The scroll parent is missing for the annotation: ${o}`, { container: t }), !1;
   const a = e.getAnnotation(o);
@@ -214,22 +214,22 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
   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;
+  const d = xt(a.target, t), { range: f } = d.selector[0];
+  return f && !f.collapsed ? (i(d), !0) : !1;
 }, G = {
   fill: "rgb(0, 128, 255)",
   fillOpacity: 0.18
-}, xt = {
+}, At = {
   fill: "rgb(0, 128, 255)",
   fillOpacity: 0.45
-}, Ke = (t, e, n, o, i) => {
+}, Ye = (t, e, n, o, i) => {
   var a, r;
-  const s = n ? typeof n == "function" ? n(t.annotation, t.state, i) || ((a = t.state) != null && a.selected ? xt : G) : n : (r = t.state) != null && r.selected ? xt : G;
+  const s = n ? typeof n == "function" ? n(t.annotation, t.state, i) || ((a = t.state) != null && a.selected ? At : G) : n : (r = t.state) != null && r.selected ? At : G;
   return o && o.paint(t, e) || s;
+}, Ke = (t) => {
+  const { top: e, left: n } = t.getBoundingClientRect(), { innerWidth: o, innerHeight: i } = window, s = -n, a = -e, r = o - n, d = i - e;
+  return { top: e, left: n, minX: s, minY: a, maxX: r, maxY: d };
 }, Xe = (t) => {
-  const { top: e, left: n } = t.getBoundingClientRect(), { innerWidth: o, innerHeight: i } = window, s = -n, a = -e, r = o - n, l = i - e;
-  return { top: e, left: n, minX: s, minY: a, maxX: r, maxY: l };
-}, Pe = (t) => {
   let e = /* @__PURE__ */ new Set();
   return (o) => {
     const i = o.map((s) => s.id);
@@ -237,84 +237,88 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
   };
 }, Yt = (t, e, n, o) => {
   const { store: i, selection: s, hover: a } = e;
-  let r, l, f;
-  const h = Pe(n), u = (M) => {
-    const { x: T, y: I } = t.getBoundingClientRect(), D = i.getAt(M.clientX - T, M.clientY - I, !1, l);
+  let r, d, f;
+  const h = Xe(n), u = (M) => {
+    const { x: T, y: I } = t.getBoundingClientRect(), D = i.getAt(M.clientX - T, M.clientY - I, !1, d);
     D ? a.current !== D.id && (t.classList.add("hovered"), a.set(D.id)) : a.current && (t.classList.remove("hovered"), a.set(null));
   };
   t.addEventListener("pointermove", u);
-  const p = (M = !1) => {
+  const g = (M = !1) => {
     f && f.clear();
-    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: _, state: { selected: P, hover: Se } };
+    const T = Ke(t), { minX: I, minY: D, maxX: y, maxY: x } = T, w = d ? i.getIntersecting(I, D, y, x).filter(({ annotation: O }) => d(O)) : i.getIntersecting(I, D, y, x), L = s.selected.map(({ id: O }) => O), k = w.map(({ annotation: O, rects: U }) => {
+      const P = L.includes(O.id), Ee = O.id === a.current;
+      return {
+        annotation: O,
+        rects: U,
+        state: { selected: P, hovered: Ee }
+      };
     });
-    o.redraw(B, T, r, f, M), setTimeout(() => h(w.map(({ annotation: O }) => O)), 1);
+    o.redraw(k, T, r, f, M), setTimeout(() => h(w.map(({ annotation: O }) => O)), 1);
   }, v = (M) => {
-    f = M, p();
-  }, g = (M) => {
-    r = M, p();
-  }, m = (M) => {
-    l = M, p(!1);
-  }, A = () => p();
+    f = M, g();
+  }, b = (M) => {
+    r = M, g();
+  }, p = (M) => {
+    d = M, g(!1);
+  }, A = () => g();
   i.observe(A);
-  const d = s.subscribe(() => p()), c = () => p(!0);
-  document.addEventListener("scroll", c, { capture: !0, passive: !0 });
-  const y = Dt(() => {
-    i.recalculatePositions(), f && f.reset(), p();
+  const c = s.subscribe(() => g()), l = () => g(!0);
+  document.addEventListener("scroll", l, { capture: !0, passive: !0 });
+  const m = Dt(() => {
+    i.recalculatePositions(), f && f.reset(), g();
   });
-  window.addEventListener("resize", y);
-  const S = new ResizeObserver(y);
+  window.addEventListener("resize", m);
+  const S = new ResizeObserver(m);
   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);
+    M.every((I) => I.target === t || t.contains(I.target)) || g(!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", y), S.disconnect(), C.disconnect();
+      t.removeEventListener("pointermove", u), o.destroy(), i.unobserve(A), c(), document.removeEventListener("scroll", l), window.removeEventListener("resize", m), S.disconnect(), C.disconnect();
     },
-    redraw: p,
-    setStyle: g,
-    setFilter: m,
+    redraw: g,
+    setStyle: b,
+    setFilter: p,
     setPainter: v,
     setVisible: o.setVisible
   };
-}, $e = () => {
+}, Pe = () => {
   const t = document.createElement("canvas");
   return t.width = window.innerWidth, t.height = window.innerHeight, t.className = "r6o-canvas-highlight-layer bg", t;
-}, He = (t, e) => {
+}, $e = (t, e) => {
   t.width = window.innerWidth, t.height = window.innerHeight;
-}, je = (t) => {
+}, He = (t) => {
   t.classList.add("r6o-annotatable");
-  const e = $e(), n = e.getContext("2d");
+  const e = Pe(), n = e.getContext("2d");
   document.body.appendChild(e);
-  const o = (r, l, f, h) => requestAnimationFrame(() => {
-    const { width: u, height: p } = e;
-    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: y } } } = d;
-      return c.getTime() - y.getTime();
+  const o = (r, d, f, h) => requestAnimationFrame(() => {
+    const { width: u, height: g } = e;
+    n.clearRect(-0.5, -0.5, u + 1, g + 1), h && h.clear();
+    const { top: v, left: b } = d;
+    [...r].sort((A, c) => {
+      const { annotation: { target: { created: l } } } = A, { annotation: { target: { created: m } } } = c;
+      return l.getTime() - m.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, y = A.rects.map(({ x: E, y: C, width: R, height: M }) => ({
-        x: E + g,
+      const c = f ? typeof f == "function" ? f(A.annotation, A.state) : f : (S = A.state) != null && S.selected ? At : G, l = h && h.paint(A, d) || c, m = A.rects.map(({ x: E, y: C, width: R, height: M }) => ({
+        x: E + b,
         y: C + v,
         width: R,
         height: M
       }));
-      if (n.fillStyle = c.fill, n.globalAlpha = c.fillOpacity || 1, y.forEach(
+      if (n.fillStyle = l.fill, n.globalAlpha = l.fillOpacity || 1, m.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;
-        y.forEach(({ x: C, y: R, width: M, height: T }) => {
+      ), l.underlineColor) {
+        n.globalAlpha = 1, n.strokeStyle = l.underlineColor, n.lineWidth = l.underlineThickness ?? 1;
+        const E = l.underlineOffset ?? 0;
+        m.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();
         });
       }
     });
   }), i = Dt(() => {
-    He(e);
+    $e(e);
   });
   return window.addEventListener("resize", i), {
     destroy: () => {
@@ -325,8 +329,8 @@ const re = "not-annotatable", et = `.${re}`, it = (t) => {
     },
     redraw: o
   };
-}, ze = (t, e, n) => Yt(t, e, n, je(t));
-var Fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
+}, je = (t, e, n) => Yt(t, e, n, He(t));
+var ze = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
   return typeof t == "string" ? t.length > 0 : typeof t == "number";
 }, V = function(t, e, n) {
   return e === void 0 && (e = 0), n === void 0 && (n = Math.pow(10, e)), Math.round(n * t) / n + 0;
@@ -338,37 +342,37 @@ 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, pt = function(t) {
+}, Fe = /^#([0-9a-f]{3,8})$/i, gt = function(t) {
   var e = t.toString(16);
   return e.length < 2 ? "0" + e : e;
-}, de = function(t) {
+}, ce = function(t) {
   var e = t.r, n = t.g, o = t.b, i = t.a, s = Math.max(e, n, o), a = s - Math.min(e, n, o), r = a ? s === e ? (n - o) / a : s === n ? 2 + (o - e) / a : 4 + (e - n) / a : 0;
   return { h: 60 * (r < 0 ? r + 6 : r), s: s ? a / s * 100 : 0, v: s / 255 * 100, a: i };
-}, ue = function(t) {
+}, de = function(t) {
   var e = t.h, n = t.s, o = t.v, i = t.a;
   e = e / 360 * 6, n /= 100, o /= 100;
-  var s = Math.floor(e), a = o * (1 - n), r = o * (1 - (e - s) * n), l = o * (1 - (1 - e + s) * n), f = s % 6;
-  return { r: 255 * [o, r, a, a, l, o][f], g: 255 * [l, o, o, r, a, a][f], b: 255 * [a, a, l, o, o, r][f], a: i };
+  var s = Math.floor(e), a = o * (1 - n), r = o * (1 - (e - s) * n), d = o * (1 - (1 - e + s) * n), f = s % 6;
+  return { r: 255 * [o, r, a, a, d, o][f], g: 255 * [d, o, o, r, a, a][f], b: 255 * [a, a, d, o, o, r][f], a: i };
 }, $t = function(t) {
   return { h: le(t.h), s: $(t.s, 0, 100), l: $(t.l, 0, 100), a: $(t.a) };
 }, Ht = function(t) {
   return { h: V(t.h), s: V(t.s), l: V(t.l), a: V(t.a, 3) };
 }, 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 }));
+  return de((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;
 }, 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 };
+  return { h: (e = ce(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) {
-  var e = We.exec(t);
+}, We = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, qe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Ge = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Qe = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, zt = { string: [[function(t) {
+  var e = Fe.exec(t);
   return e ? (t = e[1]).length <= 4 ? { r: parseInt(t[0] + t[0], 16), g: parseInt(t[1] + t[1], 16), b: parseInt(t[2] + t[2], 16), a: t.length === 4 ? V(parseInt(t[3] + t[3], 16) / 255, 2) : 1 } : t.length === 6 || t.length === 8 ? { r: parseInt(t.substr(0, 2), 16), g: parseInt(t.substr(2, 2), 16), b: parseInt(t.substr(4, 2), 16), a: t.length === 8 ? V(parseInt(t.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
 }, "hex"], [function(t) {
-  var e = Qe.exec(t) || Je.exec(t);
+  var e = Ge.exec(t) || Qe.exec(t);
   return e ? e[2] !== e[4] || e[4] !== e[6] ? null : Pt({ r: Number(e[1]) / (e[2] ? 100 / 255 : 1), g: Number(e[3]) / (e[4] ? 100 / 255 : 1), b: Number(e[5]) / (e[6] ? 100 / 255 : 1), a: e[7] === void 0 ? 1 : Number(e[7]) / (e[8] ? 100 : 1) }) : null;
 }, "rgb"], [function(t) {
-  var e = qe.exec(t) || Ge.exec(t);
+  var e = We.exec(t) || qe.exec(t);
   if (!e) return null;
-  var n, o, i = $t({ h: (n = e[1], o = e[2], o === void 0 && (o = "deg"), Number(n) * (Fe[o] || 1)), s: Number(e[3]), l: Number(e[4]), a: e[5] === void 0 ? 1 : Number(e[5]) / (e[6] ? 100 : 1) });
+  var n, o, i = $t({ h: (n = e[1], o = e[2], o === void 0 && (o = "deg"), Number(n) * (ze[o] || 1)), s: Number(e[3]), l: Number(e[4]), a: e[5] === void 0 ? 1 : Number(e[5]) / (e[6] ? 100 : 1) });
   return jt(i);
 }, "hsl"]], object: [[function(t) {
   var e = t.r, n = t.g, o = t.b, i = t.a, s = i === void 0 ? 1 : i;
@@ -381,17 +385,17 @@ var Fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
 }, "hsl"], [function(t) {
   var e = t.h, n = t.s, o = t.v, i = t.a, s = i === void 0 ? 1 : i;
   if (!F(e) || !F(n) || !F(o)) return null;
-  var a = function(r) {
+  var a = (function(r) {
     return { h: le(r.h), s: $(r.s, 0, 100), v: $(r.v, 0, 100), a: $(r.a) };
-  }({ h: Number(e), s: Number(n), v: Number(o), a: Number(s) });
-  return ue(a);
+  })({ h: Number(e), s: Number(n), v: Number(o), a: Number(s) });
+  return de(a);
 }, "hsv"]] }, Ft = function(t, e) {
   for (var n = 0; n < e.length; n++) {
     var o = e[n][0](t);
     if (o) return [o, e[n][1]];
   }
   return [null, void 0];
-}, Ze = function(t) {
+}, Je = 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 = ct(t);
@@ -401,9 +405,9 @@ var Fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
 }, Wt = function(t, e) {
   var n = ct(t);
   return { h: n.h, s: n.s, l: $(n.l + 100 * e, 0, 100), a: n.a };
-}, qt = function() {
+}, qt = (function() {
   function t(e) {
-    this.parsed = Ze(e)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
+    this.parsed = Je(e)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
   }
   return t.prototype.isValid = function() {
     return this.parsed !== null;
@@ -414,7 +418,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 ? pt(V(255 * s)) : "", "#" + pt(n) + pt(o) + pt(i) + a;
+    return e = St(this.rgba), n = e.r, o = e.g, i = e.b, a = (s = e.a) < 1 ? gt(V(255 * s)) : "", "#" + gt(n) + gt(o) + gt(i) + a;
     var e, n, o, i, s, a;
   }, t.prototype.toRgb = function() {
     return St(this.rgba);
@@ -427,7 +431,7 @@ var Fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
     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) };
+    return e = ce(this.rgba), { h: V(e.h), s: V(e.s), v: V(e.v), a: V(e.a, 3) };
     var e;
   }, t.prototype.invert = function() {
     return j({ r: 255 - (e = this.rgba).r, g: 255 - e.g, b: 255 - e.b, a: e.a });
@@ -453,16 +457,16 @@ var Fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
   }, t.prototype.isEqual = function(e) {
     return this.toHex() === j(e).toHex();
   }, t;
-}(), j = function(t) {
+})(), j = function(t) {
   return t instanceof qt ? t : new qt(t);
 };
-const tn = (t) => [
+const Ze = (t) => [
   `background-color:${j((t == null ? void 0 : t.fill) || G.fill).alpha((t == null ? void 0 : t.fillOpacity) === void 0 ? G.fillOpacity : t.fillOpacity).toHex()}`,
   t != null && t.underlineThickness ? "text-decoration:underline" : void 0,
   t != null && t.underlineColor ? `text-decoration-color:${t.underlineColor}` : void 0,
   t != null && t.underlineOffset ? `text-underline-offset:${t.underlineOffset}px` : void 0,
   t != null && t.underlineThickness ? `text-decoration-thickness:${t.underlineThickness}px` : void 0
-].filter(Boolean).join(";"), en = () => {
+].filter(Boolean).join(";"), tn = () => {
   const t = document.createElement("style");
   document.getElementsByTagName("head")[0].appendChild(t);
   let e = /* @__PURE__ */ new Set();
@@ -473,23 +477,23 @@ const tn = (t) => [
     setVisible: (s) => {
       console.log("setVisible not implemented on CSS Custom Highlights renderer");
     },
-    redraw: (s, a, r, l) => {
-      l && l.clear();
+    redraw: (s, a, r, d) => {
+      d && d.clear();
       const f = new Set(s.map((u) => u.annotation.id));
       Array.from(e).filter((u) => !f.has(u));
       const h = s.map((u) => {
-        var g;
-        const p = r ? typeof r == "function" ? r(u.annotation, u.state) : r : (g = u.state) != null && g.selected ? xt : G, v = l && l.paint(u, a) || p;
-        return `::highlight(_${u.annotation.id}) { ${tn(v)} }`;
+        var b;
+        const g = r ? typeof r == "function" ? r(u.annotation, u.state) : r : (b = u.state) != null && b.selected ? At : G, v = d && d.paint(u, a) || g;
+        return `::highlight(_${u.annotation.id}) { ${Ze(v)} }`;
       });
       t.innerHTML = h.join(`
 `), CSS.highlights.clear(), s.forEach(({ annotation: u }) => {
-        const p = u.target.selector.map((g) => g.range), v = new Highlight(...p);
+        const g = u.target.selector.map((b) => b.range), v = new Highlight(...g);
         CSS.highlights.set(`_${u.id}`, v);
       }), e = f;
     }
   };
-}, nn = (t, e, n) => Yt(t, e, n, en());
+}, en = (t, e, n) => Yt(t, e, n, tn());
 var Gt = Object.prototype.hasOwnProperty;
 function Vt(t, e) {
   var n, o;
@@ -511,10 +515,10 @@ function Vt(t, e) {
   }
   return t !== t && e !== e;
 }
-const on = (t, e) => {
+const nn = (t, e) => {
   const n = (s, a) => s.x <= a.x + a.width && s.x + s.width >= a.x && s.y <= a.y + a.height && s.y + s.height >= a.y, o = (s) => s.rects.reduce((a, r) => a + r.width, 0), i = e.filter(({ rects: s }) => s.some((a) => n(t, a)));
   return i.sort((s, a) => o(a) - o(s)), i.findIndex((s) => s.rects.includes(t));
-}, sn = (t) => {
+}, on = (t) => {
   t.classList.add("r6o-annotatable");
   const e = document.createElement("div");
   e.className = "r6o-span-highlight-layer", t.insertBefore(e, t.firstChild);
@@ -523,18 +527,18 @@ const on = (t, e) => {
     destroy: () => {
       e.remove();
     },
-    redraw: (a, r, l, f, h) => {
-      const p = !(Vt(n, a) && h);
-      if (!f && !p) return;
-      p && (e.innerHTML = ""), [...a].sort((g, m) => {
-        const { annotation: { target: { created: A } } } = g, { annotation: { target: { created: d } } } = m;
-        return A && d ? A.getTime() - d.getTime() : 0;
-      }).forEach((g) => {
-        g.rects.map((m) => {
-          const A = on(m, a), d = Ke(g, r, l, f, A);
-          if (p) {
-            const c = document.createElement("span");
-            c.className = "r6o-annotation", c.dataset.annotation = g.annotation.id, c.style.left = `${m.x}px`, c.style.top = `${m.y}px`, c.style.width = `${m.width}px`, c.style.height = `${m.height}px`, c.style.backgroundColor = j((d == null ? void 0 : d.fill) || G.fill).alpha((d == null ? void 0 : d.fillOpacity) === void 0 ? G.fillOpacity : d.fillOpacity).toHex(), d.underlineStyle && (c.style.borderStyle = d.underlineStyle), d.underlineColor && (c.style.borderColor = d.underlineColor), d.underlineThickness && (c.style.borderBottomWidth = `${d.underlineThickness}px`), d.underlineOffset && (c.style.paddingBottom = `${d.underlineOffset}px`), e.appendChild(c);
+    redraw: (a, r, d, f, h) => {
+      const g = !(Vt(n, a) && h);
+      if (!f && !g) return;
+      g && (e.innerHTML = ""), [...a].sort((b, p) => {
+        const { annotation: { target: { created: A } } } = b, { annotation: { target: { created: c } } } = p;
+        return A && c ? A.getTime() - c.getTime() : 0;
+      }).forEach((b) => {
+        b.rects.map((p) => {
+          const A = nn(p, a), c = Ye(b, r, d, f, A);
+          if (g) {
+            const l = document.createElement("span");
+            l.className = "r6o-annotation", l.dataset.annotation = b.annotation.id, l.style.left = `${p.x}px`, l.style.top = `${p.y}px`, l.style.width = `${p.width}px`, l.style.height = `${p.height}px`, l.style.backgroundColor = j((c == null ? void 0 : c.fill) || G.fill).alpha((c == null ? void 0 : c.fillOpacity) === void 0 ? G.fillOpacity : c.fillOpacity).toHex(), c.underlineStyle && (l.style.borderStyle = c.underlineStyle), c.underlineColor && (l.style.borderColor = c.underlineColor), c.underlineThickness && (l.style.borderBottomWidth = `${c.underlineThickness}px`), c.underlineOffset && (l.style.paddingBottom = `${c.underlineOffset}px`), e.appendChild(l);
           }
         });
       }), n = a;
@@ -543,24 +547,24 @@ const on = (t, e) => {
       a ? e.classList.remove("hidden") : e.classList.add("hidden");
     }
   };
-}, rn = (t, e, n) => Yt(t, e, n, sn(t)), Y = [];
+}, sn = (t, e, n) => Yt(t, e, n, on(t)), Y = [];
 for (let t = 0; t < 256; ++t)
   Y.push((t + 256).toString(16).slice(1));
-function an(t, e = 0) {
+function rn(t, e = 0) {
   return (Y[t[e + 0]] + Y[t[e + 1]] + Y[t[e + 2]] + Y[t[e + 3]] + "-" + Y[t[e + 4]] + Y[t[e + 5]] + "-" + Y[t[e + 6]] + Y[t[e + 7]] + "-" + Y[t[e + 8]] + Y[t[e + 9]] + "-" + Y[t[e + 10]] + Y[t[e + 11]] + Y[t[e + 12]] + Y[t[e + 13]] + Y[t[e + 14]] + Y[t[e + 15]]).toLowerCase();
 }
 let Tt;
-const cn = new Uint8Array(16);
+const an = new Uint8Array(16);
 function ln() {
   if (!Tt) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     Tt = crypto.getRandomValues.bind(crypto);
   }
-  return Tt(cn);
+  return Tt(an);
 }
-const dn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Qt = { randomUUID: dn };
-function fe(t, e, n) {
+const cn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Qt = { randomUUID: cn };
+function ue(t, e, n) {
   var i;
   if (Qt.randomUUID && !t)
     return Qt.randomUUID();
@@ -568,7 +572,7 @@ function fe(t, e, n) {
   const o = t.random ?? ((i = t.rng) == null ? void 0 : i.call(t)) ?? ln();
   if (o.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, an(o);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, rn(o);
 }
 var Jt = Object.prototype.hasOwnProperty;
 function Q(t, e) {
@@ -593,7 +597,7 @@ function Q(t, e) {
 }
 function Ot() {
 }
-function un(t, e) {
+function dn(t, e) {
   return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
 }
 const J = [];
@@ -601,11 +605,11 @@ function Kt(t, e = Ot) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(r) {
-    if (un(t, r) && (t = r, n)) {
-      const l = !J.length;
+    if (dn(t, r) && (t = r, n)) {
+      const d = !J.length;
       for (const f of o)
         f[1](), J.push(f, t);
-      if (l) {
+      if (d) {
         for (let f = 0; f < J.length; f += 2)
           J[f][0](J[f + 1]);
         J.length = 0;
@@ -615,15 +619,15 @@ function Kt(t, e = Ot) {
   function s(r) {
     i(r(t));
   }
-  function a(r, l = Ot) {
-    const f = [r, l];
+  function a(r, d = Ot) {
+    const f = [r, d];
     return o.add(f), o.size === 1 && (n = e(i, s) || Ot), r(t), () => {
       o.delete(f), o.size === 0 && n && (n(), n = null);
     };
   }
   return { set: i, update: s, subscribe: a };
 }
-const fn = (t) => {
+const un = (t) => {
   const { subscribe: e, set: n } = Kt();
   let o;
   return e((i) => o = i), t.observe(({ changes: i }) => {
@@ -640,59 +644,59 @@ const fn = (t) => {
     set: n
   };
 };
-var hn = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE = "NONE", t))(hn || {});
-const gt = { selected: [] }, pn = (t, e, n) => {
-  const { subscribe: o, set: i } = Kt(gt);
-  let s = e, a = gt;
-  o((g) => a = g);
+var fn = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE = "NONE", t))(fn || {});
+const pt = { selected: [] }, hn = (t, e, n) => {
+  const { subscribe: o, set: i } = Kt(pt);
+  let s = e, a = pt;
+  o((p) => a = p);
   const r = () => {
-    Q(a, gt) || i(gt);
-  }, l = () => {
-    var g;
-    return ((g = a.selected) == null ? void 0 : g.length) === 0;
-  }, f = (g) => {
-    if (l())
+    Q(a, pt) || i(pt);
+  }, d = () => {
+    var p;
+    return ((p = a.selected) == null ? void 0 : p.length) === 0;
+  }, f = (p) => {
+    if (d())
       return !1;
-    const m = typeof g == "string" ? g : g.id;
-    return a.selected.some((A) => A.id === m);
-  }, h = (g, m) => {
-    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((y) => y.id === c)));
+    const A = typeof p == "string" ? p : p.id;
+    return a.selected.some((c) => c.id === A);
+  }, h = (p, A) => {
+    let c;
+    if (Array.isArray(p)) {
+      if (c = p.map((m) => t.getAnnotation(m)).filter(Boolean), c.length < p.length) {
+        console.warn("Invalid selection: " + p.filter((m) => !c.some((S) => S.id === m)));
         return;
       }
     } else {
-      const c = t.getAnnotation(g);
-      if (!c) {
-        console.warn("Invalid selection: " + g);
+      const m = t.getAnnotation(p);
+      if (!m) {
+        console.warn("Invalid selection: " + p);
         return;
       }
-      A = [c];
+      c = [m];
     }
-    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;
+    const l = c.reduce((m, S) => {
+      const E = b(S);
+      return E === "EDIT" ? [...m, { id: S.id, editable: !0 }] : E === "SELECT" ? [...m, { id: S.id }] : m;
     }, []);
-    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: l, event: A });
+  }, u = (p, A) => {
+    const c = Array.isArray(p) ? p : [p], l = c.map((m) => t.getAnnotation(m)).filter((m) => !!m);
     i({
-      selected: d.map((c) => {
-        const y = m === void 0 ? Zt(c, s, n) === "EDIT" : m;
-        return { id: c.id, editable: y };
+      selected: l.map((m) => {
+        const S = A === void 0 ? b(m) === "EDIT" : A;
+        return { id: m.id, editable: S };
       })
-    }), d.length !== A.length && console.warn("Invalid selection", g);
-  }, p = (g) => {
-    if (l())
+    }), l.length !== c.length && console.warn("Invalid selection", p);
+  }, g = (p) => {
+    if (d())
       return !1;
-    const { selected: m } = a;
-    m.some(({ id: A }) => g.includes(A)) && i({ selected: m.filter(({ id: A }) => !g.includes(A)) });
-  }, v = (g) => {
-    s = g, u(a.selected.map(({ id: m }) => m));
-  };
+    const { selected: A } = a;
+    A.some(({ id: c }) => p.includes(c)) && i({ selected: A.filter(({ id: c }) => !p.includes(c)) });
+  }, v = (p) => {
+    s = p, u(a.selected.map(({ id: A }) => A));
+  }, b = (p) => gn(p, s, n);
   return t.observe(
-    ({ changes: g }) => p((g.deleted || []).map((m) => m.id))
+    ({ changes: p }) => g((p.deleted || []).map((A) => A.id))
   ), {
     get event() {
       return a ? a.event : null;
@@ -704,20 +708,21 @@ const gt = { selected: [] }, pn = (t, e, n) => {
       return s;
     },
     clear: r,
-    isEmpty: l,
+    evalSelectAction: b,
+    isEmpty: d,
     isSelected: f,
     setSelected: u,
     setUserSelectAction: v,
     subscribe: o,
     userSelect: h
   };
-}, Zt = (t, e, n) => {
+}, gn = (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) {
+function pn(t, e = 0) {
   return (K[t[e + 0]] + K[t[e + 1]] + K[t[e + 2]] + K[t[e + 3]] + "-" + K[t[e + 4]] + K[t[e + 5]] + "-" + K[t[e + 6]] + K[t[e + 7]] + "-" + K[t[e + 8]] + K[t[e + 9]] + "-" + K[t[e + 10]] + K[t[e + 11]] + K[t[e + 12]] + K[t[e + 13]] + K[t[e + 14]] + K[t[e + 15]]).toLowerCase();
 }
 let Rt;
@@ -730,16 +735,16 @@ function yn() {
   }
   return Rt(mn);
 }
-const bn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), te = { randomUUID: bn };
-function he(t, e, n) {
+const bn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Zt = { randomUUID: bn };
+function fe(t, e, n) {
   var o;
-  if (te.randomUUID && !t)
-    return te.randomUUID();
+  if (Zt.randomUUID && !t)
+    return Zt.randomUUID();
   t = t || {};
   const i = t.random ?? ((o = t.rng) == null ? void 0 : o.call(t)) ?? yn();
   if (i.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, gn(i);
+  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, pn(i);
 }
 const Mt = (t) => {
   const e = (n) => {
@@ -751,8 +756,8 @@ const Mt = (t) => {
     bodies: (t.bodies || []).map(e),
     target: e(t.target)
   };
-}, Ao = (t, e, n, o) => ({
-  id: he(),
+}, xo = (t, e, n, o) => ({
+  id: fe(),
   annotation: typeof t == "string" ? t : t.id,
   created: n || /* @__PURE__ */ new Date(),
   creator: o,
@@ -760,14 +765,14 @@ const Mt = (t) => {
 }), wn = (t, e) => {
   const n = new Set(t.bodies.map((o) => o.id));
   return e.bodies.filter((o) => !n.has(o.id));
-}, An = (t, e) => {
+}, xn = (t, e) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
-}, xn = (t, e) => e.bodies.map((n) => {
+}, An = (t, e) => e.bodies.map((n) => {
   const o = t.bodies.find((i) => i.id === n.id);
   return { newBody: n, oldBody: o && !Q(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), vn = (t, e) => !Q(t.target, e.target), pe = (t, e) => {
-  const n = wn(t, e), o = An(t, e), i = xn(t, e);
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), vn = (t, e) => !Q(t.target, e.target), he = (t, e) => {
+  const n = wn(t, e), o = xn(t, e), i = An(t, e);
   return {
     oldValue: t,
     newValue: e,
@@ -777,17 +782,17 @@ const Mt = (t) => {
     targetUpdated: vn(t, e) ? { oldTarget: t.target, newTarget: e.target } : void 0
   };
 };
-var k = /* @__PURE__ */ ((t) => (t.LOCAL = "LOCAL", t.REMOTE = "REMOTE", t.SILENT = "SILENT", t))(k || {});
+var B = /* @__PURE__ */ ((t) => (t.LOCAL = "LOCAL", t.REMOTE = "REMOTE", t.SILENT = "SILENT", t))(B || {});
 const En = (t, e) => {
   var n, o;
   const { changes: i, origin: s } = e;
   if (!(t.options.origin ? t.options.origin === s : s !== "SILENT"))
     return !1;
   if (t.options.ignore) {
-    const { ignore: a } = t.options, r = (l) => l && l.length > 0;
+    const { ignore: a } = t.options, r = (d) => d && d.length > 0;
     if (!(r(i.created) || r(i.deleted))) {
-      const l = (n = i.updated) == null ? void 0 : n.some((h) => r(h.bodiesCreated) || r(h.bodiesDeleted) || r(h.bodiesUpdated)), f = (o = i.updated) == null ? void 0 : o.some((h) => h.targetUpdated);
-      if (a === "BODY_ONLY" && l && !f || a === "TARGET_ONLY" && f && !l)
+      const d = (n = i.updated) == null ? void 0 : n.some((h) => r(h.bodiesCreated) || r(h.bodiesDeleted) || r(h.bodiesUpdated)), f = (o = i.updated) == null ? void 0 : o.some((h) => h.targetUpdated);
+      if (a === "BODY_ONLY" && d && !f || a === "TARGET_ONLY" && f && !d)
         return !1;
     }
   }
@@ -801,26 +806,26 @@ const En = (t, e) => {
   } else
     return !0;
 }, Sn = (t, e) => {
-  const n = new Set((t.created || []).map((u) => u.id)), o = new Set((t.updated || []).map(({ newValue: u }) => u.id)), i = new Set((e.created || []).map((u) => u.id)), s = new Set((e.deleted || []).map((u) => u.id)), a = new Set((e.updated || []).map(({ oldValue: u }) => u.id)), r = new Set((e.updated || []).filter(({ oldValue: u }) => n.has(u.id) || o.has(u.id)).map(({ oldValue: u }) => u.id)), l = [
-    ...(t.created || []).filter((u) => !s.has(u.id)).map((u) => a.has(u.id) ? e.updated.find(({ oldValue: p }) => p.id === u.id).newValue : u),
+  const n = new Set((t.created || []).map((u) => u.id)), o = new Set((t.updated || []).map(({ newValue: u }) => u.id)), i = new Set((e.created || []).map((u) => u.id)), s = new Set((e.deleted || []).map((u) => u.id)), a = new Set((e.updated || []).map(({ oldValue: u }) => u.id)), r = new Set((e.updated || []).filter(({ oldValue: u }) => n.has(u.id) || o.has(u.id)).map(({ oldValue: u }) => u.id)), d = [
+    ...(t.created || []).filter((u) => !s.has(u.id)).map((u) => a.has(u.id) ? e.updated.find(({ oldValue: g }) => g.id === u.id).newValue : u),
     ...e.created || []
   ], f = [
     ...(t.deleted || []).filter((u) => !i.has(u.id)),
     ...(e.deleted || []).filter((u) => !n.has(u.id))
   ], h = [
     ...(t.updated || []).filter(({ newValue: u }) => !s.has(u.id)).map((u) => {
-      const { oldValue: p, newValue: v } = u;
+      const { oldValue: g, newValue: v } = u;
       if (a.has(v.id)) {
-        const g = e.updated.find((m) => m.oldValue.id === v.id).newValue;
-        return pe(p, g);
+        const b = e.updated.find((p) => p.oldValue.id === v.id).newValue;
+        return he(g, b);
       } else
         return u;
     }),
     ...(e.updated || []).filter(({ oldValue: u }) => !r.has(u.id))
   ];
-  return { created: l, deleted: f, updated: h };
+  return { created: d, deleted: f, updated: h };
 }, mt = (t) => {
-  const e = t.id === void 0 ? he() : t.id;
+  const e = t.id === void 0 ? fe() : t.id;
   return {
     ...t,
     id: e,
@@ -834,14 +839,14 @@ const En = (t, e) => {
     }
   };
 }, Cn = (t) => t.id !== void 0, Ln = () => {
-  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);
+  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);
     x > -1 && n.splice(x, 1);
-  }, s = (b, x) => {
+  }, s = (y, x) => {
     const w = {
-      origin: b,
+      origin: y,
       changes: {
         created: x.created || [],
         updated: x.updated || [],
@@ -852,94 +857,94 @@ const En = (t, e) => {
     n.forEach((L) => {
       En(L, w) && L.onChange(w);
     });
-  }, a = (b, x = k.LOCAL) => {
-    if (b.id && t.get(b.id))
-      throw Error(`Cannot add annotation ${b.id} - exists already`);
+  }, a = (y, x = B.LOCAL) => {
+    if (y.id && t.get(y.id))
+      throw Error(`Cannot add annotation ${y.id} - exists already`);
     {
-      const w = mt(b);
+      const w = mt(y);
       t.set(w.id, w), w.bodies.forEach((L) => e.set(L.id, w.id)), s(x, { created: [w] });
     }
-  }, 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((_) => e.delete(_.id)), w.bodies.forEach((_) => e.set(_.id, w.id)), O;
+  }, r = (y, x) => {
+    const w = mt(typeof y == "string" ? x : y), L = typeof y == "string" ? y : y.id, k = L && t.get(L);
+    if (k) {
+      const O = he(k, w);
+      return L === w.id ? t.set(L, w) : (t.delete(L), t.set(w.id, w)), k.bodies.forEach((U) => e.delete(U.id)), w.bodies.forEach((U) => e.set(U.id, w.id)), O;
     } else
       console.warn(`Cannot update annotation ${L} - does not exist`);
-  }, l = (b, x = k.LOCAL, w = k.LOCAL) => {
-    const L = Cn(x) ? w : x, B = r(b, x);
-    B && s(L, { updated: [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);
+  }, d = (y, x = B.LOCAL, w = B.LOCAL) => {
+    const L = Cn(x) ? w : x, k = r(y, x);
+    k && s(L, { updated: [k] });
+  }, f = (y, x = B.LOCAL) => {
+    t.get(y.id) ? d(y, x) : a(y, x);
+  }, h = (y, x = B.LOCAL) => {
+    const w = y.reduce((L, k) => {
+      const O = r(k);
       return O ? [...L, O] : L;
     }, []);
     w.length > 0 && s(x, { updated: w });
-  }, 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));
+  }, u = (y, x = B.LOCAL) => {
+    const w = y.map(mt), { toAdd: L, toUpdate: k } = w.reduce((U, P) => t.get(P.id) ? { ...U, toUpdate: [...U.toUpdate, P] } : { ...U, toAdd: [...U.toAdd, P] }, { toAdd: [], toUpdate: [] }), O = k.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));
     }), s(x, { created: L, updated: O });
-  }, p = (b, x = k.LOCAL) => {
-    const w = t.get(b.annotation);
+  }, g = (y, x = B.LOCAL) => {
+    const w = t.get(y.annotation);
     if (w) {
       const L = {
         ...w,
-        bodies: [...w.bodies, b]
+        bodies: [...w.bodies, y]
       };
-      t.set(w.id, L), e.set(b.id, L.id), s(x, { updated: [{
+      t.set(w.id, L), e.set(y.id, L.id), s(x, { updated: [{
         oldValue: w,
         newValue: L,
-        bodiesCreated: [b]
+        bodiesCreated: [y]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${b.annotation}`);
-  }, v = () => [...t.values()], g = (b = k.LOCAL) => {
+      console.warn(`Attempt to add body to missing annotation: ${y.annotation}`);
+  }, v = () => [...t.values()], b = (y = B.LOCAL) => {
     const x = [...t.values()];
-    t.clear(), e.clear(), s(b, { deleted: x });
-  }, m = (b, x = !0, w = k.LOCAL) => {
-    const L = b.map(mt);
+    t.clear(), e.clear(), s(y, { deleted: x });
+  }, p = (y, x = !0, w = B.LOCAL) => {
+    const L = y.map(mt);
     if (x) {
-      const B = [...t.values()];
+      const k = [...t.values()];
       t.clear(), e.clear(), L.forEach((O) => {
-        t.set(O.id, O), O.bodies.forEach((_) => e.set(_.id, O.id));
-      }), s(w, { created: L, deleted: B });
+        t.set(O.id, O), O.bodies.forEach((U) => e.set(U.id, O.id));
+      }), s(w, { created: L, deleted: k });
     } else {
-      const B = b.reduce((O, _) => {
-        const P = _.id && t.get(_.id);
+      const k = y.reduce((O, U) => {
+        const P = U.id && t.get(U.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(", ")}`);
+      if (k.length > 0)
+        throw Error(`Bulk insert would overwrite the following annotations: ${k.map((O) => O.id).join(", ")}`);
       L.forEach((O) => {
-        t.set(O.id, O), O.bodies.forEach((_) => e.set(_.id, O.id));
+        t.set(O.id, O), O.bodies.forEach((U) => e.set(U.id, O.id));
       }), s(w, { created: L });
     }
-  }, A = (b) => {
-    const x = typeof b == "string" ? b : b.id, w = t.get(x);
+  }, A = (y) => {
+    const x = typeof y == "string" ? y : y.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 = (b, x = k.LOCAL) => {
-    const w = A(b);
+  }, c = (y, x = B.LOCAL) => {
+    const w = A(y);
     w && s(x, { deleted: [w] });
-  }, c = (b, x = k.LOCAL) => {
-    const w = b.reduce((L, B) => {
-      const O = A(B);
+  }, l = (y, x = B.LOCAL) => {
+    const w = y.reduce((L, k) => {
+      const O = A(k);
       return O ? [...L, O] : L;
     }, []);
     w.length > 0 && s(x, { deleted: w });
-  }, y = (b) => {
-    const x = t.get(b.annotation);
+  }, m = (y) => {
+    const x = t.get(y.annotation);
     if (x) {
-      const w = x.bodies.find((L) => L.id === b.id);
+      const w = x.bodies.find((L) => L.id === y.id);
       if (w) {
         e.delete(w.id);
         const L = {
           ...x,
-          bodies: x.bodies.filter((B) => B.id !== b.id)
+          bodies: x.bodies.filter((k) => k.id !== y.id)
         };
         return t.set(x.id, L), {
           oldValue: x,
@@ -947,57 +952,57 @@ const En = (t, e) => {
           bodiesDeleted: [w]
         };
       } else
-        console.warn(`Attempt to delete missing body ${b.id} from annotation ${b.annotation}`);
+        console.warn(`Attempt to delete missing body ${y.id} from annotation ${y.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${b.annotation}`);
-  }, S = (b, x = k.LOCAL) => {
-    const w = y(b);
+      console.warn(`Attempt to delete body from missing annotation ${y.annotation}`);
+  }, S = (y, x = B.LOCAL) => {
+    const w = m(y);
     w && s(x, { updated: [w] });
-  }, E = (b, x = k.LOCAL) => {
-    const w = b.map((L) => y(L)).filter(Boolean);
+  }, E = (y, x = B.LOCAL) => {
+    const w = y.map((L) => m(L)).filter(Boolean);
     w.length > 0 && s(x, { updated: w });
-  }, C = (b) => {
-    const x = t.get(b);
+  }, C = (y) => {
+    const x = t.get(y);
     return x ? { ...x } : void 0;
-  }, R = (b) => {
-    const x = e.get(b);
+  }, R = (y) => {
+    const x = e.get(y);
     if (x) {
-      const w = C(x).bodies.find((L) => L.id === b);
+      const w = C(x).bodies.find((L) => L.id === y);
       if (w)
         return w;
-      console.error(`Store integrity error: body ${b} in index, but not in annotation`);
+      console.error(`Store integrity error: body ${y} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${b}`);
-  }, M = (b, x) => {
-    if (b.annotation !== x.annotation)
+      console.warn(`Attempt to retrieve missing body: ${y}`);
+  }, M = (y, x) => {
+    if (y.annotation !== x.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const w = t.get(b.annotation);
+    const w = t.get(y.annotation);
     if (w) {
-      const L = w.bodies.find((O) => O.id === b.id), B = {
+      const L = w.bodies.find((O) => O.id === y.id), k = {
         ...w,
         bodies: w.bodies.map((O) => O.id === L.id ? x : O)
       };
-      return t.set(w.id, B), L.id !== x.id && (e.delete(L.id), e.set(x.id, B.id)), {
+      return t.set(w.id, k), L.id !== x.id && (e.delete(L.id), e.set(x.id, k.id)), {
         oldValue: w,
-        newValue: B,
+        newValue: k,
         bodiesUpdated: [{ oldBody: L, newBody: x }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${b.annotation}`);
-  }, T = (b, x, w = k.LOCAL) => {
-    const L = M(b, x);
+      console.warn(`Attempt to add body to missing annotation ${y.annotation}`);
+  }, T = (y, x, w = B.LOCAL) => {
+    const L = M(y, x);
     L && s(w, { updated: [L] });
-  }, I = (b, x = k.LOCAL) => {
-    const w = b.map((L) => M({ id: L.id, annotation: L.annotation }, L)).filter(Boolean);
+  }, I = (y, x = B.LOCAL) => {
+    const w = y.map((L) => M({ id: L.id, annotation: L.annotation }, L)).filter(Boolean);
     s(x, { updated: w });
-  }, D = (b) => {
-    const x = t.get(b.annotation);
+  }, D = (y) => {
+    const x = t.get(y.annotation);
     if (x) {
       const w = {
         ...x,
         target: {
           ...x.target,
-          ...b
+          ...y
         }
       };
       return t.set(x.id, w), {
@@ -1005,37 +1010,37 @@ const En = (t, e) => {
         newValue: w,
         targetUpdated: {
           oldTarget: x.target,
-          newTarget: b
+          newTarget: y
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${b.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${y.annotation}`);
   };
   return {
     addAnnotation: a,
-    addBody: p,
+    addBody: g,
     all: v,
-    bulkAddAnnotations: m,
-    bulkDeleteAnnotations: c,
+    bulkAddAnnotations: p,
+    bulkDeleteAnnotations: l,
     bulkDeleteBodies: E,
     bulkUpdateAnnotations: h,
     bulkUpdateBodies: I,
-    bulkUpdateTargets: (b, x = k.LOCAL) => {
-      const w = b.map((L) => D(L)).filter(Boolean);
+    bulkUpdateTargets: (y, x = B.LOCAL) => {
+      const w = y.map((L) => D(L)).filter(Boolean);
       w.length > 0 && s(x, { updated: w });
     },
     bulkUpsertAnnotations: u,
-    clear: g,
-    deleteAnnotation: d,
+    clear: b,
+    deleteAnnotation: c,
     deleteBody: S,
     getAnnotation: C,
     getBody: R,
     observe: o,
     unobserve: i,
-    updateAnnotation: l,
+    updateAnnotation: d,
     updateBody: T,
-    updateTarget: (b, x = k.LOCAL) => {
-      const w = D(b);
+    updateTarget: (y, x = B.LOCAL) => {
+      const w = D(y);
       w && s(x, { updated: [w] });
     },
     upsertAnnotation: f
@@ -1058,39 +1063,39 @@ let Tn = () => ({
 const On = 250, Rn = (t, e) => {
   const n = Tn(), o = [];
   let i = -1, s = !1, a = 0;
-  const r = (g) => {
+  const r = (b) => {
     if (!s) {
-      const { changes: m } = g, A = performance.now();
+      const { changes: p } = b, A = performance.now();
       if (A - a > On)
-        o.splice(i + 1), o.push(m), i = o.length - 1;
+        o.splice(i + 1), o.push(p), i = o.length - 1;
       else {
-        const d = o.length - 1;
-        o[d] = Sn(o[d], m);
+        const c = o.length - 1;
+        o[c] = Sn(o[c], p);
       }
       a = A;
     }
     s = !1;
   };
-  t.observe(r, { origin: k.LOCAL });
-  const l = (g) => g && g.length > 0 && t.bulkDeleteAnnotations(g), f = (g) => g && g.length > 0 && t.bulkAddAnnotations(g, !1), h = (g) => g && g.length > 0 && t.bulkUpdateAnnotations(g.map(({ oldValue: m }) => m)), u = (g) => g && g.length > 0 && t.bulkUpdateAnnotations(g.map(({ newValue: m }) => m)), p = (g) => g && g.length > 0 && t.bulkAddAnnotations(g, !1), v = (g) => g && g.length > 0 && t.bulkDeleteAnnotations(g);
+  t.observe(r, { origin: B.LOCAL });
+  const d = (b) => b && b.length > 0 && t.bulkDeleteAnnotations(b), f = (b) => b && b.length > 0 && t.bulkAddAnnotations(b, !1), h = (b) => b && b.length > 0 && t.bulkUpdateAnnotations(b.map(({ oldValue: p }) => p)), u = (b) => b && b.length > 0 && t.bulkUpdateAnnotations(b.map(({ newValue: p }) => p)), g = (b) => b && b.length > 0 && t.bulkAddAnnotations(b, !1), v = (b) => b && b.length > 0 && t.bulkDeleteAnnotations(b);
   return {
     canRedo: () => o.length - 1 > i,
     canUndo: () => i > -1,
     destroy: () => t.unobserve(r),
     getHistory: () => ({ changes: [...o], pointer: i }),
-    on: (g, m) => n.on(g, m),
+    on: (b, p) => n.on(b, p),
     redo: () => {
       if (o.length - 1 > i) {
         s = !0;
-        const { created: g, updated: m, deleted: A } = o[i + 1];
-        f(g), u(m), v(A), n.emit("redo", o[i + 1]), i += 1;
+        const { created: b, updated: p, deleted: A } = o[i + 1];
+        f(b), u(p), v(A), n.emit("redo", o[i + 1]), i += 1;
       }
     },
     undo: () => {
       if (i > -1) {
         s = !0;
-        const { created: g, updated: m, deleted: A } = o[i];
-        l(g), h(m), p(A), n.emit("undo", o[i]), i -= 1;
+        const { created: b, updated: p, deleted: A } = o[i];
+        d(b), h(p), g(A), n.emit("undo", o[i]), i -= 1;
       }
     }
   };
@@ -1100,75 +1105,75 @@ const On = 250, Rn = (t, e) => {
     subscribe: t,
     set: e
   };
-}, Bn = (t, e, n, o) => {
-  const { hover: i, selection: s, store: a, viewport: r } = t, l = /* @__PURE__ */ new Map();
+}, kn = (t, e, n, o) => {
+  const { hover: i, selection: s, store: a, viewport: r } = t, d = /* @__PURE__ */ new Map();
   let f = [], h;
-  const u = (m, A) => {
-    l.has(m) ? l.get(m).push(A) : l.set(m, [A]);
-  }, p = (m, A) => {
-    const d = l.get(m);
-    if (d) {
-      const c = d.indexOf(A);
-      c !== -1 && d.splice(c, 1);
+  const u = (p, A) => {
+    d.has(p) ? d.get(p).push(A) : d.set(p, [A]);
+  }, g = (p, A) => {
+    const c = d.get(p);
+    if (c) {
+      const l = c.indexOf(A);
+      l !== -1 && c.splice(l, 1);
     }
-  }, v = (m, A, d) => {
-    l.has(m) && setTimeout(() => {
-      l.get(m).forEach((c) => {
+  }, v = (p, A, c) => {
+    d.has(p) && setTimeout(() => {
+      d.get(p).forEach((l) => {
         if (n) {
-          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);
+          const m = Array.isArray(A) ? A.map((E) => n.serialize(E)) : n.serialize(A), S = c ? c instanceof PointerEvent ? c : n.serialize(c) : void 0;
+          l(m, S);
         } else
-          c(A, d);
+          l(A, c);
       });
     }, 1);
   };
-  s.subscribe(({ selected: m }) => {
-    if (!(f.length === 0 && m.length === 0)) {
-      if (f.length === 0 && m.length > 0)
-        f = m.map(({ id: A }) => a.getAnnotation(A));
-      else if (f.length > 0 && m.length === 0)
+  s.subscribe(({ selected: p }) => {
+    if (!(f.length === 0 && p.length === 0)) {
+      if (f.length === 0 && p.length > 0)
+        f = p.map(({ id: A }) => a.getAnnotation(A));
+      else if (f.length > 0 && p.length === 0)
         f.forEach((A) => {
-          const d = a.getAnnotation(A.id);
-          d && !Q(d, A) && v("updateAnnotation", d, A);
+          const c = a.getAnnotation(A.id);
+          c && !Q(c, A) && v("updateAnnotation", c, A);
         }), f = [];
       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 y = a.getAnnotation(c.id);
-          y && !Q(y, c) && v("updateAnnotation", y, c);
+        const A = new Set(f.map((l) => l.id)), c = new Set(p.map(({ id: l }) => l));
+        f.filter((l) => !c.has(l.id)).forEach((l) => {
+          const m = a.getAnnotation(l.id);
+          m && !Q(m, l) && v("updateAnnotation", m, l);
         }), f = [
           // Remove annotations that were deselected
-          ...f.filter((c) => d.has(c.id)),
+          ...f.filter((l) => c.has(l.id)),
           // Add editable annotations that were selected
-          ...m.filter(({ id: c }) => !A.has(c)).map(({ id: c }) => a.getAnnotation(c))
+          ...p.filter(({ id: l }) => !A.has(l)).map(({ id: l }) => a.getAnnotation(l))
         ];
       }
       v("selectionChanged", f);
     }
-  }), i.subscribe((m) => {
-    !h && m ? v("mouseEnterAnnotation", a.getAnnotation(m)) : h && !m ? v("mouseLeaveAnnotation", a.getAnnotation(h)) : h && m && (v("mouseLeaveAnnotation", a.getAnnotation(h)), v("mouseEnterAnnotation", a.getAnnotation(m))), h = m;
-  }), r == null || r.subscribe((m) => v("viewportIntersect", m.map((A) => a.getAnnotation(A)))), a.observe((m) => {
-    const { created: A, deleted: d } = m.changes;
-    (A || []).forEach((c) => v("createAnnotation", c)), (d || []).forEach((c) => v("deleteAnnotation", c)), (m.changes.updated || []).filter((c) => [
-      ...c.bodiesCreated || [],
-      ...c.bodiesDeleted || [],
-      ...c.bodiesUpdated || []
-    ].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 ? y : E), v("updateAnnotation", y, S);
+  }), i.subscribe((p) => {
+    !h && p ? v("mouseEnterAnnotation", a.getAnnotation(p)) : h && !p ? v("mouseLeaveAnnotation", a.getAnnotation(h)) : h && p && (v("mouseLeaveAnnotation", a.getAnnotation(h)), v("mouseEnterAnnotation", a.getAnnotation(p))), h = p;
+  }), r == null || r.subscribe((p) => v("viewportIntersect", p.map((A) => a.getAnnotation(A)))), a.observe((p) => {
+    const { created: A, deleted: c } = p.changes;
+    (A || []).forEach((l) => v("createAnnotation", l)), (c || []).forEach((l) => v("deleteAnnotation", l)), (p.changes.updated || []).filter((l) => [
+      ...l.bodiesCreated || [],
+      ...l.bodiesDeleted || [],
+      ...l.bodiesUpdated || []
+    ].length > 0).forEach(({ oldValue: l, newValue: m }) => {
+      const S = f.find((E) => E.id === l.id) || l;
+      f = f.map((E) => E.id === l.id ? m : E), v("updateAnnotation", m, S);
     });
-  }, { origin: k.LOCAL }), a.observe((m) => {
+  }, { origin: B.LOCAL }), a.observe((p) => {
     if (f) {
-      const A = new Set(f.map((c) => c.id)), d = (m.changes.updated || []).filter(({ newValue: c }) => A.has(c.id)).map(({ newValue: c }) => c);
-      d.length > 0 && (f = f.map((c) => d.find((S) => S.id === c.id) || c));
+      const A = new Set(f.map((l) => l.id)), c = (p.changes.updated || []).filter(({ newValue: l }) => A.has(l.id)).map(({ newValue: l }) => l);
+      c.length > 0 && (f = f.map((l) => c.find((S) => S.id === l.id) || l));
     }
-  }, { origin: k.REMOTE });
-  const g = (m) => (A) => {
-    const { updated: d } = A;
-    m ? (d || []).forEach((c) => v("updateAnnotation", c.oldValue, c.newValue)) : (d || []).forEach((c) => v("updateAnnotation", c.newValue, c.oldValue));
+  }, { origin: B.REMOTE });
+  const b = (p) => (A) => {
+    const { updated: c } = A;
+    p ? (c || []).forEach((l) => v("updateAnnotation", l.oldValue, l.newValue)) : (c || []).forEach((l) => v("updateAnnotation", l.newValue, l.oldValue));
   };
-  return e.on("undo", g(!0)), e.on("redo", g(!1)), { on: u, off: p, emit: v };
-}, kn = (t) => (e) => e.reduce((n, o) => {
+  return e.on("undo", b(!0)), e.on("redo", b(!1)), { on: u, off: g, emit: v };
+}, Bn = (t) => (e) => e.reduce((n, o) => {
   const { parsed: i, error: s } = t.parse(o);
   return s ? {
     parsed: n.parsed,
@@ -1180,46 +1185,46 @@ const On = 250, Rn = (t, e) => {
     ...n
   };
 }, { parsed: [], failed: [] }), In = (t, e, n) => {
-  const { store: o, selection: i } = t, s = (d) => {
+  const { store: o, selection: i } = t, s = (c) => {
     if (n) {
-      const { parsed: c, error: y } = n.parse(d);
-      c ? o.addAnnotation(c, k.REMOTE) : console.error(y);
+      const { parsed: l, error: m } = n.parse(c);
+      l ? o.addAnnotation(l, B.REMOTE) : console.error(m);
     } else
-      o.addAnnotation(Mt(d), k.REMOTE);
-  }, a = () => i.clear(), r = () => o.clear(), l = (d) => {
-    const c = o.getAnnotation(d);
-    return n && c ? n.serialize(c) : c;
+      o.addAnnotation(Mt(c), B.REMOTE);
+  }, a = () => i.clear(), r = () => o.clear(), d = (c) => {
+    const l = o.getAnnotation(c);
+    return n && l ? n.serialize(l) : l;
   }, f = () => n ? o.all().map(n.serialize) : o.all(), h = () => {
-    var d;
-    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((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)
-        return n ? n.serialize(c) : c;
+    var c;
+    const l = (((c = i.selected) == null ? void 0 : c.map((m) => m.id)) || []).map((m) => o.getAnnotation(m)).filter(Boolean);
+    return n ? l.map(n.serialize) : l;
+  }, u = (c, l = !0) => fetch(c).then((m) => m.json()).then((m) => (v(m, l), m)), g = (c) => {
+    if (typeof c == "string") {
+      const l = o.getAnnotation(c);
+      if (o.deleteAnnotation(c), l)
+        return n ? n.serialize(l) : l;
     } else {
-      const c = n ? n.parse(d).parsed : d;
-      if (c)
-        return o.deleteAnnotation(c), d;
+      const l = n ? n.parse(c).parsed : c;
+      if (l)
+        return o.deleteAnnotation(l), c;
     }
-  }, v = (d, c = !0) => {
+  }, v = (c, l = !0) => {
     if (n) {
-      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);
+      const m = n.parseAll || Bn(n), { parsed: S, failed: E } = m(c);
+      E.length > 0 && console.warn(`Discarded ${E.length} invalid annotations`, E), o.bulkAddAnnotations(S, l, B.REMOTE);
     } else
-      o.bulkAddAnnotations(d.map(Mt), c, k.REMOTE);
-  }, g = (d, c) => {
-    d ? i.setSelected(d, c) : i.clear();
-  }, m = (d) => {
-    i.clear(), i.setUserSelectAction(d);
-  }, A = (d) => {
+      o.bulkAddAnnotations(c.map(Mt), l, B.REMOTE);
+  }, b = (c, l) => {
+    c ? i.setSelected(c, l) : i.clear();
+  }, p = (c) => {
+    i.clear(), i.setUserSelectAction(c);
+  }, A = (c) => {
     if (n) {
-      const c = n.parse(d).parsed, y = n.serialize(o.getAnnotation(c.id));
-      return o.updateAnnotation(c), y;
+      const l = n.parse(c).parsed, m = n.serialize(o.getAnnotation(l.id));
+      return o.updateAnnotation(l), m;
     } else {
-      const c = o.getAnnotation(d.id);
-      return o.updateAnnotation(Mt(d)), c;
+      const l = o.getAnnotation(c.id);
+      return o.updateAnnotation(Mt(c)), l;
     }
   };
   return {
@@ -1228,34 +1233,34 @@ const On = 250, Rn = (t, e) => {
     canRedo: e.canRedo,
     canUndo: e.canUndo,
     clearAnnotations: r,
-    getAnnotationById: l,
+    getAnnotationById: d,
     getAnnotations: f,
     getHistory: e.getHistory,
     getSelected: h,
     loadAnnotations: u,
     redo: e.redo,
-    removeAnnotation: p,
+    removeAnnotation: g,
     setAnnotations: v,
-    setSelected: g,
-    setUserSelectAction: m,
+    setSelected: b,
+    setUserSelectAction: p,
     undo: e.undo,
     updateAnnotation: A
   };
-}, _n = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let Un = (t) => crypto.getRandomValues(new Uint8Array(t)), Nn = (t, e, n) => {
+}, Un = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let _n = (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 = "";
     for (; ; ) {
-      let r = n(i), l = i | 0;
-      for (; l--; )
-        if (a += t[r[l] & o] || "", a.length >= s) return a;
+      let r = n(i), d = i | 0;
+      for (; d--; )
+        if (a += t[r[d] & o] || "", a.length >= s) return a;
     }
   };
-}, Vn = (t, e = 21) => Nn(t, e | 0, Un), Dn = (t = 21) => {
+}, Vn = (t, e = 21) => Nn(t, e | 0, _n), Dn = (t = 21) => {
   let e = "", n = crypto.getRandomValues(new Uint8Array(t |= 0));
   for (; t--; )
-    e += _n[n[t] & 63];
+    e += Un[n[t] & 63];
   return e;
 };
 const Yn = () => ({ isGuest: !0, id: Vn("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Kn = (t) => {
@@ -1267,7 +1272,7 @@ const Yn = () => ({ isGuest: !0, id: Vn("1234567890abcdefghijklmnopqrstuvwxyzABC
   }
   return `${n}`;
 }, ge = (t) => t ? typeof t == "object" ? { ...t } : t : void 0, Xn = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
-  const { id: o, type: i, purpose: s, value: a, created: r, modified: l, creator: f, ...h } = n;
+  const { id: o, type: i, purpose: s, value: a, created: r, modified: d, creator: f, ...h } = n;
   return {
     id: o || `temp-${Kn(n)}`,
     annotation: e,
@@ -1276,7 +1281,7 @@ const Yn = () => ({ isGuest: !0, id: Vn("1234567890abcdefghijklmnopqrstuvwxyzABC
     value: a,
     creator: ge(f),
     created: r ? new Date(r) : void 0,
-    updated: l ? new Date(l) : void 0,
+    updated: d ? new Date(d) : void 0,
     ...h
   };
 }), Pn = (t) => t.map((e) => {
@@ -1289,7 +1294,7 @@ const Yn = () => ({ isGuest: !0, id: Vn("1234567890abcdefghijklmnopqrstuvwxyzABC
   return (n = r.id) != null && n.startsWith("temp-") && delete r.id, r;
 });
 Dn();
-const xo = (t, e) => ({
+const Ao = (t, e) => ({
   parse: (n) => jn(n),
   serialize: (n) => zn(n, t, e)
 }), $n = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, Hn = (t) => {
@@ -1311,14 +1316,14 @@ const xo = (t, e) => ({
     // @ts-expect-error: `styleClass` is not part of the core `TextAnnotationTarget` type
     styleClass: "styleClass" in a[0] ? a[0].styleClass : void 0
   };
-  for (const l of a) {
-    const h = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((u, p) => {
-      switch (p.type) {
+  for (const d of a) {
+    const h = (Array.isArray(d.selector) ? d.selector : [d.selector]).reduce((u, g) => {
+      switch (g.type) {
         case "TextQuoteSelector":
-          u.quote = p.exact;
+          u.quote = g.exact;
           break;
         case "TextPositionSelector":
-          u.start = p.start, u.end = p.end;
+          u.start = g.start, u.end = g.end;
           break;
       }
       return u;
@@ -1327,9 +1332,9 @@ const xo = (t, e) => ({
       r.selector.push(
         {
           ...h,
-          id: l.id,
+          id: d.id,
           // @ts-expect-error: `scope` is not part of the core `TextSelector` type
-          scope: l.scope
+          scope: d.scope
         }
       );
     else {
@@ -1342,49 +1347,49 @@ const xo = (t, e) => ({
   }
   return { parsed: r };
 }, jn = (t) => {
-  const e = t.id || fe(), {
+  const e = t.id || ue(), {
     creator: n,
     created: o,
     modified: i,
     body: s,
     ...a
-  } = t, r = Xn(s, e), l = Hn(t);
-  return "error" in l ? { error: l.error } : {
+  } = t, r = Xn(s, e), d = Hn(t);
+  return "error" in d ? { error: d.error } : {
     parsed: {
       ...a,
       id: e,
       bodies: r,
-      target: l.parsed
+      target: d.parsed
     }
   };
 }, zn = (t, e, n) => {
   const { bodies: o, target: i, ...s } = t, {
     selector: a,
     creator: r,
-    created: l,
+    created: d,
     updated: f,
     ...h
-  } = i, u = a.map((p) => {
-    const { id: v, quote: g, start: m, end: A, range: d } = p, c = {
+  } = i, u = a.map((g) => {
+    const { id: v, quote: b, start: p, end: A, range: c } = g, l = {
       type: "TextQuoteSelector",
-      exact: g
+      exact: b
     };
     if (n) {
-      const { prefix: S, suffix: E } = Be(d, n);
-      c.prefix = S, c.suffix = E;
+      const { prefix: S, suffix: E } = Me(c, n);
+      l.prefix = S, l.suffix = E;
     }
-    const y = {
+    const m = {
       type: "TextPositionSelector",
-      start: m,
+      start: p,
       end: A
     };
     return {
       ...h,
       id: v,
       // @ts-expect-error: `scope` is not part of the core `TextSelector` type
-      scope: "scope" in p ? p.scope : void 0,
+      scope: "scope" in g ? g.scope : void 0,
       source: e,
-      selector: [c, y]
+      selector: [l, m]
     };
   });
   return {
@@ -1394,27 +1399,27 @@ const xo = (t, e) => ({
     type: "Annotation",
     body: Pn(t.bodies),
     creator: r,
-    created: l == null ? void 0 : l.toISOString(),
+    created: d == null ? void 0 : d.toISOString(),
     modified: f == null ? void 0 : f.toISOString(),
     target: u
   };
 };
-function me(t, e, n = 0, o = t.length - 1, i = Fn) {
+function pe(t, e, n = 0, o = t.length - 1, i = Fn) {
   for (; o > n; ) {
     if (o - n > 600) {
-      const l = o - n + 1, f = e - n + 1, h = Math.log(l), u = 0.5 * Math.exp(2 * h / 3), p = 0.5 * Math.sqrt(h * u * (l - u) / l) * (f - l / 2 < 0 ? -1 : 1), v = Math.max(n, Math.floor(e - f * u / l + p)), g = Math.min(o, Math.floor(e + (l - f) * u / l + p));
-      me(t, e, v, g, i);
+      const d = o - n + 1, f = e - n + 1, h = Math.log(d), u = 0.5 * Math.exp(2 * h / 3), g = 0.5 * Math.sqrt(h * u * (d - u) / d) * (f - d / 2 < 0 ? -1 : 1), v = Math.max(n, Math.floor(e - f * u / d + g)), b = Math.min(o, Math.floor(e + (d - f) * u / d + g));
+      pe(t, e, v, b, i);
     }
     const s = t[e];
     let a = n, r = o;
-    for (nt(t, n, e), i(t[o], s) > 0 && nt(t, n, o); a < r; ) {
-      for (nt(t, a, r), a++, r--; i(t[a], s) < 0; ) a++;
+    for (ot(t, n, e), i(t[o], s) > 0 && ot(t, n, o); a < r; ) {
+      for (ot(t, a, r), a++, r--; i(t[a], s) < 0; ) a++;
       for (; i(t[r], s) > 0; ) r--;
     }
-    i(t[n], s) === 0 ? nt(t, n, r) : (r++, nt(t, r, o)), r <= e && (n = r + 1), e <= r && (o = r - 1);
+    i(t[n], s) === 0 ? ot(t, n, r) : (r++, ot(t, r, o)), r <= e && (n = r + 1), e <= r && (o = r - 1);
   }
 }
-function nt(t, e, n) {
+function ot(t, e, n) {
   const o = t[e];
   t[e] = t[n], t[n] = o;
 }
@@ -1435,8 +1440,8 @@ class Wn {
     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;
-        bt(e, l) && (n.leaf ? o.push(r) : kt(e, l) ? this._all(r, o) : s.push(r));
+        const r = n.children[a], d = n.leaf ? i(r) : r;
+        bt(e, d) && (n.leaf ? o.push(r) : Bt(e, d) ? this._all(r, o) : s.push(r));
       }
       n = s.pop();
     }
@@ -1450,7 +1455,7 @@ class Wn {
       for (let i = 0; i < n.children.length; i++) {
         const s = n.children[i], a = n.leaf ? this.toBBox(s) : s;
         if (bt(e, a)) {
-          if (n.leaf || kt(e, a)) return !0;
+          if (n.leaf || Bt(e, a)) return !0;
           o.push(s);
         }
       }
@@ -1489,14 +1494,14 @@ class Wn {
     if (!e) return this;
     let o = this.data;
     const i = this.toBBox(e), s = [], a = [];
-    let r, l, f;
+    let r, d, f;
     for (; o || s.length; ) {
-      if (o || (o = s.pop(), l = s[s.length - 1], r = a.pop(), f = !0), o.leaf) {
+      if (o || (o = s.pop(), d = s[s.length - 1], r = a.pop(), f = !0), o.leaf) {
         const h = qn(e, o.children, n);
         if (h !== -1)
           return o.children.splice(h, 1), s.push(o), this._condense(s), this;
       }
-      !f && !o.leaf && kt(o, i) ? (s.push(o), a.push(r), r = 0, l = o, o = o.children[0]) : l ? (r++, o = l.children[r], f = !1) : o = null;
+      !f && !o.leaf && Bt(o, i) ? (s.push(o), a.push(r), r = 0, d = o, o = o.children[0]) : d ? (r++, o = d.children[r], f = !1) : o = null;
     }
     return this;
   }
@@ -1527,14 +1532,14 @@ class Wn {
     if (s <= a)
       return r = tt(e.slice(n, o + 1)), Z(r, this.toBBox), r;
     i || (i = Math.ceil(Math.log(s) / Math.log(a)), a = Math.ceil(s / Math.pow(a, i - 1))), r = tt([]), r.leaf = !1, r.height = i;
-    const l = Math.ceil(s / a), f = l * Math.ceil(Math.sqrt(a));
-    ee(e, n, o, f, this.compareMinX);
+    const d = Math.ceil(s / a), f = d * Math.ceil(Math.sqrt(a));
+    te(e, n, o, f, this.compareMinX);
     for (let h = n; h <= o; h += f) {
       const u = Math.min(h + f - 1, o);
-      ee(e, h, u, l, this.compareMinY);
-      for (let p = h; p <= u; p += l) {
-        const v = Math.min(p + l - 1, u);
-        r.children.push(this._build(e, p, v, i - 1));
+      te(e, h, u, d, this.compareMinY);
+      for (let g = h; g <= u; g += d) {
+        const v = Math.min(g + d - 1, u);
+        r.children.push(this._build(e, g, v, i - 1));
       }
     }
     return Z(r, this.toBBox), r;
@@ -1542,8 +1547,8 @@ class Wn {
   _chooseSubtree(e, n, o, i) {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
       let s = 1 / 0, a = 1 / 0, r;
-      for (let l = 0; l < n.children.length; l++) {
-        const f = n.children[l], h = Bt(f), u = Jn(e, f) - h;
+      for (let d = 0; d < n.children.length; d++) {
+        const f = n.children[d], h = kt(f), u = Jn(e, f) - h;
         u < a ? (a = u, s = h < s ? h : s, r = f) : u === a && h < s && (s = h, r = f);
       }
       n = r || n.children[0];
@@ -1552,7 +1557,7 @@ class Wn {
   }
   _insert(e, n, o) {
     const i = o ? e : this.toBBox(e), s = [], a = this._chooseSubtree(i, this.data, n, s);
-    for (a.children.push(e), rt(a, i); n >= 0 && s[n].children.length > this._maxEntries; )
+    for (a.children.push(e), at(a, i); n >= 0 && s[n].children.length > this._maxEntries; )
       this._split(s, n), n--;
     this._adjustParentBBoxes(i, s, n);
   }
@@ -1569,7 +1574,7 @@ class Wn {
   _chooseSplitIndex(e, n, o) {
     let i, s = 1 / 0, a = 1 / 0;
     for (let r = n; r <= o - n; r++) {
-      const l = st(e, 0, r, this.toBBox), f = st(e, r, o, this.toBBox), h = Zn(l, f), u = Bt(l) + Bt(f);
+      const d = rt(e, 0, r, this.toBBox), f = rt(e, r, o, this.toBBox), h = Zn(d, f), u = kt(d) + kt(f);
       h < s ? (s = h, i = r, a = u < a ? u : a) : h === s && u < a && (a = u, i = r);
     }
     return i || o - n;
@@ -1582,21 +1587,21 @@ class Wn {
   // total margin of all possible split distributions where each node is at least m full
   _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 = yt(a) + yt(r);
+    const s = this.toBBox, a = rt(e, 0, n, s), r = rt(e, o - n, o, s);
+    let d = 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 += yt(a);
+      at(a, e.leaf ? s(h) : h), d += yt(a);
     }
     for (let f = o - n - 1; f >= n; f--) {
       const h = e.children[f];
-      rt(r, e.leaf ? s(h) : h), l += yt(r);
+      at(r, e.leaf ? s(h) : h), d += yt(r);
     }
-    return l;
+    return d;
   }
   _adjustParentBBoxes(e, n, o) {
     for (let i = o; i >= 0; i--)
-      rt(n[i], e);
+      at(n[i], e);
   }
   _condense(e) {
     for (let n = e.length - 1, o; n >= 0; n--)
@@ -1610,17 +1615,17 @@ function qn(t, e, n) {
   return -1;
 }
 function Z(t, e) {
-  st(t, 0, t.children.length, e, t);
+  rt(t, 0, t.children.length, e, t);
 }
-function st(t, e, n, o, i) {
+function rt(t, e, n, o, i) {
   i || (i = tt(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
   for (let s = e; s < n; s++) {
     const a = t.children[s];
-    rt(i, t.leaf ? o(a) : a);
+    at(i, t.leaf ? o(a) : a);
   }
   return i;
 }
-function rt(t, e) {
+function at(t, e) {
   return t.minX = Math.min(t.minX, e.minX), t.minY = Math.min(t.minY, e.minY), t.maxX = Math.max(t.maxX, e.maxX), t.maxY = Math.max(t.maxY, e.maxY), t;
 }
 function Gn(t, e) {
@@ -1629,7 +1634,7 @@ function Gn(t, e) {
 function Qn(t, e) {
   return t.minY - e.minY;
 }
-function Bt(t) {
+function kt(t) {
   return (t.maxX - t.minX) * (t.maxY - t.minY);
 }
 function yt(t) {
@@ -1642,7 +1647,7 @@ function Zn(t, e) {
   const n = Math.max(t.minX, e.minX), o = Math.max(t.minY, e.minY), i = Math.min(t.maxX, e.maxX), s = Math.min(t.maxY, e.maxY);
   return Math.max(0, i - n) * Math.max(0, s - o);
 }
-function kt(t, e) {
+function Bt(t, e) {
   return t.minX <= e.minX && t.minY <= e.minY && e.maxX <= t.maxX && e.maxY <= t.maxY;
 }
 function bt(t, e) {
@@ -1659,20 +1664,20 @@ function tt(t) {
     maxY: -1 / 0
   };
 }
-function ee(t, e, n, o, i) {
+function te(t, e, n, o, i) {
   const s = [e, n];
   for (; s.length; ) {
     if (n = s.pop(), e = s.pop(), n - e <= o) continue;
     const a = e + Math.ceil((n - e) / o / 2) * o;
-    me(t, a, e, n, i), s.push(e, a, a, n);
+    pe(t, a, e, n, i), s.push(e, a, a, n);
   }
 }
 const to = (t, e) => {
-  const n = new Wn(), o = /* @__PURE__ */ new Map(), i = (d, c) => {
-    const y = d.selector.flatMap((E) => {
-      const C = q([E]) ? E.range : ae(E, e).range;
+  const n = new Wn(), o = /* @__PURE__ */ new Map(), i = (c, l) => {
+    const m = c.selector.flatMap((E) => {
+      const C = q([E]) ? E.range : re(E, e).range;
       return Array.from(C.getClientRects());
-    }), S = Ne(y).map(({ left: E, top: C, right: R, bottom: M }) => new DOMRect(E - c.left, C - c.top, R - E, M - C));
+    }), S = _e(m).map(({ left: E, top: C, right: R, bottom: M }) => new DOMRect(E - l.left, C - l.top, R - E, M - C));
     return S.map((E) => {
       const { x: C, y: R, width: M, height: T } = E;
       return {
@@ -1681,113 +1686,113 @@ const to = (t, e) => {
         maxX: C + M,
         maxY: R + T,
         annotation: {
-          id: d.annotation,
+          id: c.annotation,
           rects: S
         }
       };
     });
   }, s = () => [...o.values()], a = () => {
     n.clear(), o.clear();
-  }, r = (d) => {
-    const c = i(d, e.getBoundingClientRect());
-    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((y) => n.remove(y)), o.delete(d.annotation));
-  }, f = (d) => {
-    l(d), r(d);
-  }, h = (d, c = !0) => {
-    c && a();
-    const y = e.getBoundingClientRect(), S = d.map((C) => ({ target: C, rects: i(C, y) }));
+  }, r = (c) => {
+    const l = i(c, e.getBoundingClientRect());
+    l.length !== 0 && (l.forEach((m) => n.insert(m)), o.set(c.annotation, l));
+  }, d = (c) => {
+    const l = o.get(c.annotation);
+    l && (l.forEach((m) => n.remove(m)), o.delete(c.annotation));
+  }, f = (c) => {
+    d(c), r(c);
+  }, h = (c, l = !0) => {
+    l && a();
+    const m = e.getBoundingClientRect(), S = c.map((C) => ({ target: C, rects: i(C, m) }));
     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, y = !1) => {
+  }, u = (c, l, m = !1) => {
     const S = n.search({
-      minX: d,
-      minY: c,
-      maxX: d,
-      maxY: c
+      minX: c,
+      minY: l,
+      maxX: c,
+      maxY: l
     }), 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)), y ? S.map((C) => C.annotation.id) : [S[0].annotation.id]) : [];
-  }, p = (d) => {
-    const c = v(d);
-    if (c.length === 0)
+    return S.length > 0 ? (S.sort((C, R) => E(C) - E(R)), m ? S.map((C) => C.annotation.id) : [S[0].annotation.id]) : [];
+  }, g = (c) => {
+    const l = v(c);
+    if (l.length === 0)
       return;
-    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];
-      y = Math.min(y, M.left), S = Math.min(S, M.top), E = Math.max(E, M.right), C = Math.max(C, M.bottom);
+    let m = l[0].left, S = l[0].top, E = l[0].right, C = l[0].bottom;
+    for (let R = 1; R < l.length; R++) {
+      const M = l[R];
+      m = Math.min(m, M.left), S = Math.min(S, M.top), E = Math.max(E, M.right), C = Math.max(C, M.bottom);
     }
-    return new DOMRect(y, S, E - y, C - S);
-  }, v = (d) => {
-    const c = o.get(d);
-    return c ? c[0].annotation.rects : [];
+    return new DOMRect(m, S, E - m, C - S);
+  }, v = (c) => {
+    const l = o.get(c);
+    return l ? l[0].annotation.rects : [];
   };
   return {
     all: s,
     clear: a,
     getAt: u,
-    getAnnotationBounds: p,
+    getAnnotationBounds: g,
     getAnnotationRects: v,
-    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));
+    getIntersecting: (c, l, m, S) => {
+      const E = n.search({ minX: c, minY: l, maxX: m, maxY: S }), C = new Set(E.map((R) => R.annotation.id));
       return Array.from(C).map((R) => ({
         annotation: t.getAnnotation(R),
         rects: v(R)
       })).filter((R) => !!R.annotation);
     },
     insert: r,
-    recalculate: () => h(t.all().map((d) => d.target), !0),
-    remove: l,
+    recalculate: () => h(t.all().map((c) => c.target), !0),
+    remove: d,
     set: h,
     size: () => n.all().length,
     update: f
   };
 }, eo = (t, e) => {
-  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, y), E;
-  }, f = (d, c = k.LOCAL) => {
-    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);
+  const n = Ln(), o = to(n, t), i = hn(n, e.userSelectAction, e.adapter), s = un(n), a = Mn(), r = (c, l = B.LOCAL) => {
+    const m = Et(c, t), S = q(m.target.selector);
+    return S && n.addAnnotation(m, l), S;
+  }, d = (c, l = !0, m = B.LOCAL) => {
+    const S = c.map((C) => Et(C, t)), E = S.filter((C) => !q(C.target.selector));
+    return n.bulkAddAnnotations(S, l, m), E;
+  }, f = (c, l = B.LOCAL) => {
+    const m = c.map((E) => Et(E, t)), S = m.filter((E) => !q(E.target.selector));
+    return m.forEach((E) => {
+      n.getAnnotation(E.id) ? n.updateAnnotation(E, l) : n.addAnnotation(E, l);
     }), S;
-  }, h = (d, c = k.LOCAL) => {
-    const y = At(d, t);
-    n.updateTarget(y, c);
-  }, u = (d, c = k.LOCAL) => {
-    const y = d.map((S) => At(S, t));
-    n.bulkUpdateTargets(y, c);
+  }, h = (c, l = B.LOCAL) => {
+    const m = xt(c, t);
+    n.updateTarget(m, l);
+  }, u = (c, l = B.LOCAL) => {
+    const m = c.map((S) => xt(S, t));
+    n.bulkUpdateTargets(m, l);
   };
-  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;
+  function g(c, l, m, S) {
+    const E = m || !!S, C = o.getAt(c, l, E).map((M) => n.getAnnotation(M)), R = S ? C.filter(S) : C;
     if (R.length !== 0)
-      return y ? R : R[0];
+      return m ? R : R[0];
   }
-  const v = (d) => {
-    if (o.getAnnotationRects(d).length !== 0)
-      return o.getAnnotationBounds(d);
-  }, 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)), 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));
+  const v = (c) => {
+    if (o.getAnnotationRects(c).length !== 0)
+      return o.getAnnotationBounds(c);
+  }, b = (c, l, m, S) => o.getIntersecting(c, l, m, S), p = (c) => o.getAnnotationRects(c), A = () => o.recalculate();
+  return n.observe(({ changes: c }) => {
+    const l = (c.deleted || []).filter((E) => q(E.target.selector)), m = (c.created || []).filter((E) => q(E.target.selector)), S = (c.updated || []).filter((E) => q(E.newValue.target.selector));
+    (l == null ? void 0 : l.length) > 0 && l.forEach((E) => o.remove(E.target)), m.length > 0 && o.set(m.map((E) => E.target), !1), (S == null ? void 0 : S.length) > 0 && S.forEach(({ newValue: E }) => o.update(E.target));
   }), {
     store: {
       ...n,
       addAnnotation: r,
-      bulkAddAnnotations: l,
+      bulkAddAnnotations: d,
       bulkUpdateTargets: u,
       bulkUpsertAnnotations: f,
       getAnnotationBounds: v,
-      getAnnotationRects: m,
-      getIntersecting: g,
-      getAt: p,
+      getAnnotationRects: p,
+      getIntersecting: b,
+      getAt: g,
       recalculatePositions: A,
       updateTarget: h
     },
@@ -1803,7 +1808,7 @@ const to = (t, e) => {
 }, oo = (t, e = {}) => {
   const n = no(), o = n.getContext("2d");
   document.body.appendChild(n);
-  const i = /* @__PURE__ */ new Map(), s = (h) => Array.from(i.entries()).filter(([u, p]) => p.presenceKey === h.presenceKey).map(([u, p]) => u);
+  const i = /* @__PURE__ */ new Map(), s = (h) => Array.from(i.entries()).filter(([u, g]) => g.presenceKey === h.presenceKey).map(([u, g]) => u);
   return t.on("selectionChange", (h, u) => {
     s(h).forEach((v) => i.delete(v)), u && u.forEach((v) => i.set(v, h));
   }), {
@@ -1814,16 +1819,16 @@ const to = (t, e) => {
     destroy: () => {
       n.remove();
     },
-    paint: (h, u, p) => {
+    paint: (h, u, g) => {
       e.font && (o.font = e.font);
       const v = i.get(h.annotation.id);
       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, 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), {
+        const { height: b } = h.rects[0], p = h.rects[0].x + u.left, A = h.rects[0].y + u.top;
+        o.fillStyle = v.appearance.color, o.fillRect(p - 2, A - 2.5, 2, b + 5);
+        const c = o.measureText(v.appearance.label), l = c.width + 6, m = c.actualBoundingBoxAscent + c.actualBoundingBoxDescent + 8, S = c.fontBoundingBoxAscent ? 8 : 6.5;
+        return o.fillRect(p - 2, A - 2.5 - m, l, m), o.fillStyle = "#fff", o.fillText(v.appearance.label, p + 1, A - S), {
           fill: v.appearance.color,
-          fillOpacity: p ? 0.45 : 0.18
+          fillOpacity: g ? 0.45 : 0.18
         };
       }
     },
@@ -1834,18 +1839,18 @@ const to = (t, e) => {
     }
   };
 }, It = typeof navigator < "u" ? navigator.userAgent.toLowerCase().indexOf("firefox") > 0 : !1;
-function _t(t, e, n, o) {
+function Ut(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) {
+function it(t, e, n, o) {
   t.removeEventListener ? t.removeEventListener(e, n, o) : t.detachEvent && t.detachEvent("on".concat(e), n);
 }
-function ye(t, e) {
+function me(t, e) {
   const n = e.slice(0, e.length - 1);
   for (let o = 0; o < n.length; o++) n[o] = t[n[o].toLowerCase()];
   return n;
 }
-function be(t) {
+function ye(t) {
   typeof t != "string" && (t = ""), t = t.replace(/\s/g, "");
   const e = t.split(",");
   let n = e.lastIndexOf("");
@@ -1860,7 +1865,7 @@ function io(t, e) {
     o.indexOf(n[s]) === -1 && (i = !1);
   return i;
 }
-const dt = {
+const ut = {
   backspace: 8,
   "⌫": 8,
   tab: 9,
@@ -1875,6 +1880,11 @@ const dt = {
   up: 38,
   right: 39,
   down: 40,
+  /// https://w3c.github.io/uievents/#events-keyboard-key-location
+  arrowup: 38,
+  arrowdown: 40,
+  arrowleft: 37,
+  arrowright: 39,
   del: 46,
   delete: 46,
   ins: 45,
@@ -1909,6 +1919,8 @@ const dt = {
   "=": It ? 61 : 187,
   ";": It ? 59 : 186,
   "'": 222,
+  "{": 219,
+  "}": 221,
   "[": 219,
   "]": 221,
   "\\": 220
@@ -1927,8 +1939,9 @@ const dt = {
   // metaKey
   "⌘": 91,
   cmd: 91,
+  meta: 91,
   command: 91
-}, at = {
+}, lt = {
   16: "shiftKey",
   18: "altKey",
   17: "ctrlKey",
@@ -1944,22 +1957,22 @@ const dt = {
   91: !1
 }, N = {};
 for (let t = 1; t < 20; 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";
+  ut["f".concat(t)] = 111 + t;
+let _ = [], dt = null, be = "all";
+const W = /* @__PURE__ */ new Map(), nt = (t) => ut[t.toLowerCase()] || z[t.toLowerCase()] || t.toUpperCase().charCodeAt(0), so = (t) => Object.keys(ut).find((e) => ut[e] === t), ro = (t) => Object.keys(z).find((e) => z[e] === t);
+function we(t) {
+  be = t || "all";
 }
-function ut() {
-  return we || "all";
+function ft() {
+  return be || "all";
 }
 function ao() {
-  return U.slice(0);
-}
-function co() {
-  return U.map((t) => so(t) || ro(t) || String.fromCharCode(t));
+  return _.slice(0);
 }
 function lo() {
+  return _.map((t) => so(t) || ro(t) || String.fromCharCode(t));
+}
+function co() {
   const t = [];
   return Object.keys(N).forEach((e) => {
     N[e].forEach((n) => {
@@ -1973,7 +1986,7 @@ function lo() {
         scope: i,
         shortcut: a,
         mods: s,
-        keys: o.split("+").map((r) => ft(r))
+        keys: o.split("+").map((r) => nt(r))
       });
     });
   }), t;
@@ -1987,11 +2000,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 = ft(t)), U.indexOf(t) !== -1;
+  return typeof t == "string" && (t = nt(t)), _.indexOf(t) !== -1;
 }
 function ho(t, e) {
   let n, o;
-  t || (t = ut());
+  t || (t = ft());
   for (const i in N)
     if (Object.prototype.hasOwnProperty.call(N, i))
       for (n = N[i], o = 0; o < n.length; )
@@ -2001,12 +2014,13 @@ function ho(t, e) {
           } = a;
           return Xt(r);
         }) : o++;
-  ut() === t && Ae(e || "all");
+  ft() === t && we(e || "all");
 }
-function po(t) {
+function go(t) {
   let e = t.keyCode || t.which || t.charCode;
-  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) {
+  t.key && t.key.toLowerCase() === "capslock" && (e = nt(t.key));
+  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) {
     X[e] = !1;
     for (const o in z) z[o] === e && (H[o] = !1);
   }
@@ -2041,18 +2055,18 @@ const wt = (t) => {
     method: o,
     splitKey: i = "+"
   } = t;
-  be(e).forEach((a) => {
-    const r = a.split(i), l = r.length, f = r[l - 1], h = f === "*" ? "*" : ft(f);
+  ye(e).forEach((a) => {
+    const r = a.split(i), d = r.length, f = r[d - 1], h = f === "*" ? "*" : nt(f);
     if (!N[h]) return;
-    n || (n = ut());
-    const u = l > 1 ? ye(z, r) : [], p = [];
+    n || (n = ft());
+    const u = d > 1 ? me(z, r) : [], g = [];
     N[h] = N[h].filter((v) => {
-      const m = (o ? v.method === o : !0) && v.scope === n && io(v.mods, u);
-      return m && p.push(v.element), !m;
-    }), p.forEach((v) => Xt(v));
+      const p = (o ? v.method === o : !0) && v.scope === n && io(v.mods, u);
+      return p && g.push(v.element), !p;
+    }), g.forEach((v) => Xt(v));
   });
 };
-function ne(t, e, n, o) {
+function ee(t, e, n, o) {
   if (e.element !== o)
     return;
   let i;
@@ -2060,51 +2074,51 @@ 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(U), 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(_), 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) {
+function ne(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), 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));
+  if (t.key && t.key.toLowerCase() === "capslock" || !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 d = lt[r];
+    t[r] && _.indexOf(d) === -1 ? _.push(d) : !t[r] && _.indexOf(d) > -1 ? _.splice(_.indexOf(d), 1) : r === "metaKey" && t[r] && (_ = _.filter((f) => f in lt || f === o));
   }), o in X) {
     X[o] = !0;
     for (const r in z)
       if (Object.prototype.hasOwnProperty.call(z, r)) {
-        const l = at[z[r]];
-        H[r] = t[l];
+        const d = lt[z[r]];
+        H[r] = t[d];
       }
     if (!n) return;
   }
   for (const r in X)
-    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();
+    Object.prototype.hasOwnProperty.call(X, r) && (X[r] = t[lt[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 = ft();
   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);
+      n[r].scope === i && (t.type === "keydown" && n[r].keydown || t.type === "keyup" && n[r].keyup) && ee(t, n[r], i, e);
   if (!(o in N)) return;
   const s = N[o], a = s.length;
   for (let r = 0; r < a; r++)
     if ((t.type === "keydown" && s[r].keydown || t.type === "keyup" && s[r].keyup) && s[r].key) {
-      const l = s[r], {
+      const d = s[r], {
         splitKey: f
-      } = l, h = l.key.split(f), u = [];
-      for (let p = 0; p < h.length; p++)
-        u.push(ft(h[p]));
-      u.sort().join("") === U.sort().join("") && ne(t, l, i, e);
+      } = d, h = d.key.split(f), u = [];
+      for (let g = 0; g < h.length; g++)
+        u.push(nt(h[g]));
+      u.sort().join("") === _.sort().join("") && ee(t, d, 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 === "*" ? "*" : ft(t), t in N || (N[t] = []), N[t].push({
-      keyup: l,
+  _ = [];
+  const o = ye(t);
+  let i = [], s = "all", a = document, r = 0, d = !1, f = !0, h = "+", u = !1, g = !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 && (d = 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 && (g = !0)), typeof e == "string" && (s = e), g && xe(t, s); r < o.length; r++)
+    t = o[r].split(h), i = [], t.length > 1 && (i = me(z, t)), t = t[t.length - 1], t = t === "*" ? "*" : nt(t), t in N || (N[t] = []), N[t].push({
+      keyup: d,
       keydown: f,
       scope: s,
       mods: i,
@@ -2117,30 +2131,30 @@ function H(t, e, n) {
   if (typeof a < "u" && window) {
     if (!W.has(a)) {
       const v = function() {
-        let m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
-        return oe(m, a);
-      }, g = function() {
-        let m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
-        oe(m, a), po(m);
+        let p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
+        return ne(p, a);
+      }, b = function() {
+        let p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
+        ne(p, a), go(p);
       };
       W.set(a, {
         keydownListener: v,
-        keyupListenr: g,
+        keyupListenr: b,
         capture: u
-      }), _t(a, "keydown", v, u), _t(a, "keyup", g, u);
+      }), Ut(a, "keydown", v, u), Ut(a, "keyup", b, u);
     }
-    if (!lt) {
+    if (!dt) {
       const v = () => {
-        U = [];
+        _ = [];
       };
-      lt = {
+      dt = {
         listener: v,
         capture: u
-      }, _t(window, "focus", v, u);
+      }, Ut(window, "focus", v, u);
     }
   }
 }
-function go(t) {
+function po(t) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "all";
   Object.keys(N).forEach((n) => {
     N[n].filter((i) => i.scope === e && i.shortcut === t).forEach((i) => {
@@ -2161,7 +2175,7 @@ function Xt(t) {
       keyupListenr: i,
       capture: s
     } = W.get(t) || {};
-    o && i && (ot(t, "keyup", i, s), ot(t, "keydown", o, s), W.delete(t));
+    o && i && (it(t, "keyup", i, s), it(t, "keydown", o, s), W.delete(t));
   }
   if ((e.length <= 0 || W.size <= 0) && (Object.keys(W).forEach((i) => {
     const {
@@ -2169,48 +2183,48 @@ function Xt(t) {
       keyupListenr: a,
       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]), lt)) {
+    s && a && (it(i, "keyup", a, r), it(i, "keydown", s, r), W.delete(i));
+  }), W.clear(), Object.keys(N).forEach((i) => delete N[i]), dt)) {
     const {
       listener: i,
       capture: s
-    } = lt;
-    ot(window, "focus", i, s), lt = null;
+    } = dt;
+    it(window, "focus", i, s), dt = null;
   }
 }
-const Ut = {
-  getPressedKeyString: co,
-  setScope: Ae,
-  getScope: ut,
+const _t = {
+  getPressedKeyString: lo,
+  setScope: we,
+  getScope: ft,
   deleteScope: ho,
   getPressedKeyCodes: ao,
-  getAllKeyCodes: lo,
+  getAllKeyCodes: co,
   isPressed: fo,
   filter: uo,
-  trigger: go,
+  trigger: po,
   unbind: xe,
-  keyMap: dt,
+  keyMap: ut,
   modifier: z,
-  modifierMap: at
+  modifierMap: lt
 };
-for (const t in Ut)
-  Object.prototype.hasOwnProperty.call(Ut, t) && (H[t] = Ut[t]);
+for (const t in _t)
+  Object.prototype.hasOwnProperty.call(_t, t) && (H[t] = _t[t]);
 if (typeof window < "u") {
   const t = window.hotkeys;
   H.noConflict = (e) => (e && window.hotkeys === H && (window.hotkeys = t), H), window.hotkeys = H;
 }
-const ie = 300, ve = ["up", "down", "left", "right"], Ee = Te ? "⌘+a" : "ctrl+a", mo = [
-  ...ve.map((t) => `shift+${t}`),
-  Ee
+const oe = 300, Ae = ["up", "down", "left", "right"], ve = Le ? "⌘+a" : "ctrl+a", mo = [
+  ...Ae.map((t) => `shift+${t}`),
+  ve
 ], yo = (t, e, n) => {
   let o;
   const { annotatingEnabled: i, offsetReferenceSelector: s, selectionMode: a } = n, r = (T) => o = T;
-  let l;
-  const f = (T) => l = T, { store: h, selection: u } = e;
-  let p, v, g;
-  const m = (T) => {
-    v !== !1 && (p = it(T.target) ? void 0 : {
-      annotation: fe(),
+  let d;
+  const f = (T) => d = T, { store: h, selection: u } = e;
+  let g, v, b;
+  const p = (T) => {
+    v !== !1 && (g = st(T.target) ? void 0 : {
+      annotation: ue(),
       selector: [],
       creator: o,
       created: /* @__PURE__ */ new Date()
@@ -2219,83 +2233,83 @@ const ie = 300, ve = ["up", "down", "left", "right"], Ee = Te ? "⌘+a" : "ctrl+
     const I = document.getSelection();
     if (!(I != null && I.anchorNode))
       return;
-    if (it(I.anchorNode)) {
-      p = void 0;
+    if (st(I.anchorNode)) {
+      g = void 0;
       return;
     }
-    const D = T.timeStamp - ((g == null ? void 0 : g.timeStamp) || T.timeStamp);
-    if ((g == null ? void 0 : g.type) === "pointerdown" && (D < 1e3 && !p || I.isCollapsed && D < ie) && m(g || T), !p) return;
+    const D = T.timeStamp - ((b == null ? void 0 : b.timeStamp) || T.timeStamp);
+    if ((b == null ? void 0 : b.type) === "pointerdown" && (D < 1e3 && !g || I.isCollapsed && D < oe) && p(b || T), !g) return;
     if (I.isCollapsed) {
-      h.getAnnotation(p.annotation) && (u.clear(), h.deleteAnnotation(p.annotation));
+      h.getAnnotation(g.annotation) && (u.clear(), h.deleteAnnotation(g.annotation));
       return;
     }
-    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 _;
-      return B.toString() !== ((_ = p.selector[O]) == null ? void 0 : _.quote);
-    })) && (p = {
-      ...p,
-      selector: w.map((B) => Ve(B, t, s)),
+    const y = I.getRangeAt(0), x = Ve(y, t);
+    if (Be(x)) return;
+    const w = Re(x.cloneRange());
+    (w.length !== g.selector.length || w.some((k, O) => {
+      var U;
+      return k.toString() !== ((U = g.selector[O]) == null ? void 0 : U.quote);
+    })) && (g = {
+      ...g,
+      selector: w.map((k) => Ne(k, t, s)),
       updated: /* @__PURE__ */ new Date()
-    }, h.getAnnotation(p.annotation) ? h.updateTarget(p, k.LOCAL) : u.clear());
-  }), d = (T) => {
-    it(T.target) || (g = vt(T), v = g.button === 0);
-  }, c = (T) => {
-    if (it(T.target) || !v) return;
+    }, h.getAnnotation(g.annotation) ? h.updateTarget(g, B.LOCAL) : u.clear());
+  }), c = (T) => {
+    st(T.target) || (b = vt(T), v = b.button === 0);
+  }, l = (T) => {
+    if (st(T.target) || !v) return;
     const I = () => {
-      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);
+      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", d);
       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);
+        const { selected: L } = u, k = new Set(L.map((P) => P.id)), O = Array.isArray(w) ? w.map((P) => P.id) : [w.id];
+        (k.size !== O.length || !O.every((P) => k.has(P))) && u.userSelect(O, T);
       } else
         u.clear();
-    }, D = T.timeStamp - g.timeStamp;
+    }, D = T.timeStamp - b.timeStamp;
     setTimeout(() => {
-      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)));
+      const y = document.getSelection();
+      y != null && y.isCollapsed && D < oe ? (g = void 0, I()) : g && g.selector.length > 0 && (R(), u.userSelect(g.annotation, vt(T)));
     });
-  }, y = (T) => {
+  }, m = (T) => {
     const I = document.getSelection();
-    I != null && I.isCollapsed || ((!p || p.selector.length === 0) && A(T), p && (R(), u.userSelect(p.annotation, vt(T))));
+    I != null && I.isCollapsed || ((!g || g.selector.length === 0) && A(T), g && (R(), u.userSelect(g.annotation, vt(T))));
   }, S = (T) => {
-    T.key === "Shift" && p && (document.getSelection().isCollapsed || (R(), u.userSelect(p.annotation, ht(T))));
+    T.key === "Shift" && g && (document.getSelection().isCollapsed || (R(), u.userSelect(g.annotation, ht(T))));
   }, E = (T) => {
     const I = () => setTimeout(() => {
-      (p == null ? void 0 : p.selector.length) > 0 && (u.clear(), h.addAnnotation({
-        id: p.annotation,
+      (g == null ? void 0 : g.selector.length) > 0 && (u.clear(), h.addAnnotation({
+        id: g.annotation,
         bodies: [],
-        target: p
-      }), u.userSelect(p.annotation, ht(T))), document.removeEventListener("selectionchange", I);
+        target: g
+      }), u.userSelect(g.annotation, ht(T))), document.removeEventListener("selectionchange", I);
     }, 100);
-    document.addEventListener("selectionchange", I), m(T);
+    document.addEventListener("selectionchange", I), p(T);
   };
   H(mo.join(","), { element: t, keydown: !0, keyup: !1 }, (T) => {
-    T.repeat || (g = ht(T));
-  }), H(Ee, { keydown: !0, keyup: !1 }, (T) => {
-    g = ht(T), E(T);
+    T.repeat || (b = ht(T));
+  }), H(ve, { keydown: !0, keyup: !1 }, (T) => {
+    b = ht(T), E(T);
   });
   const C = (T) => {
-    T.repeat || T.target !== t && T.target !== document.body || (p = void 0, u.clear());
+    T.repeat || T.target !== t && T.target !== document.body || (g = void 0, u.clear());
   };
-  H(ve.join(","), { keydown: !0, keyup: !1 }, C);
+  H(Ae.join(","), { keydown: !0, keyup: !1 }, C);
   const R = () => {
-    const T = h.getAnnotation(p.annotation);
+    const T = h.getAnnotation(g.annotation);
     if (!T) {
       h.addAnnotation({
-        id: p.annotation,
+        id: g.annotation,
         bodies: [],
-        target: p
+        target: g
       });
       return;
     }
-    const { target: { updated: I } } = T, { updated: D } = p;
-    (!I || !D || I < D) && h.updateTarget(p);
+    const { target: { updated: I } } = T, { updated: D } = g;
+    (!I || !D || I < D) && h.updateTarget(g);
   };
-  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)), {
+  return t.addEventListener("pointerdown", c), document.addEventListener("pointerup", l), document.addEventListener("contextmenu", m), i && (t.addEventListener("keyup", S), t.addEventListener("selectstart", p), document.addEventListener("selectionchange", A)), {
     destroy: () => {
-      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();
+      t.removeEventListener("pointerdown", c), document.removeEventListener("pointerup", l), document.removeEventListener("contextmenu", m), t.removeEventListener("keyup", S), t.removeEventListener("selectstart", p), document.removeEventListener("selectionchange", A), H.unbind();
     },
     setFilter: f,
     setUser: r
@@ -2304,31 +2318,31 @@ const ie = 300, ve = ["up", "down", "left", "right"], Ee = Te ? "⌘+a" : "ctrl+
   ...t,
   annotatingEnabled: t.annotatingEnabled ?? e.annotatingEnabled,
   user: t.user || e.user
-}), se = "SPANS", vo = (t, e = {}) => {
-  Le(t), Oe(t);
+}), ie = "SPANS", vo = (t, e = {}) => {
+  Ce(t), Te(t);
   const n = bo(e, {
     annotatingEnabled: !0,
     user: Yn()
-  }), o = eo(t, n), { 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), d = kn(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;
+  const h = n.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : ie : n.renderer || ie, u = h === "SPANS" ? sn(t, o, s) : h === "CSS_HIGHLIGHTS" ? en(t, o, s) : h === "CANVAS" ? je(t, o, s) : void 0;
   if (!u)
     throw `Unknown renderer implementation: ${h}`;
   console.debug(`Using ${h} renderer`), n.style && u.setStyle(n.style);
-  const p = yo(t, o, n);
-  return p.setUser(f), {
+  const g = yo(t, o, n);
+  return g.setUser(f), {
     ...In(o, r, n.adapter),
     destroy: () => {
-      u.destroy(), p.destroy(), r.destroy();
+      u.destroy(), g.destroy(), r.destroy();
     },
     element: t,
     getUser: () => f,
     setFilter: (C) => {
-      u.setFilter(C), p.setFilter(C);
+      u.setFilter(C), g.setFilter(C);
     },
     setStyle: (C) => u.setStyle(C),
     setUser: (C) => {
-      f = C, p.setUser(C);
+      f = C, g.setUser(C);
     },
     setSelected: (C) => {
       C ? i.setSelected(C) : i.clear();
@@ -2337,54 +2351,54 @@ const ie = 300, ve = ["up", "down", "left", "right"], Ee = Te ? "⌘+a" : "ctrl+
       C && (u.setPainter(oo(C, n.presence)), C.on("selectionChange", () => u.redraw()));
     },
     setVisible: (C) => u.setVisible(C),
-    on: l.on,
-    off: l.off,
-    scrollIntoView: Ye(t, a),
+    on: d.on,
+    off: d.off,
+    scrollIntoView: De(t, a),
     state: o
   };
 };
 export {
-  xt as DEFAULT_SELECTED_STYLE,
+  At as DEFAULT_SELECTED_STYLE,
   G as DEFAULT_STYLE,
-  re as NOT_ANNOTATABLE_CLASS,
+  se as NOT_ANNOTATABLE_CLASS,
   et as NOT_ANNOTATABLE_SELECTOR,
-  k as Origin,
+  B as Origin,
   yo as SelectionHandler,
-  hn as UserSelectAction,
-  xo as W3CTextFormat,
-  Le as cancelSingleClickEvents,
+  fn as UserSelectAction,
+  Ao as W3CTextFormat,
+  Ce as cancelSingleClickEvents,
   ht as cloneKeyboardEvent,
   vt as clonePointerEvent,
-  Ao as createBody,
-  ze as createCanvasRenderer,
-  nn as createHighlightsRenderer,
+  xo as createBody,
+  je as createCanvasRenderer,
+  en as createHighlightsRenderer,
   oo as createPresencePainter,
-  en as createRenderer,
-  rn as createSpansRenderer,
+  tn as createRenderer,
+  sn as createSpansRenderer,
   vo as createTextAnnotator,
   eo as createTextAnnotatorState,
   Dt as debounce,
   bo as fillDefaults,
-  Be as getQuoteContext,
+  Me as getQuoteContext,
   Nt as getRangeAnnotatableContents,
-  Te as isMac,
-  it as isNotAnnotatable,
-  Ce as isRangeAnnotatable,
+  Le as isMac,
+  st as isNotAnnotatable,
+  Se as isRangeAnnotatable,
   q as isRevived,
-  Ie as isWhitespaceOrEmpty,
-  Ne as mergeClientRects,
-  Ke as paint,
+  Be as isWhitespaceOrEmpty,
+  _e as mergeClientRects,
+  Ye as paint,
   jn as parseW3CTextAnnotation,
-  Oe as programmaticallyFocusable,
-  Ve as rangeToSelector,
+  Te as programmaticallyFocusable,
+  Ne as rangeToSelector,
   Et as reviveAnnotation,
-  ae as reviveSelector,
-  At as reviveTarget,
-  Ye as scrollIntoView,
+  re as reviveSelector,
+  xt as reviveTarget,
+  De as scrollIntoView,
   zn as serializeW3CTextAnnotation,
-  Me as splitAnnotatableRanges,
+  Re as splitAnnotatableRanges,
   wo as toDomRectList,
-  De as trimRangeToContainer,
+  Ve as trimRangeToContainer,
   ke as whitespaceOrEmptyRegex
 };
 //# sourceMappingURL=text-annotator.es.js.map