@recogito/text-annotator 3.1.1 → 3.1.2

package/dist/text-annotator.es.js

@@ -1,13 +1,20 @@
-const re = "not-annotatable", nt = `.${re}`, rt = (t) => {
-  var n;
-  return !!(t instanceof HTMLElement ? t.closest(nt) : (n = t.parentElement) == null ? void 0 : n.closest(nt));
-}, Ce = (t) => {
-  const e = t.commonAncestorContainer;
-  return !rt(e);
-}, Le = (t) => t.addEventListener("click", (e) => {
+import { colord as Z } from "colord";
+import { dequal as at } from "dequal/lite";
+import { v4 as J } from "uuid";
+import { serializeW3CBodies as ct, parseW3CBodies as lt, parseW3CUser as dt, createStore as ut, createSelectionState as ft, createHoverState as gt, createViewportState as mt, Origin as K, createAnonymousGuest as pt, createUndoStack as ht, createLifecycleObserver as yt, createBaseAnnotator as bt } from "@annotorious/core";
+import { Origin as he, UserSelectAction as ye, createBody as be } from "@annotorious/core";
+import St from "rbush";
+import _ from "hotkeys-js";
+const tt = "not-annotatable", U = `.${tt}`, F = (t, n) => {
+  var o;
+  return t.contains(n) ? !!(n instanceof HTMLElement ? n.closest(U) : (o = n.parentElement) == null ? void 0 : o.closest(U)) : !0;
+}, Ct = (t, n) => {
+  const e = n.commonAncestorContainer;
+  return !F(t, e);
+}, wt = (t) => t.addEventListener("click", (n) => {
   // Allow clicks within not-annotatable elements
-  !e.target.closest(nt) && !e.target.closest("a") && e.preventDefault();
-}), Et = (t) => ({
+  !n.target.closest(U) && !n.target.closest("a") && n.preventDefault();
+}), X = (t) => ({
   ...t,
   type: t.type,
   x: t.x,
@@ -33,7 +40,7 @@ const re = "not-annotatable", nt = `.${re}`, rt = (t) => {
   pointerId: t.pointerId,
   pointerType: t.pointerType,
   timeStamp: t.timeStamp
-}), gt = (t) => ({
+}), V = (t) => ({
   ...t,
   type: t.type,
   key: t.key,
@@ -49,2388 +56,816 @@ const re = "not-annotatable", nt = `.${re}`, rt = (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) => {
+}), Et = typeof navigator < "u" && // @ts-ignore
+/mac/i.test(navigator.userAgentData ? navigator.userAgentData.platform : navigator.platform), At = (t) => {
   !t.hasAttribute("tabindex") && t.tabIndex < 0 && t.setAttribute("tabindex", "-1"), t.classList.add("no-focus-outline");
-}, Kt = (t, e = 10) => {
-  let n;
+}, D = (t, n = 10) => {
+  let e;
   return ((...o) => {
-    clearTimeout(n), n = setTimeout(() => t.apply(void 0, o), e);
+    clearTimeout(e), e = setTimeout(() => t.apply(void 0, o), n);
   });
-}, Re = function* (t) {
-  const e = document.createNodeIterator(
+}, xt = function* (t) {
+  const n = document.createNodeIterator(
     t.commonAncestorContainer,
     NodeFilter.SHOW_ELEMENT,
-    (o) => o instanceof HTMLElement && o.classList.contains(re) && !o.parentElement.closest(nt) && t.intersectsNode(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
+    (o) => o instanceof HTMLElement && o.classList.contains(tt) && !o.parentElement.closest(U) && 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 [];
+  let e;
+  for (; e = n.nextNode(); )
+    e instanceof HTMLElement && (yield e);
+}, vt = (t, n) => {
+  if (!Ct(t, n)) return [];
   const e = [];
-  let n = null;
-  for (const o of Re(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;
-  }
-  if (n) {
-    const o = t.cloneRange();
-    o.setStartAfter(n), o.collapsed || e.push(o);
-  }
-  return e.length > 0 ? e : [t];
-}, Vt = (t) => {
-  const e = t.cloneContents();
-  return e.querySelectorAll(nt).forEach((n) => n.remove()), e;
-}, ke = (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 = Vt(s).textContent, r = document.createRange();
-  r.setStart(t.endContainer, t.endOffset), i === document.body ? r.setEnd(i, i.childNodes.length) : r.setEndAfter(i);
-  const d = Vt(r).textContent;
+  let o = null;
+  for (const s of xt(n)) {
+    let r;
+    o ? (r = document.createRange(), r.setStartAfter(o), r.setEndBefore(s)) : (r = n.cloneRange(), r.setEndBefore(s)), r.collapsed || e.push(r), o = s;
+  }
+  if (o) {
+    const s = n.cloneRange();
+    s.setStartAfter(o), s.collapsed || e.push(s);
+  }
+  return e.length > 0 ? e : [n];
+}, q = (t) => {
+  const n = t.cloneContents();
+  return n.querySelectorAll(U).forEach((e) => e.remove()), n;
+}, Tt = (t, n, e = 10, o) => {
+  const s = o ? t.startContainer.parentElement.closest(o) : n, r = document.createRange();
+  r.setStart(s, 0), r.setEnd(t.startContainer, t.startOffset);
+  const l = q(r).textContent, u = document.createRange();
+  u.setStart(t.endContainer, t.endOffset), s === document.body ? u.setEnd(s, s.childNodes.length) : u.setEndAfter(s);
+  const m = q(u).textContent;
   return {
-    prefix: a.substring(a.length - n),
-    suffix: d.substring(0, n)
-  };
-}, q = (t) => t.every((e) => e.range instanceof Range && !e.range.collapsed), Be = /^\s*$/, Ie = (t) => Be.test(t.toString()), Ue = (t, e) => {
-  const n = (s) => Math.round(s * 10) / 10, o = {
-    top: n(t.top),
-    bottom: n(t.bottom),
-    left: n(t.left),
-    right: n(t.right)
-  }, i = {
-    top: n(e.top),
-    bottom: n(e.bottom),
-    left: n(e.left),
-    right: n(e.right)
-  };
-  if (Math.abs(o.top - i.top) < 0.5 && Math.abs(o.bottom - i.bottom) < 0.5) {
-    if (Math.abs(o.left - i.right) < 0.5 || Math.abs(o.right - i.left) < 0.5)
+    prefix: l.substring(l.length - e),
+    suffix: m.substring(0, e)
+  };
+}, I = (t) => t.every((n) => n.range instanceof Range && !n.range.collapsed), Rt = /^\s*$/, Lt = (t) => Rt.test(t.toString()), kt = (t, n) => {
+  const e = (r) => Math.round(r * 10) / 10, o = {
+    top: e(t.top),
+    bottom: e(t.bottom),
+    left: e(t.left),
+    right: e(t.right)
+  }, s = {
+    top: e(n.top),
+    bottom: e(n.bottom),
+    left: e(n.left),
+    right: e(n.right)
+  };
+  if (Math.abs(o.top - s.top) < 0.5 && Math.abs(o.bottom - s.bottom) < 0.5) {
+    if (Math.abs(o.left - s.right) < 0.5 || Math.abs(o.right - s.left) < 0.5)
       return "inline-adjacent";
-    if (o.left >= i.left && o.right <= i.right)
+    if (o.left >= s.left && o.right <= s.right)
       return "inline-is-contained";
-    if (o.left <= i.left && o.right >= i.right)
+    if (o.left <= s.left && o.right >= s.right)
       return "inline-contains";
-  } else if (o.top <= i.top && o.bottom >= i.bottom) {
-    if (o.left <= i.left && o.right >= i.right)
+  } else if (o.top <= s.top && o.bottom >= s.bottom) {
+    if (o.left <= s.left && o.right >= s.right)
       return "block-contains";
-  } else if (o.top >= i.top && o.bottom <= i.bottom && o.left >= i.left && o.right <= i.right)
+  } else if (o.top >= s.top && o.bottom <= s.bottom && o.left >= s.left && o.right <= s.right)
     return "block-is-contained";
-}, _e = (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) => {
-  if (n.width === 0 || n.height === 0)
-    return e;
-  let o = [...e], i = !1;
-  for (const s of e) {
-    const a = Ue(n, s);
-    if (a === "inline-adjacent") {
-      o = o.map((r) => r === s ? _e(n, s) : r), i = !0;
+}, Ot = (t, n) => {
+  const e = Math.min(t.left, n.left), o = Math.max(t.right, n.right), s = Math.min(t.top, n.top), r = Math.max(t.bottom, n.bottom);
+  return new DOMRect(e, s, o - e, r - s);
+}, Bt = (t) => t.reduce((n, e) => {
+  if (e.width === 0 || e.height === 0)
+    return n;
+  let o = [...n], s = !1;
+  for (const r of n) {
+    const l = kt(e, r);
+    if (l === "inline-adjacent") {
+      o = o.map((u) => u === r ? Ot(e, r) : u), s = !0;
       break;
-    } else if (a === "inline-contains") {
-      o = o.map((r) => r === s ? n : r), i = !0;
+    } else if (l === "inline-contains") {
+      o = o.map((u) => u === r ? e : u), s = !0;
       break;
-    } else if (a === "inline-is-contained") {
-      i = !0;
+    } else if (l === "inline-is-contained") {
+      s = !0;
       break;
-    } else if (a === "block-contains" || a === "block-is-contained") {
-      n.width < s.width && (o = o.map((r) => r === s ? n : r)), i = !0;
+    } else if (l === "block-contains" || l === "block-is-contained") {
+      e.width < r.width && (o = o.map((u) => u === r ? e : u)), s = !0;
       break;
     }
   }
-  return i ? o : [...o, n];
-}, []), xo = (t) => ({
+  return s ? o : [...o, e];
+}, []), ue = (t) => ({
   length: t.length,
-  item: (e) => t[e],
+  item: (n) => t[n],
   [Symbol.iterator]: function* () {
-    for (let e = 0; e < this.length; e++)
-      yield this.item(e);
-  }
-}), Ve = (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 = Vt(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 };
-}, ae = (t, e) => {
-  var g, u;
-  const { start: n, end: o } = t, i = t.offsetReference || e, s = document.createNodeIterator(
-    e,
+    for (let n = 0; n < this.length; n++)
+      yield this.item(n);
+  }
+}), It = (t, n, e) => {
+  const o = document.createRange(), s = e ? t.startContainer.parentElement.closest(e) : n;
+  o.setStart(s, 0), o.setEnd(t.startContainer, t.startOffset);
+  const r = q(o).textContent, l = t.toString(), u = r.length || 0, m = u + l.length;
+  return e ? { quote: l, start: u, end: m, range: t, offsetReference: s } : { quote: l, start: u, end: m, range: t };
+}, et = (t, n) => {
+  var h, d;
+  const { start: e, end: o } = t, s = t.offsetReference || n, r = document.createNodeIterator(
+    n,
     NodeFilter.SHOW_TEXT,
-    (h) => {
-      var v;
-      return (v = h.parentElement) != null && v.closest(nt) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+    (i) => {
+      var E;
+      return (E = i.parentElement) != null && E.closest(U) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
     }
   );
-  let a = 0;
-  const r = document.createRange();
-  let d = s.nextNode();
-  d === null && console.error("Could not revive annotation target. Content missing.");
-  let f = !i;
-  for (; d !== null; ) {
-    if (f || (f = typeof (i == null ? void 0 : i.contains) == "function" ? i.contains(d) : !1), f) {
-      const h = ((g = d.textContent) == null ? void 0 : g.length) || 0;
-      if (a + h > n) {
-        r.setStart(d, n - a);
+  let l = 0;
+  const u = document.createRange();
+  let m = r.nextNode();
+  m === null && console.error("Could not revive annotation target. Content missing.");
+  let S = !s;
+  for (; m !== null; ) {
+    if (S || (S = typeof (s == null ? void 0 : s.contains) == "function" ? s.contains(m) : !1), S) {
+      const i = ((h = m.textContent) == null ? void 0 : h.length) || 0;
+      if (l + i > e) {
+        u.setStart(m, e - l);
         break;
       }
-      a += h;
+      l += i;
     }
-    d = s.nextNode();
+    m = r.nextNode();
   }
-  for (; d !== null; ) {
-    const h = ((u = d.textContent) == null ? void 0 : u.length) || 0;
-    if (a + h >= o) {
-      r.setEnd(d, o - a);
+  for (; m !== null; ) {
+    const i = ((d = m.textContent) == null ? void 0 : d.length) || 0;
+    if (l + i >= o) {
+      u.setEnd(m, o - l);
       break;
     }
-    a += h, d = s.nextNode();
+    l += i, m = r.nextNode();
   }
   return {
     ...t,
-    range: r
+    range: u
   };
-}, At = (t, e) => q(t.selector) ? t : {
+}, W = (t, n) => I(t.selector) ? t : {
   ...t,
-  selector: t.selector.map((n) => n.range instanceof Range && !n.range.collapsed ? n : ae(n, e))
-}, St = (t, e) => q(t.target.selector) ? t : { ...t, target: At(t.target, e) }, De = (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;
-}, le = (t) => {
+  selector: t.selector.map((e) => e.range instanceof Range && !e.range.collapsed ? e : et(e, n))
+}, z = (t, n) => I(t.target.selector) ? t : { ...t, target: W(t.target, n) }, Nt = (t, n) => {
+  const e = t.cloneRange();
+  return n.contains(e.startContainer) || e.setStart(n, 0), n.contains(e.endContainer) || e.setEnd(n, n.childNodes.length), e;
+}, nt = (t) => {
   if (t === null)
     return document.scrollingElement;
-  const { overflowY: e } = window.getComputedStyle(t);
-  return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : le(t.parentElement);
-}, Ke = (t, e) => (n) => {
-  const o = typeof n == "string" ? n : n.id, i = (g) => {
-    const u = s.getBoundingClientRect(), h = s.clientHeight, v = s.clientWidth, b = g.selector[0].range.getBoundingClientRect(), { width: p, height: x } = 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 - (h - x) / 2, L = l + S - (v - p) / 2;
-    s.scroll({ top: E, left: L, behavior: "smooth" });
-  }, s = le(t);
-  if (!s)
+  const { overflowY: n } = window.getComputedStyle(t);
+  return n !== "visible" && n !== "hidden" && t.scrollHeight > t.clientHeight ? t : nt(t.parentElement);
+}, Ht = (t, n) => (e) => {
+  const o = typeof e == "string" ? e : e.id, s = (h) => {
+    const d = r.getBoundingClientRect(), i = r.clientHeight, E = r.clientWidth, w = h.selector[0].range.getBoundingClientRect(), { width: x, height: A } = n.getAnnotationBounds(o), a = w.top - d.top, c = w.left - d.left, y = r.parentElement ? r.scrollTop : 0, b = r.parentElement ? r.scrollLeft : 0, p = a + y - (i - A) / 2, f = c + b - (E - x) / 2;
+    r.scroll({ top: p, left: f, behavior: "smooth" });
+  }, r = nt(t);
+  if (!r)
     return console.warn(`The scroll parent is missing for the annotation: ${o}`, { container: t }), !1;
-  const a = e.getAnnotation(o);
-  if (!a)
+  const l = n.getAnnotation(o);
+  if (!l)
     return console.warn(`The annotation is missing in the store: ${o}`), !1;
-  const { range: r } = a.target.selector[0];
-  if (r && !r.collapsed)
-    return i(a.target), !0;
-  const d = At(a.target, t), { range: f } = d.selector[0];
-  return f && !f.collapsed ? (i(d), !0) : !1;
-}, G = {
+  const { range: u } = l.target.selector[0];
+  if (u && !u.collapsed)
+    return s(l.target), !0;
+  const m = W(l.target, t), { range: S } = m.selector[0];
+  return S && !S.collapsed ? (s(m), !0) : !1;
+}, N = {
   fill: "rgb(0, 128, 255)",
   fillOpacity: 0.18
-}, vt = {
+}, Y = {
   fill: "rgb(0, 128, 255)",
   fillOpacity: 0.45
-}, 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 ? vt : G) : n : (r = t.state) != null && r.selected ? vt : G;
-  return o && o.paint(t, e) || s;
-}, Xe = (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 };
-}, Pe = (t) => {
-  let e = /* @__PURE__ */ new Set();
+}, Mt = (t, n, e, o, s) => {
+  var l, u;
+  const r = e ? typeof e == "function" ? e(t.annotation, t.state, s) || ((l = t.state) != null && l.selected ? Y : N) : e : (u = t.state) != null && u.selected ? Y : N;
+  return o && o.paint(t, n) || r;
+}, Pt = (t) => {
+  const { top: n, left: e } = t.getBoundingClientRect(), { innerWidth: o, innerHeight: s } = window, r = -e, l = -n, u = o - e, m = s - n;
+  return { top: n, left: e, minX: r, minY: l, maxX: u, maxY: m };
+}, Kt = (t) => {
+  let n = /* @__PURE__ */ new Set();
   return (o) => {
-    const i = o.map((s) => s.id);
-    (e.size !== i.length || i.some((s) => !e.has(s))) && t.set(i), e = new Set(i);
-  };
-}, Yt = (t, e, n, o) => {
-  const { store: i, selection: s, hover: a } = e;
-  let r, d, f;
-  const g = Pe(n), u = (V) => {
-    const { x: T, y: M } = t.getBoundingClientRect(), y = i.getAt(V.clientX - T, V.clientY - M, !1, d);
-    y ? a.current !== y.id && (t.classList.add("hovered"), a.set(y.id)) : a.current && (t.classList.remove("hovered"), a.set(null));
-  };
-  t.addEventListener("pointermove", u);
-  const h = (V = !1) => {
-    f && f.clear();
-    const T = Xe(t), { minX: M, minY: y, maxX: w, maxY: A } = T, C = d ? i.getIntersecting(M, y, w, A).filter(({ annotation: k }) => d(k)) : i.getIntersecting(M, y, w, A), I = s.selected.map(({ id: k }) => k), O = C.map(({ annotation: k, rects: P }) => {
-      const Q = I.includes(k.id), Se = k.id === a.current;
+    const s = o.map((r) => r.id);
+    (n.size !== s.length || s.some((r) => !n.has(r))) && t.set(s), n = new Set(s);
+  };
+}, j = (t, n, e, o) => {
+  const { store: s, selection: r, hover: l } = n;
+  let u, m, S;
+  const h = Kt(e), d = (g) => {
+    const { x: v, y: L } = t.getBoundingClientRect(), k = s.getAt(g.clientX - v, g.clientY - L, !1, m);
+    k ? l.current !== k.id && (t.classList.add("hovered"), l.set(k.id)) : l.current && (t.classList.remove("hovered"), l.set(null));
+  };
+  t.addEventListener("pointermove", d);
+  const i = (g = !1) => {
+    S && S.clear();
+    const v = Pt(t), { minX: L, minY: k, maxX: H, maxY: B } = v, $ = m ? s.getIntersecting(L, k, H, B).filter(({ annotation: O }) => m(O)) : s.getIntersecting(L, k, H, B), R = r.selected.map(({ id: O }) => O), M = $.map(({ annotation: O, rects: P }) => {
+      const rt = R.includes(O.id), it = O.id === l.current;
       return {
-        annotation: k,
+        annotation: O,
         rects: P,
-        state: { selected: Q, hovered: Se }
+        state: { selected: rt, hovered: it }
       };
     });
-    o.redraw(O, T, r, f, V), setTimeout(() => g(C.map(({ annotation: k }) => k)), 1);
-  }, v = (V) => {
-    f = V, h();
-  }, b = (V) => {
-    r = V, h();
-  }, p = (V) => {
-    d = V, h(!1);
-  }, x = () => h();
-  i.observe(x);
-  const c = s.subscribe(() => h()), l = a.subscribe(() => h()), m = () => h(!0);
-  document.addEventListener("scroll", m, { capture: !0, passive: !0 });
-  const S = Kt(() => {
-    i.recalculatePositions(), f && f.reset(), h();
+    o.redraw(M, v, u, S, g), setTimeout(() => h($.map(({ annotation: O }) => O)), 1);
+  }, E = (g) => {
+    S = g, i();
+  }, w = (g) => {
+    u = g, i();
+  }, x = (g) => {
+    m = g, i(!1);
+  }, A = () => i();
+  s.observe(A);
+  const a = r.subscribe(() => i()), c = l.subscribe(() => i()), y = () => i(!0);
+  document.addEventListener("scroll", y, { capture: !0, passive: !0 });
+  const b = D(() => {
+    s.recalculatePositions(), S && S.reset(), i();
   });
-  window.addEventListener("resize", S);
-  const E = new ResizeObserver(S);
-  E.observe(t);
-  const L = { attributes: !0, childList: !0, subtree: !0 }, R = new MutationObserver((V) => {
-    V.every((M) => M.target === t || t.contains(M.target)) || h(!0);
-  });
-  return R.observe(document.body, L), {
+  window.addEventListener("resize", b);
+  const p = new ResizeObserver(b);
+  p.observe(t);
+  const f = { attributes: !0, childList: !0, subtree: !0 }, C = new MutationObserver(D((g) => {
+    g.every((L) => L.target === t || t.contains(L.target)) || i(!0);
+  }, 150));
+  return C.observe(document.body, f), {
     destroy: () => {
-      t.removeEventListener("pointermove", u), o.destroy(), i.unobserve(x), c(), l(), document.removeEventListener("scroll", m), window.removeEventListener("resize", S), E.disconnect(), R.disconnect();
+      t.removeEventListener("pointermove", d), o.destroy(), s.unobserve(A), a(), c(), document.removeEventListener("scroll", y), window.removeEventListener("resize", b), p.disconnect(), C.disconnect();
     },
-    redraw: h,
-    setStyle: b,
-    setFilter: p,
-    setPainter: v,
+    redraw: i,
+    setStyle: w,
+    setFilter: x,
+    setPainter: E,
     setVisible: o.setVisible
   };
-}, $e = () => {
+}, Ut = () => {
   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) => {
+}, $t = (t, n) => {
   t.width = window.innerWidth, t.height = window.innerHeight;
-}, je = (t) => {
+}, Ft = (t) => {
   t.classList.add("r6o-annotatable");
-  const e = $e(), n = e.getContext("2d");
-  document.body.appendChild(e);
-  const o = (r, d, f, g) => requestAnimationFrame(() => {
-    const { width: u, height: h } = e;
-    n.clearRect(-0.5, -0.5, u + 1, h + 1), g && g.clear();
-    const { top: v, left: b } = d;
-    [...r].sort((x, c) => {
-      const { annotation: { target: { created: l } } } = x, { annotation: { target: { created: m } } } = c;
-      return l.getTime() - m.getTime();
-    }).forEach((x) => {
-      var S;
-      const c = f ? typeof f == "function" ? f(x.annotation, x.state) : f : (S = x.state) != null && S.selected ? vt : G, l = g && g.paint(x, d) || c, m = x.rects.map(({ x: E, y: L, width: R, height: U }) => ({
-        x: E + b,
-        y: L + v,
-        width: R,
-        height: U
+  const n = Ut(), e = n.getContext("2d");
+  document.body.appendChild(n);
+  const o = (u, m, S, h) => requestAnimationFrame(() => {
+    const { width: d, height: i } = n;
+    e.clearRect(-0.5, -0.5, d + 1, i + 1), h && h.clear();
+    const { top: E, left: w } = m;
+    [...u].sort((A, a) => {
+      const { annotation: { target: { created: c } } } = A, { annotation: { target: { created: y } } } = a;
+      return c.getTime() - y.getTime();
+    }).forEach((A) => {
+      var b;
+      const a = S ? typeof S == "function" ? S(A.annotation, A.state) : S : (b = A.state) != null && b.selected ? Y : N, c = h && h.paint(A, m) || a, y = A.rects.map(({ x: p, y: f, width: C, height: T }) => ({
+        x: p + w,
+        y: f + E,
+        width: C,
+        height: T
       }));
-      if (n.fillStyle = l.fill, n.globalAlpha = l.fillOpacity || 1, m.forEach(
-        ({ x: E, y: L, width: R, height: U }) => n.fillRect(E, L, R, U)
-      ), l.underlineColor) {
-        n.globalAlpha = 1, n.strokeStyle = l.underlineColor, n.lineWidth = l.underlineThickness ?? 1;
-        const E = l.underlineOffset ?? 0;
-        m.forEach(({ x: L, y: R, width: U, height: V }) => {
-          n.beginPath(), n.moveTo(L, R + V + E), n.lineTo(L + U, R + V + E), n.stroke();
+      if (e.fillStyle = c.fill, e.globalAlpha = c.fillOpacity || 1, y.forEach(
+        ({ x: p, y: f, width: C, height: T }) => e.fillRect(p, f, C, T)
+      ), c.underlineColor) {
+        e.globalAlpha = 1, e.strokeStyle = c.underlineColor, e.lineWidth = c.underlineThickness ?? 1;
+        const p = c.underlineOffset ?? 0;
+        y.forEach(({ x: f, y: C, width: T, height: g }) => {
+          e.beginPath(), e.moveTo(f, C + g + p), e.lineTo(f + T, C + g + p), e.stroke();
         });
       }
     });
-  }), i = Kt(() => {
-    He(e);
+  }), s = D(() => {
+    $t(n);
   });
-  return window.addEventListener("resize", i), {
+  return window.addEventListener("resize", s), {
     destroy: () => {
-      e.remove(), window.removeEventListener("resize", i);
+      n.remove(), window.removeEventListener("resize", s);
     },
-    setVisible: (r) => {
+    setVisible: (u) => {
       console.log("setVisible not implemented on Canvas renderer");
     },
     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) {
-  return typeof t == "string" ? t.length > 0 : typeof t == "number";
-}, D = function(t, e, n) {
-  return e === void 0 && (e = 0), n === void 0 && (n = Math.pow(10, e)), Math.round(n * t) / n + 0;
-}, $ = function(t, e, n) {
-  return e === void 0 && (e = 0), n === void 0 && (n = 1), t > n ? n : t > e ? t : e;
-}, ce = function(t) {
-  return (t = isFinite(t) ? t % 360 : 0) > 0 ? t : t + 360;
-}, $t = function(t) {
-  return { r: $(t.r, 0, 255), g: $(t.g, 0, 255), b: $(t.b, 0, 255), a: $(t.a) };
-}, Ct = function(t) {
-  return { r: D(t.r), g: D(t.g), b: D(t.b), a: D(t.a, 3) };
-}, We = /^#([0-9a-f]{3,8})$/i, pt = function(t) {
-  var e = t.toString(16);
-  return e.length < 2 ? "0" + e : e;
-}, de = function(t) {
-  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) {
-  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), 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 };
-}, Ht = function(t) {
-  return { h: ce(t.h), s: $(t.s, 0, 100), l: $(t.l, 0, 100), a: $(t.a) };
-}, jt = function(t) {
-  return { h: D(t.h), s: D(t.s), l: D(t.l), a: D(t.a, 3) };
-}, zt = function(t) {
-  return ue((n = (e = t).s, { h: e.h, s: (n *= ((o = e.l) < 50 ? o : 100 - o) / 100) > 0 ? 2 * n / (o + n) * 100 : 0, v: o + n, a: e.a }));
-  var e, n, o;
-}, dt = function(t) {
-  return { h: (e = de(t)).h, s: (i = (200 - (n = e.s)) * (o = e.v) / 100) > 0 && i < 200 ? n * o / 100 / (i <= 100 ? i : 200 - i) * 100 : 0, l: i / 2, a: e.a };
-  var e, n, o, i;
-}, qe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Ge = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Qe = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Je = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Ft = { string: [[function(t) {
-  var e = We.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 ? D(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 ? D(parseInt(t.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
-}, "hex"], [function(t) {
-  var e = Qe.exec(t) || Je.exec(t);
-  return e ? e[2] !== e[4] || e[4] !== e[6] ? null : $t({ 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);
-  if (!e) return null;
-  var n, o, i = Ht({ 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) });
-  return zt(i);
-}, "hsl"]], object: [[function(t) {
-  var e = t.r, n = t.g, o = t.b, i = t.a, s = i === void 0 ? 1 : i;
-  return F(e) && F(n) && F(o) ? $t({ r: Number(e), g: Number(n), b: Number(o), a: Number(s) }) : null;
-}, "rgb"], [function(t) {
-  var e = t.h, n = t.s, o = t.l, i = t.a, s = i === void 0 ? 1 : i;
-  if (!F(e) || !F(n) || !F(o)) return null;
-  var a = Ht({ h: Number(e), s: Number(n), l: Number(o), a: Number(s) });
-  return zt(a);
-}, "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) {
-    return { h: ce(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);
-}, "hsv"]] }, Wt = 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) {
-  return typeof t == "string" ? Wt(t.trim(), Ft.string) : typeof t == "object" && t !== null ? Wt(t, Ft.object) : [null, void 0];
-}, Lt = function(t, e) {
-  var n = dt(t);
-  return { h: n.h, s: $(n.s + 100 * e, 0, 100), l: n.l, a: n.a };
-}, Tt = function(t) {
-  return (299 * t.r + 587 * t.g + 114 * t.b) / 1e3 / 255;
-}, qt = function(t, e) {
-  var n = dt(t);
-  return { h: n.h, s: n.s, l: $(n.l + 100 * e, 0, 100), a: n.a };
-}, Gt = (function() {
-  function t(e) {
-    this.parsed = Ze(e)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
-  }
-  return t.prototype.isValid = function() {
-    return this.parsed !== null;
-  }, t.prototype.brightness = function() {
-    return D(Tt(this.rgba), 2);
-  }, t.prototype.isDark = function() {
-    return Tt(this.rgba) < 0.5;
-  }, t.prototype.isLight = function() {
-    return Tt(this.rgba) >= 0.5;
-  }, t.prototype.toHex = function() {
-    return e = Ct(this.rgba), n = e.r, o = e.g, i = e.b, a = (s = e.a) < 1 ? pt(D(255 * s)) : "", "#" + pt(n) + pt(o) + pt(i) + a;
-    var e, n, o, i, s, a;
-  }, t.prototype.toRgb = function() {
-    return Ct(this.rgba);
-  }, t.prototype.toRgbString = function() {
-    return e = Ct(this.rgba), n = e.r, o = e.g, i = e.b, (s = e.a) < 1 ? "rgba(" + n + ", " + o + ", " + i + ", " + s + ")" : "rgb(" + n + ", " + o + ", " + i + ")";
-    var e, n, o, i, s;
-  }, t.prototype.toHsl = function() {
-    return jt(dt(this.rgba));
-  }, t.prototype.toHslString = function() {
-    return e = jt(dt(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: D(e.h), s: D(e.s), v: D(e.v), a: D(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 });
-    var e;
-  }, t.prototype.saturate = function(e) {
-    return e === void 0 && (e = 0.1), j(Lt(this.rgba, e));
-  }, t.prototype.desaturate = function(e) {
-    return e === void 0 && (e = 0.1), j(Lt(this.rgba, -e));
-  }, t.prototype.grayscale = function() {
-    return j(Lt(this.rgba, -1));
-  }, t.prototype.lighten = function(e) {
-    return e === void 0 && (e = 0.1), j(qt(this.rgba, e));
-  }, t.prototype.darken = function(e) {
-    return e === void 0 && (e = 0.1), j(qt(this.rgba, -e));
-  }, t.prototype.rotate = function(e) {
-    return e === void 0 && (e = 15), this.hue(this.hue() + e);
-  }, t.prototype.alpha = function(e) {
-    return typeof e == "number" ? j({ r: (n = this.rgba).r, g: n.g, b: n.b, a: e }) : D(this.rgba.a, 3);
-    var n;
-  }, t.prototype.hue = function(e) {
-    var n = dt(this.rgba);
-    return typeof e == "number" ? j({ h: e, s: n.s, l: n.l, a: n.a }) : D(n.h);
-  }, t.prototype.isEqual = function(e) {
-    return this.toHex() === j(e).toHex();
-  }, t;
-})(), j = function(t) {
-  return t instanceof Gt ? t : new Gt(t);
-};
-const tn = (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 = (t, n, e) => j(t, n, e, Ft(t)), Vt = (t) => [
+  `background-color:${Z((t == null ? void 0 : t.fill) || N.fill).alpha((t == null ? void 0 : t.fillOpacity) === void 0 ? N.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(";"), Dt = () => {
   const t = document.createElement("style");
   document.getElementsByTagName("head")[0].appendChild(t);
-  let e = /* @__PURE__ */ new Set();
+  let n = /* @__PURE__ */ new Set();
   return {
     destroy: () => {
       CSS.highlights.clear(), t.remove();
     },
-    setVisible: (s) => {
+    setVisible: (r) => {
       console.log("setVisible not implemented on CSS Custom Highlights renderer");
     },
-    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 g = s.map((u) => {
-        var b;
-        const h = r ? typeof r == "function" ? r(u.annotation, u.state) : r : (b = u.state) != null && b.selected ? vt : G, v = d && d.paint(u, a) || h;
-        return `::highlight(_${u.annotation.id}) { ${tn(v)} }`;
+    redraw: (r, l, u, m) => {
+      m && m.clear();
+      const S = new Set(r.map((d) => d.annotation.id));
+      Array.from(n).filter((d) => !S.has(d));
+      const h = r.map((d) => {
+        var w;
+        const i = u ? typeof u == "function" ? u(d.annotation, d.state) : u : (w = d.state) != null && w.selected ? Y : N, E = m && m.paint(d, l) || i;
+        return `::highlight(_${d.annotation.id}) { ${Vt(E)} }`;
       });
-      t.innerHTML = g.join(`
-`), CSS.highlights.clear(), s.forEach(({ annotation: u }) => {
-        const h = u.target.selector.map((b) => b.range), v = new Highlight(...h);
-        CSS.highlights.set(`_${u.id}`, v);
-      }), e = f;
+      t.innerHTML = h.join(`
+`), CSS.highlights.clear(), r.forEach(({ annotation: d }) => {
+        const i = d.target.selector.map((w) => w.range), E = new Highlight(...i);
+        CSS.highlights.set(`_${d.id}`, E);
+      }), n = S;
     }
   };
-}, nn = (t, e, n) => Yt(t, e, n, en());
-var Qt = Object.prototype.hasOwnProperty;
-function Dt(t, e) {
-  var n, o;
-  if (t === e) return !0;
-  if (t && e && (n = t.constructor) === e.constructor) {
-    if (n === Date) return t.getTime() === e.getTime();
-    if (n === RegExp) return t.toString() === e.toString();
-    if (n === Array) {
-      if ((o = t.length) === e.length)
-        for (; o-- && Dt(t[o], e[o]); ) ;
-      return o === -1;
-    }
-    if (!n || typeof t == "object") {
-      o = 0;
-      for (n in t)
-        if (Qt.call(t, n) && ++o && !Qt.call(e, n) || !(n in e) || !Dt(t[n], e[n])) return !1;
-      return Object.keys(e).length === o;
-    }
-  }
-  return t !== t && e !== e;
-}
-const on = (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) => {
+}, Wt = (t, n, e) => j(t, n, e, Dt()), Yt = (t, n) => {
+  const e = (r, l) => r.x <= l.x + l.width && r.x + r.width >= l.x && r.y <= l.y + l.height && r.y + r.height >= l.y, o = (r) => r.rects.reduce((l, u) => l + u.width, 0), s = n.filter(({ rects: r }) => r.some((l) => e(t, l)));
+  return s.sort((r, l) => o(l) - o(r)), s.findIndex((r) => r.rects.includes(t));
+}, Xt = (t) => {
   t.classList.add("r6o-annotatable");
-  const e = document.createElement("div");
-  e.className = "r6o-span-highlight-layer", t.insertBefore(e, t.firstChild);
-  let n = [];
+  const n = document.createElement("div");
+  n.className = "r6o-span-highlight-layer", t.insertBefore(n, t.firstChild);
+  let e = [];
   return {
     destroy: () => {
-      e.remove();
+      n.remove();
     },
-    redraw: (a, r, d, f, g) => {
-      const h = !(Dt(n, a) && g);
-      if (!f && !h) return;
-      h && (e.innerHTML = ""), [...a].sort((b, p) => {
-        const { annotation: { target: { created: x } } } = b, { annotation: { target: { created: c } } } = p;
-        return x && c ? x.getTime() - c.getTime() : 0;
-      }).forEach((b) => {
-        b.rects.map((p) => {
-          const x = on(p, a), c = Ye(b, r, d, f, x);
-          if (h) {
-            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);
+    redraw: (l, u, m, S, h) => {
+      const i = !(at(e, l) && h);
+      if (!S && !i) return;
+      i && (n.innerHTML = ""), [...l].sort((w, x) => {
+        const { annotation: { target: { created: A } } } = w, { annotation: { target: { created: a } } } = x;
+        return A && a ? A.getTime() - a.getTime() : 0;
+      }).forEach((w) => {
+        w.rects.map((x) => {
+          const A = Yt(x, l), a = Mt(w, u, m, S, A);
+          if (i) {
+            const c = document.createElement("span");
+            c.className = "r6o-annotation", c.dataset.annotation = w.annotation.id, c.style.left = `${x.x}px`, c.style.top = `${x.y}px`, c.style.width = `${x.width}px`, c.style.height = `${x.height}px`, c.style.backgroundColor = Z((a == null ? void 0 : a.fill) || N.fill).alpha((a == null ? void 0 : a.fillOpacity) === void 0 ? N.fillOpacity : a.fillOpacity).toHex(), a.underlineStyle && (c.style.borderStyle = a.underlineStyle), a.underlineColor && (c.style.borderColor = a.underlineColor), a.underlineThickness && (c.style.borderBottomWidth = `${a.underlineThickness}px`), a.underlineOffset && (c.style.paddingBottom = `${a.underlineOffset}px`), n.appendChild(c);
           }
         });
-      }), n = a;
+      }), e = l;
     },
-    setVisible: (a) => {
-      a ? e.classList.remove("hidden") : e.classList.add("hidden");
-    }
-  };
-}, rn = (t, e, n) => Yt(t, e, n, sn(t)), K = [];
-for (let t = 0; t < 256; ++t)
-  K.push((t + 256).toString(16).slice(1));
-function an(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 Ot;
-const ln = new Uint8Array(16);
-function cn() {
-  if (!Ot) {
-    if (typeof crypto > "u" || !crypto.getRandomValues)
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    Ot = crypto.getRandomValues.bind(crypto);
-  }
-  return Ot(ln);
-}
-const dn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Jt = { randomUUID: dn };
-function fe(t, e, n) {
-  var i;
-  if (Jt.randomUUID && !t)
-    return Jt.randomUUID();
-  t = t || {};
-  const o = t.random ?? ((i = t.rng) == null ? void 0 : i.call(t)) ?? cn();
-  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);
-}
-var Zt = Object.prototype.hasOwnProperty;
-function J(t, e) {
-  var n, o;
-  if (t === e) return !0;
-  if (t && e && (n = t.constructor) === e.constructor) {
-    if (n === Date) return t.getTime() === e.getTime();
-    if (n === RegExp) return t.toString() === e.toString();
-    if (n === Array) {
-      if ((o = t.length) === e.length)
-        for (; o-- && J(t[o], e[o]); ) ;
-      return o === -1;
-    }
-    if (!n || typeof t == "object") {
-      o = 0;
-      for (n in t)
-        if (Zt.call(t, n) && ++o && !Zt.call(e, n) || !(n in e) || !J(t[n], e[n])) return !1;
-      return Object.keys(e).length === o;
+    setVisible: (l) => {
+      l ? n.classList.remove("hidden") : n.classList.add("hidden");
     }
-  }
-  return t !== t && e !== e;
-}
-function Rt() {
-}
-function un(t, e) {
-  return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
-}
-const Z = [];
-function Xt(t, e = Rt) {
-  let n;
-  const o = /* @__PURE__ */ new Set();
-  function i(r) {
-    if (un(t, r) && (t = r, n)) {
-      const d = !Z.length;
-      for (const f of o)
-        f[1](), Z.push(f, t);
-      if (d) {
-        for (let f = 0; f < Z.length; f += 2)
-          Z[f][0](Z[f + 1]);
-        Z.length = 0;
-      }
-    }
-  }
-  function s(r) {
-    i(r(t));
-  }
-  function a(r, d = Rt) {
-    const f = [r, d];
-    return o.add(f), o.size === 1 && (n = e(i, s) || Rt), r(t), () => {
-      o.delete(f), o.size === 0 && n && (n(), n = null);
-    };
-  }
-  return { set: i, update: s, subscribe: a };
-}
-const fn = (t) => {
-  const { subscribe: e, set: n } = Xt();
-  let o;
-  return e((i) => o = i), t.observe(({ changes: i }) => {
-    if (o) {
-      (i.deleted || []).some((a) => a.id === o) && n(void 0);
-      const s = (i.updated || []).find(({ oldValue: a }) => a.id === o);
-      s && n(s.newValue.id);
-    }
-  }), {
-    get current() {
-      return o;
-    },
-    subscribe: e,
-    set: n
-  };
-};
-var hn = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE = "NONE", t))(hn || {});
-const mt = { selected: [] }, gn = (t, e, n) => {
-  const { subscribe: o, set: i } = Xt(mt);
-  let s = e, a = mt;
-  o((p) => a = p);
-  const r = () => {
-    J(a, mt) || i(mt);
-  }, d = () => {
-    var p;
-    return ((p = a.selected) == null ? void 0 : p.length) === 0;
-  }, f = (p) => {
-    if (d())
-      return !1;
-    const x = typeof p == "string" ? p : p.id;
-    return a.selected.some((c) => c.id === x);
-  }, g = (p, x) => {
-    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 m = t.getAnnotation(p);
-      if (!m) {
-        console.warn("Invalid selection: " + p);
-        return;
-      }
-      c = [m];
-    }
-    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: l, event: x });
-  }, u = (p, x) => {
-    const c = Array.isArray(p) ? p : [p], l = c.map((m) => t.getAnnotation(m)).filter((m) => !!m);
-    i({
-      selected: l.map((m) => {
-        const S = x === void 0 ? b(m) === "EDIT" : x;
-        return { id: m.id, editable: S };
-      })
-    }), l.length !== c.length && console.warn("Invalid selection", p);
-  }, h = (p) => {
-    if (d())
-      return !1;
-    const { selected: x } = a;
-    x.some(({ id: c }) => p.includes(c)) && i({ selected: x.filter(({ id: c }) => !p.includes(c)) });
-  }, v = (p) => {
-    s = p, u(a.selected.map(({ id: x }) => x));
-  }, b = (p) => pn(p, s, n);
-  return t.observe(
-    ({ changes: p }) => h((p.deleted || []).map((x) => x.id))
-  ), {
-    get event() {
-      return a ? a.event : null;
-    },
-    get selected() {
-      return a ? [...a.selected] : null;
-    },
-    get userSelectAction() {
-      return s;
-    },
-    clear: r,
-    evalSelectAction: b,
-    isEmpty: d,
-    isSelected: f,
-    setSelected: u,
-    setUserSelectAction: v,
-    subscribe: o,
-    userSelect: g
-  };
-}, pn = (t, e, n) => {
-  const o = n ? n.serialize(t) : t;
-  return typeof e == "function" ? e(o) : e || "EDIT";
-}, Y = [];
-for (let t = 0; t < 256; ++t)
-  Y.push((t + 256).toString(16).slice(1));
-function mn(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 Mt;
-const yn = new Uint8Array(16);
-function bn() {
-  if (!Mt) {
-    if (typeof crypto > "u" || !crypto.getRandomValues)
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    Mt = crypto.getRandomValues.bind(crypto);
-  }
-  return Mt(yn);
-}
-const wn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), te = { randomUUID: wn };
-function he(t, e, n) {
-  var o;
-  if (te.randomUUID && !t)
-    return te.randomUUID();
-  t = t || {};
-  const i = t.random ?? ((o = t.rng) == null ? void 0 : o.call(t)) ?? bn();
-  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, mn(i);
-}
-const kt = (t) => {
-  const e = (n) => {
-    const o = { ...n };
-    return n.created && typeof n.created == "string" && (o.created = new Date(n.created)), n.updated && typeof n.updated == "string" && (o.updated = new Date(n.updated)), o;
-  };
-  return {
-    ...t,
-    bodies: (t.bodies || []).map(e),
-    target: e(t.target)
-  };
-}, Ao = (t, e, n, o) => ({
-  id: he(),
-  annotation: typeof t == "string" ? t : t.id,
-  created: n || /* @__PURE__ */ new Date(),
-  creator: o,
-  ...e
-}), xn = (t, e) => {
-  const n = new Set(t.bodies.map((o) => o.id));
-  return e.bodies.filter((o) => !n.has(o.id));
-}, An = (t, e) => {
-  const n = new Set(e.bodies.map((o) => o.id));
-  return t.bodies.filter((o) => !n.has(o.id));
-}, vn = (t, e) => e.bodies.map((n) => {
-  const o = t.bodies.find((i) => i.id === n.id);
-  return { newBody: n, oldBody: o && !J(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), En = (t, e) => !J(t.target, e.target), ge = (t, e) => {
-  const n = xn(t, e), o = An(t, e), i = vn(t, e);
-  return {
-    oldValue: t,
-    newValue: e,
-    bodiesCreated: n.length > 0 ? n : void 0,
-    bodiesDeleted: o.length > 0 ? o : void 0,
-    bodiesUpdated: i.length > 0 ? i : void 0,
-    targetUpdated: En(t, e) ? { oldTarget: t.target, newTarget: e.target } : void 0
   };
-};
-var B = /* @__PURE__ */ ((t) => (t.LOCAL = "LOCAL", t.REMOTE = "REMOTE", t.SILENT = "SILENT", t))(B || {});
-const Sn = (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 = (d) => d && d.length > 0;
-    if (!(r(i.created) || r(i.deleted))) {
-      const d = (n = i.updated) == null ? void 0 : n.some((g) => r(g.bodiesCreated) || r(g.bodiesDeleted) || r(g.bodiesUpdated)), f = (o = i.updated) == null ? void 0 : o.some((g) => g.targetUpdated);
-      if (a === "BODY_ONLY" && d && !f || a === "TARGET_ONLY" && f && !d)
-        return !1;
-    }
-  }
-  if (t.options.annotations) {
-    const a = /* @__PURE__ */ new Set([
-      ...(i.created || []).map((r) => r.id),
-      ...(i.deleted || []).map((r) => r.id),
-      ...(i.updated || []).map(({ oldValue: r }) => r.id)
-    ]);
-    return !!(Array.isArray(t.options.annotations) ? t.options.annotations : [t.options.annotations]).find((r) => a.has(r));
-  } else
-    return !0;
-}, Cn = (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)), d = [
-    ...(t.created || []).filter((u) => !s.has(u.id)).map((u) => a.has(u.id) ? e.updated.find(({ oldValue: h }) => h.id === u.id).newValue : u),
-    ...e.created || []
-  ], f = [
-    ...(t.deleted || []).filter((u) => !i.has(u.id)),
-    ...(e.deleted || []).filter((u) => !n.has(u.id))
-  ], g = [
-    ...(t.updated || []).filter(({ newValue: u }) => !s.has(u.id)).map((u) => {
-      const { oldValue: h, newValue: v } = u;
-      if (a.has(v.id)) {
-        const b = e.updated.find((p) => p.oldValue.id === v.id).newValue;
-        return ge(h, b);
-      } else
-        return u;
-    }),
-    ...(e.updated || []).filter(({ oldValue: u }) => !r.has(u.id))
-  ];
-  return { created: d, deleted: f, updated: g };
-}, yt = (t) => {
-  const e = t.id === void 0 ? he() : t.id;
-  return {
-    ...t,
-    id: e,
-    bodies: t.bodies === void 0 ? [] : t.bodies.map((n) => ({
-      ...n,
-      annotation: e
-    })),
-    target: {
-      ...t.target,
-      annotation: e
-    }
-  };
-}, Ln = (t) => t.id !== void 0, Tn = () => {
-  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (y, w = {}) => {
-    n.push({ onChange: y, options: w });
-  }, i = (y) => {
-    const w = n.findIndex((A) => A.onChange == y);
-    w > -1 && n.splice(w, 1);
-  }, s = (y, w) => {
-    const A = {
-      origin: y,
-      changes: {
-        created: w.created || [],
-        updated: w.updated || [],
-        deleted: w.deleted || []
-      },
-      state: [...t.values()]
-    };
-    n.forEach((C) => {
-      Sn(C, A) && C.onChange(A);
-    });
-  }, a = (y, w = B.LOCAL) => {
-    if (y.id && t.get(y.id))
-      throw Error(`Cannot add annotation ${y.id} - exists already`);
-    {
-      const A = yt(y);
-      t.set(A.id, A), A.bodies.forEach((C) => e.set(C.id, A.id)), s(w, { created: [A] });
-    }
-  }, r = (y, w) => {
-    const A = yt(typeof y == "string" ? w : y), C = typeof y == "string" ? y : y.id, I = C && t.get(C);
-    if (I) {
-      const O = ge(I, A);
-      return C === A.id ? t.set(C, A) : (t.delete(C), t.set(A.id, A)), I.bodies.forEach((k) => e.delete(k.id)), A.bodies.forEach((k) => e.set(k.id, A.id)), O;
-    } else
-      console.warn(`Cannot update annotation ${C} - does not exist`);
-  }, d = (y, w = B.LOCAL, A = B.LOCAL) => {
-    const C = Ln(w) ? A : w, I = r(y, w);
-    I && s(C, { updated: [I] });
-  }, f = (y, w = B.LOCAL) => {
-    t.get(y.id) ? d(y, w) : a(y, w);
-  }, g = (y, w = B.LOCAL) => {
-    const A = y.reduce((C, I) => {
-      const O = r(I);
-      return O ? [...C, O] : C;
-    }, []);
-    A.length > 0 && s(w, { updated: A });
-  }, u = (y, w = B.LOCAL) => {
-    const A = y.map(yt), { toAdd: C, toUpdate: I } = A.reduce((k, P) => t.get(P.id) ? { ...k, toUpdate: [...k.toUpdate, P] } : { ...k, toAdd: [...k.toAdd, P] }, { toAdd: [], toUpdate: [] }), O = I.map((k) => r(k, w)).filter(Boolean);
-    C.forEach((k) => {
-      t.set(k.id, k), k.bodies.forEach((P) => e.set(P.id, k.id));
-    }), s(w, { created: C, updated: O });
-  }, h = (y, w = B.LOCAL) => {
-    const A = t.get(y.annotation);
-    if (A) {
-      const C = {
-        ...A,
-        bodies: [...A.bodies, y]
-      };
-      t.set(A.id, C), e.set(y.id, C.id), s(w, { updated: [{
-        oldValue: A,
-        newValue: C,
-        bodiesCreated: [y]
-      }] });
-    } else
-      console.warn(`Attempt to add body to missing annotation: ${y.annotation}`);
-  }, v = () => [...t.values()], b = (y = B.LOCAL) => {
-    const w = [...t.values()];
-    t.clear(), e.clear(), s(y, { deleted: w });
-  }, p = (y, w = !0, A = B.LOCAL) => {
-    const C = y.map(yt);
-    if (w) {
-      const I = [...t.values()];
-      t.clear(), e.clear(), C.forEach((O) => {
-        t.set(O.id, O), O.bodies.forEach((k) => e.set(k.id, O.id));
-      }), s(A, { created: C, deleted: I });
-    } else {
-      const I = y.reduce((O, k) => {
-        const P = k.id && t.get(k.id);
-        return P ? [...O, P] : O;
-      }, []);
-      if (I.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${I.map((O) => O.id).join(", ")}`);
-      C.forEach((O) => {
-        t.set(O.id, O), O.bodies.forEach((k) => e.set(k.id, O.id));
-      }), s(A, { created: C });
-    }
-  }, x = (y) => {
-    const w = typeof y == "string" ? y : y.id, A = t.get(w);
-    if (A)
-      return t.delete(w), A.bodies.forEach((C) => e.delete(C.id)), A;
-    console.warn(`Attempt to delete missing annotation: ${w}`);
-  }, c = (y, w = B.LOCAL) => {
-    const A = x(y);
-    A && s(w, { deleted: [A] });
-  }, l = (y, w = B.LOCAL) => {
-    const A = y.reduce((C, I) => {
-      const O = x(I);
-      return O ? [...C, O] : C;
-    }, []);
-    A.length > 0 && s(w, { deleted: A });
-  }, m = (y) => {
-    const w = t.get(y.annotation);
-    if (w) {
-      const A = w.bodies.find((C) => C.id === y.id);
-      if (A) {
-        e.delete(A.id);
-        const C = {
-          ...w,
-          bodies: w.bodies.filter((I) => I.id !== y.id)
-        };
-        return t.set(w.id, C), {
-          oldValue: w,
-          newValue: C,
-          bodiesDeleted: [A]
-        };
-      } else
-        console.warn(`Attempt to delete missing body ${y.id} from annotation ${y.annotation}`);
-    } else
-      console.warn(`Attempt to delete body from missing annotation ${y.annotation}`);
-  }, S = (y, w = B.LOCAL) => {
-    const A = m(y);
-    A && s(w, { updated: [A] });
-  }, E = (y, w = B.LOCAL) => {
-    const A = y.map((C) => m(C)).filter(Boolean);
-    A.length > 0 && s(w, { updated: A });
-  }, L = (y) => {
-    const w = t.get(y);
-    return w ? { ...w } : void 0;
-  }, R = (y) => {
-    const w = e.get(y);
-    if (w) {
-      const A = L(w).bodies.find((C) => C.id === y);
-      if (A)
-        return A;
-      console.error(`Store integrity error: body ${y} in index, but not in annotation`);
-    } else
-      console.warn(`Attempt to retrieve missing body: ${y}`);
-  }, U = (y, w) => {
-    if (y.annotation !== w.annotation)
-      throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const A = t.get(y.annotation);
-    if (A) {
-      const C = A.bodies.find((O) => O.id === y.id), I = {
-        ...A,
-        bodies: A.bodies.map((O) => O.id === C.id ? w : O)
-      };
-      return t.set(A.id, I), C.id !== w.id && (e.delete(C.id), e.set(w.id, I.id)), {
-        oldValue: A,
-        newValue: I,
-        bodiesUpdated: [{ oldBody: C, newBody: w }]
-      };
-    } else
-      console.warn(`Attempt to add body to missing annotation ${y.annotation}`);
-  }, V = (y, w, A = B.LOCAL) => {
-    const C = U(y, w);
-    C && s(A, { updated: [C] });
-  }, T = (y, w = B.LOCAL) => {
-    const A = y.map((C) => U({ id: C.id, annotation: C.annotation }, C)).filter(Boolean);
-    s(w, { updated: A });
-  }, M = (y) => {
-    const w = t.get(y.annotation);
-    if (w) {
-      const A = {
-        ...w,
-        target: {
-          ...w.target,
-          ...y
-        }
-      };
-      return t.set(w.id, A), {
-        oldValue: w,
-        newValue: A,
-        targetUpdated: {
-          oldTarget: w.target,
-          newTarget: y
-        }
-      };
-    } else
-      console.warn(`Attempt to update target on missing annotation: ${y.annotation}`);
-  };
-  return {
-    addAnnotation: a,
-    addBody: h,
-    all: v,
-    bulkAddAnnotations: p,
-    bulkDeleteAnnotations: l,
-    bulkDeleteBodies: E,
-    bulkUpdateAnnotations: g,
-    bulkUpdateBodies: T,
-    bulkUpdateTargets: (y, w = B.LOCAL) => {
-      const A = y.map((C) => M(C)).filter(Boolean);
-      A.length > 0 && s(w, { updated: A });
-    },
-    bulkUpsertAnnotations: u,
-    clear: b,
-    deleteAnnotation: c,
-    deleteBody: S,
-    getAnnotation: L,
-    getBody: R,
-    observe: o,
-    unobserve: i,
-    updateAnnotation: d,
-    updateBody: V,
-    updateTarget: (y, w = B.LOCAL) => {
-      const A = M(y);
-      A && s(w, { updated: [A] });
-    },
-    upsertAnnotation: f
-  };
-};
-let On = () => ({
-  emit(t, ...e) {
-    for (let n = this.events[t] || [], o = 0, i = n.length; o < i; o++)
-      n[o](...e);
-  },
-  events: {},
-  on(t, e) {
-    var n;
-    return ((n = this.events)[t] || (n[t] = [])).push(e), () => {
-      var o;
-      this.events[t] = (o = this.events[t]) == null ? void 0 : o.filter((i) => e !== i);
-    };
-  }
-});
-const Rn = 250, Mn = (t, e) => {
-  const n = On(), o = [];
-  let i = -1, s = !1, a = 0;
-  const r = (b) => {
-    if (!s) {
-      const { changes: p } = b, x = performance.now();
-      if (x - a > Rn)
-        o.splice(i + 1), o.push(p), i = o.length - 1;
-      else {
-        const c = o.length - 1;
-        o[c] = Cn(o[c], p);
-      }
-      a = x;
-    }
-    s = !1;
-  };
-  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), g = (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)), h = (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: (b, p) => n.on(b, p),
-    redo: () => {
-      if (o.length - 1 > i) {
-        s = !0;
-        const { created: b, updated: p, deleted: x } = o[i + 1];
-        f(b), u(p), v(x), n.emit("redo", o[i + 1]), i += 1;
-      }
-    },
-    undo: () => {
-      if (i > -1) {
-        s = !0;
-        const { created: b, updated: p, deleted: x } = o[i];
-        d(b), g(p), h(x), n.emit("undo", o[i]), i -= 1;
-      }
-    }
-  };
-}, kn = () => {
-  const { subscribe: t, set: e } = Xt([]);
-  return {
-    subscribe: t,
-    set: e
-  };
-}, Bn = (t, e, n, o) => {
-  const { hover: i, selection: s, store: a, viewport: r } = t, d = /* @__PURE__ */ new Map();
-  let f = [], g;
-  const u = (p, x) => {
-    d.has(p) ? d.get(p).push(x) : d.set(p, [x]);
-  }, h = (p, x) => {
-    const c = d.get(p);
-    if (c) {
-      const l = c.indexOf(x);
-      l !== -1 && c.splice(l, 1);
-    }
-  }, v = (p, x, c) => {
-    d.has(p) && setTimeout(() => {
-      d.get(p).forEach((l) => {
-        if (n) {
-          const m = Array.isArray(x) ? x.map((E) => n.serialize(E)) : n.serialize(x), S = c ? c instanceof PointerEvent ? c : n.serialize(c) : void 0;
-          l(m, S);
-        } else
-          l(x, c);
-      });
-    }, 1);
-  };
-  s.subscribe(({ selected: p }) => {
-    if (!(f.length === 0 && p.length === 0)) {
-      if (f.length === 0 && p.length > 0)
-        f = p.map(({ id: x }) => a.getAnnotation(x));
-      else if (f.length > 0 && p.length === 0)
-        f.forEach((x) => {
-          const c = a.getAnnotation(x.id);
-          c && !J(c, x) && v("updateAnnotation", c, x);
-        }), f = [];
-      else {
-        const x = 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 && !J(m, l) && v("updateAnnotation", m, l);
-        }), f = [
-          // Remove annotations that were deselected
-          ...f.filter((l) => c.has(l.id)),
-          // Add editable annotations that were selected
-          ...p.filter(({ id: l }) => !x.has(l)).map(({ id: l }) => a.getAnnotation(l))
-        ];
-      }
-      v("selectionChanged", f);
-    }
-  }), i.subscribe((p) => {
-    !g && p ? v("mouseEnterAnnotation", a.getAnnotation(p)) : g && !p ? v("mouseLeaveAnnotation", a.getAnnotation(g)) : g && p && (v("mouseLeaveAnnotation", a.getAnnotation(g)), v("mouseEnterAnnotation", a.getAnnotation(p))), g = p;
-  }), r == null || r.subscribe((p) => v("viewportIntersect", p.map((x) => a.getAnnotation(x)))), a.observe((p) => {
-    const { created: x, deleted: c } = p.changes;
-    (x || []).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: B.LOCAL }), a.observe((p) => {
-    if (f) {
-      const x = new Set(f.map((l) => l.id)), c = (p.changes.updated || []).filter(({ newValue: l }) => x.has(l.id)).map(({ newValue: l }) => l);
-      c.length > 0 && (f = f.map((l) => c.find((S) => S.id === l.id) || l));
-    }
-  }, { origin: B.REMOTE });
-  const b = (p) => (x) => {
-    const { updated: c } = x;
-    p ? (c || []).forEach((l) => v("updateAnnotation", l.oldValue, l.newValue)) : (c || []).forEach((l) => v("updateAnnotation", l.newValue, l.oldValue));
-  };
-  return e.on("undo", b(!0)), e.on("redo", b(!1)), { on: u, off: h, emit: v };
-}, In = (t) => (e) => e.reduce((n, o) => {
-  const { parsed: i, error: s } = t.parse(o);
-  return s ? {
-    parsed: n.parsed,
-    failed: [...n.failed, o]
-  } : i ? {
-    parsed: [...n.parsed, i],
-    failed: n.failed
-  } : {
-    ...n
-  };
-}, { parsed: [], failed: [] }), Un = (t, e, n) => {
-  const { store: o, selection: i } = t, s = (c) => {
-    if (n) {
-      const { parsed: l, error: m } = n.parse(c);
-      l ? o.addAnnotation(l, B.REMOTE) : console.error(m);
-    } else
-      o.addAnnotation(kt(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(), g = () => {
-    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)), h = (c) => {
-    if (typeof c == "string") {
-      const l = o.getAnnotation(c);
-      if (o.deleteAnnotation(c), l)
-        return n ? n.serialize(l) : l;
-    } else {
-      const l = n ? n.parse(c).parsed : c;
-      if (l)
-        return o.deleteAnnotation(l), c;
-    }
-  }, v = (c, l = !0) => {
-    if (n) {
-      const m = n.parseAll || In(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(c.map(kt), l, B.REMOTE);
-  }, b = (c, l) => {
-    c ? i.setSelected(c, l) : i.clear();
-  }, p = (c) => {
-    i.clear(), i.setUserSelectAction(c);
-  }, x = (c) => {
-    if (n) {
-      const l = n.parse(c).parsed, m = n.serialize(o.getAnnotation(l.id));
-      return o.updateAnnotation(l), m;
-    } else {
-      const l = o.getAnnotation(c.id);
-      return o.updateAnnotation(kt(c)), l;
-    }
-  };
-  return {
-    addAnnotation: s,
-    cancelSelected: a,
-    canRedo: e.canRedo,
-    canUndo: e.canUndo,
-    clearAnnotations: r,
-    getAnnotationById: d,
-    getAnnotations: f,
-    getHistory: e.getHistory,
-    getSelected: g,
-    loadAnnotations: u,
-    redo: e.redo,
-    removeAnnotation: h,
-    setAnnotations: v,
-    setSelected: b,
-    setUserSelectAction: p,
-    undo: e.undo,
-    updateAnnotation: x
-  };
-}, _n = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let Nn = (t) => crypto.getRandomValues(new Uint8Array(t)), Vn = (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), d = i | 0;
-      for (; d--; )
-        if (a += t[r[d] & o] || "", a.length >= s) return a;
-    }
-  };
-}, Dn = (t, e = 21) => Vn(t, e | 0, Nn), Kn = (t = 21) => {
-  let e = "", n = crypto.getRandomValues(new Uint8Array(t |= 0));
-  for (; t--; )
-    e += _n[n[t] & 63];
-  return e;
-};
-const Yn = () => ({ isGuest: !0, id: Dn("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Xn = (t) => {
-  const e = JSON.stringify(t);
-  let n = 0;
-  for (let o = 0, i = e.length; o < i; o++) {
-    let s = e.charCodeAt(o);
-    n = (n << 5) - n + s, n |= 0;
-  }
-  return `${n}`;
-}, pe = (t) => t ? typeof t == "object" ? { ...t } : t : void 0, Pn = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
-  const { id: o, type: i, purpose: s, value: a, created: r, modified: d, creator: f, ...g } = n;
-  return {
-    id: o || `temp-${Xn(n)}`,
-    annotation: e,
-    type: i,
-    purpose: s,
-    value: a,
-    creator: pe(f),
-    created: r ? new Date(r) : void 0,
-    updated: d ? new Date(d) : void 0,
-    ...g
-  };
-}), $n = (t) => t.map((e) => {
-  var n;
-  const { annotation: o, created: i, updated: s, ...a } = e, r = {
-    ...a,
-    created: i == null ? void 0 : i.toISOString(),
-    modified: s == null ? void 0 : s.toISOString()
-  };
-  return (n = r.id) != null && n.startsWith("temp-") && delete r.id, r;
-});
-Kn();
-const vo = (t, e) => ({
-  parse: (n) => zn(n),
-  serialize: (n) => Fn(n, t, e)
-}), Hn = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, jn = (t) => {
+}, zt = (t, n, e) => j(t, n, e, Xt(t)), fe = (t, n) => ({
+  parse: (e) => Gt(e),
+  serialize: (e) => Qt(e, t, n)
+}), qt = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, jt = (t) => {
   const {
-    id: e,
-    creator: n,
+    id: n,
+    creator: e,
     created: o,
-    modified: i,
-    target: s
-  } = t, a = Array.isArray(s) ? s : [s];
-  if (a.length === 0)
+    modified: s,
+    target: r
+  } = t, l = Array.isArray(r) ? r : [r];
+  if (l.length === 0)
     return { error: Error(`No targets found for annotation: ${t.id}`) };
-  const r = {
-    creator: pe(n),
+  const u = {
+    creator: dt(e),
     created: o ? new Date(o) : void 0,
-    updated: i ? new Date(i) : void 0,
-    annotation: e,
+    updated: s ? new Date(s) : void 0,
+    annotation: n,
     selector: [],
     // @ts-expect-error: `styleClass` is not part of the core `TextAnnotationTarget` type
-    styleClass: "styleClass" in a[0] ? a[0].styleClass : void 0
+    styleClass: "styleClass" in l[0] ? l[0].styleClass : void 0
   };
-  for (const d of a) {
-    const g = (Array.isArray(d.selector) ? d.selector : [d.selector]).reduce((u, h) => {
-      switch (h.type) {
+  for (const m of l) {
+    const h = (Array.isArray(m.selector) ? m.selector : [m.selector]).reduce((d, i) => {
+      switch (i.type) {
         case "TextQuoteSelector":
-          u.quote = h.exact;
+          d.quote = i.exact;
           break;
         case "TextPositionSelector":
-          u.start = h.start, u.end = h.end;
+          d.start = i.start, d.end = i.end;
           break;
       }
-      return u;
+      return d;
     }, {});
-    if (Hn(g))
-      r.selector.push(
+    if (qt(h))
+      u.selector.push(
         {
-          ...g,
-          id: d.id,
+          ...h,
+          id: m.id,
           // @ts-expect-error: `scope` is not part of the core `TextSelector` type
-          scope: d.scope
+          scope: m.scope
         }
       );
     else {
-      const u = [
-        g.start ? void 0 : "TextPositionSelector",
-        g.quote ? void 0 : "TextQuoteSelector"
+      const d = [
+        h.start ? void 0 : "TextPositionSelector",
+        h.quote ? void 0 : "TextQuoteSelector"
       ].filter(Boolean);
-      return { error: Error(`Missing selector types: ${u.join(" and ")} for annotation: ${t.id}`) };
+      return { error: Error(`Missing selector types: ${d.join(" and ")} for annotation: ${t.id}`) };
     }
   }
-  return { parsed: r };
-}, zn = (t) => {
-  const e = t.id || fe(), {
-    creator: n,
+  return { parsed: u };
+}, Gt = (t) => {
+  const n = t.id || J(), {
+    creator: e,
     created: o,
-    modified: i,
-    body: s,
-    ...a
-  } = t, r = Pn(s, e), d = jn(t);
-  return "error" in d ? { error: d.error } : {
+    modified: s,
+    body: r,
+    ...l
+  } = t, u = lt(r, n), m = jt(t);
+  return "error" in m ? { error: m.error } : {
     parsed: {
-      ...a,
-      id: e,
-      bodies: r,
-      target: d.parsed
-    }
-  };
-}, Fn = (t, e, n) => {
-  const { bodies: o, target: i, ...s } = t, {
-    selector: a,
-    creator: r,
-    created: d,
-    updated: f,
-    ...g
-  } = i, u = a.map((h) => {
-    const { id: v, quote: b, start: p, end: x, range: c } = h, l = {
+      ...l,
+      id: n,
+      bodies: u,
+      target: m.parsed
+    }
+  };
+}, Qt = (t, n, e) => {
+  const { bodies: o, target: s, ...r } = t, {
+    selector: l,
+    creator: u,
+    created: m,
+    updated: S,
+    ...h
+  } = s, d = l.map((i) => {
+    const { id: E, quote: w, start: x, end: A, range: a } = i, c = {
       type: "TextQuoteSelector",
-      exact: b
+      exact: w
     };
-    if (n) {
-      const { prefix: S, suffix: E } = ke(c, n);
-      l.prefix = S, l.suffix = E;
+    if (e) {
+      const { prefix: b, suffix: p } = Tt(a, e);
+      c.prefix = b, c.suffix = p;
     }
-    const m = {
+    const y = {
       type: "TextPositionSelector",
-      start: p,
-      end: x
+      start: x,
+      end: A
     };
     return {
-      ...g,
-      id: v,
+      ...h,
+      id: E,
       // @ts-expect-error: `scope` is not part of the core `TextSelector` type
-      scope: "scope" in h ? h.scope : void 0,
-      source: e,
-      selector: [l, m]
+      scope: "scope" in i ? i.scope : void 0,
+      source: n,
+      selector: [c, y]
     };
   });
   return {
-    ...s,
+    ...r,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: t.id,
     type: "Annotation",
-    body: $n(t.bodies),
-    creator: r,
-    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 = Wn) {
-  for (; o > n; ) {
-    if (o - n > 600) {
-      const d = o - n + 1, f = e - n + 1, g = Math.log(d), u = 0.5 * Math.exp(2 * g / 3), h = 0.5 * Math.sqrt(g * u * (d - u) / d) * (f - d / 2 < 0 ? -1 : 1), v = Math.max(n, Math.floor(e - f * u / d + h)), b = Math.min(o, Math.floor(e + (d - f) * u / d + h));
-      me(t, e, v, b, i);
-    }
-    const s = t[e];
-    let a = n, r = o;
-    for (it(t, n, e), i(t[o], s) > 0 && it(t, n, o); a < r; ) {
-      for (it(t, a, r), a++, r--; i(t[a], s) < 0; ) a++;
-      for (; i(t[r], s) > 0; ) r--;
-    }
-    i(t[n], s) === 0 ? it(t, n, r) : (r++, it(t, r, o)), r <= e && (n = r + 1), e <= r && (o = r - 1);
-  }
-}
-function it(t, e, n) {
-  const o = t[e];
-  t[e] = t[n], t[n] = o;
-}
-function Wn(t, e) {
-  return t < e ? -1 : t > e ? 1 : 0;
-}
-class qn {
-  constructor(e = 9) {
-    this._maxEntries = Math.max(4, e), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
-  }
-  all() {
-    return this._all(this.data, []);
-  }
-  search(e) {
-    let n = this.data;
-    const o = [];
-    if (!wt(e, n)) return o;
-    const i = this.toBBox, s = [];
-    for (; n; ) {
-      for (let a = 0; a < n.children.length; a++) {
-        const r = n.children[a], d = n.leaf ? i(r) : r;
-        wt(e, d) && (n.leaf ? o.push(r) : It(e, d) ? this._all(r, o) : s.push(r));
-      }
-      n = s.pop();
-    }
-    return o;
-  }
-  collides(e) {
-    let n = this.data;
-    if (!wt(e, n)) return !1;
-    const o = [];
-    for (; n; ) {
-      for (let i = 0; i < n.children.length; i++) {
-        const s = n.children[i], a = n.leaf ? this.toBBox(s) : s;
-        if (wt(e, a)) {
-          if (n.leaf || It(e, a)) return !0;
-          o.push(s);
-        }
-      }
-      n = o.pop();
-    }
-    return !1;
-  }
-  load(e) {
-    if (!(e && e.length)) return this;
-    if (e.length < this._minEntries) {
-      for (let o = 0; o < e.length; o++)
-        this.insert(e[o]);
-      return this;
-    }
-    let n = this._build(e.slice(), 0, e.length - 1, 0);
-    if (!this.data.children.length)
-      this.data = n;
-    else if (this.data.height === n.height)
-      this._splitRoot(this.data, n);
-    else {
-      if (this.data.height < n.height) {
-        const o = this.data;
-        this.data = n, n = o;
-      }
-      this._insert(n, this.data.height - n.height - 1, !0);
-    }
-    return this;
-  }
-  insert(e) {
-    return e && this._insert(e, this.data.height - 1), this;
-  }
-  clear() {
-    return this.data = et([]), this;
-  }
-  remove(e, n) {
-    if (!e) return this;
-    let o = this.data;
-    const i = this.toBBox(e), s = [], a = [];
-    let r, d, f;
-    for (; o || s.length; ) {
-      if (o || (o = s.pop(), d = s[s.length - 1], r = a.pop(), f = !0), o.leaf) {
-        const g = Gn(e, o.children, n);
-        if (g !== -1)
-          return o.children.splice(g, 1), s.push(o), this._condense(s), this;
-      }
-      !f && !o.leaf && It(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;
-  }
-  toBBox(e) {
-    return e;
-  }
-  compareMinX(e, n) {
-    return e.minX - n.minX;
-  }
-  compareMinY(e, n) {
-    return e.minY - n.minY;
-  }
-  toJSON() {
-    return this.data;
-  }
-  fromJSON(e) {
-    return this.data = e, this;
-  }
-  _all(e, n) {
-    const o = [];
-    for (; e; )
-      e.leaf ? n.push(...e.children) : o.push(...e.children), e = o.pop();
-    return n;
-  }
-  _build(e, n, o, i) {
-    const s = o - n + 1;
-    let a = this._maxEntries, r;
-    if (s <= a)
-      return r = et(e.slice(n, o + 1)), tt(r, this.toBBox), r;
-    i || (i = Math.ceil(Math.log(s) / Math.log(a)), a = Math.ceil(s / Math.pow(a, i - 1))), r = et([]), r.leaf = !1, r.height = i;
-    const d = Math.ceil(s / a), f = d * Math.ceil(Math.sqrt(a));
-    ee(e, n, o, f, this.compareMinX);
-    for (let g = n; g <= o; g += f) {
-      const u = Math.min(g + f - 1, o);
-      ee(e, g, u, d, this.compareMinY);
-      for (let h = g; h <= u; h += d) {
-        const v = Math.min(h + d - 1, u);
-        r.children.push(this._build(e, h, v, i - 1));
-      }
-    }
-    return tt(r, this.toBBox), r;
-  }
-  _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 d = 0; d < n.children.length; d++) {
-        const f = n.children[d], g = Bt(f), u = Zn(e, f) - g;
-        u < a ? (a = u, s = g < s ? g : s, r = f) : u === a && g < s && (s = g, r = f);
-      }
-      n = r || n.children[0];
-    }
-    return n;
-  }
-  _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), lt(a, i); n >= 0 && s[n].children.length > this._maxEntries; )
-      this._split(s, n), n--;
-    this._adjustParentBBoxes(i, s, n);
-  }
-  // split overflowed node into two
-  _split(e, n) {
-    const o = e[n], i = o.children.length, s = this._minEntries;
-    this._chooseSplitAxis(o, s, i);
-    const a = this._chooseSplitIndex(o, s, i), r = et(o.children.splice(a, o.children.length - a));
-    r.height = o.height, r.leaf = o.leaf, tt(o, this.toBBox), tt(r, this.toBBox), n ? e[n - 1].children.push(r) : this._splitRoot(o, r);
-  }
-  _splitRoot(e, n) {
-    this.data = et([e, n]), this.data.height = e.height + 1, this.data.leaf = !1, tt(this.data, this.toBBox);
-  }
-  _chooseSplitIndex(e, n, o) {
-    let i, s = 1 / 0, a = 1 / 0;
-    for (let r = n; r <= o - n; r++) {
-      const d = at(e, 0, r, this.toBBox), f = at(e, r, o, this.toBBox), g = to(d, f), u = Bt(d) + Bt(f);
-      g < s ? (s = g, i = r, a = u < a ? u : a) : g === s && u < a && (a = u, i = r);
-    }
-    return i || o - n;
-  }
-  // sorts node children by the best axis for split
-  _chooseSplitAxis(e, n, o) {
-    const i = e.leaf ? this.compareMinX : Qn, s = e.leaf ? this.compareMinY : Jn, a = this._allDistMargin(e, n, o, i), r = this._allDistMargin(e, n, o, s);
-    a < r && e.children.sort(i);
-  }
-  // 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 = at(e, 0, n, s), r = at(e, o - n, o, s);
-    let d = bt(a) + bt(r);
-    for (let f = n; f < o - n; f++) {
-      const g = e.children[f];
-      lt(a, e.leaf ? s(g) : g), d += bt(a);
-    }
-    for (let f = o - n - 1; f >= n; f--) {
-      const g = e.children[f];
-      lt(r, e.leaf ? s(g) : g), d += bt(r);
-    }
-    return d;
-  }
-  _adjustParentBBoxes(e, n, o) {
-    for (let i = o; i >= 0; i--)
-      lt(n[i], e);
-  }
-  _condense(e) {
-    for (let n = e.length - 1, o; n >= 0; n--)
-      e[n].children.length === 0 ? n > 0 ? (o = e[n - 1].children, o.splice(o.indexOf(e[n]), 1)) : this.clear() : tt(e[n], this.toBBox);
-  }
-}
-function Gn(t, e, n) {
-  if (!n) return e.indexOf(t);
-  for (let o = 0; o < e.length; o++)
-    if (n(t, e[o])) return o;
-  return -1;
-}
-function tt(t, e) {
-  at(t, 0, t.children.length, e, t);
-}
-function at(t, e, n, o, i) {
-  i || (i = et(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];
-    lt(i, t.leaf ? o(a) : a);
-  }
-  return i;
-}
-function lt(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 Qn(t, e) {
-  return t.minX - e.minX;
-}
-function Jn(t, e) {
-  return t.minY - e.minY;
-}
-function Bt(t) {
-  return (t.maxX - t.minX) * (t.maxY - t.minY);
-}
-function bt(t) {
-  return t.maxX - t.minX + (t.maxY - t.minY);
-}
-function Zn(t, e) {
-  return (Math.max(e.maxX, t.maxX) - Math.min(e.minX, t.minX)) * (Math.max(e.maxY, t.maxY) - Math.min(e.minY, t.minY));
-}
-function to(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 It(t, e) {
-  return t.minX <= e.minX && t.minY <= e.minY && e.maxX <= t.maxX && e.maxY <= t.maxY;
-}
-function wt(t, e) {
-  return e.minX <= t.maxX && e.minY <= t.maxY && e.maxX >= t.minX && e.maxY >= t.minY;
-}
-function et(t) {
-  return {
-    children: t,
-    height: 1,
-    leaf: !0,
-    minX: 1 / 0,
-    minY: 1 / 0,
-    maxX: -1 / 0,
-    maxY: -1 / 0
-  };
-}
-function ee(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);
-  }
-}
-const eo = (t, e) => {
-  const n = new qn(), o = /* @__PURE__ */ new Map(), i = (c, l) => {
-    const m = c.selector.flatMap((E) => {
-      const L = q([E]) ? E.range : ae(E, e).range;
-      return Array.from(L.getClientRects());
-    }), S = Ne(m).map(({ left: E, top: L, right: R, bottom: U }) => new DOMRect(E - l.left, L - l.top, R - E, U - L));
-    return S.map((E) => {
-      const { x: L, y: R, width: U, height: V } = E;
+    body: ct(t.bodies),
+    creator: u,
+    created: m == null ? void 0 : m.toISOString(),
+    modified: S == null ? void 0 : S.toISOString(),
+    target: d
+  };
+}, Zt = (t, n) => {
+  const e = new St(), o = /* @__PURE__ */ new Map(), s = (a, c) => {
+    const y = a.selector.flatMap((p) => {
+      const f = I([p]) ? p.range : et(p, n).range;
+      return Array.from(f.getClientRects());
+    }), b = Bt(y).map(({ left: p, top: f, right: C, bottom: T }) => new DOMRect(p - c.left, f - c.top, C - p, T - f));
+    return b.map((p) => {
+      const { x: f, y: C, width: T, height: g } = p;
       return {
-        minX: L,
-        minY: R,
-        maxX: L + U,
-        maxY: R + V,
+        minX: f,
+        minY: C,
+        maxX: f + T,
+        maxY: C + g,
         annotation: {
-          id: c.annotation,
-          rects: S
+          id: a.annotation,
+          rects: b
         }
       };
     });
-  }, s = () => [...o.values()], a = () => {
-    n.clear(), o.clear();
-  }, 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);
-  }, g = (c, l = !0) => {
-    l && a();
-    const m = e.getBoundingClientRect(), S = c.map((L) => ({ target: L, rects: i(L, m) }));
-    S.forEach(({ target: L, rects: R }) => {
-      R.length > 0 && o.set(L.annotation, R);
+  }, r = () => [...o.values()], l = () => {
+    e.clear(), o.clear();
+  }, u = (a) => {
+    const c = s(a, n.getBoundingClientRect());
+    c.length !== 0 && (c.forEach((y) => e.insert(y)), o.set(a.annotation, c));
+  }, m = (a) => {
+    const c = o.get(a.annotation);
+    c && (c.forEach((y) => e.remove(y)), o.delete(a.annotation));
+  }, S = (a) => {
+    m(a), u(a);
+  }, h = (a, c = !0) => {
+    c && l();
+    const y = n.getBoundingClientRect(), b = a.map((f) => ({ target: f, rects: s(f, y) }));
+    b.forEach(({ target: f, rects: C }) => {
+      C.length > 0 && o.set(f.annotation, C);
     });
-    const E = S.flatMap(({ rects: L }) => L);
-    n.load(E);
-  }, u = (c, l, m = !1) => {
-    const S = n.search({
-      minX: c,
-      minY: l,
-      maxX: c,
-      maxY: l
-    }), E = (L) => L.annotation.rects.reduce((R, U) => R + U.width * U.height, 0);
-    return S.length > 0 ? (S.sort((L, R) => E(L) - E(R)), m ? S.map((L) => L.annotation.id) : [S[0].annotation.id]) : [];
-  }, h = (c) => {
-    const l = v(c);
-    if (l.length === 0)
+    const p = b.flatMap(({ rects: f }) => f);
+    e.load(p);
+  }, d = (a, c, y = !1) => {
+    const b = e.search({
+      minX: a,
+      minY: c,
+      maxX: a,
+      maxY: c
+    }), p = (f) => f.annotation.rects.reduce((C, T) => C + T.width * T.height, 0);
+    return b.length > 0 ? (b.sort((f, C) => p(f) - p(C)), y ? b.map((f) => f.annotation.id) : [b[0].annotation.id]) : [];
+  }, i = (a) => {
+    const c = E(a);
+    if (c.length === 0)
       return;
-    let m = l[0].left, S = l[0].top, E = l[0].right, L = l[0].bottom;
-    for (let R = 1; R < l.length; R++) {
-      const U = l[R];
-      m = Math.min(m, U.left), S = Math.min(S, U.top), E = Math.max(E, U.right), L = Math.max(L, U.bottom);
+    let y = c[0].left, b = c[0].top, p = c[0].right, f = c[0].bottom;
+    for (let C = 1; C < c.length; C++) {
+      const T = c[C];
+      y = Math.min(y, T.left), b = Math.min(b, T.top), p = Math.max(p, T.right), f = Math.max(f, T.bottom);
     }
-    return new DOMRect(m, S, E - m, L - S);
-  }, v = (c) => {
-    const l = o.get(c);
-    return l ? l[0].annotation.rects : [];
+    return new DOMRect(y, b, p - y, f - b);
+  }, E = (a) => {
+    const c = o.get(a);
+    return c ? c[0].annotation.rects : [];
   };
   return {
-    all: s,
-    clear: a,
-    getAt: u,
-    getAnnotationBounds: h,
-    getAnnotationRects: v,
-    getIntersecting: (c, l, m, S) => {
-      const E = n.search({ minX: c, minY: l, maxX: m, maxY: S }), L = new Set(E.map((R) => R.annotation.id));
-      return Array.from(L).map((R) => ({
-        annotation: t.getAnnotation(R),
-        rects: v(R)
-      })).filter((R) => !!R.annotation);
+    all: r,
+    clear: l,
+    getAt: d,
+    getAnnotationBounds: i,
+    getAnnotationRects: E,
+    getIntersecting: (a, c, y, b) => {
+      const p = e.search({ minX: a, minY: c, maxX: y, maxY: b }), f = new Set(p.map((C) => C.annotation.id));
+      return Array.from(f).map((C) => ({
+        annotation: t.getAnnotation(C),
+        rects: E(C)
+      })).filter((C) => !!C.annotation);
     },
-    insert: r,
-    recalculate: () => g(t.all().map((c) => c.target), !0),
-    remove: d,
-    set: g,
-    size: () => n.all().length,
-    update: f
-  };
-}, no = (t, e) => {
-  const n = Tn(), o = eo(n, t), i = gn(n, e.userSelectAction, e.adapter), s = fn(n), a = kn(), r = (c, l = B.LOCAL) => {
-    const m = St(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((L) => St(L, t)), E = S.filter((L) => !q(L.target.selector));
-    return n.bulkAddAnnotations(S, l, m), E;
-  }, f = (c, l = B.LOCAL) => {
-    const m = c.map((E) => St(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;
-  }, g = (c, l = B.LOCAL) => {
-    const m = At(c, t);
-    n.updateTarget(m, l);
-  }, u = (c, l = B.LOCAL) => {
-    const m = c.map((S) => At(S, t));
-    n.bulkUpdateTargets(m, l);
-  };
-  function h(c, l, m, S) {
-    const E = m || !!S, L = o.getAt(c, l, E).map((U) => n.getAnnotation(U)), R = S ? L.filter(S) : L;
-    if (R.length !== 0)
-      return m ? R : R[0];
-  }
-  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), x = () => 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));
+    insert: u,
+    recalculate: () => h(t.all().map((a) => a.target), !0),
+    remove: m,
+    set: h,
+    size: () => e.all().length,
+    update: S
+  };
+}, Jt = (t, n) => {
+  const e = ut(), o = Zt(e, t), s = ft(e, n.userSelectAction, n.adapter), r = gt(e), l = mt(), u = (a, c = K.LOCAL) => {
+    const y = z(a, t), b = I(y.target.selector);
+    return b && e.addAnnotation(y, c), b;
+  }, m = (a, c = !0, y = K.LOCAL) => {
+    const b = a.map((f) => z(f, t)), p = b.filter((f) => !I(f.target.selector));
+    return e.bulkAddAnnotations(b, c, y), p;
+  }, S = (a, c = K.LOCAL) => {
+    const y = a.map((p) => z(p, t)), b = y.filter((p) => !I(p.target.selector));
+    return y.forEach((p) => {
+      e.getAnnotation(p.id) ? e.updateAnnotation(p, c) : e.addAnnotation(p, c);
+    }), b;
+  }, h = (a, c = K.LOCAL) => {
+    const y = W(a, t);
+    e.updateTarget(y, c);
+  }, d = (a, c = K.LOCAL) => {
+    const y = a.map((b) => W(b, t));
+    e.bulkUpdateTargets(y, c);
+  };
+  function i(a, c, y, b) {
+    const p = y || !!b, f = o.getAt(a, c, p).map((T) => e.getAnnotation(T)), C = b ? f.filter(b) : f;
+    if (C.length !== 0)
+      return y ? C : C[0];
+  }
+  const E = (a) => {
+    if (o.getAnnotationRects(a).length !== 0)
+      return o.getAnnotationBounds(a);
+  }, w = (a, c, y, b) => o.getIntersecting(a, c, y, b), x = (a) => o.getAnnotationRects(a), A = () => o.recalculate();
+  return e.observe(({ changes: a }) => {
+    const c = (a.deleted || []).filter((p) => I(p.target.selector)), y = (a.created || []).filter((p) => I(p.target.selector)), b = (a.updated || []).filter((p) => I(p.newValue.target.selector));
+    (c == null ? void 0 : c.length) > 0 && c.forEach((p) => o.remove(p.target)), y.length > 0 && o.set(y.map((p) => p.target), !1), (b == null ? void 0 : b.length) > 0 && b.forEach(({ newValue: p }) => o.update(p.target));
   }), {
     store: {
-      ...n,
-      addAnnotation: r,
-      bulkAddAnnotations: d,
-      bulkUpdateTargets: u,
-      bulkUpsertAnnotations: f,
-      getAnnotationBounds: v,
-      getAnnotationRects: p,
-      getIntersecting: b,
-      getAt: h,
-      recalculatePositions: x,
-      updateTarget: g
+      ...e,
+      addAnnotation: u,
+      bulkAddAnnotations: m,
+      bulkUpdateTargets: d,
+      bulkUpsertAnnotations: S,
+      getAnnotationBounds: E,
+      getAnnotationRects: x,
+      getIntersecting: w,
+      getAt: i,
+      recalculatePositions: A,
+      updateTarget: h
     },
-    selection: i,
-    hover: s,
-    viewport: a
+    selection: s,
+    hover: r,
+    viewport: l
   };
-}, oo = () => {
+}, te = () => {
   const t = document.createElement("canvas");
   t.width = 2 * window.innerWidth, t.height = 2 * window.innerHeight, t.className = "r6o-presence-layer";
-  const e = t.getContext("2d");
-  return e.scale(2, 2), e.translate(0.5, 0.5), t;
-}, io = (t, e = {}) => {
-  const n = oo(), o = n.getContext("2d");
-  document.body.appendChild(n);
-  const i = /* @__PURE__ */ new Map(), s = (g) => Array.from(i.entries()).filter(([u, h]) => h.presenceKey === g.presenceKey).map(([u, h]) => u);
-  return t.on("selectionChange", (g, u) => {
-    s(g).forEach((v) => i.delete(v)), u && u.forEach((v) => i.set(v, g));
+  const n = t.getContext("2d");
+  return n.scale(2, 2), n.translate(0.5, 0.5), t;
+}, ee = (t, n = {}) => {
+  const e = te(), o = e.getContext("2d");
+  document.body.appendChild(e);
+  const s = /* @__PURE__ */ new Map(), r = (h) => Array.from(s.entries()).filter(([d, i]) => i.presenceKey === h.presenceKey).map(([d, i]) => d);
+  return t.on("selectionChange", (h, d) => {
+    r(h).forEach((E) => s.delete(E)), d && d.forEach((E) => s.set(E, h));
   }), {
     clear: () => {
-      const { width: g, height: u } = n;
-      o.clearRect(-0.5, -0.5, g + 1, u + 1);
+      const { width: h, height: d } = e;
+      o.clearRect(-0.5, -0.5, h + 1, d + 1);
     },
     destroy: () => {
-      n.remove();
+      e.remove();
     },
-    paint: (g, u, h) => {
-      e.font && (o.font = e.font);
-      const v = i.get(g.annotation.id);
-      if (v) {
-        const { height: b } = g.rects[0], p = g.rects[0].x + u.left, x = g.rects[0].y + u.top;
-        o.fillStyle = v.appearance.color, o.fillRect(p - 2, x - 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, x - 2.5 - m, l, m), o.fillStyle = "#fff", o.fillText(v.appearance.label, p + 1, x - S), {
-          fill: v.appearance.color,
-          fillOpacity: h ? 0.45 : 0.18
+    paint: (h, d, i) => {
+      n.font && (o.font = n.font);
+      const E = s.get(h.annotation.id);
+      if (E) {
+        const { height: w } = h.rects[0], x = h.rects[0].x + d.left, A = h.rects[0].y + d.top;
+        o.fillStyle = E.appearance.color, o.fillRect(x - 2, A - 2.5, 2, w + 5);
+        const a = o.measureText(E.appearance.label), c = a.width + 6, y = a.actualBoundingBoxAscent + a.actualBoundingBoxDescent + 8, b = a.fontBoundingBoxAscent ? 8 : 6.5;
+        return o.fillRect(x - 2, A - 2.5 - y, c, y), o.fillStyle = "#fff", o.fillText(E.appearance.label, x + 1, A - b), {
+          fill: E.appearance.color,
+          fillOpacity: i ? 0.45 : 0.18
         };
       }
     },
     reset: () => {
-      n.width = 2 * window.innerWidth, n.height = 2 * window.innerHeight;
-      const g = n.getContext("2d");
-      g.scale(2, 2), g.translate(0.5, 0.5);
+      e.width = 2 * window.innerWidth, e.height = 2 * window.innerHeight;
+      const h = e.getContext("2d");
+      h.scale(2, 2), h.translate(0.5, 0.5);
     }
   };
-}, Ut = typeof navigator < "u" ? navigator.userAgent.toLowerCase().indexOf("firefox") > 0 : !1;
-function _t(t, e, n, o) {
-  t.addEventListener ? t.addEventListener(e, n, o) : t.attachEvent && t.attachEvent("on".concat(e), n);
-}
-function st(t, e, n, o) {
-  t.removeEventListener ? t.removeEventListener(e, n, o) : t.detachEvent && t.detachEvent("on".concat(e), n);
-}
-function ye(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) {
-  typeof t != "string" && (t = ""), t = t.replace(/\s/g, "");
-  const e = t.split(",");
-  let n = e.lastIndexOf("");
-  for (; n >= 0; )
-    e[n - 1] += ",", e.splice(n, 1), n = e.lastIndexOf("");
-  return e;
-}
-function so(t, e) {
-  const n = t.length >= e.length ? t : e, o = t.length >= e.length ? e : t;
-  let i = !0;
-  for (let s = 0; s < n.length; s++)
-    o.indexOf(n[s]) === -1 && (i = !1);
-  return i;
-}
-const ft = {
-  backspace: 8,
-  "⌫": 8,
-  tab: 9,
-  clear: 12,
-  enter: 13,
-  "↩": 13,
-  return: 13,
-  esc: 27,
-  escape: 27,
-  space: 32,
-  left: 37,
-  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,
-  insert: 45,
-  home: 36,
-  end: 35,
-  pageup: 33,
-  pagedown: 34,
-  capslock: 20,
-  num_0: 96,
-  num_1: 97,
-  num_2: 98,
-  num_3: 99,
-  num_4: 100,
-  num_5: 101,
-  num_6: 102,
-  num_7: 103,
-  num_8: 104,
-  num_9: 105,
-  num_multiply: 106,
-  num_add: 107,
-  num_enter: 108,
-  num_subtract: 109,
-  num_decimal: 110,
-  num_divide: 111,
-  "⇪": 20,
-  ",": 188,
-  ".": 190,
-  "/": 191,
-  "`": 192,
-  "-": Ut ? 173 : 189,
-  "=": Ut ? 61 : 187,
-  ";": Ut ? 59 : 186,
-  "'": 222,
-  "{": 219,
-  "}": 221,
-  "[": 219,
-  "]": 221,
-  "\\": 220
-}, z = {
-  // shiftKey
-  "⇧": 16,
-  shift: 16,
-  // altKey
-  "⌥": 18,
-  alt: 18,
-  option: 18,
-  // ctrlKey
-  "⌃": 17,
-  ctrl: 17,
-  control: 17,
-  // metaKey
-  "⌘": 91,
-  cmd: 91,
-  meta: 91,
-  command: 91
-}, ct = {
-  16: "shiftKey",
-  18: "altKey",
-  17: "ctrlKey",
-  91: "metaKey",
-  shiftKey: 16,
-  ctrlKey: 17,
-  altKey: 18,
-  metaKey: 91
-}, X = {
-  16: !1,
-  18: !1,
-  17: !1,
-  91: !1
-}, N = {};
-for (let t = 1; t < 20; t++)
-  ft["f".concat(t)] = 111 + t;
-let _ = [], ut = null, we = "all";
-const W = /* @__PURE__ */ new Map(), ot = (t) => ft[t.toLowerCase()] || z[t.toLowerCase()] || t.toUpperCase().charCodeAt(0), ro = (t) => Object.keys(ft).find((e) => ft[e] === t), ao = (t) => Object.keys(z).find((e) => z[e] === t);
-function xe(t) {
-  we = t || "all";
-}
-function ht() {
-  return we || "all";
-}
-function lo() {
-  return _.slice(0);
-}
-function co() {
-  return _.map((t) => ro(t) || ao(t) || String.fromCharCode(t));
-}
-function uo() {
-  const t = [];
-  return Object.keys(N).forEach((e) => {
-    N[e].forEach((n) => {
-      let {
-        key: o,
-        scope: i,
-        mods: s,
-        shortcut: a
-      } = n;
-      t.push({
-        scope: i,
-        shortcut: a,
-        mods: s,
-        keys: o.split("+").map((r) => ot(r))
-      });
-    });
-  }), t;
-}
-function fo(t) {
-  const e = t.target || t.srcElement, {
-    tagName: n
-  } = e;
-  let o = !0;
-  const i = n === "INPUT" && !["checkbox", "radio", "range", "button", "file", "reset", "submit", "color"].includes(e.type);
-  return (e.isContentEditable || (i || n === "TEXTAREA" || n === "SELECT") && !e.readOnly) && (o = !1), o;
-}
-function ho(t) {
-  return typeof t == "string" && (t = ot(t)), _.indexOf(t) !== -1;
-}
-function go(t, e) {
-  let n, o;
-  t || (t = ht());
-  for (const i in N)
-    if (Object.prototype.hasOwnProperty.call(N, i))
-      for (n = N[i], o = 0; o < n.length; )
-        n[o].scope === t ? n.splice(o, 1).forEach((a) => {
-          let {
-            element: r
-          } = a;
-          return Pt(r);
-        }) : o++;
-  ht() === t && xe(e || "all");
-}
-function po(t) {
-  let e = t.keyCode || t.which || t.charCode;
-  t.key && t.key.toLowerCase() === "capslock" && (e = ot(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);
-  }
-}
-function Ae(t) {
-  if (typeof t > "u")
-    Object.keys(N).forEach((i) => {
-      Array.isArray(N[i]) && N[i].forEach((s) => xt(s)), delete N[i];
-    }), Pt(null);
-  else if (Array.isArray(t))
-    t.forEach((i) => {
-      i.key && xt(i);
-    });
-  else if (typeof t == "object")
-    t.key && xt(t);
-  else if (typeof t == "string") {
-    for (var e = arguments.length, n = new Array(e > 1 ? e - 1 : 0), o = 1; o < e; o++)
-      n[o - 1] = arguments[o];
-    let [i, s] = n;
-    typeof i == "function" && (s = i, i = ""), xt({
-      key: t,
-      scope: i,
-      method: s,
-      splitKey: "+"
-    });
-  }
-}
-const xt = (t) => {
-  let {
-    key: e,
-    scope: n,
-    method: o,
-    splitKey: i = "+"
-  } = t;
-  be(e).forEach((a) => {
-    const r = a.split(i), d = r.length, f = r[d - 1], g = f === "*" ? "*" : ot(f);
-    if (!N[g]) return;
-    n || (n = ht());
-    const u = d > 1 ? ye(z, r) : [], h = [];
-    N[g] = N[g].filter((v) => {
-      const p = (o ? v.method === o : !0) && v.scope === n && so(v.mods, u);
-      return p && h.push(v.element), !p;
-    }), h.forEach((v) => Pt(v));
-  });
-};
-function ne(t, e, n, o) {
-  if (e.element !== o)
-    return;
-  let i;
-  if (e.scope === n || e.scope === "all") {
-    i = e.mods.length > 0;
-    for (const s in X)
-      Object.prototype.hasOwnProperty.call(X, s) && (!X[s] && e.mods.indexOf(+s) > -1 || X[s] && e.mods.indexOf(+s) === -1) && (i = !1);
-    (e.mods.length === 0 && !X[16] && !X[18] && !X[17] && !X[91] || i || e.shortcut === "*") && (e.keys = [], e.keys = e.keys.concat(_), e.method(t, e) === !1 && (t.preventDefault ? t.preventDefault() : t.returnValue = !1, t.stopPropagation && t.stopPropagation(), t.cancelBubble && (t.cancelBubble = !0)));
-  }
-}
-function oe(t, e) {
-  const n = N["*"];
-  let o = t.keyCode || t.which || t.charCode;
-  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 = ct[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 ct || f === o));
-  }), o in X) {
-    X[o] = !0;
-    for (const r in z)
-      if (Object.prototype.hasOwnProperty.call(z, r)) {
-        const d = ct[z[r]];
-        H[r] = t[d];
-      }
-    if (!n) return;
-  }
-  for (const r in X)
-    Object.prototype.hasOwnProperty.call(X, r) && (X[r] = t[ct[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 = ht();
-  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);
-  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 d = s[r], {
-        splitKey: f
-      } = d, g = d.key.split(f), u = [];
-      for (let h = 0; h < g.length; h++)
-        u.push(ot(g[h]));
-      u.sort().join("") === _.sort().join("") && ne(t, d, i, e);
-    }
-}
-function H(t, e, n) {
-  _ = [];
-  const o = be(t);
-  let i = [], s = "all", a = document, r = 0, d = !1, f = !0, g = "+", u = !1, h = !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" && (g = e.splitKey), e.single === !0 && (h = !0)), typeof e == "string" && (s = e), h && Ae(t, s); r < o.length; r++)
-    t = o[r].split(g), i = [], t.length > 1 && (i = ye(z, t)), t = t[t.length - 1], t = t === "*" ? "*" : ot(t), t in N || (N[t] = []), N[t].push({
-      keyup: d,
-      keydown: f,
-      scope: s,
-      mods: i,
-      shortcut: o[r],
-      method: n,
-      key: o[r],
-      splitKey: g,
-      element: a
-    });
-  if (typeof a < "u" && window) {
-    if (!W.has(a)) {
-      const v = function() {
-        let p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
-        return oe(p, a);
-      }, b = function() {
-        let p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
-        oe(p, a), po(p);
-      };
-      W.set(a, {
-        keydownListener: v,
-        keyupListenr: b,
-        capture: u
-      }), _t(a, "keydown", v, u), _t(a, "keyup", b, u);
-    }
-    if (!ut) {
-      const v = () => {
-        _ = [];
-      };
-      ut = {
-        listener: v,
-        capture: u
-      }, _t(window, "focus", v, u);
-    }
-  }
-}
-function mo(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) => {
-      i && i.method && i.method();
-    });
-  });
-}
-function Pt(t) {
-  const e = Object.values(N).flat();
-  if (e.findIndex((o) => {
-    let {
-      element: i
-    } = o;
-    return i === t;
-  }) < 0) {
-    const {
-      keydownListener: o,
-      keyupListenr: i,
-      capture: s
-    } = W.get(t) || {};
-    o && i && (st(t, "keyup", i, s), st(t, "keydown", o, s), W.delete(t));
-  }
-  if ((e.length <= 0 || W.size <= 0) && (Object.keys(W).forEach((i) => {
-    const {
-      keydownListener: s,
-      keyupListenr: a,
-      capture: r
-    } = W.get(i) || {};
-    s && a && (st(i, "keyup", a, r), st(i, "keydown", s, r), W.delete(i));
-  }), W.clear(), Object.keys(N).forEach((i) => delete N[i]), ut)) {
-    const {
-      listener: i,
-      capture: s
-    } = ut;
-    st(window, "focus", i, s), ut = null;
-  }
-}
-const Nt = {
-  getPressedKeyString: co,
-  setScope: xe,
-  getScope: ht,
-  deleteScope: go,
-  getPressedKeyCodes: lo,
-  getAllKeyCodes: uo,
-  isPressed: ho,
-  filter: fo,
-  trigger: mo,
-  unbind: Ae,
-  keyMap: ft,
-  modifier: z,
-  modifierMap: ct
-};
-for (const t in Nt)
-  Object.prototype.hasOwnProperty.call(Nt, t) && (H[t] = Nt[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", yo = [
-  ...ve.map((t) => `shift+${t}`),
-  Ee
-], bo = (t, e, n) => {
+}, G = 300, ot = ["up", "down", "left", "right"], st = Et ? "⌘+a" : "ctrl+a", ne = [
+  ...ot.map((t) => `shift+${t}`),
+  st
+], oe = (t, n, e) => {
   let o;
-  const { annotatingEnabled: i, offsetReferenceSelector: s, selectionMode: a } = n, r = (T) => o = T;
-  let d;
-  const f = (T) => d = T, { store: g, selection: u } = e;
-  let h, v, b;
-  const p = (T) => {
-    const M = T;
-    return M.ctrlKey || M.metaKey;
-  }, x = (T) => {
-    if (v !== !1)
-      if (rt(T.target))
-        h = void 0;
-      else {
-        const { selected: M } = u;
-        if (p({ ...T, ...b }) && M.length === 1 && M[0].editable) {
-          const y = g.getAnnotation(M[0].id);
-          h = {
-            previous: {
-              ...y.target
-            },
-            next: {
-              annotation: y.id,
-              selector: [],
-              created: y.target.created,
-              creator: y.target.creator,
-              updated: /* @__PURE__ */ new Date(),
-              updatedBy: o
-            }
-          };
-        } else
-          h = {
-            next: {
-              annotation: fe(),
-              selector: [],
-              created: /* @__PURE__ */ new Date(),
-              creator: o
-            }
-          };
-      }
-  }, c = Kt((T) => {
-    const M = document.getSelection();
-    if (!(M != null && M.anchorNode))
+  const { annotatingEnabled: s, offsetReferenceSelector: r, selectionMode: l } = e, u = (g) => o = g;
+  let m;
+  const S = (g) => m = g, { store: h, selection: d } = n;
+  let i, E, w;
+  const x = (g) => {
+    E !== !1 && (i = F(t, g.target) ? void 0 : {
+      annotation: J(),
+      selector: [],
+      creator: o,
+      created: /* @__PURE__ */ new Date()
+    });
+  }, A = D((g) => {
+    const v = document.getSelection();
+    if (!(v != null && v.anchorNode))
       return;
-    if (rt(M.anchorNode)) {
-      h = void 0;
+    if (F(t, v.anchorNode)) {
+      i = void 0;
       return;
     }
-    const y = T.timeStamp - ((b == null ? void 0 : b.timeStamp) || T.timeStamp);
-    if ((b == null ? void 0 : b.type) === "pointerdown" && (y < 1e3 && !h || M.isCollapsed && y < ie) && x(b || T), !h) return;
-    if (M.isCollapsed) {
-      g.getAnnotation(h.next.annotation) && !p(b) && (u.clear(), g.deleteAnnotation(h.next.annotation));
+    const L = g.timeStamp - ((w == null ? void 0 : w.timeStamp) || g.timeStamp);
+    if ((w == null ? void 0 : w.type) === "pointerdown" && (L < 1e3 && !i || v.isCollapsed && L < G) && x(w || g), !i) return;
+    if (v.isCollapsed) {
+      h.getAnnotation(i.annotation) && (d.clear(), h.deleteAnnotation(i.annotation));
       return;
     }
-    const A = Array.from(Array(M.rangeCount).keys()).map((O) => M.getRangeAt(O)).map((O) => De(O, t));
-    if (A.every((O) => Ie(O))) return;
-    const C = A.flatMap((O) => Me(O.cloneRange()));
-    (C.length !== h.next.selector.length || C.some((O, k) => {
-      var P;
-      return O.toString() !== ((P = h.next.selector[k]) == null ? void 0 : P.quote);
-    })) && (h = {
-      ...h,
-      next: {
-        ...h.next,
-        selector: [
-          ...h.previous ? h.previous.selector : [],
-          ...C.map((O) => Ve(O, t, s))
-        ],
-        updated: /* @__PURE__ */ new Date()
-      }
-    }, g.getAnnotation(h.next.annotation) ? g.updateTarget(h.next, B.LOCAL) : p(b) || u.clear());
-  }), l = (T) => {
-    rt(T.target) || (b = Et(T), v = b.button === 0);
-  }, m = (T) => {
-    if (rt(T.target) || !v) return;
-    const M = () => {
-      const { x: w, y: A } = t.getBoundingClientRect(), C = T.target instanceof Node && t.contains(T.target) && g.getAt(T.clientX - w, T.clientY - A, a === "all", d);
-      if (C) {
-        const { selected: I } = u, O = new Set(I.map((Q) => Q.id)), k = Array.isArray(C) ? C.map((Q) => Q.id) : [C.id];
-        (O.size !== k.length || !k.every((Q) => O.has(Q))) && u.userSelect(k, T);
-      } else p(T) || u.clear();
-    }, y = T.timeStamp - b.timeStamp;
+    const H = Array.from(Array(v.rangeCount).keys()).map((R) => v.getRangeAt(R)).map((R) => Nt(R, t));
+    if (H.every((R) => Lt(R))) return;
+    const B = H.flatMap((R) => vt(t, R.cloneRange()));
+    (B.length !== i.selector.length || B.some((R, M) => {
+      var O;
+      return R.toString() !== ((O = i.selector[M]) == null ? void 0 : O.quote);
+    })) && (i = {
+      ...i,
+      selector: B.map((R) => It(R, t, r)),
+      updated: /* @__PURE__ */ new Date()
+    }, h.getAnnotation(i.annotation) ? h.updateTarget(i, K.LOCAL) : d.clear());
+  }), a = (g) => {
+    F(t, g.target) || (w = X(g), E = w.button === 0);
+  }, c = (g) => {
+    if (!E) return;
+    if (F(t, g.target)) {
+      e.dismissOnClickOutside && d.clear();
+      return;
+    }
+    const v = () => {
+      const { x: k, y: H } = t.getBoundingClientRect(), B = g.target instanceof Node && t.contains(g.target) && h.getAt(g.clientX - k, g.clientY - H, l === "all", m);
+      if (B) {
+        const { selected: $ } = d, R = new Set($.map((P) => P.id)), M = Array.isArray(B) ? B.map((P) => P.id) : [B.id];
+        (R.size !== M.length || !M.every((P) => R.has(P))) && d.userSelect(M, g);
+      } else
+        d.clear();
+    }, L = g.timeStamp - w.timeStamp;
     setTimeout(() => {
-      const w = document.getSelection();
-      w != null && w.isCollapsed && y < ie ? (h = void 0, M()) : h && h.next.selector.length > 0 && (U(), u.userSelect(h.next.annotation, Et(T)));
+      const k = document.getSelection();
+      k != null && k.isCollapsed && L < G ? (i = void 0, v()) : i && i.selector.length > 0 && (C(), d.userSelect(i.annotation, X(g)));
     });
-  }, S = (T) => {
-    const M = document.getSelection();
-    M != null && M.isCollapsed || ((!h || h.next.selector.length === 0) && c(T), h && (U(), u.userSelect(h.next.annotation, Et(T))));
-  }, E = (T) => {
-    T.key === "Shift" && h && (document.getSelection().isCollapsed || (U(), u.userSelect(h.next.annotation, gt(T))));
-  }, L = (T) => {
-    const M = () => setTimeout(() => {
-      (h == null ? void 0 : h.next.selector.length) > 0 && (u.clear(), g.addAnnotation({
-        id: h.next.annotation,
+  }, y = (g) => {
+    const v = document.getSelection();
+    v != null && v.isCollapsed || ((!i || i.selector.length === 0) && A(g), i && (C(), d.userSelect(i.annotation, X(g))));
+  }, b = (g) => {
+    g.key === "Shift" && i && (document.getSelection().isCollapsed || (C(), d.userSelect(i.annotation, V(g))));
+  }, p = (g) => {
+    const v = () => setTimeout(() => {
+      (i == null ? void 0 : i.selector.length) > 0 && (d.clear(), h.addAnnotation({
+        id: i.annotation,
         bodies: [],
-        target: h.next
-      }), u.userSelect(h.next.annotation, gt(T))), document.removeEventListener("selectionchange", M);
+        target: i
+      }), d.userSelect(i.annotation, V(g))), document.removeEventListener("selectionchange", v);
     }, 100);
-    document.addEventListener("selectionchange", M), x(T);
+    document.addEventListener("selectionchange", v), x(g);
   };
-  H(yo.join(","), { element: t, keydown: !0, keyup: !1 }, (T) => {
-    T.repeat || (b = gt(T));
-  }), H(Ee, { keydown: !0, keyup: !1 }, (T) => {
-    b = gt(T), L(T);
+  _(ne.join(","), { element: t, keydown: !0, keyup: !1 }, (g) => {
+    g.repeat || (w = V(g));
+  }), _(st, { keydown: !0, keyup: !1 }, (g) => {
+    w = V(g), p(g);
   });
-  const R = (T) => {
-    T.repeat || T.target !== t && T.target !== document.body || (h = void 0, u.clear());
-  };
-  H(ve.join(","), { keydown: !0, keyup: !1 }, R);
-  const U = () => {
-    const T = g.getAnnotation(h.next.annotation);
-    if (!T) {
-      g.addAnnotation({
-        id: h.next.annotation,
+  const f = (g) => {
+    g.repeat || g.target !== t && g.target !== document.body || (i = void 0, d.clear());
+  };
+  _(ot.join(","), { keydown: !0, keyup: !1 }, f);
+  const C = () => {
+    const g = h.getAnnotation(i.annotation);
+    if (!g) {
+      h.addAnnotation({
+        id: i.annotation,
         bodies: [],
-        target: h.next
+        target: i
       });
       return;
     }
-    const { target: { updated: M } } = T, { updated: y } = h.next;
-    (!M || !y || M < y) && g.updateTarget(h.next);
+    const { target: { updated: v } } = g, { updated: L } = i;
+    (!v || !L || v < L) && h.updateTarget(i);
   };
-  return t.addEventListener("pointerdown", l), document.addEventListener("pointerup", m), document.addEventListener("contextmenu", S), i && (t.addEventListener("keyup", E), t.addEventListener("selectstart", x), document.addEventListener("selectionchange", c)), {
+  return t.addEventListener("pointerdown", a), document.addEventListener("pointerup", c), document.addEventListener("contextmenu", y), s && (t.addEventListener("keyup", b), t.addEventListener("selectstart", x), document.addEventListener("selectionchange", A)), {
     destroy: () => {
-      t.removeEventListener("pointerdown", l), document.removeEventListener("pointerup", m), document.removeEventListener("contextmenu", S), t.removeEventListener("keyup", E), t.removeEventListener("selectstart", x), document.removeEventListener("selectionchange", c), H.unbind();
+      t.removeEventListener("pointerdown", a), document.removeEventListener("pointerup", c), document.removeEventListener("contextmenu", y), t.removeEventListener("keyup", b), t.removeEventListener("selectstart", x), document.removeEventListener("selectionchange", A), _.unbind();
     },
-    setFilter: f,
-    setUser: r
+    setFilter: S,
+    setUser: u
   };
-}, wo = (t, e) => ({
+}, se = (t, n) => ({
   ...t,
-  annotatingEnabled: t.annotatingEnabled ?? e.annotatingEnabled,
-  user: t.user || e.user
-}), se = "SPANS", Eo = (t, e = {}) => {
-  Le(t), Oe(t);
-  const n = wo(e, {
+  annotatingEnabled: t.annotatingEnabled ?? n.annotatingEnabled,
+  user: t.user || n.user
+}), Q = "SPANS", ge = (t, n = {}) => {
+  wt(t), At(t);
+  const e = se(n, {
     annotatingEnabled: !0,
-    user: Yn()
-  }), o = no(t, n), { selection: i, viewport: s } = o, a = o.store, r = Mn(a), d = Bn(o, r, n.adapter);
-  let f = n.user;
-  const g = n.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : se : n.renderer || se, u = g === "SPANS" ? rn(t, o, s) : g === "CSS_HIGHLIGHTS" ? nn(t, o, s) : g === "CANVAS" ? ze(t, o, s) : void 0;
-  if (!u)
-    throw `Unknown renderer implementation: ${g}`;
-  console.debug(`Using ${g} renderer`), n.style && u.setStyle(n.style);
-  const h = bo(t, o, n);
-  return h.setUser(f), {
-    ...Un(o, r, n.adapter),
+    user: pt()
+  }), o = Jt(t, e), { selection: s, viewport: r } = o, l = o.store, u = ht(l), m = yt(o, u, e.adapter);
+  let S = e.user;
+  const h = e.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : Q : e.renderer || Q, d = h === "SPANS" ? zt(t, o, r) : h === "CSS_HIGHLIGHTS" ? Wt(t, o, r) : h === "CANVAS" ? _t(t, o, r) : void 0;
+  if (!d)
+    throw `Unknown renderer implementation: ${h}`;
+  console.debug(`Using ${h} renderer`), e.style && d.setStyle(e.style);
+  const i = oe(t, o, e);
+  return i.setUser(S), {
+    ...bt(o, u, e.adapter),
     destroy: () => {
-      u.destroy(), h.destroy(), r.destroy();
+      d.destroy(), i.destroy(), u.destroy();
     },
     element: t,
-    getUser: () => f,
-    setFilter: (L) => {
-      u.setFilter(L), h.setFilter(L);
+    getUser: () => S,
+    setFilter: (f) => {
+      d.setFilter(f), i.setFilter(f);
     },
-    setStyle: (L) => u.setStyle(L),
-    setUser: (L) => {
-      f = L, h.setUser(L);
+    setStyle: (f) => d.setStyle(f),
+    setUser: (f) => {
+      S = f, i.setUser(f);
     },
-    setSelected: (L) => {
-      L ? i.setSelected(L) : i.clear();
+    setSelected: (f) => {
+      f ? s.setSelected(f) : s.clear();
     },
-    setPresenceProvider: (L) => {
-      L && (u.setPainter(io(L, n.presence)), L.on("selectionChange", () => u.redraw()));
+    setPresenceProvider: (f) => {
+      f && (d.setPainter(ee(f, e.presence)), f.on("selectionChange", () => d.redraw()));
     },
-    setVisible: (L) => u.setVisible(L),
-    on: d.on,
-    off: d.off,
-    scrollIntoView: Ke(t, a),
+    setVisible: (f) => d.setVisible(f),
+    on: m.on,
+    off: m.off,
+    scrollIntoView: Ht(t, l),
     state: o
   };
 };
 export {
-  vt as DEFAULT_SELECTED_STYLE,
-  G as DEFAULT_STYLE,
-  re as NOT_ANNOTATABLE_CLASS,
-  nt as NOT_ANNOTATABLE_SELECTOR,
-  B as Origin,
-  bo as SelectionHandler,
-  hn as UserSelectAction,
-  vo as W3CTextFormat,
-  Le as cancelSingleClickEvents,
-  gt as cloneKeyboardEvent,
-  Et as clonePointerEvent,
-  Ao as createBody,
-  ze as createCanvasRenderer,
-  nn as createHighlightsRenderer,
-  io as createPresencePainter,
-  en as createRenderer,
-  rn as createSpansRenderer,
-  Eo as createTextAnnotator,
-  no as createTextAnnotatorState,
-  Kt as debounce,
-  wo as fillDefaults,
-  ke as getQuoteContext,
-  Vt as getRangeAnnotatableContents,
-  Te as isMac,
-  rt as isNotAnnotatable,
-  Ce as isRangeAnnotatable,
-  q as isRevived,
-  Ie as isWhitespaceOrEmpty,
-  Ne as mergeClientRects,
-  Ye as paint,
-  zn as parseW3CTextAnnotation,
-  Oe as programmaticallyFocusable,
-  Ve as rangeToSelector,
-  St as reviveAnnotation,
-  ae as reviveSelector,
-  At as reviveTarget,
-  Ke as scrollIntoView,
-  Fn as serializeW3CTextAnnotation,
-  Me as splitAnnotatableRanges,
-  xo as toDomRectList,
-  De as trimRangeToContainer,
-  Be as whitespaceOrEmptyRegex
+  Y as DEFAULT_SELECTED_STYLE,
+  N as DEFAULT_STYLE,
+  tt as NOT_ANNOTATABLE_CLASS,
+  U as NOT_ANNOTATABLE_SELECTOR,
+  he as Origin,
+  oe as SelectionHandler,
+  ye as UserSelectAction,
+  fe as W3CTextFormat,
+  wt as cancelSingleClickEvents,
+  V as cloneKeyboardEvent,
+  X as clonePointerEvent,
+  be as createBody,
+  _t as createCanvasRenderer,
+  Wt as createHighlightsRenderer,
+  ee as createPresencePainter,
+  Dt as createRenderer,
+  zt as createSpansRenderer,
+  ge as createTextAnnotator,
+  Jt as createTextAnnotatorState,
+  D as debounce,
+  se as fillDefaults,
+  Tt as getQuoteContext,
+  q as getRangeAnnotatableContents,
+  Et as isMac,
+  F as isNotAnnotatable,
+  Ct as isRangeAnnotatable,
+  I as isRevived,
+  Lt as isWhitespaceOrEmpty,
+  Bt as mergeClientRects,
+  Mt as paint,
+  Gt as parseW3CTextAnnotation,
+  At as programmaticallyFocusable,
+  It as rangeToSelector,
+  z as reviveAnnotation,
+  et as reviveSelector,
+  W as reviveTarget,
+  Ht as scrollIntoView,
+  Qt as serializeW3CTextAnnotation,
+  vt as splitAnnotatableRanges,
+  ue as toDomRectList,
+  Nt as trimRangeToContainer,
+  Rt as whitespaceOrEmptyRegex
 };
 //# sourceMappingURL=text-annotator.es.js.map