@recogito/text-annotator 3.0.0-rc.43 → 3.0.0-rc.45

package/dist/text-annotator.es.js

@@ -1,188 +1,141 @@
-const P = {
-  fill: "rgb(0, 128, 255)",
-  fillOpacity: 0.18
-}, rt = {
-  fill: "rgb(0, 128, 255)",
-  fillOpacity: 0.45
-}, Jt = (t, e, n, o, r) => {
-  var s, a;
-  const i = n ? typeof n == "function" ? n(t.annotation, t.state, r) || ((s = t.state) != null && s.selected ? rt : P) : n : (a = t.state) != null && a.selected ? rt : P;
-  return o && o.paint(t, e) || i;
-}, Yt = "not-annotatable", k = `.${Yt}`, Zt = (t) => {
+const kt = "not-annotatable", X = `.${kt}`, Qt = (t) => {
   var n;
   const e = t.commonAncestorContainer;
-  return e instanceof HTMLElement ? !e.closest(k) : !((n = e.parentElement) != null && n.closest(k));
-}, te = function* (t) {
+  return e instanceof HTMLElement ? !e.closest(X) : !((n = e.parentElement) != null && n.closest(X));
+}, Jt = function* (t) {
   const e = document.createNodeIterator(
     t.commonAncestorContainer,
     NodeFilter.SHOW_ELEMENT,
-    (o) => o instanceof HTMLElement && o.classList.contains(Yt) && !o.parentElement.closest(k) && t.intersectsNode(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
+    (o) => o instanceof HTMLElement && o.classList.contains(kt) && !o.parentElement.closest(X) && t.intersectsNode(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
   );
   let n;
   for (; n = e.nextNode(); )
     n instanceof HTMLElement && (yield n);
-}, ee = (t) => {
-  if (!Zt(t)) return [];
+}, Zt = (t) => {
+  if (!Qt(t)) return [];
   const e = [];
   let n = null;
-  for (const o of te(t)) {
-    let r;
-    n ? (r = document.createRange(), r.setStartAfter(n), r.setEndBefore(o)) : (r = t.cloneRange(), r.setEndBefore(o)), r.collapsed || e.push(r), n = o;
+  for (const o of Jt(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];
-}, mt = (t) => {
+}, bt = (t) => {
   const e = t.cloneContents();
-  return e.querySelectorAll(k).forEach((n) => n.remove()), e;
-}, ne = (t) => {
+  return e.querySelectorAll(X).forEach((n) => n.remove()), e;
+}, te = (t) => {
   t.addEventListener("click", (e) => {
     // Allow clicks within not-annotatable elements
-    !e.target.closest(k) && !e.target.closest("a") && e.preventDefault();
+    !e.target.closest(X) && !e.target.closest("a") && e.preventDefault();
   });
-}, vt = (t, e = 10) => {
+}, yt = (t, e = 10) => {
   let n;
   return (...o) => {
     clearTimeout(n), n = setTimeout(() => t.apply(void 0, o), e);
   };
-}, In = (t) => {
-  const e = t.cloneContents();
-  return e.querySelectorAll(k).forEach((n) => n.remove()), e;
-}, At = (t, e) => {
-  const n = document.createNodeIterator(e);
-  let o = 0, r = n.nextNode();
-  for (; r !== null; ) {
-    if (r === t)
-      return o;
-    o += 1, r = n.nextNode();
-  }
-}, xt = (t, e) => {
-  const n = document.createNodeIterator(e);
-  let o = null;
-  for (let r = 0; r < t + 1; r++)
-    o = n.nextNode();
-  return o;
-}, oe = (t) => {
-  const {
-    commonAncestorContainer: e,
-    startContainer: n,
-    startOffset: o,
-    endContainer: r,
-    endOffset: i
-  } = t, s = Array.from(e.childNodes).map((d) => {
-    const b = d.cloneNode(!0);
-    return d.nodeName === "CANVAS" ? d : b;
-  }), a = At(n, e), u = At(r, e), h = () => {
-    const d = e;
-    d.replaceChildren(...s);
-    const b = xt(a, d), f = xt(u, d);
-    return t.setStart(b, o), t.setEnd(f, i), t;
-  }, g = (d) => {
-    const b = document.createElement("SPAN");
-    return d.surroundContents(b), b;
-  };
-  if (n === r)
-    throw "Not implemented";
-  {
-    const d = document.createRange();
-    d.selectNodeContents(n), d.setStart(n, o);
-    const b = g(d), f = document.createRange();
-    f.selectNode(r), f.setEnd(r, i);
-    const x = g(f), p = re(t).reverse().map((l) => {
-      var m;
-      const c = document.createElement("SPAN");
-      return (m = l.parentNode) == null || m.insertBefore(c, l), c.appendChild(l), c;
-    });
-    return { unwrap: h, nodes: [b, ...p, x] };
-  }
-}, re = (t) => {
-  const {
-    commonAncestorContainer: e,
-    startContainer: n,
-    endContainer: o
-  } = t, r = document.createNodeIterator(e, NodeFilter.SHOW_TEXT);
-  let i = r.nextNode(), s = !1;
-  const a = [];
-  for (; i != null; )
-    i === o && (s = !1), s && a.push(i), i === n && (s = !0), i = r.nextNode();
-  return a;
 }, Mn = (t) => {
-  const { startContainer: e, endContainer: n } = t;
-  if (e === n)
-    return Array.from(t.getClientRects());
-  {
-    const { unwrap: o, nodes: r } = oe(t), i = r.reduce((s, a) => [...s, ...a.getClientRects()], []);
-    return o(), i;
-  }
-}, ie = (t, e, n = 10, o) => {
-  const r = o ? t.startContainer.parentElement.closest(o) : e, i = document.createRange();
-  i.setStart(r, 0), i.setEnd(t.startContainer, t.startOffset);
-  const s = mt(i).textContent, a = document.createRange();
-  a.setStart(t.endContainer, t.endOffset), r === document.body ? a.setEnd(r, r.childNodes.length) : a.setEndAfter(r);
-  const u = mt(a).textContent;
+  const e = t.cloneContents();
+  return e.querySelectorAll(X).forEach((n) => n.remove()), e;
+}, ee = (t, e, n = 10, o) => {
+  const i = o ? t.startContainer.parentElement.closest(o) : e, r = document.createRange();
+  r.setStart(i, 0), r.setEnd(t.startContainer, t.startOffset);
+  const c = bt(r).textContent, a = document.createRange();
+  a.setStart(t.endContainer, t.endOffset), i === document.body ? a.setEnd(i, i.childNodes.length) : a.setEndAfter(i);
+  const d = bt(a).textContent;
   return {
-    prefix: s.substring(s.length - n),
-    suffix: u.substring(0, n)
+    prefix: c.substring(c.length - n),
+    suffix: d.substring(0, n)
   };
-}, se = /^\s*$/, ae = (t) => se.test(t.toString()), H = (t) => t.every((e) => e.range instanceof Range && !e.range.collapsed), ce = 3, le = (t) => {
-  const e = [];
-  t.sort((r, i) => r.top - i.top);
-  for (const r of t)
-    e.length === 0 || Math.abs(r.top - e[e.length - 1][0].top) > ce ? e.push([r]) : e[e.length - 1].push(r);
-  const n = e.map((r) => {
-    const i = Math.min(...r.map((h) => h.top)), s = Math.max(...r.map((h) => h.bottom)), a = Math.min(...r.map((h) => h.left)), u = Math.max(...r.map((h) => h.right));
-    return {
-      top: i,
-      bottom: s,
-      left: a,
-      right: u,
-      height: s - i,
-      width: u - a
-    };
-  }).filter((r) => r.height > 0 && r.width > 0), o = (r) => n.some(
-    (i) => i !== r && i.left >= r.left && i.right <= r.right && i.top >= r.top && i.bottom <= r.bottom
-  );
-  return n.filter((r) => !o(r));
-}, de = (t, e, n) => {
-  const o = document.createRange(), r = n ? t.startContainer.parentElement.closest(n) : e;
-  o.setStart(r, 0), o.setEnd(t.startContainer, t.startOffset);
-  const i = mt(o).textContent, s = t.toString(), a = i.length || 0, u = a + s.length;
-  return n ? { quote: s, start: a, end: u, range: t, offsetReference: r } : { quote: s, start: a, end: u, range: t };
-}, Xt = (t, e) => {
-  var g, d;
-  const { start: n, end: o } = t, r = t.offsetReference || e, i = document.createNodeIterator(
+}, ne = /^\s*$/, oe = (t) => ne.test(t.toString()), H = (t) => t.every((e) => e.range instanceof Range && !e.range.collapsed), ie = (t, e) => {
+  const n = (r) => Math.round(r * 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)
+      return "inline-adjacent";
+    if (o.left >= i.left && o.right <= i.right)
+      return "inline-is-contained";
+    if (o.left <= i.left && o.right >= i.right)
+      return "inline-contains";
+  } else if (o.top <= i.top && o.bottom >= i.bottom) {
+    if (o.left <= i.left && o.right >= i.right)
+      return "block-contains";
+  } else if (o.top >= i.top && o.bottom <= i.bottom && o.left >= i.left && o.right <= i.right)
+    return "block-is-contained";
+}, re = (t, e) => {
+  const n = Math.min(t.left, e.left), o = Math.max(t.right, e.right), i = Math.min(t.top, e.top), r = Math.max(t.bottom, e.bottom);
+  return new DOMRect(n, i, o - n, r - i);
+}, se = (t) => t.reduce((e, n) => {
+  if (n.width === 0 || n.height === 0)
+    return e;
+  let o = [...e], i = !1;
+  for (const r of e) {
+    const c = ie(n, r);
+    if (c === "inline-adjacent") {
+      o = o.map((a) => a === r ? re(n, r) : a), i = !0;
+      break;
+    } else if (c === "inline-contains") {
+      o = o.map((a) => a === r ? n : a), i = !0;
+      break;
+    } else if (c === "inline-is-contained") {
+      i = !0;
+      break;
+    } else if (c === "block-contains" || c === "block-is-contained") {
+      n.width < r.width && (o = o.map((a) => a === r ? n : a)), i = !0;
+      break;
+    }
+  }
+  return i ? o : [...o, n];
+}, []), ae = (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 r = bt(o).textContent, c = t.toString(), a = r.length || 0, d = a + c.length;
+  return n ? { quote: c, start: a, end: d, range: t, offsetReference: i } : { quote: c, start: a, end: d, range: t };
+}, _t = (t, e) => {
+  var g, h;
+  const { start: n, end: o } = t, i = t.offsetReference || e, r = document.createNodeIterator(
     e,
     NodeFilter.SHOW_TEXT,
-    (b) => {
+    (v) => {
       var f;
-      return (f = b.parentElement) != null && f.closest(k) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+      return (f = v.parentElement) != null && f.closest(X) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
     }
   );
-  let s = 0;
+  let c = 0;
   const a = document.createRange();
-  let u = i.nextNode();
-  u === null && console.error("Could not revive annotation target. Content missing.");
-  let h = !r;
-  for (; u !== null; ) {
-    if (h || (h = r == null ? void 0 : r.contains(u)), h) {
-      const b = ((g = u.textContent) == null ? void 0 : g.length) || 0;
-      if (s + b > n) {
-        a.setStart(u, n - s);
+  let d = r.nextNode();
+  d === null && console.error("Could not revive annotation target. Content missing.");
+  let u = !i;
+  for (; d !== null; ) {
+    if (u || (u = i == null ? void 0 : i.contains(d)), u) {
+      const v = ((g = d.textContent) == null ? void 0 : g.length) || 0;
+      if (c + v > n) {
+        a.setStart(d, n - c);
         break;
       }
-      s += b;
+      c += v;
     }
-    u = i.nextNode();
+    d = r.nextNode();
   }
-  for (; u !== null; ) {
-    const b = ((d = u.textContent) == null ? void 0 : d.length) || 0;
-    if (s + b >= o) {
-      a.setEnd(u, o - s);
+  for (; d !== null; ) {
+    const v = ((h = d.textContent) == null ? void 0 : h.length) || 0;
+    if (c + v >= o) {
+      a.setEnd(d, o - c);
       break;
     }
-    s += b, u = i.nextNode();
+    c += v, d = r.nextNode();
   }
   return {
     ...t,
@@ -190,247 +143,278 @@ const P = {
   };
 }, it = (t, e) => H(t.selector) ? t : {
   ...t,
-  selector: t.selector.map((n) => n.range instanceof Range && !n.range.collapsed ? n : Xt(n, e))
-}, st = (t, e) => H(t.target.selector) ? t : { ...t, target: it(t.target, e) }, ue = (t, e) => {
+  selector: t.selector.map((n) => n.range instanceof Range && !n.range.collapsed ? n : _t(n, e))
+}, st = (t, e) => H(t.target.selector) ? t : { ...t, target: it(t.target, e) }, ce = (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;
+}, Yt = (t) => {
+  if (t === null)
+    return document.scrollingElement;
+  const { overflowY: e } = window.getComputedStyle(t);
+  return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : Yt(t.parentElement);
+}, le = (t, e) => (n) => {
+  const o = typeof n == "string" ? n : n.id, i = (c) => {
+    const a = r.getBoundingClientRect(), d = r.clientHeight, u = r.clientWidth, g = c.selector[0].range.getBoundingClientRect(), { width: h, height: v } = e.getAnnotationBounds(o), f = g.top - a.top, S = g.left - a.left, y = r.parentElement ? r.scrollTop : 0, b = r.parentElement ? r.scrollLeft : 0, l = f + y - (d - v) / 2, s = S + b - (u - h) / 2;
+    r.scroll({ top: l, left: s, behavior: "smooth" });
+  }, r = Yt(t);
+  if (r) {
+    const c = e.getAnnotation(o), { range: a } = c.target.selector[0];
+    if (a && !a.collapsed)
+      return i(c.target), !0;
+    {
+      const d = it(c.target, t), { range: u } = d.selector[0];
+      if (u && !u.collapsed)
+        return i(d), !0;
+    }
+  }
+  return !1;
+}, P = {
+  fill: "rgb(0, 128, 255)",
+  fillOpacity: 0.18
+}, rt = {
+  fill: "rgb(0, 128, 255)",
+  fillOpacity: 0.45
+}, de = (t, e, n, o, i) => {
+  var c, a;
+  const r = n ? typeof n == "function" ? n(t.annotation, t.state, i) || ((c = t.state) != null && c.selected ? rt : P) : n : (a = t.state) != null && a.selected ? rt : P;
+  return o && o.paint(t, e) || r;
+}, ue = (t) => {
+  const { top: e, left: n } = t.getBoundingClientRect(), { innerWidth: o, innerHeight: i } = window, r = -n, c = -e, a = o - n, d = i - e;
+  return { top: e, left: n, minX: r, minY: c, maxX: a, maxY: d };
 }, he = (t) => {
-  const { top: e, left: n } = t.getBoundingClientRect(), { innerWidth: o, innerHeight: r } = window, i = -n, s = -e, a = o - n, u = r - e;
-  return { top: e, left: n, minX: i, minY: s, maxX: a, maxY: u };
-}, fe = (t) => {
   let e = /* @__PURE__ */ new Set();
   return (o) => {
-    const r = o.map((i) => i.id);
-    (e.size !== r.length || r.some((i) => !e.has(i))) && t.set(r), e = new Set(r);
+    const i = o.map((r) => r.id);
+    (e.size !== i.length || i.some((r) => !e.has(r))) && t.set(i), e = new Set(i);
   };
-}, yt = (t, e, n, o) => {
-  const { store: r, selection: i, hover: s } = e;
-  let a, u, h;
-  const g = fe(n), d = (B) => {
-    const { x: I, y } = t.getBoundingClientRect(), A = r.getAt(B.clientX - I, B.clientY - y, u);
-    A ? s.current !== A.id && (t.classList.add("hovered"), s.set(A.id)) : s.current && (t.classList.remove("hovered"), s.set(null));
+}, wt = (t, e, n, o) => {
+  const { store: i, selection: r, hover: c } = e;
+  let a, d, u;
+  const g = he(n), h = (R) => {
+    const { x: I, y: m } = t.getBoundingClientRect(), A = i.getAt(R.clientX - I, R.clientY - m, d);
+    A ? c.current !== A.id && (t.classList.add("hovered"), c.set(A.id)) : c.current && (t.classList.remove("hovered"), c.set(null));
   };
-  t.addEventListener("pointermove", d);
-  const b = (B = !1) => {
-    h && h.clear();
-    const I = he(t), { minX: y, minY: A, maxX: w, maxY: E } = I, O = u ? r.getIntersecting(y, A, w, E).filter(({ annotation: D }) => u(D)) : r.getIntersecting(y, A, w, E), R = i.selected.map(({ id: D }) => D), _ = O.map(({ annotation: D, rects: Gt }) => {
-      const Kt = R.includes(D.id), Qt = D.id === s.current;
-      return { annotation: D, rects: Gt, state: { selected: Kt, hover: Qt } };
+  t.addEventListener("pointermove", h);
+  const v = (R = !1) => {
+    u && u.clear();
+    const I = ue(t), { minX: m, minY: A, maxX: w, maxY: C } = I, O = d ? i.getIntersecting(m, A, w, C).filter(({ annotation: k }) => d(k)) : i.getIntersecting(m, A, w, C), B = r.selected.map(({ id: k }) => k), D = O.map(({ annotation: k, rects: qt }) => {
+      const Gt = B.includes(k.id), Kt = k.id === c.current;
+      return { annotation: k, rects: qt, state: { selected: Gt, hover: Kt } };
     });
-    o.redraw(_, I, a, h, B), setTimeout(() => g(O.map(({ annotation: D }) => D)), 1);
-  }, f = (B) => {
-    h = B, b();
-  }, x = (B) => {
-    a = B, b();
-  }, v = (B) => {
-    u = B, b(!1);
-  }, p = () => b();
-  r.observe(p);
-  const l = i.subscribe(() => b()), c = () => b(!0);
-  document.addEventListener("scroll", c, { capture: !0, passive: !0 });
-  const m = vt(() => {
-    r.recalculatePositions(), h && h.reset(), b();
+    o.redraw(D, I, a, u, R), setTimeout(() => g(O.map(({ annotation: k }) => k)), 1);
+  }, f = (R) => {
+    u = R, v();
+  }, S = (R) => {
+    a = R, v();
+  }, y = (R) => {
+    d = R, v(!1);
+  }, b = () => v();
+  i.observe(b);
+  const l = r.subscribe(() => v()), s = () => v(!0);
+  document.addEventListener("scroll", s, { capture: !0, passive: !0 });
+  const p = yt(() => {
+    i.recalculatePositions(), u && u.reset(), v();
   });
-  window.addEventListener("resize", m);
-  const C = new ResizeObserver(m);
-  C.observe(t);
-  const L = { attributes: !0, childList: !0, subtree: !0 }, S = new MutationObserver((B) => {
-    B.every((y) => y.target === t || t.contains(y.target)) || b(!0);
+  window.addEventListener("resize", p);
+  const x = new ResizeObserver(p);
+  x.observe(t);
+  const L = { attributes: !0, childList: !0, subtree: !0 }, E = new MutationObserver((R) => {
+    R.every((m) => m.target === t || t.contains(m.target)) || v(!0);
   });
-  return S.observe(document.body, L), {
+  return E.observe(document.body, L), {
     destroy: () => {
-      t.removeEventListener("pointermove", d), o.destroy(), r.unobserve(p), l(), document.removeEventListener("scroll", c), window.removeEventListener("resize", m), C.disconnect(), S.disconnect();
+      t.removeEventListener("pointermove", h), o.destroy(), i.unobserve(b), l(), document.removeEventListener("scroll", s), window.removeEventListener("resize", p), x.disconnect(), E.disconnect();
     },
-    redraw: b,
-    setStyle: x,
-    setFilter: v,
+    redraw: v,
+    setStyle: S,
+    setFilter: y,
     setPainter: f,
     setVisible: o.setVisible
   };
-}, ge = () => {
+}, fe = () => {
   const t = document.createElement("canvas");
   return t.width = window.innerWidth, t.height = window.innerHeight, t.className = "r6o-canvas-highlight-layer bg", t;
-}, pe = (t, e) => {
+}, ge = (t, e) => {
   t.width = window.innerWidth, t.height = window.innerHeight;
-}, me = (t) => {
+}, pe = (t) => {
   t.classList.add("r6o-annotatable");
-  const e = ge(), n = e.getContext("2d");
+  const e = fe(), n = e.getContext("2d");
   document.body.appendChild(e);
-  const o = (a, u, h, g) => requestAnimationFrame(() => {
-    const { width: d, height: b } = e;
-    n.clearRect(-0.5, -0.5, d + 1, b + 1), g && g.clear();
-    const { top: f, left: x } = u;
-    [...a].sort((p, l) => {
-      const { annotation: { target: { created: c } } } = p, { annotation: { target: { created: m } } } = l;
-      return c.getTime() - m.getTime();
-    }).forEach((p) => {
-      var C;
-      const l = h ? typeof h == "function" ? h(p.annotation, p.state) : h : (C = p.state) != null && C.selected ? rt : P, c = g && g.paint(p, u) || l, m = p.rects.map(({ x: L, y: S, width: T, height: B }) => ({
-        x: L + x,
-        y: S + f,
+  const o = (a, d, u, g) => requestAnimationFrame(() => {
+    const { width: h, height: v } = e;
+    n.clearRect(-0.5, -0.5, h + 1, v + 1), g && g.clear();
+    const { top: f, left: S } = d;
+    [...a].sort((b, l) => {
+      const { annotation: { target: { created: s } } } = b, { annotation: { target: { created: p } } } = l;
+      return s.getTime() - p.getTime();
+    }).forEach((b) => {
+      var x;
+      const l = u ? typeof u == "function" ? u(b.annotation, b.state) : u : (x = b.state) != null && x.selected ? rt : P, s = g && g.paint(b, d) || l, p = b.rects.map(({ x: L, y: E, width: T, height: R }) => ({
+        x: L + S,
+        y: E + f,
         width: T,
-        height: B
+        height: R
       }));
-      if (n.fillStyle = c.fill, n.globalAlpha = c.fillOpacity || 1, m.forEach(
-        ({ x: L, y: S, width: T, height: B }) => n.fillRect(L, S, T, B)
-      ), c.underlineColor) {
-        n.globalAlpha = 1, n.strokeStyle = c.underlineColor, n.lineWidth = c.underlineThickness ?? 1;
-        const L = c.underlineOffset ?? 0;
-        m.forEach(({ x: S, y: T, width: B, height: I }) => {
-          n.beginPath(), n.moveTo(S, T + I + L), n.lineTo(S + B, T + I + L), n.stroke();
+      if (n.fillStyle = s.fill, n.globalAlpha = s.fillOpacity || 1, p.forEach(
+        ({ x: L, y: E, width: T, height: R }) => n.fillRect(L, E, T, R)
+      ), s.underlineColor) {
+        n.globalAlpha = 1, n.strokeStyle = s.underlineColor, n.lineWidth = s.underlineThickness ?? 1;
+        const L = s.underlineOffset ?? 0;
+        p.forEach(({ x: E, y: T, width: R, height: I }) => {
+          n.beginPath(), n.moveTo(E, T + I + L), n.lineTo(E + R, T + I + L), n.stroke();
         });
       }
     });
-  }), r = vt(() => {
-    pe(e);
+  }), i = yt(() => {
+    ge(e);
   });
-  return window.addEventListener("resize", r), {
+  return window.addEventListener("resize", i), {
     destroy: () => {
-      e.remove(), window.removeEventListener("resize", r);
+      e.remove(), window.removeEventListener("resize", i);
     },
     setVisible: (a) => {
       console.log("setVisible not implemented on Canvas renderer");
     },
     redraw: o
   };
-}, be = (t, e, n) => yt(t, e, n, me(t));
-var ve = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, $ = function(t) {
+}, me = (t, e, n) => wt(t, e, n, pe(t));
+var be = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, $ = function(t) {
   return typeof t == "string" ? t.length > 0 : typeof t == "number";
-}, M = function(t, e, n) {
+}, N = function(t, e, n) {
   return e === void 0 && (e = 0), n === void 0 && (n = Math.pow(10, e)), Math.round(n * t) / n + 0;
-}, Y = function(t, e, n) {
+}, _ = function(t, e, n) {
   return e === void 0 && (e = 0), n === void 0 && (n = 1), t > n ? n : t > e ? t : e;
-}, kt = function(t) {
+}, Xt = function(t) {
   return (t = isFinite(t) ? t % 360 : 0) > 0 ? t : t + 360;
-}, St = function(t) {
-  return { r: Y(t.r, 0, 255), g: Y(t.g, 0, 255), b: Y(t.b, 0, 255), a: Y(t.a) };
+}, xt = function(t) {
+  return { r: _(t.r, 0, 255), g: _(t.g, 0, 255), b: _(t.b, 0, 255), a: _(t.a) };
 }, at = function(t) {
-  return { r: M(t.r), g: M(t.g), b: M(t.b), a: M(t.a, 3) };
-}, ye = /^#([0-9a-f]{3,8})$/i, J = function(t) {
+  return { r: N(t.r), g: N(t.g), b: N(t.b), a: N(t.a, 3) };
+}, ve = /^#([0-9a-f]{3,8})$/i, J = function(t) {
   var e = t.toString(16);
   return e.length < 2 ? "0" + e : e;
 }, $t = function(t) {
-  var e = t.r, n = t.g, o = t.b, r = t.a, i = Math.max(e, n, o), s = i - Math.min(e, n, o), a = s ? i === e ? (n - o) / s : i === n ? 2 + (o - e) / s : 4 + (e - n) / s : 0;
-  return { h: 60 * (a < 0 ? a + 6 : a), s: i ? s / i * 100 : 0, v: i / 255 * 100, a: r };
+  var e = t.r, n = t.g, o = t.b, i = t.a, r = Math.max(e, n, o), c = r - Math.min(e, n, o), a = c ? r === e ? (n - o) / c : r === n ? 2 + (o - e) / c : 4 + (e - n) / c : 0;
+  return { h: 60 * (a < 0 ? a + 6 : a), s: r ? c / r * 100 : 0, v: r / 255 * 100, a: i };
 }, Ht = function(t) {
-  var e = t.h, n = t.s, o = t.v, r = t.a;
+  var e = t.h, n = t.s, o = t.v, i = t.a;
   e = e / 360 * 6, n /= 100, o /= 100;
-  var i = Math.floor(e), s = o * (1 - n), a = o * (1 - (e - i) * n), u = o * (1 - (1 - e + i) * n), h = i % 6;
-  return { r: 255 * [o, a, s, s, u, o][h], g: 255 * [u, o, o, a, s, s][h], b: 255 * [s, s, u, o, o, a][h], a: r };
+  var r = Math.floor(e), c = o * (1 - n), a = o * (1 - (e - r) * n), d = o * (1 - (1 - e + r) * n), u = r % 6;
+  return { r: 255 * [o, a, c, c, d, o][u], g: 255 * [d, o, o, a, c, c][u], b: 255 * [c, c, d, o, o, a][u], a: i };
+}, St = function(t) {
+  return { h: Xt(t.h), s: _(t.s, 0, 100), l: _(t.l, 0, 100), a: _(t.a) };
 }, Et = function(t) {
-  return { h: kt(t.h), s: Y(t.s, 0, 100), l: Y(t.l, 0, 100), a: Y(t.a) };
+  return { h: N(t.h), s: N(t.s), l: N(t.l), a: N(t.a, 3) };
 }, Ct = function(t) {
-  return { h: M(t.h), s: M(t.s), l: M(t.l), a: M(t.a, 3) };
-}, Lt = function(t) {
   return Ht((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;
 }, Q = function(t) {
-  return { h: (e = $t(t)).h, s: (r = (200 - (n = e.s)) * (o = e.v) / 100) > 0 && r < 200 ? n * o / 100 / (r <= 100 ? r : 200 - r) * 100 : 0, l: r / 2, a: e.a };
-  var e, n, o, r;
-}, we = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Ae = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, xe = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Se = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Tt = { string: [[function(t) {
-  var e = ye.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 ? M(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 ? M(parseInt(t.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
+  return { h: (e = $t(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;
+}, ye = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, we = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Ae = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, xe = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Lt = { string: [[function(t) {
+  var e = ve.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 ? N(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 ? N(parseInt(t.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
 }, "hex"], [function(t) {
-  var e = xe.exec(t) || Se.exec(t);
-  return e ? e[2] !== e[4] || e[4] !== e[6] ? null : St({ 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;
+  var e = Ae.exec(t) || xe.exec(t);
+  return e ? e[2] !== e[4] || e[4] !== e[6] ? null : xt({ 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 = we.exec(t) || Ae.exec(t);
+  var e = ye.exec(t) || we.exec(t);
   if (!e) return null;
-  var n, o, r = Et({ h: (n = e[1], o = e[2], o === void 0 && (o = "deg"), Number(n) * (ve[o] || 1)), s: Number(e[3]), l: Number(e[4]), a: e[5] === void 0 ? 1 : Number(e[5]) / (e[6] ? 100 : 1) });
-  return Lt(r);
+  var n, o, i = St({ h: (n = e[1], o = e[2], o === void 0 && (o = "deg"), Number(n) * (be[o] || 1)), s: Number(e[3]), l: Number(e[4]), a: e[5] === void 0 ? 1 : Number(e[5]) / (e[6] ? 100 : 1) });
+  return Ct(i);
 }, "hsl"]], object: [[function(t) {
-  var e = t.r, n = t.g, o = t.b, r = t.a, i = r === void 0 ? 1 : r;
-  return $(e) && $(n) && $(o) ? St({ r: Number(e), g: Number(n), b: Number(o), a: Number(i) }) : null;
+  var e = t.r, n = t.g, o = t.b, i = t.a, r = i === void 0 ? 1 : i;
+  return $(e) && $(n) && $(o) ? xt({ r: Number(e), g: Number(n), b: Number(o), a: Number(r) }) : null;
 }, "rgb"], [function(t) {
-  var e = t.h, n = t.s, o = t.l, r = t.a, i = r === void 0 ? 1 : r;
+  var e = t.h, n = t.s, o = t.l, i = t.a, r = i === void 0 ? 1 : i;
   if (!$(e) || !$(n) || !$(o)) return null;
-  var s = Et({ h: Number(e), s: Number(n), l: Number(o), a: Number(i) });
-  return Lt(s);
+  var c = St({ h: Number(e), s: Number(n), l: Number(o), a: Number(r) });
+  return Ct(c);
 }, "hsl"], [function(t) {
-  var e = t.h, n = t.s, o = t.v, r = t.a, i = r === void 0 ? 1 : r;
+  var e = t.h, n = t.s, o = t.v, i = t.a, r = i === void 0 ? 1 : i;
   if (!$(e) || !$(n) || !$(o)) return null;
-  var s = function(a) {
-    return { h: kt(a.h), s: Y(a.s, 0, 100), v: Y(a.v, 0, 100), a: Y(a.a) };
-  }({ h: Number(e), s: Number(n), v: Number(o), a: Number(i) });
-  return Ht(s);
-}, "hsv"]] }, Bt = function(t, e) {
+  var c = function(a) {
+    return { h: Xt(a.h), s: _(a.s, 0, 100), v: _(a.v, 0, 100), a: _(a.a) };
+  }({ h: Number(e), s: Number(n), v: Number(o), a: Number(r) });
+  return Ht(c);
+}, "hsv"]] }, Tt = 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];
-}, Ee = function(t) {
-  return typeof t == "string" ? Bt(t.trim(), Tt.string) : typeof t == "object" && t !== null ? Bt(t, Tt.object) : [null, void 0];
+}, Se = function(t) {
+  return typeof t == "string" ? Tt(t.trim(), Lt.string) : typeof t == "object" && t !== null ? Tt(t, Lt.object) : [null, void 0];
 }, ct = function(t, e) {
   var n = Q(t);
-  return { h: n.h, s: Y(n.s + 100 * e, 0, 100), l: n.l, a: n.a };
+  return { h: n.h, s: _(n.s + 100 * e, 0, 100), l: n.l, a: n.a };
 }, lt = function(t) {
   return (299 * t.r + 587 * t.g + 114 * t.b) / 1e3 / 255;
 }, Rt = function(t, e) {
   var n = Q(t);
-  return { h: n.h, s: n.s, l: Y(n.l + 100 * e, 0, 100), a: n.a };
-}, Nt = function() {
+  return { h: n.h, s: n.s, l: _(n.l + 100 * e, 0, 100), a: n.a };
+}, Bt = function() {
   function t(e) {
-    this.parsed = Ee(e)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
+    this.parsed = Se(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 M(lt(this.rgba), 2);
+    return N(lt(this.rgba), 2);
   }, t.prototype.isDark = function() {
     return lt(this.rgba) < 0.5;
   }, t.prototype.isLight = function() {
     return lt(this.rgba) >= 0.5;
   }, t.prototype.toHex = function() {
-    return e = at(this.rgba), n = e.r, o = e.g, r = e.b, s = (i = e.a) < 1 ? J(M(255 * i)) : "", "#" + J(n) + J(o) + J(r) + s;
-    var e, n, o, r, i, s;
+    return e = at(this.rgba), n = e.r, o = e.g, i = e.b, c = (r = e.a) < 1 ? J(N(255 * r)) : "", "#" + J(n) + J(o) + J(i) + c;
+    var e, n, o, i, r, c;
   }, t.prototype.toRgb = function() {
     return at(this.rgba);
   }, t.prototype.toRgbString = function() {
-    return e = at(this.rgba), n = e.r, o = e.g, r = e.b, (i = e.a) < 1 ? "rgba(" + n + ", " + o + ", " + r + ", " + i + ")" : "rgb(" + n + ", " + o + ", " + r + ")";
-    var e, n, o, r, i;
+    return e = at(this.rgba), n = e.r, o = e.g, i = e.b, (r = e.a) < 1 ? "rgba(" + n + ", " + o + ", " + i + ", " + r + ")" : "rgb(" + n + ", " + o + ", " + i + ")";
+    var e, n, o, i, r;
   }, t.prototype.toHsl = function() {
-    return Ct(Q(this.rgba));
+    return Et(Q(this.rgba));
   }, t.prototype.toHslString = function() {
-    return e = Ct(Q(this.rgba)), n = e.h, o = e.s, r = e.l, (i = e.a) < 1 ? "hsla(" + n + ", " + o + "%, " + r + "%, " + i + ")" : "hsl(" + n + ", " + o + "%, " + r + "%)";
-    var e, n, o, r, i;
+    return e = Et(Q(this.rgba)), n = e.h, o = e.s, i = e.l, (r = e.a) < 1 ? "hsla(" + n + ", " + o + "%, " + i + "%, " + r + ")" : "hsl(" + n + ", " + o + "%, " + i + "%)";
+    var e, n, o, i, r;
   }, t.prototype.toHsv = function() {
-    return e = $t(this.rgba), { h: M(e.h), s: M(e.s), v: M(e.v), a: M(e.a, 3) };
+    return e = $t(this.rgba), { h: N(e.h), s: N(e.s), v: N(e.v), a: N(e.a, 3) };
     var e;
   }, t.prototype.invert = function() {
-    return X({ r: 255 - (e = this.rgba).r, g: 255 - e.g, b: 255 - e.b, a: e.a });
+    return Y({ 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), X(ct(this.rgba, e));
+    return e === void 0 && (e = 0.1), Y(ct(this.rgba, e));
   }, t.prototype.desaturate = function(e) {
-    return e === void 0 && (e = 0.1), X(ct(this.rgba, -e));
+    return e === void 0 && (e = 0.1), Y(ct(this.rgba, -e));
   }, t.prototype.grayscale = function() {
-    return X(ct(this.rgba, -1));
+    return Y(ct(this.rgba, -1));
   }, t.prototype.lighten = function(e) {
-    return e === void 0 && (e = 0.1), X(Rt(this.rgba, e));
+    return e === void 0 && (e = 0.1), Y(Rt(this.rgba, e));
   }, t.prototype.darken = function(e) {
-    return e === void 0 && (e = 0.1), X(Rt(this.rgba, -e));
+    return e === void 0 && (e = 0.1), Y(Rt(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" ? X({ r: (n = this.rgba).r, g: n.g, b: n.b, a: e }) : M(this.rgba.a, 3);
+    return typeof e == "number" ? Y({ r: (n = this.rgba).r, g: n.g, b: n.b, a: e }) : N(this.rgba.a, 3);
     var n;
   }, t.prototype.hue = function(e) {
     var n = Q(this.rgba);
-    return typeof e == "number" ? X({ h: e, s: n.s, l: n.l, a: n.a }) : M(n.h);
+    return typeof e == "number" ? Y({ h: e, s: n.s, l: n.l, a: n.a }) : N(n.h);
   }, t.prototype.isEqual = function(e) {
-    return this.toHex() === X(e).toHex();
+    return this.toHex() === Y(e).toHex();
   }, t;
-}(), X = function(t) {
-  return t instanceof Nt ? t : new Nt(t);
+}(), Y = function(t) {
+  return t instanceof Bt ? t : new Bt(t);
 };
-const Ce = (t) => [
-  `background-color:${X((t == null ? void 0 : t.fill) || P.fill).alpha((t == null ? void 0 : t.fillOpacity) === void 0 ? P.fillOpacity : t.fillOpacity).toHex()}`,
+const Ee = (t) => [
+  `background-color:${Y((t == null ? void 0 : t.fill) || P.fill).alpha((t == null ? void 0 : t.fillOpacity) === void 0 ? P.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(";"), Le = () => {
+].filter(Boolean).join(";"), Ce = () => {
   const t = document.createElement("style");
   document.getElementsByTagName("head")[0].appendChild(t);
   let e = /* @__PURE__ */ new Set();
@@ -438,28 +422,28 @@ const Ce = (t) => [
     destroy: () => {
       CSS.highlights.clear(), t.remove();
     },
-    setVisible: (i) => {
+    setVisible: (r) => {
       console.log("setVisible not implemented on CSS Custom Highlights renderer");
     },
-    redraw: (i, s, a, u) => {
-      u && u.clear();
-      const h = new Set(i.map((d) => d.annotation.id));
-      Array.from(e).filter((d) => !h.has(d));
-      const g = i.map((d) => {
-        var x;
-        const b = a ? typeof a == "function" ? a(d.annotation, d.state) : a : (x = d.state) != null && x.selected ? rt : P, f = u && u.paint(d, s) || b;
-        return `::highlight(_${d.annotation.id}) { ${Ce(f)} }`;
+    redraw: (r, c, a, d) => {
+      d && d.clear();
+      const u = new Set(r.map((h) => h.annotation.id));
+      Array.from(e).filter((h) => !u.has(h));
+      const g = r.map((h) => {
+        var S;
+        const v = a ? typeof a == "function" ? a(h.annotation, h.state) : a : (S = h.state) != null && S.selected ? rt : P, f = d && d.paint(h, c) || v;
+        return `::highlight(_${h.annotation.id}) { ${Ee(f)} }`;
       });
       t.innerHTML = g.join(`
-`), CSS.highlights.clear(), i.forEach(({ annotation: d }) => {
-        const b = d.target.selector.map((x) => x.range), f = new Highlight(...b);
-        CSS.highlights.set(`_${d.id}`, f);
-      }), e = h;
+`), CSS.highlights.clear(), r.forEach(({ annotation: h }) => {
+        const v = h.target.selector.map((S) => S.range), f = new Highlight(...v);
+        CSS.highlights.set(`_${h.id}`, f);
+      }), e = u;
     }
   };
-}, Te = (t, e, n) => yt(t, e, n, Le());
-var Ot = Object.prototype.hasOwnProperty;
-function bt(t, e) {
+}, Le = (t, e, n) => wt(t, e, n, Ce());
+var Mt = Object.prototype.hasOwnProperty;
+function vt(t, e) {
   var n, o;
   if (t === e) return !0;
   if (t && e && (n = t.constructor) === e.constructor) {
@@ -467,21 +451,21 @@ function bt(t, e) {
     if (n === RegExp) return t.toString() === e.toString();
     if (n === Array) {
       if ((o = t.length) === e.length)
-        for (; o-- && bt(t[o], e[o]); ) ;
+        for (; o-- && vt(t[o], e[o]); ) ;
       return o === -1;
     }
     if (!n || typeof t == "object") {
       o = 0;
       for (n in t)
-        if (Ot.call(t, n) && ++o && !Ot.call(e, n) || !(n in e) || !bt(t[n], e[n])) return !1;
+        if (Mt.call(t, n) && ++o && !Mt.call(e, n) || !(n in e) || !vt(t[n], e[n])) return !1;
       return Object.keys(e).length === o;
     }
   }
   return t !== t && e !== e;
 }
-const Be = (t, e) => {
-  const n = (i, s) => i.x <= s.x + s.width && i.x + i.width >= s.x && i.y <= s.y + s.height && i.y + i.height >= s.y, o = (i) => i.rects.reduce((s, a) => s + a.width, 0), r = e.filter(({ rects: i }) => i.some((s) => n(t, s)));
-  return r.sort((i, s) => o(s) - o(i)), r.findIndex((i) => i.rects.includes(t));
+const Te = (t, e) => {
+  const n = (r, c) => r.x <= c.x + c.width && r.x + r.width >= c.x && r.y <= c.y + c.height && r.y + r.height >= c.y, o = (r) => r.rects.reduce((c, a) => c + a.width, 0), i = e.filter(({ rects: r }) => r.some((c) => n(t, c)));
+  return i.sort((r, c) => o(c) - o(r)), i.findIndex((r) => r.rects.includes(t));
 }, Re = (t) => {
   t.classList.add("r6o-annotatable");
   const e = document.createElement("div");
@@ -491,47 +475,51 @@ const Be = (t, e) => {
     destroy: () => {
       e.remove();
     },
-    redraw: (s, a, u, h, g) => {
-      const b = !(bt(n, s) && g);
-      !h && !b || (b && (e.innerHTML = ""), s.forEach((f) => {
-        f.rects.map((x) => {
-          const v = Be(x, s), p = Jt(f, a, u, h, v);
-          if (b) {
-            const l = document.createElement("span");
-            l.className = "r6o-annotation", l.dataset.annotation = f.annotation.id, l.style.left = `${x.x}px`, l.style.top = `${x.y}px`, l.style.width = `${x.width}px`, l.style.height = `${x.height}px`, l.style.backgroundColor = X((p == null ? void 0 : p.fill) || P.fill).alpha((p == null ? void 0 : p.fillOpacity) === void 0 ? P.fillOpacity : p.fillOpacity).toHex(), p.underlineStyle && (l.style.borderStyle = p.underlineStyle), p.underlineColor && (l.style.borderColor = p.underlineColor), p.underlineThickness && (l.style.borderBottomWidth = `${p.underlineThickness}px`), p.underlineOffset && (l.style.paddingBottom = `${p.underlineOffset}px`), e.appendChild(l);
+    redraw: (c, a, d, u, g) => {
+      const v = !(vt(n, c) && g);
+      if (!u && !v) return;
+      v && (e.innerHTML = ""), [...c].sort((S, y) => {
+        const { annotation: { target: { created: b } } } = S, { annotation: { target: { created: l } } } = y;
+        return b && l ? b.getTime() - l.getTime() : 0;
+      }).forEach((S) => {
+        S.rects.map((y) => {
+          const b = Te(y, c), l = de(S, a, d, u, b);
+          if (v) {
+            const s = document.createElement("span");
+            s.className = "r6o-annotation", s.dataset.annotation = S.annotation.id, s.style.left = `${y.x}px`, s.style.top = `${y.y}px`, s.style.width = `${y.width}px`, s.style.height = `${y.height}px`, s.style.backgroundColor = Y((l == null ? void 0 : l.fill) || P.fill).alpha((l == null ? void 0 : l.fillOpacity) === void 0 ? P.fillOpacity : l.fillOpacity).toHex(), l.underlineStyle && (s.style.borderStyle = l.underlineStyle), l.underlineColor && (s.style.borderColor = l.underlineColor), l.underlineThickness && (s.style.borderBottomWidth = `${l.underlineThickness}px`), l.underlineOffset && (s.style.paddingBottom = `${l.underlineOffset}px`), e.appendChild(s);
           }
         });
-      }), n = s);
+      }), n = c;
     },
-    setVisible: (s) => {
-      s ? e.classList.remove("hidden") : e.classList.add("hidden");
+    setVisible: (c) => {
+      c ? e.classList.remove("hidden") : e.classList.add("hidden");
     }
   };
-}, Ne = (t, e, n) => yt(t, e, n, Re(t));
+}, Be = (t, e, n) => wt(t, e, n, Re(t));
 var U = [];
 for (var dt = 0; dt < 256; ++dt)
   U.push((dt + 256).toString(16).slice(1));
-function Oe(t, e = 0) {
+function Me(t, e = 0) {
   return (U[t[e + 0]] + U[t[e + 1]] + U[t[e + 2]] + U[t[e + 3]] + "-" + U[t[e + 4]] + U[t[e + 5]] + "-" + U[t[e + 6]] + U[t[e + 7]] + "-" + U[t[e + 8]] + U[t[e + 9]] + "-" + U[t[e + 10]] + U[t[e + 11]] + U[t[e + 12]] + U[t[e + 13]] + U[t[e + 14]] + U[t[e + 15]]).toLowerCase();
 }
-var Z, Ie = new Uint8Array(16);
-function Me() {
+var Z, Oe = new Uint8Array(16);
+function Ie() {
   if (!Z && (Z = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Z))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Z(Ie);
+  return Z(Oe);
 }
-var Ue = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const It = {
-  randomUUID: Ue
+var Ne = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const Ot = {
+  randomUUID: Ne
 };
 function Pt(t, e, n) {
-  if (It.randomUUID && !e && !t)
-    return It.randomUUID();
+  if (Ot.randomUUID && !e && !t)
+    return Ot.randomUUID();
   t = t || {};
-  var o = t.random || (t.rng || Me)();
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Oe(o);
+  var o = t.random || (t.rng || Ie)();
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Me(o);
 }
-var Mt = Object.prototype.hasOwnProperty;
+var It = Object.prototype.hasOwnProperty;
 function z(t, e) {
   var n, o;
   if (t === e) return !0;
@@ -546,7 +534,7 @@ function z(t, e) {
     if (!n || typeof t == "object") {
       o = 0;
       for (n in t)
-        if (Mt.call(t, n) && ++o && !Mt.call(e, n) || !(n in e) || !z(t[n], e[n])) return !1;
+        if (It.call(t, n) && ++o && !It.call(e, n) || !(n in e) || !z(t[n], e[n])) return !1;
       return Object.keys(e).length === o;
     }
   }
@@ -554,44 +542,44 @@ function z(t, e) {
 }
 function ut() {
 }
-function Ve(t, e) {
+function Ue(t, e) {
   return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
 }
-const F = [];
-function wt(t, e = ut) {
+const j = [];
+function At(t, e = ut) {
   let n;
   const o = /* @__PURE__ */ new Set();
-  function r(a) {
-    if (Ve(t, a) && (t = a, n)) {
-      const u = !F.length;
-      for (const h of o)
-        h[1](), F.push(h, t);
-      if (u) {
-        for (let h = 0; h < F.length; h += 2)
-          F[h][0](F[h + 1]);
-        F.length = 0;
+  function i(a) {
+    if (Ue(t, a) && (t = a, n)) {
+      const d = !j.length;
+      for (const u of o)
+        u[1](), j.push(u, t);
+      if (d) {
+        for (let u = 0; u < j.length; u += 2)
+          j[u][0](j[u + 1]);
+        j.length = 0;
       }
     }
   }
-  function i(a) {
-    r(a(t));
+  function r(a) {
+    i(a(t));
   }
-  function s(a, u = ut) {
-    const h = [a, u];
-    return o.add(h), o.size === 1 && (n = e(r, i) || ut), a(t), () => {
-      o.delete(h), o.size === 0 && n && (n(), n = null);
+  function c(a, d = ut) {
+    const u = [a, d];
+    return o.add(u), o.size === 1 && (n = e(i, r) || ut), a(t), () => {
+      o.delete(u), o.size === 0 && n && (n(), n = null);
     };
   }
-  return { set: r, update: i, subscribe: s };
+  return { set: i, update: r, subscribe: c };
 }
-const _e = (t) => {
-  const { subscribe: e, set: n } = wt();
+const Ve = (t) => {
+  const { subscribe: e, set: n } = At();
   let o;
-  return e((r) => o = r), t.observe(({ changes: r }) => {
+  return e((i) => o = i), t.observe(({ changes: i }) => {
     if (o) {
-      (r.deleted || []).some((s) => s.id === o) && n(void 0);
-      const i = (r.updated || []).find(({ oldValue: s }) => s.id === o);
-      i && n(i.newValue.id);
+      (i.deleted || []).some((c) => c.id === o) && n(void 0);
+      const r = (i.updated || []).find(({ oldValue: c }) => c.id === o);
+      r && n(r.newValue.id);
     }
   }), {
     get current() {
@@ -602,163 +590,173 @@ const _e = (t) => {
   };
 };
 var De = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE = "NONE", t))(De || {});
-const tt = { selected: [] }, Ye = (t, e) => {
-  const { subscribe: n, set: o } = wt(tt);
-  let r = e, i = tt;
-  n((f) => i = f);
-  const s = () => {
-    z(i, tt) || o(tt);
+const tt = { selected: [] }, ke = (t, e) => {
+  const { subscribe: n, set: o } = At(tt);
+  let i = e, r = tt;
+  n((f) => r = f);
+  const c = () => {
+    z(r, tt) || o(tt);
   }, a = () => {
     var f;
-    return ((f = i.selected) == null ? void 0 : f.length) === 0;
-  }, u = (f) => {
+    return ((f = r.selected) == null ? void 0 : f.length) === 0;
+  }, d = (f) => {
     if (a())
       return !1;
-    const x = typeof f == "string" ? f : f.id;
-    return i.selected.some((v) => v.id === x);
-  }, h = (f, x) => {
-    const v = t.getAnnotation(f);
-    if (!v) {
+    const S = typeof f == "string" ? f : f.id;
+    return r.selected.some((y) => y.id === S);
+  }, u = (f, S) => {
+    const y = t.getAnnotation(f);
+    if (!y) {
       console.warn("Invalid selection: " + f);
       return;
     }
-    switch (Ut(v, r)) {
+    switch (Nt(y, i)) {
       case "EDIT":
-        o({ selected: [{ id: f, editable: !0 }], event: x });
+        o({ selected: [{ id: f, editable: !0 }], event: S });
         break;
       case "SELECT":
-        o({ selected: [{ id: f }], event: x });
+        o({ selected: [{ id: f }], event: S });
         break;
       default:
-        o({ selected: [], event: x });
+        o({ selected: [], event: S });
     }
-  }, g = (f, x) => {
-    const v = Array.isArray(f) ? f : [f], p = v.map((l) => t.getAnnotation(l)).filter((l) => !!l);
+  }, g = (f, S) => {
+    const y = Array.isArray(f) ? f : [f], b = y.map((l) => t.getAnnotation(l)).filter((l) => !!l);
     o({
-      selected: p.map((l) => {
-        const c = x === void 0 ? Ut(l, r) === "EDIT" : x;
-        return { id: l.id, editable: c };
+      selected: b.map((l) => {
+        const s = S === void 0 ? Nt(l, i) === "EDIT" : S;
+        return { id: l.id, editable: s };
       })
-    }), p.length !== v.length && console.warn("Invalid selection", f);
-  }, d = (f) => {
+    }), b.length !== y.length && console.warn("Invalid selection", f);
+  }, h = (f) => {
     if (a())
       return !1;
-    const { selected: x } = i;
-    x.some(({ id: v }) => f.includes(v)) && o({ selected: x.filter(({ id: v }) => !f.includes(v)) });
-  }, b = (f) => r = f;
+    const { selected: S } = r;
+    S.some(({ id: y }) => f.includes(y)) && o({ selected: S.filter(({ id: y }) => !f.includes(y)) });
+  }, v = (f) => i = f;
   return t.observe(
-    ({ changes: f }) => d((f.deleted || []).map((x) => x.id))
+    ({ changes: f }) => h((f.deleted || []).map((S) => S.id))
   ), {
     get event() {
-      return i ? i.event : null;
+      return r ? r.event : null;
     },
     get selected() {
-      return i ? [...i.selected] : null;
+      return r ? [...r.selected] : null;
     },
     get userSelectAction() {
-      return r;
+      return i;
     },
-    clear: s,
+    clear: c,
     isEmpty: a,
-    isSelected: u,
+    isSelected: d,
     setSelected: g,
-    setUserSelectAction: b,
+    setUserSelectAction: v,
     subscribe: n,
-    userSelect: h
+    userSelect: u
   };
-}, Ut = (t, e) => typeof e == "function" ? e(t) : e || "EDIT";
+}, Nt = (t, e) => typeof e == "function" ? e(t) : e || "EDIT";
 var V = [];
 for (var ht = 0; ht < 256; ++ht)
   V.push((ht + 256).toString(16).slice(1));
-function Xe(t, e = 0) {
+function _e(t, e = 0) {
   return (V[t[e + 0]] + V[t[e + 1]] + V[t[e + 2]] + V[t[e + 3]] + "-" + V[t[e + 4]] + V[t[e + 5]] + "-" + V[t[e + 6]] + V[t[e + 7]] + "-" + V[t[e + 8]] + V[t[e + 9]] + "-" + V[t[e + 10]] + V[t[e + 11]] + V[t[e + 12]] + V[t[e + 13]] + V[t[e + 14]] + V[t[e + 15]]).toLowerCase();
 }
-var et, ke = new Uint8Array(16);
-function $e() {
+var et, Ye = new Uint8Array(16);
+function Xe() {
   if (!et && (et = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !et))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return et(ke);
+  return et(Ye);
 }
-var He = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Vt = {
-  randomUUID: He
+var $e = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const Ut = {
+  randomUUID: $e
 };
 function zt(t, e, n) {
-  if (Vt.randomUUID && !e && !t)
-    return Vt.randomUUID();
+  if (Ut.randomUUID && !e && !t)
+    return Ut.randomUUID();
   t = t || {};
-  var o = t.random || (t.rng || $e)();
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Xe(o);
+  var o = t.random || (t.rng || Xe)();
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, _e(o);
 }
-const Un = (t, e, n, o) => ({
+const ft = (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)
+  };
+}, On = (t, e, n, o) => ({
   id: zt(),
   annotation: typeof t == "string" ? t : t.id,
   created: n || /* @__PURE__ */ new Date(),
   creator: o,
   ...e
-}), Pe = (t, e) => {
+}), He = (t, e) => {
   const n = new Set(t.bodies.map((o) => o.id));
   return e.bodies.filter((o) => !n.has(o.id));
-}, ze = (t, e) => {
+}, Pe = (t, e) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
-}, Fe = (t, e) => e.bodies.map((n) => {
-  const o = t.bodies.find((r) => r.id === n.id);
+}, ze = (t, e) => e.bodies.map((n) => {
+  const o = t.bodies.find((i) => i.id === n.id);
   return { newBody: n, oldBody: o && !z(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), je = (t, e) => !z(t.target, e.target), Ft = (t, e) => {
-  const n = Pe(t, e), o = ze(t, e), r = Fe(t, e);
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), je = (t, e) => !z(t.target, e.target), jt = (t, e) => {
+  const n = He(t, e), o = Pe(t, e), i = ze(t, e);
   return {
     oldValue: t,
     newValue: e,
     bodiesCreated: n.length > 0 ? n : void 0,
     bodiesDeleted: o.length > 0 ? o : void 0,
-    bodiesUpdated: r.length > 0 ? r : void 0,
+    bodiesUpdated: i.length > 0 ? i : void 0,
     targetUpdated: je(t, e) ? { oldTarget: t.target, newTarget: e.target } : void 0
   };
 };
-var N = /* @__PURE__ */ ((t) => (t.LOCAL = "LOCAL", t.REMOTE = "REMOTE", t))(N || {});
-const We = (t, e) => {
+var M = /* @__PURE__ */ ((t) => (t.LOCAL = "LOCAL", t.REMOTE = "REMOTE", t.SILENT = "SILENT", t))(M || {});
+const Fe = (t, e) => {
   var n, o;
-  const { changes: r, origin: i } = e;
-  if (!(!t.options.origin || t.options.origin === i))
+  const { changes: i, origin: r } = e;
+  if (!(t.options.origin ? t.options.origin === r : r !== "SILENT"))
     return !1;
   if (t.options.ignore) {
-    const { ignore: s } = t.options, a = (u) => u && u.length > 0;
-    if (!(a(r.created) || a(r.deleted))) {
-      const u = (n = r.updated) == null ? void 0 : n.some((g) => a(g.bodiesCreated) || a(g.bodiesDeleted) || a(g.bodiesUpdated)), h = (o = r.updated) == null ? void 0 : o.some((g) => g.targetUpdated);
-      if (s === "BODY_ONLY" && u && !h || s === "TARGET_ONLY" && h && !u)
+    const { ignore: c } = t.options, a = (d) => d && d.length > 0;
+    if (!(a(i.created) || a(i.deleted))) {
+      const d = (n = i.updated) == null ? void 0 : n.some((g) => a(g.bodiesCreated) || a(g.bodiesDeleted) || a(g.bodiesUpdated)), u = (o = i.updated) == null ? void 0 : o.some((g) => g.targetUpdated);
+      if (c === "BODY_ONLY" && d && !u || c === "TARGET_ONLY" && u && !d)
         return !1;
     }
   }
   if (t.options.annotations) {
-    const s = /* @__PURE__ */ new Set([
-      ...(r.created || []).map((a) => a.id),
-      ...(r.deleted || []).map((a) => a.id),
-      ...(r.updated || []).map(({ oldValue: a }) => a.id)
+    const c = /* @__PURE__ */ new Set([
+      ...(i.created || []).map((a) => a.id),
+      ...(i.deleted || []).map((a) => a.id),
+      ...(i.updated || []).map(({ oldValue: a }) => a.id)
     ]);
-    return !!(Array.isArray(t.options.annotations) ? t.options.annotations : [t.options.annotations]).find((a) => s.has(a));
+    return !!(Array.isArray(t.options.annotations) ? t.options.annotations : [t.options.annotations]).find((a) => c.has(a));
   } else
     return !0;
-}, qe = (t, e) => {
-  const n = new Set((t.created || []).map((d) => d.id)), o = new Set((t.updated || []).map(({ newValue: d }) => d.id)), r = new Set((e.created || []).map((d) => d.id)), i = new Set((e.deleted || []).map((d) => d.id)), s = new Set((e.updated || []).map(({ oldValue: d }) => d.id)), a = new Set((e.updated || []).filter(({ oldValue: d }) => n.has(d.id) || o.has(d.id)).map(({ oldValue: d }) => d.id)), u = [
-    ...(t.created || []).filter((d) => !i.has(d.id)).map((d) => s.has(d.id) ? e.updated.find(({ oldValue: b }) => b.id === d.id).newValue : d),
+}, We = (t, e) => {
+  const n = new Set((t.created || []).map((h) => h.id)), o = new Set((t.updated || []).map(({ newValue: h }) => h.id)), i = new Set((e.created || []).map((h) => h.id)), r = new Set((e.deleted || []).map((h) => h.id)), c = new Set((e.updated || []).map(({ oldValue: h }) => h.id)), a = new Set((e.updated || []).filter(({ oldValue: h }) => n.has(h.id) || o.has(h.id)).map(({ oldValue: h }) => h.id)), d = [
+    ...(t.created || []).filter((h) => !r.has(h.id)).map((h) => c.has(h.id) ? e.updated.find(({ oldValue: v }) => v.id === h.id).newValue : h),
     ...e.created || []
-  ], h = [
-    ...(t.deleted || []).filter((d) => !r.has(d.id)),
-    ...(e.deleted || []).filter((d) => !n.has(d.id))
+  ], u = [
+    ...(t.deleted || []).filter((h) => !i.has(h.id)),
+    ...(e.deleted || []).filter((h) => !n.has(h.id))
   ], g = [
-    ...(t.updated || []).filter(({ newValue: d }) => !i.has(d.id)).map((d) => {
-      const { oldValue: b, newValue: f } = d;
-      if (s.has(f.id)) {
-        const x = e.updated.find((v) => v.oldValue.id === f.id).newValue;
-        return Ft(b, x);
+    ...(t.updated || []).filter(({ newValue: h }) => !r.has(h.id)).map((h) => {
+      const { oldValue: v, newValue: f } = h;
+      if (c.has(f.id)) {
+        const S = e.updated.find((y) => y.oldValue.id === f.id).newValue;
+        return jt(v, S);
       } else
-        return d;
+        return h;
     }),
-    ...(e.updated || []).filter(({ oldValue: d }) => !a.has(d.id))
+    ...(e.updated || []).filter(({ oldValue: h }) => !a.has(h.id))
   ];
-  return { created: u, deleted: h, updated: g };
-}, ft = (t) => {
+  return { created: d, deleted: u, updated: g };
+}, gt = (t) => {
   const e = t.id === void 0 ? zt() : t.id;
   return {
     ...t,
@@ -772,13 +770,15 @@ const We = (t, e) => {
       annotation: e
     }
   };
-}, Ge = (t) => t.id !== void 0, Ke = () => {
-  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (y, A = {}) => n.push({ onChange: y, options: A }), r = (y) => {
-    const A = n.findIndex((w) => w.onChange == y);
+}, qe = (t) => t.id !== void 0, Ge = () => {
+  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (m, A = {}) => {
+    n.push({ onChange: m, options: A });
+  }, i = (m) => {
+    const A = n.findIndex((w) => w.onChange == m);
     A > -1 && n.splice(A, 1);
-  }, i = (y, A) => {
+  }, r = (m, A) => {
     const w = {
-      origin: y,
+      origin: m,
       changes: {
         created: A.created || [],
         updated: A.updated || [],
@@ -786,148 +786,148 @@ const We = (t, e) => {
       },
       state: [...t.values()]
     };
-    n.forEach((E) => {
-      We(E, w) && E.onChange(w);
+    n.forEach((C) => {
+      Fe(C, w) && C.onChange(w);
     });
-  }, s = (y, A = N.LOCAL) => {
-    if (y.id && t.get(y.id))
-      throw Error(`Cannot add annotation ${y.id} - exists already`);
+  }, c = (m, A = M.LOCAL) => {
+    if (m.id && t.get(m.id))
+      throw Error(`Cannot add annotation ${m.id} - exists already`);
     {
-      const w = ft(y);
-      t.set(w.id, w), w.bodies.forEach((E) => e.set(E.id, w.id)), i(A, { created: [w] });
+      const w = gt(m);
+      t.set(w.id, w), w.bodies.forEach((C) => e.set(C.id, w.id)), r(A, { created: [w] });
     }
-  }, a = (y, A) => {
-    const w = ft(typeof y == "string" ? A : y), E = typeof y == "string" ? y : y.id, O = E && t.get(E);
+  }, a = (m, A) => {
+    const w = gt(typeof m == "string" ? A : m), C = typeof m == "string" ? m : m.id, O = C && t.get(C);
     if (O) {
-      const R = Ft(O, w);
-      return E === w.id ? t.set(E, w) : (t.delete(E), t.set(w.id, w)), O.bodies.forEach((_) => e.delete(_.id)), w.bodies.forEach((_) => e.set(_.id, w.id)), R;
+      const B = jt(O, w);
+      return C === w.id ? t.set(C, w) : (t.delete(C), t.set(w.id, w)), O.bodies.forEach((D) => e.delete(D.id)), w.bodies.forEach((D) => e.set(D.id, w.id)), B;
     } else
-      console.warn(`Cannot update annotation ${E} - does not exist`);
-  }, u = (y, A = N.LOCAL, w = N.LOCAL) => {
-    const E = Ge(A) ? w : A, O = a(y, A);
-    O && i(E, { updated: [O] });
-  }, h = (y, A = N.LOCAL) => {
-    const w = y.reduce((E, O) => {
-      const R = a(O);
-      return R ? [...E, R] : E;
+      console.warn(`Cannot update annotation ${C} - does not exist`);
+  }, d = (m, A = M.LOCAL, w = M.LOCAL) => {
+    const C = qe(A) ? w : A, O = a(m, A);
+    O && r(C, { updated: [O] });
+  }, u = (m, A = M.LOCAL) => {
+    const w = m.reduce((C, O) => {
+      const B = a(O);
+      return B ? [...C, B] : C;
     }, []);
-    w.length > 0 && i(A, { updated: w });
-  }, g = (y, A = N.LOCAL) => {
-    const w = t.get(y.annotation);
+    w.length > 0 && r(A, { updated: w });
+  }, g = (m, A = M.LOCAL) => {
+    const w = t.get(m.annotation);
     if (w) {
-      const E = {
+      const C = {
         ...w,
-        bodies: [...w.bodies, y]
+        bodies: [...w.bodies, m]
       };
-      t.set(w.id, E), e.set(y.id, E.id), i(A, { updated: [{
+      t.set(w.id, C), e.set(m.id, C.id), r(A, { updated: [{
         oldValue: w,
-        newValue: E,
-        bodiesCreated: [y]
+        newValue: C,
+        bodiesCreated: [m]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${y.annotation}`);
-  }, d = () => [...t.values()], b = (y = N.LOCAL) => {
+      console.warn(`Attempt to add body to missing annotation: ${m.annotation}`);
+  }, h = () => [...t.values()], v = (m = M.LOCAL) => {
     const A = [...t.values()];
-    t.clear(), e.clear(), i(y, { deleted: A });
-  }, f = (y, A = !0, w = N.LOCAL) => {
-    const E = y.map(ft);
+    t.clear(), e.clear(), r(m, { deleted: A });
+  }, f = (m, A = !0, w = M.LOCAL) => {
+    const C = m.map(gt);
     if (A) {
       const O = [...t.values()];
-      t.clear(), e.clear(), E.forEach((R) => {
-        t.set(R.id, R), R.bodies.forEach((_) => e.set(_.id, R.id));
-      }), i(w, { created: E, deleted: O });
+      t.clear(), e.clear(), C.forEach((B) => {
+        t.set(B.id, B), B.bodies.forEach((D) => e.set(D.id, B.id));
+      }), r(w, { created: C, deleted: O });
     } else {
-      const O = y.reduce((R, _) => {
-        const D = _.id && t.get(_.id);
-        return D ? [...R, D] : R;
+      const O = m.reduce((B, D) => {
+        const k = D.id && t.get(D.id);
+        return k ? [...B, k] : B;
       }, []);
       if (O.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${O.map((R) => R.id).join(", ")}`);
-      E.forEach((R) => {
-        t.set(R.id, R), R.bodies.forEach((_) => e.set(_.id, R.id));
-      }), i(w, { created: E });
+        throw Error(`Bulk insert would overwrite the following annotations: ${O.map((B) => B.id).join(", ")}`);
+      C.forEach((B) => {
+        t.set(B.id, B), B.bodies.forEach((D) => e.set(D.id, B.id));
+      }), r(w, { created: C });
     }
-  }, x = (y) => {
-    const A = typeof y == "string" ? y : y.id, w = t.get(A);
+  }, S = (m) => {
+    const A = typeof m == "string" ? m : m.id, w = t.get(A);
     if (w)
-      return t.delete(A), w.bodies.forEach((E) => e.delete(E.id)), w;
+      return t.delete(A), w.bodies.forEach((C) => e.delete(C.id)), w;
     console.warn(`Attempt to delete missing annotation: ${A}`);
-  }, v = (y, A = N.LOCAL) => {
-    const w = x(y);
-    w && i(A, { deleted: [w] });
-  }, p = (y, A = N.LOCAL) => {
-    const w = y.reduce((E, O) => {
-      const R = x(O);
-      return R ? [...E, R] : E;
+  }, y = (m, A = M.LOCAL) => {
+    const w = S(m);
+    w && r(A, { deleted: [w] });
+  }, b = (m, A = M.LOCAL) => {
+    const w = m.reduce((C, O) => {
+      const B = S(O);
+      return B ? [...C, B] : C;
     }, []);
-    w.length > 0 && i(A, { deleted: w });
-  }, l = (y) => {
-    const A = t.get(y.annotation);
+    w.length > 0 && r(A, { deleted: w });
+  }, l = (m) => {
+    const A = t.get(m.annotation);
     if (A) {
-      const w = A.bodies.find((E) => E.id === y.id);
+      const w = A.bodies.find((C) => C.id === m.id);
       if (w) {
         e.delete(w.id);
-        const E = {
+        const C = {
           ...A,
-          bodies: A.bodies.filter((O) => O.id !== y.id)
+          bodies: A.bodies.filter((O) => O.id !== m.id)
         };
-        return t.set(A.id, E), {
+        return t.set(A.id, C), {
           oldValue: A,
-          newValue: E,
+          newValue: C,
           bodiesDeleted: [w]
         };
       } else
-        console.warn(`Attempt to delete missing body ${y.id} from annotation ${y.annotation}`);
+        console.warn(`Attempt to delete missing body ${m.id} from annotation ${m.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${y.annotation}`);
-  }, c = (y, A = N.LOCAL) => {
-    const w = l(y);
-    w && i(A, { updated: [w] });
-  }, m = (y, A = N.LOCAL) => {
-    const w = y.map((E) => l(E)).filter(Boolean);
-    w.length > 0 && i(A, { updated: w });
-  }, C = (y) => {
-    const A = t.get(y);
+      console.warn(`Attempt to delete body from missing annotation ${m.annotation}`);
+  }, s = (m, A = M.LOCAL) => {
+    const w = l(m);
+    w && r(A, { updated: [w] });
+  }, p = (m, A = M.LOCAL) => {
+    const w = m.map((C) => l(C)).filter(Boolean);
+    w.length > 0 && r(A, { updated: w });
+  }, x = (m) => {
+    const A = t.get(m);
     return A ? { ...A } : void 0;
-  }, L = (y) => {
-    const A = e.get(y);
+  }, L = (m) => {
+    const A = e.get(m);
     if (A) {
-      const w = C(A).bodies.find((E) => E.id === y);
+      const w = x(A).bodies.find((C) => C.id === m);
       if (w)
         return w;
-      console.error(`Store integrity error: body ${y} in index, but not in annotation`);
+      console.error(`Store integrity error: body ${m} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${y}`);
-  }, S = (y, A) => {
-    if (y.annotation !== A.annotation)
+      console.warn(`Attempt to retrieve missing body: ${m}`);
+  }, E = (m, A) => {
+    if (m.annotation !== A.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const w = t.get(y.annotation);
+    const w = t.get(m.annotation);
     if (w) {
-      const E = w.bodies.find((R) => R.id === y.id), O = {
+      const C = w.bodies.find((B) => B.id === m.id), O = {
         ...w,
-        bodies: w.bodies.map((R) => R.id === E.id ? A : R)
+        bodies: w.bodies.map((B) => B.id === C.id ? A : B)
       };
-      return t.set(w.id, O), E.id !== A.id && (e.delete(E.id), e.set(A.id, O.id)), {
+      return t.set(w.id, O), C.id !== A.id && (e.delete(C.id), e.set(A.id, O.id)), {
         oldValue: w,
         newValue: O,
-        bodiesUpdated: [{ oldBody: E, newBody: A }]
+        bodiesUpdated: [{ oldBody: C, newBody: A }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${y.annotation}`);
-  }, T = (y, A, w = N.LOCAL) => {
-    const E = S(y, A);
-    E && i(w, { updated: [E] });
-  }, B = (y, A = N.LOCAL) => {
-    const w = y.map((E) => S({ id: E.id, annotation: E.annotation }, E)).filter(Boolean);
-    i(A, { updated: w });
-  }, I = (y) => {
-    const A = t.get(y.annotation);
+      console.warn(`Attempt to add body to missing annotation ${m.annotation}`);
+  }, T = (m, A, w = M.LOCAL) => {
+    const C = E(m, A);
+    C && r(w, { updated: [C] });
+  }, R = (m, A = M.LOCAL) => {
+    const w = m.map((C) => E({ id: C.id, annotation: C.annotation }, C)).filter(Boolean);
+    r(A, { updated: w });
+  }, I = (m) => {
+    const A = t.get(m.annotation);
     if (A) {
       const w = {
         ...A,
         target: {
           ...A.target,
-          ...y
+          ...m
         }
       };
       return t.set(A.id, w), {
@@ -935,43 +935,43 @@ const We = (t, e) => {
         newValue: w,
         targetUpdated: {
           oldTarget: A.target,
-          newTarget: y
+          newTarget: m
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${y.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${m.annotation}`);
   };
   return {
-    addAnnotation: s,
+    addAnnotation: c,
     addBody: g,
-    all: d,
+    all: h,
     bulkAddAnnotation: f,
-    bulkDeleteAnnotation: p,
-    bulkDeleteBodies: m,
-    bulkUpdateAnnotation: h,
-    bulkUpdateBodies: B,
-    bulkUpdateTargets: (y, A = N.LOCAL) => {
-      const w = y.map((E) => I(E)).filter(Boolean);
-      w.length > 0 && i(A, { updated: w });
+    bulkDeleteAnnotation: b,
+    bulkDeleteBodies: p,
+    bulkUpdateAnnotation: u,
+    bulkUpdateBodies: R,
+    bulkUpdateTargets: (m, A = M.LOCAL) => {
+      const w = m.map((C) => I(C)).filter(Boolean);
+      w.length > 0 && r(A, { updated: w });
     },
-    clear: b,
-    deleteAnnotation: v,
-    deleteBody: c,
-    getAnnotation: C,
+    clear: v,
+    deleteAnnotation: y,
+    deleteBody: s,
+    getAnnotation: x,
     getBody: L,
     observe: o,
-    unobserve: r,
-    updateAnnotation: u,
+    unobserve: i,
+    updateAnnotation: d,
     updateBody: T,
-    updateTarget: (y, A = N.LOCAL) => {
-      const w = I(y);
-      w && i(A, { updated: [w] });
+    updateTarget: (m, A = M.LOCAL) => {
+      const w = I(m);
+      w && r(A, { updated: [w] });
     }
   };
 };
-let Qe = () => ({
+let Ke = () => ({
   emit(t, ...e) {
-    for (let n = 0, o = this.events[t] || [], r = o.length; n < r; n++)
+    for (let n = 0, o = this.events[t] || [], i = o.length; n < i; n++)
       o[n](...e);
   },
   events: {},
@@ -979,358 +979,358 @@ let Qe = () => ({
     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((r) => e !== r);
+      this.events[t] = (o = this.events[t]) == null ? void 0 : o.filter((i) => e !== i);
     };
   }
 });
-const Je = 250, Ze = (t) => {
-  const e = Qe(), n = [];
-  let o = -1, r = !1, i = 0;
-  const s = (f) => {
-    if (!r) {
-      const { changes: x } = f, v = performance.now();
-      if (v - i > Je)
-        n.splice(o + 1), n.push(x), o = n.length - 1;
+const Qe = 250, Je = (t) => {
+  const e = Ke(), n = [];
+  let o = -1, i = !1, r = 0;
+  const c = (f) => {
+    if (!i) {
+      const { changes: S } = f, y = performance.now();
+      if (y - r > Qe)
+        n.splice(o + 1), n.push(S), o = n.length - 1;
       else {
-        const p = n.length - 1;
-        n[p] = qe(n[p], x);
+        const b = n.length - 1;
+        n[b] = We(n[b], S);
       }
-      i = v;
+      r = y;
     }
-    r = !1;
+    i = !1;
   };
-  t.observe(s, { origin: N.LOCAL });
-  const a = (f) => f && f.length > 0 && t.bulkDeleteAnnotation(f), u = (f) => f && f.length > 0 && t.bulkAddAnnotation(f, !1), h = (f) => f && f.length > 0 && t.bulkUpdateAnnotation(f.map(({ oldValue: x }) => x)), g = (f) => f && f.length > 0 && t.bulkUpdateAnnotation(f.map(({ newValue: x }) => x)), d = (f) => f && f.length > 0 && t.bulkAddAnnotation(f, !1), b = (f) => f && f.length > 0 && t.bulkDeleteAnnotation(f);
+  t.observe(c, { origin: M.LOCAL });
+  const a = (f) => f && f.length > 0 && t.bulkDeleteAnnotation(f), d = (f) => f && f.length > 0 && t.bulkAddAnnotation(f, !1), u = (f) => f && f.length > 0 && t.bulkUpdateAnnotation(f.map(({ oldValue: S }) => S)), g = (f) => f && f.length > 0 && t.bulkUpdateAnnotation(f.map(({ newValue: S }) => S)), h = (f) => f && f.length > 0 && t.bulkAddAnnotation(f, !1), v = (f) => f && f.length > 0 && t.bulkDeleteAnnotation(f);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
-    destroy: () => t.unobserve(s),
-    on: (f, x) => e.on(f, x),
+    destroy: () => t.unobserve(c),
+    on: (f, S) => e.on(f, S),
     redo: () => {
       if (n.length - 1 > o) {
-        r = !0;
-        const { created: f, updated: x, deleted: v } = n[o + 1];
-        u(f), g(x), b(v), e.emit("redo", n[o + 1]), o += 1;
+        i = !0;
+        const { created: f, updated: S, deleted: y } = n[o + 1];
+        d(f), g(S), v(y), e.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
-        r = !0;
-        const { created: f, updated: x, deleted: v } = n[o];
-        a(f), h(x), d(v), e.emit("undo", n[o]), o -= 1;
+        i = !0;
+        const { created: f, updated: S, deleted: y } = n[o];
+        a(f), u(S), h(y), e.emit("undo", n[o]), o -= 1;
       }
     }
   };
-}, tn = () => {
-  const { subscribe: t, set: e } = wt([]);
+}, Ze = () => {
+  const { subscribe: t, set: e } = At([]);
   return {
     subscribe: t,
     set: e
   };
-}, en = (t, e, n, o) => {
-  const { store: r, selection: i, hover: s, viewport: a } = t, u = /* @__PURE__ */ new Map();
-  let h = [], g;
-  const d = (v, p) => {
-    u.has(v) ? u.get(v).push(p) : u.set(v, [p]);
-  }, b = (v, p) => {
-    const l = u.get(v);
+}, tn = (t, e, n, o) => {
+  const { store: i, selection: r, hover: c, viewport: a } = t, d = /* @__PURE__ */ new Map();
+  let u = [], g;
+  const h = (y, b) => {
+    d.has(y) ? d.get(y).push(b) : d.set(y, [b]);
+  }, v = (y, b) => {
+    const l = d.get(y);
     if (l) {
-      const c = l.indexOf(p);
-      c !== -1 && l.splice(c, 1);
+      const s = l.indexOf(b);
+      s !== -1 && l.splice(s, 1);
     }
-  }, f = (v, p, l) => {
-    u.has(v) && setTimeout(() => {
-      u.get(v).forEach((c) => {
+  }, f = (y, b, l) => {
+    d.has(y) && setTimeout(() => {
+      d.get(y).forEach((s) => {
         if (n) {
-          const m = Array.isArray(p) ? p.map((L) => n.serialize(L)) : n.serialize(p), C = l ? l instanceof PointerEvent ? l : n.serialize(l) : void 0;
-          c(m, C);
+          const p = Array.isArray(b) ? b.map((L) => n.serialize(L)) : n.serialize(b), x = l ? l instanceof PointerEvent ? l : n.serialize(l) : void 0;
+          s(p, x);
         } else
-          c(p, l);
+          s(b, l);
       });
     }, 1);
   };
-  i.subscribe(({ selected: v }) => {
-    if (!(h.length === 0 && v.length === 0)) {
-      if (h.length === 0 && v.length > 0)
-        h = v.map(({ id: p }) => r.getAnnotation(p));
-      else if (h.length > 0 && v.length === 0)
-        h.forEach((p) => {
-          const l = r.getAnnotation(p.id);
-          l && !z(l, p) && f("updateAnnotation", l, p);
-        }), h = [];
+  r.subscribe(({ selected: y }) => {
+    if (!(u.length === 0 && y.length === 0)) {
+      if (u.length === 0 && y.length > 0)
+        u = y.map(({ id: b }) => i.getAnnotation(b));
+      else if (u.length > 0 && y.length === 0)
+        u.forEach((b) => {
+          const l = i.getAnnotation(b.id);
+          l && !z(l, b) && f("updateAnnotation", l, b);
+        }), u = [];
       else {
-        const p = new Set(h.map((c) => c.id)), l = new Set(v.map(({ id: c }) => c));
-        h.filter((c) => !l.has(c.id)).forEach((c) => {
-          const m = r.getAnnotation(c.id);
-          m && !z(m, c) && f("updateAnnotation", m, c);
-        }), h = [
+        const b = new Set(u.map((s) => s.id)), l = new Set(y.map(({ id: s }) => s));
+        u.filter((s) => !l.has(s.id)).forEach((s) => {
+          const p = i.getAnnotation(s.id);
+          p && !z(p, s) && f("updateAnnotation", p, s);
+        }), u = [
           // Remove annotations that were deselected
-          ...h.filter((c) => l.has(c.id)),
+          ...u.filter((s) => l.has(s.id)),
           // Add editable annotations that were selected
-          ...v.filter(({ id: c }) => !p.has(c)).map(({ id: c }) => r.getAnnotation(c))
+          ...y.filter(({ id: s }) => !b.has(s)).map(({ id: s }) => i.getAnnotation(s))
         ];
       }
-      f("selectionChanged", h);
+      f("selectionChanged", u);
     }
-  }), s.subscribe((v) => {
-    !g && v ? f("mouseEnterAnnotation", r.getAnnotation(v)) : g && !v ? f("mouseLeaveAnnotation", r.getAnnotation(g)) : g && v && (f("mouseLeaveAnnotation", r.getAnnotation(g)), f("mouseEnterAnnotation", r.getAnnotation(v))), g = v;
-  }), a == null || a.subscribe((v) => f("viewportIntersect", v.map((p) => r.getAnnotation(p)))), r.observe((v) => {
-    const { created: p, deleted: l } = v.changes;
-    (p || []).forEach((c) => f("createAnnotation", c)), (l || []).forEach((c) => f("deleteAnnotation", c)), (v.changes.updated || []).filter((c) => [
-      ...c.bodiesCreated || [],
-      ...c.bodiesDeleted || [],
-      ...c.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: c, newValue: m }) => {
-      const C = h.find((L) => L.id === c.id) || c;
-      h = h.map((L) => L.id === c.id ? m : L), f("updateAnnotation", m, C);
+  }), c.subscribe((y) => {
+    !g && y ? f("mouseEnterAnnotation", i.getAnnotation(y)) : g && !y ? f("mouseLeaveAnnotation", i.getAnnotation(g)) : g && y && (f("mouseLeaveAnnotation", i.getAnnotation(g)), f("mouseEnterAnnotation", i.getAnnotation(y))), g = y;
+  }), a == null || a.subscribe((y) => f("viewportIntersect", y.map((b) => i.getAnnotation(b)))), i.observe((y) => {
+    const { created: b, deleted: l } = y.changes;
+    (b || []).forEach((s) => f("createAnnotation", s)), (l || []).forEach((s) => f("deleteAnnotation", s)), (y.changes.updated || []).filter((s) => [
+      ...s.bodiesCreated || [],
+      ...s.bodiesDeleted || [],
+      ...s.bodiesUpdated || []
+    ].length > 0).forEach(({ oldValue: s, newValue: p }) => {
+      const x = u.find((L) => L.id === s.id) || s;
+      u = u.map((L) => L.id === s.id ? p : L), f("updateAnnotation", p, x);
     });
-  }, { origin: N.LOCAL }), r.observe((v) => {
-    if (h) {
-      const p = new Set(h.map((c) => c.id)), l = (v.changes.updated || []).filter(({ newValue: c }) => p.has(c.id)).map(({ newValue: c }) => c);
-      l.length > 0 && (h = h.map((c) => l.find((C) => C.id === c.id) || c));
+  }, { origin: M.LOCAL }), i.observe((y) => {
+    if (u) {
+      const b = new Set(u.map((s) => s.id)), l = (y.changes.updated || []).filter(({ newValue: s }) => b.has(s.id)).map(({ newValue: s }) => s);
+      l.length > 0 && (u = u.map((s) => l.find((x) => x.id === s.id) || s));
     }
-  }, { origin: N.REMOTE });
-  const x = (v) => (p) => {
-    const { updated: l } = p;
-    v ? (l || []).forEach((c) => f("updateAnnotation", c.oldValue, c.newValue)) : (l || []).forEach((c) => f("updateAnnotation", c.newValue, c.oldValue));
+  }, { origin: M.REMOTE });
+  const S = (y) => (b) => {
+    const { updated: l } = b;
+    y ? (l || []).forEach((s) => f("updateAnnotation", s.oldValue, s.newValue)) : (l || []).forEach((s) => f("updateAnnotation", s.newValue, s.oldValue));
   };
-  return e.on("undo", x(!0)), e.on("redo", x(!1)), { on: d, off: b, emit: f };
-}, nn = (t) => (e) => e.reduce((n, o) => {
-  const { parsed: r, error: i } = t.parse(o);
-  return i ? {
+  return e.on("undo", S(!0)), e.on("redo", S(!1)), { on: h, off: v, emit: f };
+}, en = (t) => (e) => e.reduce((n, o) => {
+  const { parsed: i, error: r } = t.parse(o);
+  return r ? {
     parsed: n.parsed,
     failed: [...n.failed, o]
-  } : r ? {
-    parsed: [...n.parsed, r],
+  } : i ? {
+    parsed: [...n.parsed, i],
     failed: n.failed
   } : {
     ...n
   };
-}, { parsed: [], failed: [] }), on = (t, e, n) => {
-  const { store: o, selection: r } = t, i = (l) => {
+}, { parsed: [], failed: [] }), nn = (t, e, n) => {
+  const { store: o, selection: i } = t, r = (l) => {
     if (n) {
-      const { parsed: c, error: m } = n.parse(l);
-      c ? o.addAnnotation(c, N.REMOTE) : console.error(m);
+      const { parsed: s, error: p } = n.parse(l);
+      s ? o.addAnnotation(s, M.REMOTE) : console.error(p);
     } else
-      o.addAnnotation(l, N.REMOTE);
-  }, s = () => r.clear(), a = () => o.clear(), u = (l) => {
-    const c = o.getAnnotation(l);
-    return n && c ? n.serialize(c) : c;
-  }, h = () => n ? o.all().map(n.serialize) : o.all(), g = () => {
+      o.addAnnotation(ft(l), M.REMOTE);
+  }, c = () => i.clear(), a = () => o.clear(), d = (l) => {
+    const s = o.getAnnotation(l);
+    return n && s ? n.serialize(s) : s;
+  }, u = () => n ? o.all().map(n.serialize) : o.all(), g = () => {
     var l;
-    const c = (((l = r.selected) == null ? void 0 : l.map((m) => m.id)) || []).map((m) => o.getAnnotation(m)).filter(Boolean);
-    return n ? c.map(n.serialize) : c;
-  }, d = (l, c = !0) => fetch(l).then((m) => m.json()).then((m) => (f(m, c), m)), b = (l) => {
+    const s = (((l = i.selected) == null ? void 0 : l.map((p) => p.id)) || []).map((p) => o.getAnnotation(p)).filter(Boolean);
+    return n ? s.map(n.serialize) : s;
+  }, h = (l, s = !0) => fetch(l).then((p) => p.json()).then((p) => (f(p, s), p)), v = (l) => {
     if (typeof l == "string") {
-      const c = o.getAnnotation(l);
-      if (o.deleteAnnotation(l), c)
-        return n ? n.serialize(c) : c;
+      const s = o.getAnnotation(l);
+      if (o.deleteAnnotation(l), s)
+        return n ? n.serialize(s) : s;
     } else {
-      const c = n ? n.parse(l).parsed : l;
-      if (c)
-        return o.deleteAnnotation(c), l;
+      const s = n ? n.parse(l).parsed : l;
+      if (s)
+        return o.deleteAnnotation(s), l;
     }
-  }, f = (l, c = !0) => {
+  }, f = (l, s = !0) => {
     if (n) {
-      const { parsed: m, failed: C } = nn(n)(l);
-      C.length > 0 && console.warn(`Discarded ${C.length} invalid annotations`, C), o.bulkAddAnnotation(m, c, N.REMOTE);
+      const p = n.parseAll || en(n), { parsed: x, failed: L } = p(l);
+      L.length > 0 && console.warn(`Discarded ${L.length} invalid annotations`, L), o.bulkAddAnnotation(x, s, M.REMOTE);
     } else
-      o.bulkAddAnnotation(l, c, N.REMOTE);
-  }, x = (l, c) => {
-    l ? r.setSelected(l, c) : r.clear();
-  }, v = (l) => {
-    r.clear(), r.setUserSelectAction(l);
-  }, p = (l) => {
+      o.bulkAddAnnotation(l.map(ft), s, M.REMOTE);
+  }, S = (l, s) => {
+    l ? i.setSelected(l, s) : i.clear();
+  }, y = (l) => {
+    i.clear(), i.setUserSelectAction(l);
+  }, b = (l) => {
     if (n) {
-      const c = n.parse(l).parsed, m = n.serialize(o.getAnnotation(c.id));
-      return o.updateAnnotation(c), m;
+      const s = n.parse(l).parsed, p = n.serialize(o.getAnnotation(s.id));
+      return o.updateAnnotation(s), p;
     } else {
-      const c = o.getAnnotation(l.id);
-      return o.updateAnnotation(l), c;
+      const s = o.getAnnotation(l.id);
+      return o.updateAnnotation(ft(l)), s;
     }
   };
   return {
-    addAnnotation: i,
-    cancelSelected: s,
+    addAnnotation: r,
+    cancelSelected: c,
     canRedo: e.canRedo,
     canUndo: e.canUndo,
     clearAnnotations: a,
-    getAnnotationById: u,
-    getAnnotations: h,
+    getAnnotationById: d,
+    getAnnotations: u,
     getSelected: g,
-    loadAnnotations: d,
+    loadAnnotations: h,
     redo: e.redo,
-    removeAnnotation: b,
+    removeAnnotation: v,
     setAnnotations: f,
-    setSelected: x,
-    setUserSelectAction: v,
+    setSelected: S,
+    setUserSelectAction: y,
     undo: e.undo,
-    updateAnnotation: p
+    updateAnnotation: b
   };
-}, rn = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let sn = (t) => crypto.getRandomValues(new Uint8Array(t)), an = (t, e, n) => {
-  let o = (2 << Math.log(t.length - 1) / Math.LN2) - 1, r = -~(1.6 * o * e / t.length);
-  return (i = e) => {
-    let s = "";
+}, on = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let rn = (t) => crypto.getRandomValues(new Uint8Array(t)), sn = (t, e, n) => {
+  let o = (2 << Math.log(t.length - 1) / Math.LN2) - 1, i = -~(1.6 * o * e / t.length);
+  return (r = e) => {
+    let c = "";
     for (; ; ) {
-      let a = n(r), u = r;
-      for (; u--; )
-        if (s += t[a[u] & o] || "", s.length === i) return s;
+      let a = n(i), d = i;
+      for (; d--; )
+        if (c += t[a[d] & o] || "", c.length === r) return c;
     }
   };
-}, cn = (t, e = 21) => an(t, e, sn), ln = (t = 21) => {
+}, an = (t, e = 21) => sn(t, e, rn), cn = (t = 21) => {
   let e = "", n = crypto.getRandomValues(new Uint8Array(t));
   for (; t--; )
-    e += rn[n[t] & 63];
+    e += on[n[t] & 63];
   return e;
 };
-const dn = () => ({ isGuest: !0, id: cn("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), un = (t) => {
+const ln = () => ({ isGuest: !0, id: an("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), dn = (t) => {
   const e = JSON.stringify(t);
   let n = 0;
-  for (let o = 0, r = e.length; o < r; o++) {
-    let i = e.charCodeAt(o);
-    n = (n << 5) - n + i, n |= 0;
+  for (let o = 0, i = e.length; o < i; o++) {
+    let r = e.charCodeAt(o);
+    n = (n << 5) - n + r, n |= 0;
   }
   return `${n}`;
-}, jt = (t) => t ? typeof t == "object" ? { ...t } : t : void 0, hn = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
-  const { id: o, type: r, purpose: i, value: s, created: a, modified: u, creator: h, ...g } = n;
+}, Ft = (t) => t ? typeof t == "object" ? { ...t } : t : void 0, un = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
+  const { id: o, type: i, purpose: r, value: c, created: a, modified: d, creator: u, ...g } = n;
   return {
-    id: o || `temp-${un(n)}`,
+    id: o || `temp-${dn(n)}`,
     annotation: e,
-    type: r,
-    purpose: i,
-    value: s,
-    creator: jt(h),
+    type: i,
+    purpose: r,
+    value: c,
+    creator: Ft(u),
     created: a ? new Date(a) : void 0,
-    updated: u ? new Date(u) : void 0,
+    updated: d ? new Date(d) : void 0,
     ...g
   };
-}), fn = (t) => t.map((e) => {
+}), hn = (t) => t.map((e) => {
   var n;
-  const { annotation: o, created: r, updated: i, ...s } = e, a = {
-    ...s,
-    created: r == null ? void 0 : r.toISOString(),
-    modified: i == null ? void 0 : i.toISOString()
+  const { annotation: o, created: i, updated: r, ...c } = e, a = {
+    ...c,
+    created: i == null ? void 0 : i.toISOString(),
+    modified: r == null ? void 0 : r.toISOString()
   };
   return (n = a.id) != null && n.startsWith("temp-") && delete a.id, a;
 });
-ln();
-const Vn = (t, e) => ({
-  parse: (n) => mn(n),
-  serialize: (n) => bn(n, t, e)
-}), gn = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, pn = (t) => {
+cn();
+const In = (t, e) => ({
+  parse: (n) => pn(n),
+  serialize: (n) => mn(n, t, e)
+}), fn = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, gn = (t) => {
   const {
     id: e,
     creator: n,
     created: o,
-    modified: r,
-    target: i
-  } = t, s = Array.isArray(i) ? i : [i], a = {
-    creator: jt(n),
+    modified: i,
+    target: r
+  } = t, c = Array.isArray(r) ? r : [r], a = {
+    creator: Ft(n),
     created: o ? new Date(o) : void 0,
-    updated: r ? new Date(r) : void 0,
+    updated: i ? new Date(i) : void 0,
     annotation: e,
     selector: []
   };
-  for (const u of s) {
-    const g = (Array.isArray(u.selector) ? u.selector : [u.selector]).reduce((d, b) => {
-      switch (b.type) {
+  for (const d of c) {
+    const g = (Array.isArray(d.selector) ? d.selector : [d.selector]).reduce((h, v) => {
+      switch (v.type) {
         case "TextQuoteSelector":
-          d.quote = b.exact;
+          h.quote = v.exact;
           break;
         case "TextPositionSelector":
-          d.start = b.start, d.end = b.end;
+          h.start = v.start, h.end = v.end;
           break;
       }
-      return d;
+      return h;
     }, {});
-    if (gn(g))
-      a.selector.push({ id: u.id, ...g });
+    if (fn(g))
+      a.selector.push({ id: d.id, ...g });
     else {
-      const d = [
+      const h = [
         g.start ? void 0 : "TextPositionSelector",
         g.quote ? void 0 : "TextQuoteSelector"
       ].filter(Boolean);
-      return { error: Error(`Missing selector types: ${d.join(" and ")} for annotation: ${t.id}`) };
+      return { error: Error(`Missing selector types: ${h.join(" and ")} for annotation: ${t.id}`) };
     }
   }
   return { parsed: a };
-}, mn = (t) => {
+}, pn = (t) => {
   const e = t.id || Pt(), {
     creator: n,
     created: o,
-    modified: r,
-    body: i,
-    ...s
-  } = t, a = hn(i, e), u = pn(t);
-  return "error" in u ? { error: u.error } : {
+    modified: i,
+    body: r,
+    ...c
+  } = t, a = un(r, e), d = gn(t);
+  return "error" in d ? { error: d.error } : {
     parsed: {
-      ...s,
+      ...c,
       id: e,
       bodies: a,
-      target: u.parsed
+      target: d.parsed
     }
   };
-}, bn = (t, e, n) => {
-  const { bodies: o, target: r, ...i } = t, {
-    selector: s,
+}, mn = (t, e, n) => {
+  const { bodies: o, target: i, ...r } = t, {
+    selector: c,
     creator: a,
-    created: u,
-    updated: h,
+    created: d,
+    updated: u,
     ...g
-  } = r, d = s.map((b) => {
-    const { quote: f, start: x, end: v, range: p } = b, { prefix: l, suffix: c } = ie(p, n), m = [{
+  } = i, h = c.map((v) => {
+    const { quote: f, start: S, end: y, range: b } = v, { prefix: l, suffix: s } = ee(b, n), p = [{
       type: "TextQuoteSelector",
       exact: f,
       prefix: l,
-      suffix: c
+      suffix: s
     }, {
       type: "TextPositionSelector",
-      start: x,
-      end: v
+      start: S,
+      end: y
     }];
     return {
       ...g,
-      id: b.id,
+      id: v.id,
       source: e,
-      selector: m
+      selector: p
     };
   });
   return {
-    ...i,
+    ...r,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: t.id,
     type: "Annotation",
-    body: fn(t.bodies),
+    body: hn(t.bodies),
     creator: a,
-    created: u == null ? void 0 : u.toISOString(),
-    modified: h == null ? void 0 : h.toISOString(),
-    target: d
+    created: d == null ? void 0 : d.toISOString(),
+    modified: u == null ? void 0 : u.toISOString(),
+    target: h
   };
 };
-function Wt(t, e, n = 0, o = t.length - 1, r = vn) {
+function Wt(t, e, n = 0, o = t.length - 1, i = bn) {
   for (; o > n; ) {
     if (o - n > 600) {
-      const u = o - n + 1, h = e - n + 1, g = Math.log(u), d = 0.5 * Math.exp(2 * g / 3), b = 0.5 * Math.sqrt(g * d * (u - d) / u) * (h - u / 2 < 0 ? -1 : 1), f = Math.max(n, Math.floor(e - h * d / u + b)), x = Math.min(o, Math.floor(e + (u - h) * d / u + b));
-      Wt(t, e, f, x, r);
+      const d = o - n + 1, u = e - n + 1, g = Math.log(d), h = 0.5 * Math.exp(2 * g / 3), v = 0.5 * Math.sqrt(g * h * (d - h) / d) * (u - d / 2 < 0 ? -1 : 1), f = Math.max(n, Math.floor(e - u * h / d + v)), S = Math.min(o, Math.floor(e + (d - u) * h / d + v));
+      Wt(t, e, f, S, i);
     }
-    const i = t[e];
-    let s = n, a = o;
-    for (q(t, n, e), r(t[o], i) > 0 && q(t, n, o); s < a; ) {
-      for (q(t, s, a), s++, a--; r(t[s], i) < 0; ) s++;
-      for (; r(t[a], i) > 0; ) a--;
+    const r = t[e];
+    let c = n, a = o;
+    for (q(t, n, e), i(t[o], r) > 0 && q(t, n, o); c < a; ) {
+      for (q(t, c, a), c++, a--; i(t[c], r) < 0; ) c++;
+      for (; i(t[a], r) > 0; ) a--;
     }
-    r(t[n], i) === 0 ? q(t, n, a) : (a++, q(t, a, o)), a <= e && (n = a + 1), e <= a && (o = a - 1);
+    i(t[n], r) === 0 ? q(t, n, a) : (a++, q(t, a, o)), a <= e && (n = a + 1), e <= a && (o = a - 1);
   }
 }
 function q(t, e, n) {
   const o = t[e];
   t[e] = t[n], t[n] = o;
 }
-function vn(t, e) {
+function bn(t, e) {
   return t < e ? -1 : t > e ? 1 : 0;
 }
-class yn {
+class vn {
   constructor(e = 9) {
     this._maxEntries = Math.max(4, e), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
   }
@@ -1341,13 +1341,13 @@ class yn {
     let n = this.data;
     const o = [];
     if (!ot(e, n)) return o;
-    const r = this.toBBox, i = [];
+    const i = this.toBBox, r = [];
     for (; n; ) {
-      for (let s = 0; s < n.children.length; s++) {
-        const a = n.children[s], u = n.leaf ? r(a) : a;
-        ot(e, u) && (n.leaf ? o.push(a) : pt(e, u) ? this._all(a, o) : i.push(a));
+      for (let c = 0; c < n.children.length; c++) {
+        const a = n.children[c], d = n.leaf ? i(a) : a;
+        ot(e, d) && (n.leaf ? o.push(a) : mt(e, d) ? this._all(a, o) : r.push(a));
       }
-      n = i.pop();
+      n = r.pop();
     }
     return o;
   }
@@ -1356,11 +1356,11 @@ class yn {
     if (!ot(e, n)) return !1;
     const o = [];
     for (; n; ) {
-      for (let r = 0; r < n.children.length; r++) {
-        const i = n.children[r], s = n.leaf ? this.toBBox(i) : i;
-        if (ot(e, s)) {
-          if (n.leaf || pt(e, s)) return !0;
-          o.push(i);
+      for (let i = 0; i < n.children.length; i++) {
+        const r = n.children[i], c = n.leaf ? this.toBBox(r) : r;
+        if (ot(e, c)) {
+          if (n.leaf || mt(e, c)) return !0;
+          o.push(r);
         }
       }
       n = o.pop();
@@ -1397,15 +1397,15 @@ class yn {
   remove(e, n) {
     if (!e) return this;
     let o = this.data;
-    const r = this.toBBox(e), i = [], s = [];
-    let a, u, h;
-    for (; o || i.length; ) {
-      if (o || (o = i.pop(), u = i[i.length - 1], a = s.pop(), h = !0), o.leaf) {
-        const g = wn(e, o.children, n);
+    const i = this.toBBox(e), r = [], c = [];
+    let a, d, u;
+    for (; o || r.length; ) {
+      if (o || (o = r.pop(), d = r[r.length - 1], a = c.pop(), u = !0), o.leaf) {
+        const g = yn(e, o.children, n);
         if (g !== -1)
-          return o.children.splice(g, 1), i.push(o), this._condense(i), this;
+          return o.children.splice(g, 1), r.push(o), this._condense(r), this;
       }
-      !h && !o.leaf && pt(o, r) ? (i.push(o), s.push(a), a = 0, u = o, o = o.children[0]) : u ? (a++, o = u.children[a], h = !1) : o = null;
+      !u && !o.leaf && mt(o, i) ? (r.push(o), c.push(a), a = 0, d = o, o = o.children[0]) : d ? (a++, o = d.children[a], u = !1) : o = null;
     }
     return this;
   }
@@ -1430,128 +1430,128 @@ class yn {
       e.leaf ? n.push(...e.children) : o.push(...e.children), e = o.pop();
     return n;
   }
-  _build(e, n, o, r) {
-    const i = o - n + 1;
-    let s = this._maxEntries, a;
-    if (i <= s)
-      return a = W(e.slice(n, o + 1)), j(a, this.toBBox), a;
-    r || (r = Math.ceil(Math.log(i) / Math.log(s)), s = Math.ceil(i / Math.pow(s, r - 1))), a = W([]), a.leaf = !1, a.height = r;
-    const u = Math.ceil(i / s), h = u * Math.ceil(Math.sqrt(s));
-    _t(e, n, o, h, this.compareMinX);
-    for (let g = n; g <= o; g += h) {
-      const d = Math.min(g + h - 1, o);
-      _t(e, g, d, u, this.compareMinY);
-      for (let b = g; b <= d; b += u) {
-        const f = Math.min(b + u - 1, d);
-        a.children.push(this._build(e, b, f, r - 1));
+  _build(e, n, o, i) {
+    const r = o - n + 1;
+    let c = this._maxEntries, a;
+    if (r <= c)
+      return a = W(e.slice(n, o + 1)), F(a, this.toBBox), a;
+    i || (i = Math.ceil(Math.log(r) / Math.log(c)), c = Math.ceil(r / Math.pow(c, i - 1))), a = W([]), a.leaf = !1, a.height = i;
+    const d = Math.ceil(r / c), u = d * Math.ceil(Math.sqrt(c));
+    Vt(e, n, o, u, this.compareMinX);
+    for (let g = n; g <= o; g += u) {
+      const h = Math.min(g + u - 1, o);
+      Vt(e, g, h, d, this.compareMinY);
+      for (let v = g; v <= h; v += d) {
+        const f = Math.min(v + d - 1, h);
+        a.children.push(this._build(e, v, f, i - 1));
       }
     }
-    return j(a, this.toBBox), a;
+    return F(a, this.toBBox), a;
   }
-  _chooseSubtree(e, n, o, r) {
-    for (; r.push(n), !(n.leaf || r.length - 1 === o); ) {
-      let i = 1 / 0, s = 1 / 0, a;
-      for (let u = 0; u < n.children.length; u++) {
-        const h = n.children[u], g = gt(h), d = Sn(e, h) - g;
-        d < s ? (s = d, i = g < i ? g : i, a = h) : d === s && g < i && (i = g, a = h);
+  _chooseSubtree(e, n, o, i) {
+    for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
+      let r = 1 / 0, c = 1 / 0, a;
+      for (let d = 0; d < n.children.length; d++) {
+        const u = n.children[d], g = pt(u), h = xn(e, u) - g;
+        h < c ? (c = h, r = g < r ? g : r, a = u) : h === c && g < r && (r = g, a = u);
       }
       n = a || n.children[0];
     }
     return n;
   }
   _insert(e, n, o) {
-    const r = o ? e : this.toBBox(e), i = [], s = this._chooseSubtree(r, this.data, n, i);
-    for (s.children.push(e), K(s, r); n >= 0 && i[n].children.length > this._maxEntries; )
-      this._split(i, n), n--;
-    this._adjustParentBBoxes(r, i, n);
+    const i = o ? e : this.toBBox(e), r = [], c = this._chooseSubtree(i, this.data, n, r);
+    for (c.children.push(e), K(c, i); n >= 0 && r[n].children.length > this._maxEntries; )
+      this._split(r, n), n--;
+    this._adjustParentBBoxes(i, r, n);
   }
   // split overflowed node into two
   _split(e, n) {
-    const o = e[n], r = o.children.length, i = this._minEntries;
-    this._chooseSplitAxis(o, i, r);
-    const s = this._chooseSplitIndex(o, i, r), a = W(o.children.splice(s, o.children.length - s));
-    a.height = o.height, a.leaf = o.leaf, j(o, this.toBBox), j(a, this.toBBox), n ? e[n - 1].children.push(a) : this._splitRoot(o, a);
+    const o = e[n], i = o.children.length, r = this._minEntries;
+    this._chooseSplitAxis(o, r, i);
+    const c = this._chooseSplitIndex(o, r, i), a = W(o.children.splice(c, o.children.length - c));
+    a.height = o.height, a.leaf = o.leaf, F(o, this.toBBox), F(a, this.toBBox), n ? e[n - 1].children.push(a) : this._splitRoot(o, a);
   }
   _splitRoot(e, n) {
-    this.data = W([e, n]), this.data.height = e.height + 1, this.data.leaf = !1, j(this.data, this.toBBox);
+    this.data = W([e, n]), this.data.height = e.height + 1, this.data.leaf = !1, F(this.data, this.toBBox);
   }
   _chooseSplitIndex(e, n, o) {
-    let r, i = 1 / 0, s = 1 / 0;
+    let i, r = 1 / 0, c = 1 / 0;
     for (let a = n; a <= o - n; a++) {
-      const u = G(e, 0, a, this.toBBox), h = G(e, a, o, this.toBBox), g = En(u, h), d = gt(u) + gt(h);
-      g < i ? (i = g, r = a, s = d < s ? d : s) : g === i && d < s && (s = d, r = a);
+      const d = G(e, 0, a, this.toBBox), u = G(e, a, o, this.toBBox), g = Sn(d, u), h = pt(d) + pt(u);
+      g < r ? (r = g, i = a, c = h < c ? h : c) : g === r && h < c && (c = h, i = a);
     }
-    return r || o - n;
+    return i || o - n;
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(e, n, o) {
-    const r = e.leaf ? this.compareMinX : An, i = e.leaf ? this.compareMinY : xn, s = this._allDistMargin(e, n, o, r), a = this._allDistMargin(e, n, o, i);
-    s < a && e.children.sort(r);
+    const i = e.leaf ? this.compareMinX : wn, r = e.leaf ? this.compareMinY : An, c = this._allDistMargin(e, n, o, i), a = this._allDistMargin(e, n, o, r);
+    c < a && e.children.sort(i);
   }
   // total margin of all possible split distributions where each node is at least m full
-  _allDistMargin(e, n, o, r) {
-    e.children.sort(r);
-    const i = this.toBBox, s = G(e, 0, n, i), a = G(e, o - n, o, i);
-    let u = nt(s) + nt(a);
-    for (let h = n; h < o - n; h++) {
-      const g = e.children[h];
-      K(s, e.leaf ? i(g) : g), u += nt(s);
+  _allDistMargin(e, n, o, i) {
+    e.children.sort(i);
+    const r = this.toBBox, c = G(e, 0, n, r), a = G(e, o - n, o, r);
+    let d = nt(c) + nt(a);
+    for (let u = n; u < o - n; u++) {
+      const g = e.children[u];
+      K(c, e.leaf ? r(g) : g), d += nt(c);
     }
-    for (let h = o - n - 1; h >= n; h--) {
-      const g = e.children[h];
-      K(a, e.leaf ? i(g) : g), u += nt(a);
+    for (let u = o - n - 1; u >= n; u--) {
+      const g = e.children[u];
+      K(a, e.leaf ? r(g) : g), d += nt(a);
     }
-    return u;
+    return d;
   }
   _adjustParentBBoxes(e, n, o) {
-    for (let r = o; r >= 0; r--)
-      K(n[r], e);
+    for (let i = o; i >= 0; i--)
+      K(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() : j(e[n], this.toBBox);
+      e[n].children.length === 0 ? n > 0 ? (o = e[n - 1].children, o.splice(o.indexOf(e[n]), 1)) : this.clear() : F(e[n], this.toBBox);
   }
 }
-function wn(t, e, n) {
+function yn(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 j(t, e) {
+function F(t, e) {
   G(t, 0, t.children.length, e, t);
 }
-function G(t, e, n, o, r) {
-  r || (r = W(null)), r.minX = 1 / 0, r.minY = 1 / 0, r.maxX = -1 / 0, r.maxY = -1 / 0;
-  for (let i = e; i < n; i++) {
-    const s = t.children[i];
-    K(r, t.leaf ? o(s) : s);
+function G(t, e, n, o, i) {
+  i || (i = W(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
+  for (let r = e; r < n; r++) {
+    const c = t.children[r];
+    K(i, t.leaf ? o(c) : c);
   }
-  return r;
+  return i;
 }
 function K(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 An(t, e) {
+function wn(t, e) {
   return t.minX - e.minX;
 }
-function xn(t, e) {
+function An(t, e) {
   return t.minY - e.minY;
 }
-function gt(t) {
+function pt(t) {
   return (t.maxX - t.minX) * (t.maxY - t.minY);
 }
 function nt(t) {
   return t.maxX - t.minX + (t.maxY - t.minY);
 }
-function Sn(t, e) {
+function xn(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 En(t, e) {
-  const n = Math.max(t.minX, e.minX), o = Math.max(t.minY, e.minY), r = Math.min(t.maxX, e.maxX), i = Math.min(t.maxY, e.maxY);
-  return Math.max(0, r - n) * Math.max(0, i - o);
+function Sn(t, e) {
+  const n = Math.max(t.minX, e.minX), o = Math.max(t.minY, e.minY), i = Math.min(t.maxX, e.maxX), r = Math.min(t.maxY, e.maxY);
+  return Math.max(0, i - n) * Math.max(0, r - o);
 }
-function pt(t, e) {
+function mt(t, e) {
   return t.minX <= e.minX && t.minY <= e.minY && e.maxX <= t.maxX && e.maxY <= t.maxY;
 }
 function ot(t, e) {
@@ -1568,347 +1568,326 @@ function W(t) {
     maxY: -1 / 0
   };
 }
-function _t(t, e, n, o, r) {
-  const i = [e, n];
-  for (; i.length; ) {
-    if (n = i.pop(), e = i.pop(), n - e <= o) continue;
-    const s = e + Math.ceil((n - e) / o / 2) * o;
-    Wt(t, s, e, n, r), i.push(e, s, s, n);
+function Vt(t, e, n, o, i) {
+  const r = [e, n];
+  for (; r.length; ) {
+    if (n = r.pop(), e = r.pop(), n - e <= o) continue;
+    const c = e + Math.ceil((n - e) / o / 2) * o;
+    Wt(t, c, e, n, i), r.push(e, c, c, n);
   }
 }
-const Cn = (t, e) => {
-  const n = new yn(), o = /* @__PURE__ */ new Map(), r = (l, c) => {
-    const m = l.selector.flatMap((L) => {
-      const S = H([L]) ? L.range : Xt(L, e).range;
-      return Array.from(S.getClientRects());
-    }), C = le(m).map(({ left: L, top: S, right: T, bottom: B }) => new DOMRect(L - c.left, S - c.top, T - L, B - S));
-    return C.map((L) => {
-      const { x: S, y: T, width: B, height: I } = L;
+const En = (t, e) => {
+  const n = new vn(), o = /* @__PURE__ */ new Map(), i = (l, s) => {
+    const p = l.selector.flatMap((L) => {
+      const E = H([L]) ? L.range : _t(L, e).range;
+      return Array.from(E.getClientRects());
+    }), x = se(p).map(({ left: L, top: E, right: T, bottom: R }) => new DOMRect(L - s.left, E - s.top, T - L, R - E));
+    return x.map((L) => {
+      const { x: E, y: T, width: R, height: I } = L;
       return {
-        minX: S,
+        minX: E,
         minY: T,
-        maxX: S + B,
+        maxX: E + R,
         maxY: T + I,
         annotation: {
           id: l.annotation,
-          rects: C
+          rects: x
         }
       };
     });
-  }, i = () => [...o.values()], s = () => {
+  }, r = () => [...o.values()], c = () => {
     n.clear(), o.clear();
   }, a = (l) => {
-    const c = r(l, e.getBoundingClientRect());
-    c.forEach((m) => n.insert(m)), o.set(l.annotation, c);
+    const s = i(l, e.getBoundingClientRect());
+    s.forEach((p) => n.insert(p)), o.set(l.annotation, s);
+  }, d = (l) => {
+    const s = o.get(l.annotation);
+    s && (s.forEach((p) => n.remove(p)), o.delete(l.annotation));
   }, u = (l) => {
-    const c = o.get(l.annotation);
-    c && (c.forEach((m) => n.remove(m)), o.delete(l.annotation));
-  }, h = (l) => {
-    u(l), a(l);
-  }, g = (l, c = !0) => {
-    c && s();
-    const m = e.getBoundingClientRect(), C = l.map((S) => ({ target: S, rects: r(S, m) }));
-    C.forEach(({ target: S, rects: T }) => o.set(S.annotation, T));
-    const L = C.flatMap(({ rects: S }) => S);
+    d(l), a(l);
+  }, g = (l, s = !0) => {
+    s && c();
+    const p = e.getBoundingClientRect(), x = l.map((E) => ({ target: E, rects: i(E, p) }));
+    x.forEach(({ target: E, rects: T }) => o.set(E.annotation, T));
+    const L = x.flatMap(({ rects: E }) => E);
     n.load(L);
-  }, d = (l, c, m = !1) => {
-    const C = n.search({
+  }, h = (l, s, p = !1) => {
+    const x = n.search({
       minX: l,
-      minY: c,
+      minY: s,
       maxX: l,
-      maxY: c
-    }), L = (S) => S.annotation.rects.reduce((T, B) => T + B.width * B.height, 0);
-    return C.length > 0 ? (C.sort((S, T) => L(S) - L(T)), m ? C.map((S) => S.annotation.id) : [C[0].annotation.id]) : [];
-  }, b = (l) => {
-    const c = f(l);
-    if (c.length === 0)
+      maxY: s
+    }), L = (E) => E.annotation.rects.reduce((T, R) => T + R.width * R.height, 0);
+    return x.length > 0 ? (x.sort((E, T) => L(E) - L(T)), p ? x.map((E) => E.annotation.id) : [x[0].annotation.id]) : [];
+  }, v = (l) => {
+    const s = f(l);
+    if (s.length === 0)
       return;
-    let m = c[0].left, C = c[0].top, L = c[0].right, S = c[0].bottom;
-    for (let T = 1; T < c.length; T++) {
-      const B = c[T];
-      m = Math.min(m, B.left), C = Math.min(C, B.top), L = Math.max(L, B.right), S = Math.max(S, B.bottom);
+    let p = s[0].left, x = s[0].top, L = s[0].right, E = s[0].bottom;
+    for (let T = 1; T < s.length; T++) {
+      const R = s[T];
+      p = Math.min(p, R.left), x = Math.min(x, R.top), L = Math.max(L, R.right), E = Math.max(E, R.bottom);
     }
-    return new DOMRect(m, C, L - m, S - C);
+    return new DOMRect(p, x, L - p, E - x);
   }, f = (l) => {
-    const c = o.get(l);
-    return c ? c[0].annotation.rects : [];
+    const s = o.get(l);
+    return s ? s[0].annotation.rects : [];
   };
   return {
-    all: i,
-    clear: s,
-    getAt: d,
-    getAnnotationBounds: b,
+    all: r,
+    clear: c,
+    getAt: h,
+    getAnnotationBounds: v,
     getAnnotationRects: f,
-    getIntersecting: (l, c, m, C) => {
-      const L = n.search({ minX: l, minY: c, maxX: m, maxY: C }), S = new Set(L.map((T) => T.annotation.id));
-      return Array.from(S).map((T) => ({
+    getIntersecting: (l, s, p, x) => {
+      const L = n.search({ minX: l, minY: s, maxX: p, maxY: x }), E = new Set(L.map((T) => T.annotation.id));
+      return Array.from(E).map((T) => ({
         annotation: t.getAnnotation(T),
         rects: f(T)
       })).filter((T) => !!T.annotation);
     },
     insert: a,
     recalculate: () => g(t.all().map((l) => l.target), !0),
-    remove: u,
+    remove: d,
     set: g,
     size: () => n.all().length,
-    update: h
+    update: u
   };
-}, Ln = (t, e) => {
-  const n = Ke(), o = Cn(n, t), r = Ye(n);
-  r.setUserSelectAction(e);
-  const i = _e(n), s = tn(), a = (v, p = N.LOCAL) => {
-    const l = st(v, t), c = H(l.target.selector);
-    return c && n.addAnnotation(l, p), c;
-  }, u = (v, p = !0, l = N.LOCAL) => {
-    const c = v.map((C) => st(C, t)), m = c.filter((C) => !H(C.target.selector));
-    return m.length > 0 ? (console.warn("Could not revive all targets for these annotations:", m), n.bulkAddAnnotation(c, p, l), m) : (n.bulkAddAnnotation(c, p, l), []);
-  }, h = (v, p = N.LOCAL) => {
-    const l = v.map((m) => st(m, t)), c = l.filter((m) => !H(m.target.selector));
-    return c.length > 0 && console.warn("Could not revive all targets for these annotations:", c), l.forEach((m) => {
-      n.getAnnotation(m.id) ? n.updateAnnotation(m, p) : n.addAnnotation(m, p);
-    }), c;
-  }, g = (v, p = N.LOCAL) => {
-    const l = it(v, t);
-    n.updateTarget(l, p);
-  }, d = (v, p = N.LOCAL) => {
-    const l = v.map((c) => it(c, t));
-    n.bulkUpdateTargets(l, p);
-  }, b = (v, p, l) => {
-    const c = o.getAt(v, p, !!l).map((C) => n.getAnnotation(C)), m = l ? c.filter(l) : c;
-    return m.length > 0 ? m[0] : void 0;
-  }, f = (v, p, l, c = 5) => {
-    const m = o.getAnnotationRects(v);
-    if (m.length !== 0) {
-      if (p && l) {
-        const C = m.find(({ top: L, right: S, bottom: T, left: B }) => p >= B - c && p <= S + c && l >= L - c && l <= T + c);
-        if (C) return C;
+}, Cn = (t, e) => {
+  const n = Ge(), o = En(n, t), i = ke(n);
+  i.setUserSelectAction(e);
+  const r = Ve(n), c = Ze(), a = (b, l = M.LOCAL) => {
+    const s = st(b, t), p = H(s.target.selector);
+    return p && n.addAnnotation(s, l), p;
+  }, d = (b, l = !0, s = M.LOCAL) => {
+    const p = b.map((L) => st(L, t)), x = p.filter((L) => !H(L.target.selector));
+    return x.length > 0 ? (console.warn("Could not revive all targets for these annotations:", x), n.bulkAddAnnotation(p, l, s), x) : (n.bulkAddAnnotation(p, l, s), []);
+  }, u = (b, l = M.LOCAL) => {
+    const s = b.map((x) => st(x, t)), p = s.filter((x) => !H(x.target.selector));
+    return p.length > 0 && console.warn("Could not revive all targets for these annotations:", p), s.forEach((x) => {
+      n.getAnnotation(x.id) ? n.updateAnnotation(x, l) : n.addAnnotation(x, l);
+    }), p;
+  }, g = (b, l = M.LOCAL) => {
+    const s = it(b, t);
+    n.updateTarget(s, l);
+  }, h = (b, l = M.LOCAL) => {
+    const s = b.map((p) => it(p, t));
+    n.bulkUpdateTargets(s, l);
+  }, v = (b, l, s) => {
+    const p = o.getAt(b, l, !!s).map((L) => n.getAnnotation(L)), x = s ? p.filter(s) : p;
+    return x.length > 0 ? x[0] : void 0;
+  }, f = (b, l, s, p = 5) => {
+    const x = o.getAnnotationRects(b);
+    if (x.length !== 0) {
+      if (l && s) {
+        const L = x.find(({ top: E, right: T, bottom: R, left: I }) => l >= I - p && l <= T + p && s >= E - p && s <= R + p);
+        if (L) return L;
       }
-      return o.getAnnotationBounds(v);
+      return o.getAnnotationBounds(b);
     }
-  }, x = () => o.recalculate();
-  return n.observe(({ changes: v }) => {
-    const p = (v.deleted || []).filter((m) => H(m.target.selector)), l = (v.created || []).filter((m) => H(m.target.selector)), c = (v.updated || []).filter((m) => H(m.newValue.target.selector));
-    (p == null ? void 0 : p.length) > 0 && p.forEach((m) => o.remove(m.target)), l.length > 0 && o.set(l.map((m) => m.target), !1), (c == null ? void 0 : c.length) > 0 && c.forEach(({ newValue: m }) => o.update(m.target));
+  }, S = (b) => o.getAnnotationRects(b), y = () => o.recalculate();
+  return n.observe(({ changes: b }) => {
+    const l = (b.deleted || []).filter((x) => H(x.target.selector)), s = (b.created || []).filter((x) => H(x.target.selector)), p = (b.updated || []).filter((x) => H(x.newValue.target.selector));
+    (l == null ? void 0 : l.length) > 0 && l.forEach((x) => o.remove(x.target)), s.length > 0 && o.set(s.map((x) => x.target), !1), (p == null ? void 0 : p.length) > 0 && p.forEach(({ newValue: x }) => o.update(x.target));
   }), {
     store: {
       ...n,
       addAnnotation: a,
-      bulkAddAnnotation: u,
-      bulkUpdateTargets: d,
-      bulkUpsertAnnotations: h,
+      bulkAddAnnotation: d,
+      bulkUpdateTargets: h,
+      bulkUpsertAnnotations: u,
       getAnnotationBounds: f,
-      getAt: b,
+      getAnnotationRects: S,
+      getAt: v,
       getIntersecting: o.getIntersecting,
-      recalculatePositions: x,
+      recalculatePositions: y,
       updateTarget: g
     },
-    selection: r,
-    hover: i,
-    viewport: s
+    selection: i,
+    hover: r,
+    viewport: c
   };
-}, Tn = () => {
+}, Ln = () => {
   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;
-}, Bn = (t, e, n = {}) => {
-  const o = Tn(), r = o.getContext("2d");
-  document.body.appendChild(o);
-  const i = /* @__PURE__ */ new Map(), s = (d) => Array.from(i.entries()).filter(([b, f]) => f.presenceKey === d.presenceKey).map(([b, f]) => b);
-  return e.on("selectionChange", (d, b) => {
-    s(d).forEach((x) => i.delete(x)), b && b.forEach((x) => i.set(x, d));
+}, Tn = (t, e = {}) => {
+  const n = Ln(), o = n.getContext("2d");
+  document.body.appendChild(n);
+  const i = /* @__PURE__ */ new Map(), r = (g) => Array.from(i.entries()).filter(([h, v]) => v.presenceKey === g.presenceKey).map(([h, v]) => h);
+  return t.on("selectionChange", (g, h) => {
+    r(g).forEach((f) => i.delete(f)), h && h.forEach((f) => i.set(f, g));
   }), {
     clear: () => {
-      const { width: d, height: b } = o;
-      r.clearRect(-0.5, -0.5, d + 1, b + 1);
+      const { width: g, height: h } = n;
+      o.clearRect(-0.5, -0.5, g + 1, h + 1);
     },
     destroy: () => {
-      o.remove();
+      n.remove();
     },
-    paint: (d, b, f) => {
-      n.font && (r.font = n.font);
-      const x = i.get(d.annotation.id);
-      if (x) {
-        const { height: v } = d.rects[0], p = d.rects[0].x + b.left, l = d.rects[0].y + b.top;
-        r.fillStyle = x.appearance.color, r.fillRect(p - 2, l - 2.5, 2, v + 5);
-        const c = r.measureText(x.appearance.label), m = c.width + 6, C = c.actualBoundingBoxAscent + c.actualBoundingBoxDescent + 8, L = c.fontBoundingBoxAscent ? 8 : 6.5;
-        return r.fillRect(p - 2, l - 2.5 - C, m, C), r.fillStyle = "#fff", r.fillText(x.appearance.label, p + 1, l - L), {
-          fill: x.appearance.color,
-          fillOpacity: f ? 0.45 : 0.18
+    paint: (g, h, v) => {
+      e.font && (o.font = e.font);
+      const f = i.get(g.annotation.id);
+      if (f) {
+        const { height: S } = g.rects[0], y = g.rects[0].x + h.left, b = g.rects[0].y + h.top;
+        o.fillStyle = f.appearance.color, o.fillRect(y - 2, b - 2.5, 2, S + 5);
+        const l = o.measureText(f.appearance.label), s = l.width + 6, p = l.actualBoundingBoxAscent + l.actualBoundingBoxDescent + 8, x = l.fontBoundingBoxAscent ? 8 : 6.5;
+        return o.fillRect(y - 2, b - 2.5 - p, s, p), o.fillStyle = "#fff", o.fillText(f.appearance.label, y + 1, b - x), {
+          fill: f.appearance.color,
+          fillOpacity: v ? 0.45 : 0.18
         };
       }
     },
     reset: () => {
-      o.width = 2 * window.innerWidth, o.height = 2 * window.innerHeight;
-      const d = o.getContext("2d");
-      d.scale(2, 2), d.translate(0.5, 0.5);
+      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);
     }
   };
-}, qt = (t) => {
-  if (t === null)
-    return document.scrollingElement;
-  const { overflowY: e } = window.getComputedStyle(t);
-  return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : qt(t.parentElement);
-}, Rn = (t, e) => (n) => {
-  const o = typeof n == "string" ? n : n.id, r = (s) => {
-    const a = i.getBoundingClientRect(), u = i.clientHeight, h = i.clientWidth, g = s.selector[0].range.getBoundingClientRect(), { width: d, height: b } = e.getAnnotationBounds(o), f = g.top - a.top, x = g.left - a.left, v = i.parentElement ? i.scrollTop : 0, p = i.parentElement ? i.scrollLeft : 0, l = f + v - (u - b) / 2, c = x + p - (h - d) / 2;
-    i.scroll({ top: l, left: c, behavior: "smooth" });
-  }, i = qt(t);
-  if (i) {
-    const s = e.getAnnotation(o), { range: a } = s.target.selector[0];
-    if (a && !a.collapsed)
-      return r(s.target), !0;
-    {
-      const u = it(s.target, t), { range: h } = u.selector[0];
-      if (h && !h.collapsed)
-        return r(u), !0;
-    }
-  }
-  return !1;
-}, Nn = (t, e) => ({
-  ...t,
-  annotatingEnabled: t.annotatingEnabled ?? e.annotatingEnabled,
-  user: t.user || e.user
-}), On = (t, e, n, o) => {
-  let r;
-  const i = (c) => r = c;
-  let s;
-  const a = (c) => s = c, { store: u, selection: h } = e;
-  let g, d = !1, b;
-  const f = (c) => {
-    var C;
-    if (!d) return;
-    !((C = c.target.parentElement) != null && C.closest(k)) ? g = {
+}, Rn = (t, e, n, o) => {
+  let i;
+  const r = (s) => i = s;
+  let c;
+  const a = (s) => c = s, { store: d, selection: u } = e;
+  let g, h = !1, v;
+  const f = (s) => {
+    var x;
+    if (!h) return;
+    !((x = s.target.parentElement) != null && x.closest(X)) ? g = {
       annotation: Pt(),
       selector: [],
-      creator: r,
+      creator: i,
       created: /* @__PURE__ */ new Date()
     } : g = void 0;
-  };
-  n && t.addEventListener("selectstart", f);
-  const x = vt((c) => {
-    var y, A;
-    const m = document.getSelection();
-    if (!!((A = (y = m.anchorNode) == null ? void 0 : y.parentElement) != null && A.closest(k))) {
+  }, S = yt((s) => {
+    var m, A;
+    const p = document.getSelection();
+    if (!!((A = (m = p.anchorNode) == null ? void 0 : m.parentElement) != null && A.closest(X))) {
       g = void 0;
       return;
     }
-    if (c.timeStamp - ((b == null ? void 0 : b.timeStamp) || c.timeStamp) < 1e3 && !g && f(b), m.isCollapsed || !d || !g) return;
-    const S = m.getRangeAt(0), T = ue(S, t);
-    if (ae(T)) return;
-    const B = ee(T.cloneRange());
-    (B.length !== g.selector.length || B.some((w, E) => {
+    if (s.timeStamp - ((v == null ? void 0 : v.timeStamp) || s.timeStamp) < 1e3 && !g && f(v), p.isCollapsed || !h || !g) return;
+    const E = p.getRangeAt(0), T = ce(E, t);
+    if (oe(T)) return;
+    const R = Zt(T.cloneRange());
+    (R.length !== g.selector.length || R.some((w, C) => {
       var O;
-      return w.toString() !== ((O = g.selector[E]) == null ? void 0 : O.quote);
+      return w.toString() !== ((O = g.selector[C]) == null ? void 0 : O.quote);
     })) && (g = {
       ...g,
-      selector: B.map((w) => de(w, t, o)),
+      selector: R.map((w) => ae(w, t, o)),
       updated: /* @__PURE__ */ new Date()
-    }, u.getAnnotation(g.annotation) ? u.updateTarget(g, N.LOCAL) : (h.clear(), u.addAnnotation({
+    }, d.getAnnotation(g.annotation) ? d.updateTarget(g, M.LOCAL) : (u.clear(), d.addAnnotation({
       id: g.annotation,
       bodies: [],
       target: g
-    }), h.userSelect(g.annotation, b)));
-  });
-  n && document.addEventListener("selectionchange", x);
-  const v = (c) => {
-    const { target: m, timeStamp: C, offsetX: L, offsetY: S, type: T } = c;
-    b = { ...c, target: m, timeStamp: C, offsetX: L, offsetY: S, type: T }, d = c.button === 0;
-  };
-  document.addEventListener("pointerdown", v);
-  const p = (c) => {
-    var S;
-    if (!!((S = c.target.parentElement) != null && S.closest(k)) || !d)
+    }), u.userSelect(g.annotation, v)));
+  }), y = (s) => {
+    const { target: p, timeStamp: x, offsetX: L, offsetY: E, type: T } = s;
+    v = { ...s, target: p, timeStamp: x, offsetX: L, offsetY: E, type: T }, h = s.button === 0;
+  }, b = (s) => {
+    var E;
+    if (!!((E = s.target.parentElement) != null && E.closest(X)) || !h)
       return;
-    const C = () => {
-      const { x: T, y: B } = t.getBoundingClientRect(), I = c.target instanceof Node && t.contains(c.target) && u.getAt(c.clientX - T, c.clientY - B, s);
+    const x = () => {
+      const { x: T, y: R } = t.getBoundingClientRect(), I = s.target instanceof Node && t.contains(s.target) && d.getAt(s.clientX - T, s.clientY - R, c);
       if (I) {
-        const { selected: y } = h;
-        (y.length !== 1 || y[0].id !== I.id) && h.userSelect(I.id, c);
-      } else h.isEmpty() || h.clear();
-    }, L = c.timeStamp - b.timeStamp;
-    document.getSelection().isCollapsed && L < 300 ? (g = void 0, C()) : g && h.userSelect(g.annotation, c);
+        const { selected: m } = u;
+        (m.length !== 1 || m[0].id !== I.id) && u.userSelect(I.id, s);
+      } else u.isEmpty() || u.clear();
+    }, L = s.timeStamp - v.timeStamp;
+    setTimeout(() => {
+      const T = document.getSelection();
+      T != null && T.isCollapsed && L < 300 ? (g = void 0, x()) : g && u.userSelect(g.annotation, s);
+    });
   };
-  return document.addEventListener("pointerup", p), {
+  return t.addEventListener("pointerdown", y), document.addEventListener("pointerup", b), n && (t.addEventListener("selectstart", f), document.addEventListener("selectionchange", S)), {
     destroy: () => {
-      t.removeEventListener("selectstart", f), document.removeEventListener("selectionchange", x), document.removeEventListener("pointerdown", v), document.removeEventListener("pointerup", p);
+      t.removeEventListener("pointerdown", y), document.removeEventListener("pointerup", b), t.removeEventListener("selectstart", f), document.removeEventListener("selectionchange", S);
     },
     setFilter: a,
-    setUser: i
+    setUser: r
   };
-}, Dt = "SPANS", _n = (t, e = {}) => {
-  ne(t);
-  const n = Nn(e, {
+}, Bn = (t, e) => ({
+  ...t,
+  annotatingEnabled: t.annotatingEnabled ?? e.annotatingEnabled,
+  user: t.user || e.user
+}), Dt = "SPANS", Nn = (t, e = {}) => {
+  te(t);
+  const n = Bn(e, {
     annotatingEnabled: !0,
-    user: dn()
-  }), o = Ln(t, n.userSelectAction), { selection: r, viewport: i } = o, s = o.store, a = Ze(s), u = en(o, a, n.adapter);
-  let h = n.user;
-  const g = n.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : Dt : n.renderer || Dt, d = g === "SPANS" ? Ne(t, o, i) : g === "CSS_HIGHLIGHTS" ? Te(t, o, i) : g === "CANVAS" ? be(t, o, i) : void 0;
-  if (!d)
+    user: ln()
+  }), o = Cn(t, n.userSelectAction), { selection: i, viewport: r } = o, c = o.store, a = Je(c), d = tn(o, a, n.adapter);
+  let u = n.user;
+  const g = n.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : Dt : n.renderer || Dt, h = g === "SPANS" ? Be(t, o, r) : g === "CSS_HIGHLIGHTS" ? Le(t, o, r) : g === "CANVAS" ? me(t, o, r) : void 0;
+  if (!h)
     throw `Unknown renderer implementation: ${g}`;
-  console.debug(`Using ${g} renderer`), n.style && d.setStyle(n.style);
-  const b = On(t, o, n.annotatingEnabled, n.offsetReferenceSelector);
-  return b.setUser(h), {
-    ...on(o, a, n.adapter),
+  console.debug(`Using ${g} renderer`), n.style && h.setStyle(n.style);
+  const v = Rn(t, o, n.annotatingEnabled, n.offsetReferenceSelector);
+  return v.setUser(u), {
+    ...nn(o, a, n.adapter),
     destroy: () => {
-      d.destroy(), b.destroy(), a.destroy();
+      h.destroy(), v.destroy(), a.destroy();
     },
     element: t,
-    getUser: () => h,
-    setFilter: (S) => {
-      d.setFilter(S), b.setFilter(S);
+    getUser: () => u,
+    setFilter: (E) => {
+      h.setFilter(E), v.setFilter(E);
     },
-    setStyle: (S) => d.setStyle(S),
-    setUser: (S) => {
-      h = S, b.setUser(S);
+    setStyle: (E) => h.setStyle(E),
+    setUser: (E) => {
+      u = E, v.setUser(E);
     },
-    setSelected: (S) => {
-      S ? r.setSelected(S) : r.clear();
+    setSelected: (E) => {
+      E ? i.setSelected(E) : i.clear();
     },
-    setPresenceProvider: (S) => {
-      S && (d.setPainter(Bn(t, S, n.presence)), S.on("selectionChange", () => d.redraw()));
+    setPresenceProvider: (E) => {
+      E && (h.setPainter(Tn(E, n.presence)), E.on("selectionChange", () => h.redraw()));
     },
-    setVisible: (S) => d.setVisible(S),
-    on: u.on,
-    off: u.off,
-    scrollIntoView: Rn(t, s),
+    setVisible: (E) => h.setVisible(E),
+    on: d.on,
+    off: d.off,
+    scrollIntoView: le(t, c),
     state: o
   };
 };
 export {
   rt as DEFAULT_SELECTED_STYLE,
   P as DEFAULT_STYLE,
-  Yt as NOT_ANNOTATABLE_CLASS,
-  k as NOT_ANNOTATABLE_SELECTOR,
-  N as Origin,
+  kt as NOT_ANNOTATABLE_CLASS,
+  X as NOT_ANNOTATABLE_SELECTOR,
+  M as Origin,
+  Rn as SelectionHandler,
   De as UserSelectAction,
-  Vn as W3CTextFormat,
-  ne as cancelSingleClickEvents,
-  Un as createBody,
-  be as createCanvasRenderer,
-  Te as createHighlightsRenderer,
-  Le as createRenderer,
-  Ne as createSpansRenderer,
-  _n as createTextAnnotator,
-  Ln as createTextAnnotatorState,
-  vt as debounce,
-  Nn as fillDefaults,
-  In as getAnnotatableFragment,
-  Mn as getClientRectsPonyfill,
-  ie as getQuoteContext,
-  mt as getRangeAnnotatableContents,
+  In as W3CTextFormat,
+  te as cancelSingleClickEvents,
+  On as createBody,
+  me as createCanvasRenderer,
+  Le as createHighlightsRenderer,
+  Tn as createPresencePainter,
+  Ce as createRenderer,
+  Be as createSpansRenderer,
+  Nn as createTextAnnotator,
+  Cn as createTextAnnotatorState,
+  yt as debounce,
+  Bn as fillDefaults,
+  Mn as getAnnotatableFragment,
+  ee as getQuoteContext,
+  bt as getRangeAnnotatableContents,
   H as isRevived,
-  ae as isWhitespaceOrEmpty,
-  le as mergeClientRects,
-  Jt as paint,
-  mn as parseW3CTextAnnotation,
-  de as rangeToSelector,
+  oe as isWhitespaceOrEmpty,
+  se as mergeClientRects,
+  de as paint,
+  pn as parseW3CTextAnnotation,
+  ae as rangeToSelector,
   st as reviveAnnotation,
-  Xt as reviveSelector,
+  _t as reviveSelector,
   it as reviveTarget,
-  bn as serializeW3CTextAnnotation,
-  ee as splitAnnotatableRanges,
-  ue as trimRangeToContainer,
-  se as whitespaceOrEmptyRegex
+  le as scrollIntoView,
+  mn as serializeW3CTextAnnotation,
+  Zt as splitAnnotatableRanges,
+  ce as trimRangeToContainer,
+  ne as whitespaceOrEmptyRegex
 };
 //# sourceMappingURL=text-annotator.es.js.map