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

package/dist/text-annotator.es.js

@@ -1,4 +1,4 @@
-const kt = "not-annotatable", X = `.${kt}`, Qt = (t) => {
+const _t = "not-annotatable", X = `.${_t}`, Qt = (t) => {
   var n;
   const e = t.commonAncestorContainer;
   return e instanceof HTMLElement ? !e.closest(X) : !((n = e.parentElement) != null && n.closest(X));
@@ -6,7 +6,7 @@ const kt = "not-annotatable", X = `.${kt}`, Qt = (t) => {
   const e = document.createNodeIterator(
     t.commonAncestorContainer,
     NodeFilter.SHOW_ELEMENT,
-    (o) => o instanceof HTMLElement && o.classList.contains(kt) && !o.parentElement.closest(X) && t.intersectsNode(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
+    (o) => o instanceof HTMLElement && o.classList.contains(_t) && !o.parentElement.closest(X) && t.intersectsNode(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
   );
   let n;
   for (; n = e.nextNode(); )
@@ -41,17 +41,17 @@ const kt = "not-annotatable", X = `.${kt}`, Qt = (t) => {
   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;
+  const i = o ? t.startContainer.parentElement.closest(o) : e, s = document.createRange();
+  s.setStart(i, 0), s.setEnd(t.startContainer, t.startOffset);
+  const r = bt(s).textContent, c = document.createRange();
+  c.setStart(t.endContainer, t.endOffset), i === document.body ? c.setEnd(i, i.childNodes.length) : c.setEndAfter(i);
+  const d = bt(c).textContent;
   return {
-    prefix: c.substring(c.length - n),
+    prefix: r.substring(r.length - n),
     suffix: d.substring(0, n)
   };
 }, 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 = {
+  const n = (s) => Math.round(s * 10) / 10, o = {
     top: n(t.top),
     bottom: n(t.bottom),
     left: n(t.left),
@@ -74,26 +74,26 @@ const kt = "not-annotatable", X = `.${kt}`, Qt = (t) => {
       return "block-contains";
   } else if (o.top >= i.top && o.bottom <= i.bottom && o.left >= i.left && o.right <= i.right)
     return "block-is-contained";
-}, 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) => {
+}, se = (t, e) => {
+  const n = Math.min(t.left, e.left), o = Math.max(t.right, e.right), i = Math.min(t.top, e.top), s = Math.max(t.bottom, e.bottom);
+  return new DOMRect(n, i, o - n, s - i);
+}, re = (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;
+  for (const s of e) {
+    const r = ie(n, s);
+    if (r === "inline-adjacent") {
+      o = o.map((c) => c === s ? se(n, s) : c), i = !0;
       break;
-    } else if (c === "inline-contains") {
-      o = o.map((a) => a === r ? n : a), i = !0;
+    } else if (r === "inline-contains") {
+      o = o.map((c) => c === s ? n : c), i = !0;
       break;
-    } else if (c === "inline-is-contained") {
+    } else if (r === "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;
+    } else if (r === "block-contains" || r === "block-is-contained") {
+      n.width < s.width && (o = o.map((c) => c === s ? n : c)), i = !0;
       break;
     }
   }
@@ -101,50 +101,50 @@ const kt = "not-annotatable", X = `.${kt}`, Qt = (t) => {
 }, []), 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(
+  const s = bt(o).textContent, r = t.toString(), c = s.length || 0, d = c + r.length;
+  return n ? { quote: r, start: c, end: d, range: t, offsetReference: i } : { quote: r, start: c, end: d, range: t };
+}, kt = (t, e) => {
+  var f, h;
+  const { start: n, end: o } = t, i = t.offsetReference || e, s = document.createNodeIterator(
     e,
     NodeFilter.SHOW_TEXT,
-    (v) => {
-      var f;
-      return (f = v.parentElement) != null && f.closest(X) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+    (y) => {
+      var g;
+      return (g = y.parentElement) != null && g.closest(X) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
     }
   );
-  let c = 0;
-  const a = document.createRange();
-  let d = r.nextNode();
+  let r = 0;
+  const c = document.createRange();
+  let d = s.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);
+      const y = ((f = d.textContent) == null ? void 0 : f.length) || 0;
+      if (r + y > n) {
+        c.setStart(d, n - r);
         break;
       }
-      c += v;
+      r += y;
     }
-    d = r.nextNode();
+    d = s.nextNode();
   }
   for (; d !== null; ) {
-    const v = ((h = d.textContent) == null ? void 0 : h.length) || 0;
-    if (c + v >= o) {
-      a.setEnd(d, o - c);
+    const y = ((h = d.textContent) == null ? void 0 : h.length) || 0;
+    if (r + y >= o) {
+      c.setEnd(d, o - r);
       break;
     }
-    c += v, d = r.nextNode();
+    r += y, d = s.nextNode();
   }
   return {
     ...t,
-    range: a
+    range: c
   };
 }, it = (t, e) => H(t.selector) ? t : {
   ...t,
-  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) => {
+  selector: t.selector.map((n) => n.range instanceof Range && !n.range.collapsed ? n : kt(n, e))
+}, rt = (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) => {
@@ -153,16 +153,16 @@ const kt = "not-annotatable", X = `.${kt}`, Qt = (t) => {
   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 o = typeof n == "string" ? n : n.id, i = (r) => {
+    const c = s.getBoundingClientRect(), d = s.clientHeight, u = s.clientWidth, f = r.selector[0].range.getBoundingClientRect(), { width: h, height: y } = e.getAnnotationBounds(o), g = f.top - c.top, x = f.left - c.left, v = s.parentElement ? s.scrollTop : 0, p = s.parentElement ? s.scrollLeft : 0, l = g + v - (d - y) / 2, a = x + p - (u - h) / 2;
+    s.scroll({ top: l, left: a, behavior: "smooth" });
+  }, s = Yt(t);
+  if (s) {
+    const r = e.getAnnotation(o), { range: c } = r.target.selector[0];
+    if (c && !c.collapsed)
+      return i(r.target), !0;
     {
-      const d = it(c.target, t), { range: u } = d.selector[0];
+      const d = it(r.target, t), { range: u } = d.selector[0];
       if (u && !u.collapsed)
         return i(d), !0;
     }
@@ -171,64 +171,64 @@ const kt = "not-annotatable", X = `.${kt}`, Qt = (t) => {
 }, P = {
   fill: "rgb(0, 128, 255)",
   fillOpacity: 0.18
-}, rt = {
+}, st = {
   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;
+  var r, c;
+  const s = n ? typeof n == "function" ? n(t.annotation, t.state, i) || ((r = t.state) != null && r.selected ? st : P) : n : (c = t.state) != null && c.selected ? st : P;
+  return o && o.paint(t, e) || s;
 }, 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 };
+  const { top: e, left: n } = t.getBoundingClientRect(), { innerWidth: o, innerHeight: i } = window, s = -n, r = -e, c = o - n, d = i - e;
+  return { top: e, left: n, minX: s, minY: r, maxX: c, maxY: d };
 }, he = (t) => {
   let e = /* @__PURE__ */ new Set();
   return (o) => {
-    const i = o.map((r) => r.id);
-    (e.size !== i.length || i.some((r) => !e.has(r))) && t.set(i), e = new Set(i);
+    const i = o.map((s) => s.id);
+    (e.size !== i.length || i.some((s) => !e.has(s))) && t.set(i), e = new Set(i);
   };
 }, 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));
+  const { store: i, selection: s, hover: r } = e;
+  let c, d, u;
+  const f = he(n), h = (R) => {
+    const { x: I, y: b } = t.getBoundingClientRect(), A = i.getAt(R.clientX - I, R.clientY - b, d);
+    A ? r.current !== A.id && (t.classList.add("hovered"), r.set(A.id)) : r.current && (t.classList.remove("hovered"), r.set(null));
   };
   t.addEventListener("pointermove", h);
-  const v = (R = !1) => {
+  const y = (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 } };
+    const I = ue(t), { minX: b, minY: A, maxX: w, maxY: C } = I, O = d ? i.getIntersecting(b, A, w, C).filter(({ annotation: _ }) => d(_)) : i.getIntersecting(b, A, w, C), B = s.selected.map(({ id: _ }) => _), D = O.map(({ annotation: _, rects: qt }) => {
+      const Gt = B.includes(_.id), Kt = _.id === r.current;
+      return { annotation: _, rects: qt, state: { selected: Gt, hover: Kt } };
     });
-    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();
+    o.redraw(D, I, c, u, R), setTimeout(() => f(O.map(({ annotation: _ }) => _)), 1);
+  }, g = (R) => {
+    u = R, y();
+  }, x = (R) => {
+    c = R, y();
+  }, v = (R) => {
+    d = R, y(!1);
+  }, p = () => y();
+  i.observe(p);
+  const l = s.subscribe(() => y()), a = () => y(!0);
+  document.addEventListener("scroll", a, { capture: !0, passive: !0 });
+  const m = yt(() => {
+    i.recalculatePositions(), u && u.reset(), y();
   });
-  window.addEventListener("resize", p);
-  const x = new ResizeObserver(p);
-  x.observe(t);
+  window.addEventListener("resize", m);
+  const S = new ResizeObserver(m);
+  S.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);
+    R.every((b) => b.target === t || t.contains(b.target)) || y(!0);
   });
   return E.observe(document.body, L), {
     destroy: () => {
-      t.removeEventListener("pointermove", h), o.destroy(), i.unobserve(b), l(), document.removeEventListener("scroll", s), window.removeEventListener("resize", p), x.disconnect(), E.disconnect();
+      t.removeEventListener("pointermove", h), o.destroy(), i.unobserve(p), l(), document.removeEventListener("scroll", a), window.removeEventListener("resize", m), S.disconnect(), E.disconnect();
     },
-    redraw: v,
-    setStyle: S,
-    setFilter: y,
-    setPainter: f,
+    redraw: y,
+    setStyle: x,
+    setFilter: v,
+    setPainter: g,
     setVisible: o.setVisible
   };
 }, fe = () => {
@@ -240,27 +240,27 @@ const kt = "not-annotatable", X = `.${kt}`, Qt = (t) => {
   t.classList.add("r6o-annotatable");
   const e = fe(), n = e.getContext("2d");
   document.body.appendChild(e);
-  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,
+  const o = (c, d, u, f) => requestAnimationFrame(() => {
+    const { width: h, height: y } = e;
+    n.clearRect(-0.5, -0.5, h + 1, y + 1), f && f.clear();
+    const { top: g, left: x } = d;
+    [...c].sort((p, l) => {
+      const { annotation: { target: { created: a } } } = p, { annotation: { target: { created: m } } } = l;
+      return a.getTime() - m.getTime();
+    }).forEach((p) => {
+      var S;
+      const l = u ? typeof u == "function" ? u(p.annotation, p.state) : u : (S = p.state) != null && S.selected ? st : P, a = f && f.paint(p, d) || l, m = p.rects.map(({ x: L, y: E, width: T, height: R }) => ({
+        x: L + x,
+        y: E + g,
         width: T,
         height: R
       }));
-      if (n.fillStyle = s.fill, n.globalAlpha = s.fillOpacity || 1, p.forEach(
+      if (n.fillStyle = a.fill, n.globalAlpha = a.fillOpacity || 1, m.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 }) => {
+      ), a.underlineColor) {
+        n.globalAlpha = 1, n.strokeStyle = a.underlineColor, n.lineWidth = a.underlineThickness ?? 1;
+        const L = a.underlineOffset ?? 0;
+        m.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();
         });
       }
@@ -272,7 +272,7 @@ const kt = "not-annotatable", X = `.${kt}`, Qt = (t) => {
     destroy: () => {
       e.remove(), window.removeEventListener("resize", i);
     },
-    setVisible: (a) => {
+    setVisible: (c) => {
       console.log("setVisible not implemented on Canvas renderer");
     },
     redraw: o
@@ -282,27 +282,27 @@ var be = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, $ = function(t) {
   return typeof t == "string" ? t.length > 0 : typeof t == "number";
 }, 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;
-}, _ = function(t, e, n) {
+}, k = function(t, e, n) {
   return e === void 0 && (e = 0), n === void 0 && (n = 1), t > n ? n : t > e ? t : e;
 }, Xt = function(t) {
   return (t = isFinite(t) ? t % 360 : 0) > 0 ? t : t + 360;
 }, xt = function(t) {
-  return { r: _(t.r, 0, 255), g: _(t.g, 0, 255), b: _(t.b, 0, 255), a: _(t.a) };
+  return { r: k(t.r, 0, 255), g: k(t.g, 0, 255), b: k(t.b, 0, 255), a: k(t.a) };
 }, at = 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, 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 };
+  var e = t.r, n = t.g, o = t.b, i = t.a, s = Math.max(e, n, o), r = s - Math.min(e, n, o), c = r ? s === e ? (n - o) / r : s === n ? 2 + (o - e) / r : 4 + (e - n) / r : 0;
+  return { h: 60 * (c < 0 ? c + 6 : c), s: s ? r / s * 100 : 0, v: s / 255 * 100, a: i };
 }, Ht = function(t) {
   var e = t.h, n = t.s, o = t.v, i = t.a;
   e = e / 360 * 6, n /= 100, o /= 100;
-  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 };
+  var s = Math.floor(e), r = o * (1 - n), c = o * (1 - (e - s) * n), d = o * (1 - (1 - e + s) * n), u = s % 6;
+  return { r: 255 * [o, c, r, r, d, o][u], g: 255 * [d, o, o, c, r, r][u], b: 255 * [r, r, d, o, o, c][u], a: i };
 }, St = function(t) {
-  return { h: Xt(t.h), s: _(t.s, 0, 100), l: _(t.l, 0, 100), a: _(t.a) };
+  return { h: Xt(t.h), s: k(t.s, 0, 100), l: k(t.l, 0, 100), a: k(t.a) };
 }, Et = function(t) {
   return { h: N(t.h), s: N(t.s), l: N(t.l), a: N(t.a, 3) };
 }, Ct = function(t) {
@@ -323,20 +323,20 @@ var be = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, $ = function(t) {
   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, 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;
+  var e = t.r, n = t.g, o = t.b, i = t.a, s = i === void 0 ? 1 : i;
+  return $(e) && $(n) && $(o) ? xt({ r: Number(e), g: Number(n), b: Number(o), a: Number(s) }) : null;
 }, "rgb"], [function(t) {
-  var e = t.h, n = t.s, o = t.l, i = t.a, r = i === void 0 ? 1 : i;
+  var e = t.h, n = t.s, o = t.l, i = t.a, s = i === void 0 ? 1 : i;
   if (!$(e) || !$(n) || !$(o)) return null;
-  var c = St({ h: Number(e), s: Number(n), l: Number(o), a: Number(r) });
-  return Ct(c);
+  var r = St({ h: Number(e), s: Number(n), l: Number(o), a: Number(s) });
+  return Ct(r);
 }, "hsl"], [function(t) {
-  var e = t.h, n = t.s, o = t.v, i = t.a, r = i === void 0 ? 1 : i;
+  var e = t.h, n = t.s, o = t.v, i = t.a, s = i === void 0 ? 1 : i;
   if (!$(e) || !$(n) || !$(o)) return null;
-  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);
+  var r = function(c) {
+    return { h: Xt(c.h), s: k(c.s, 0, 100), v: k(c.v, 0, 100), a: k(c.a) };
+  }({ h: Number(e), s: Number(n), v: Number(o), a: Number(s) });
+  return Ht(r);
 }, "hsv"]] }, Tt = function(t, e) {
   for (var n = 0; n < e.length; n++) {
     var o = e[n][0](t);
@@ -347,12 +347,12 @@ var be = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, $ = 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: _(n.s + 100 * e, 0, 100), l: n.l, a: n.a };
+  return { h: n.h, s: k(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: _(n.l + 100 * e, 0, 100), a: n.a };
+  return { h: n.h, s: n.s, l: k(n.l + 100 * e, 0, 100), a: n.a };
 }, Bt = function() {
   function t(e) {
     this.parsed = Se(e)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
@@ -366,18 +366,18 @@ var be = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, $ = function(t) {
   }, 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, 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;
+    return e = at(this.rgba), n = e.r, o = e.g, i = e.b, r = (s = e.a) < 1 ? J(N(255 * s)) : "", "#" + J(n) + J(o) + J(i) + r;
+    var e, n, o, i, s, r;
   }, t.prototype.toRgb = function() {
     return at(this.rgba);
   }, t.prototype.toRgbString = function() {
-    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;
+    return e = at(this.rgba), n = e.r, o = e.g, i = e.b, (s = e.a) < 1 ? "rgba(" + n + ", " + o + ", " + i + ", " + s + ")" : "rgb(" + n + ", " + o + ", " + i + ")";
+    var e, n, o, i, s;
   }, t.prototype.toHsl = function() {
     return Et(Q(this.rgba));
   }, t.prototype.toHslString = function() {
-    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;
+    return e = Et(Q(this.rgba)), n = e.h, o = e.s, i = e.l, (s = e.a) < 1 ? "hsla(" + n + ", " + o + "%, " + i + "%, " + s + ")" : "hsl(" + n + ", " + o + "%, " + i + "%)";
+    var e, n, o, i, s;
   }, t.prototype.toHsv = function() {
     return e = $t(this.rgba), { h: N(e.h), s: N(e.s), v: N(e.v), a: N(e.a, 3) };
     var e;
@@ -422,22 +422,22 @@ const Ee = (t) => [
     destroy: () => {
       CSS.highlights.clear(), t.remove();
     },
-    setVisible: (r) => {
+    setVisible: (s) => {
       console.log("setVisible not implemented on CSS Custom Highlights renderer");
     },
-    redraw: (r, c, a, d) => {
+    redraw: (s, r, c, d) => {
       d && d.clear();
-      const u = new Set(r.map((h) => h.annotation.id));
+      const u = new Set(s.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)} }`;
+      const f = s.map((h) => {
+        var x;
+        const y = c ? typeof c == "function" ? c(h.annotation, h.state) : c : (x = h.state) != null && x.selected ? st : P, g = d && d.paint(h, r) || y;
+        return `::highlight(_${h.annotation.id}) { ${Ee(g)} }`;
       });
-      t.innerHTML = g.join(`
-`), 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);
+      t.innerHTML = f.join(`
+`), CSS.highlights.clear(), s.forEach(({ annotation: h }) => {
+        const y = h.target.selector.map((x) => x.range), g = new Highlight(...y);
+        CSS.highlights.set(`_${h.id}`, g);
       }), e = u;
     }
   };
@@ -464,8 +464,8 @@ function vt(t, e) {
   return t !== t && e !== e;
 }
 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));
+  const n = (s, r) => s.x <= r.x + r.width && s.x + s.width >= r.x && s.y <= r.y + r.height && s.y + s.height >= r.y, o = (s) => s.rects.reduce((r, c) => r + c.width, 0), i = e.filter(({ rects: s }) => s.some((r) => n(t, r)));
+  return i.sort((s, r) => o(r) - o(s)), i.findIndex((s) => s.rects.includes(t));
 }, Re = (t) => {
   t.classList.add("r6o-annotatable");
   const e = document.createElement("div");
@@ -475,24 +475,24 @@ const Te = (t, e) => {
     destroy: () => {
       e.remove();
     },
-    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);
+    redraw: (r, c, d, u, f) => {
+      const y = !(vt(n, r) && f);
+      if (!u && !y) return;
+      y && (e.innerHTML = ""), [...r].sort((x, v) => {
+        const { annotation: { target: { created: p } } } = x, { annotation: { target: { created: l } } } = v;
+        return p && l ? p.getTime() - l.getTime() : 0;
+      }).forEach((x) => {
+        x.rects.map((v) => {
+          const p = Te(v, r), l = de(x, c, d, u, p);
+          if (y) {
+            const a = document.createElement("span");
+            a.className = "r6o-annotation", a.dataset.annotation = x.annotation.id, a.style.left = `${v.x}px`, a.style.top = `${v.y}px`, a.style.width = `${v.width}px`, a.style.height = `${v.height}px`, a.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 && (a.style.borderStyle = l.underlineStyle), l.underlineColor && (a.style.borderColor = l.underlineColor), l.underlineThickness && (a.style.borderBottomWidth = `${l.underlineThickness}px`), l.underlineOffset && (a.style.paddingBottom = `${l.underlineOffset}px`), e.appendChild(a);
           }
         });
-      }), n = c;
+      }), n = r;
     },
-    setVisible: (c) => {
-      c ? e.classList.remove("hidden") : e.classList.add("hidden");
+    setVisible: (r) => {
+      r ? e.classList.remove("hidden") : e.classList.add("hidden");
     }
   };
 }, Be = (t, e, n) => wt(t, e, n, Re(t));
@@ -520,7 +520,7 @@ function Pt(t, e, n) {
   return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Me(o);
 }
 var It = Object.prototype.hasOwnProperty;
-function z(t, e) {
+function j(t, e) {
   var n, o;
   if (t === e) return !0;
   if (t && e && (n = t.constructor) === e.constructor) {
@@ -528,13 +528,13 @@ function z(t, e) {
     if (n === RegExp) return t.toString() === e.toString();
     if (n === Array) {
       if ((o = t.length) === e.length)
-        for (; o-- && z(t[o], e[o]); ) ;
+        for (; o-- && j(t[o], e[o]); ) ;
       return o === -1;
     }
     if (!n || typeof t == "object") {
       o = 0;
       for (n in t)
-        if (It.call(t, n) && ++o && !It.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) || !j(t[n], e[n])) return !1;
       return Object.keys(e).length === o;
     }
   }
@@ -545,41 +545,41 @@ function ut() {
 function Ue(t, e) {
   return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
 }
-const j = [];
+const z = [];
 function At(t, e = ut) {
   let n;
   const o = /* @__PURE__ */ new Set();
-  function i(a) {
-    if (Ue(t, a) && (t = a, n)) {
-      const d = !j.length;
+  function i(c) {
+    if (Ue(t, c) && (t = c, n)) {
+      const d = !z.length;
       for (const u of o)
-        u[1](), j.push(u, t);
+        u[1](), z.push(u, t);
       if (d) {
-        for (let u = 0; u < j.length; u += 2)
-          j[u][0](j[u + 1]);
-        j.length = 0;
+        for (let u = 0; u < z.length; u += 2)
+          z[u][0](z[u + 1]);
+        z.length = 0;
       }
     }
   }
-  function r(a) {
-    i(a(t));
+  function s(c) {
+    i(c(t));
   }
-  function c(a, d = ut) {
-    const u = [a, d];
-    return o.add(u), o.size === 1 && (n = e(i, r) || ut), a(t), () => {
+  function r(c, d = ut) {
+    const u = [c, d];
+    return o.add(u), o.size === 1 && (n = e(i, s) || ut), c(t), () => {
       o.delete(u), o.size === 0 && n && (n(), n = null);
     };
   }
-  return { set: i, update: r, subscribe: c };
+  return { set: i, update: s, subscribe: r };
 }
 const Ve = (t) => {
   const { subscribe: e, set: n } = At();
   let o;
   return e((i) => o = i), t.observe(({ changes: i }) => {
     if (o) {
-      (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);
+      (i.deleted || []).some((r) => r.id === o) && n(void 0);
+      const s = (i.updated || []).find(({ oldValue: r }) => r.id === o);
+      s && n(s.newValue.id);
     }
   }), {
     get current() {
@@ -590,52 +590,52 @@ const Ve = (t) => {
   };
 };
 var De = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE = "NONE", t))(De || {});
-const tt = { selected: [] }, ke = (t, e) => {
-  const { subscribe: n, set: o } = At(tt);
-  let i = e, r = tt;
-  n((f) => r = f);
+const tt = { selected: [] }, _e = (t, e, n) => {
+  const { subscribe: o, set: i } = At(tt);
+  let s = e, r = tt;
+  o((x) => r = x);
   const c = () => {
-    z(r, tt) || o(tt);
-  }, a = () => {
-    var f;
-    return ((f = r.selected) == null ? void 0 : f.length) === 0;
-  }, d = (f) => {
-    if (a())
+    j(r, tt) || i(tt);
+  }, d = () => {
+    var x;
+    return ((x = r.selected) == null ? void 0 : x.length) === 0;
+  }, u = (x) => {
+    if (d())
       return !1;
-    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);
+    const v = typeof x == "string" ? x : x.id;
+    return r.selected.some((p) => p.id === v);
+  }, f = (x, v) => {
+    const p = t.getAnnotation(x);
+    if (!p) {
+      console.warn("Invalid selection: " + x);
       return;
     }
-    switch (Nt(y, i)) {
+    switch (Nt(p, s)) {
       case "EDIT":
-        o({ selected: [{ id: f, editable: !0 }], event: S });
+        i({ selected: [{ id: x, editable: !0 }], event: v });
         break;
       case "SELECT":
-        o({ selected: [{ id: f }], event: S });
+        i({ selected: [{ id: x }], event: v });
         break;
       default:
-        o({ selected: [], event: S });
+        i({ selected: [], event: v });
     }
-  }, g = (f, S) => {
-    const y = Array.isArray(f) ? f : [f], b = y.map((l) => t.getAnnotation(l)).filter((l) => !!l);
-    o({
-      selected: b.map((l) => {
-        const s = S === void 0 ? Nt(l, i) === "EDIT" : S;
-        return { id: l.id, editable: s };
+  }, h = (x, v) => {
+    const p = Array.isArray(x) ? x : [x], l = p.map((a) => t.getAnnotation(a)).filter((a) => !!a);
+    i({
+      selected: l.map((a) => {
+        const m = v === void 0 ? Nt(a, s) === "EDIT" : v;
+        return { id: a.id, editable: m };
       })
-    }), b.length !== y.length && console.warn("Invalid selection", f);
-  }, h = (f) => {
-    if (a())
+    }), l.length !== p.length && console.warn("Invalid selection", x);
+  }, y = (x) => {
+    if (d())
       return !1;
-    const { selected: S } = r;
-    S.some(({ id: y }) => f.includes(y)) && o({ selected: S.filter(({ id: y }) => !f.includes(y)) });
-  }, v = (f) => i = f;
+    const { selected: v } = r;
+    v.some(({ id: p }) => x.includes(p)) && i({ selected: v.filter(({ id: p }) => !x.includes(p)) });
+  }, g = (x) => s = x;
   return t.observe(
-    ({ changes: f }) => h((f.deleted || []).map((S) => S.id))
+    ({ changes: x }) => y((x.deleted || []).map((v) => v.id))
   ), {
     get event() {
       return r ? r.event : null;
@@ -644,21 +644,21 @@ const tt = { selected: [] }, ke = (t, e) => {
       return r ? [...r.selected] : null;
     },
     get userSelectAction() {
-      return i;
+      return s;
     },
     clear: c,
-    isEmpty: a,
-    isSelected: d,
-    setSelected: g,
-    setUserSelectAction: v,
-    subscribe: n,
-    userSelect: u
+    isEmpty: d,
+    isSelected: u,
+    setSelected: h,
+    setUserSelectAction: g,
+    subscribe: o,
+    userSelect: f
   };
-}, Nt = (t, e) => typeof e == "function" ? e(t) : e || "EDIT";
+}, Nt = (t, e, n) => 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 _e(t, e = 0) {
+function ke(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, Ye = new Uint8Array(16);
@@ -671,12 +671,12 @@ var $e = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(cryp
 const Ut = {
   randomUUID: $e
 };
-function zt(t, e, n) {
+function jt(t, e, n) {
   if (Ut.randomUUID && !e && !t)
     return Ut.randomUUID();
   t = t || {};
   var o = t.random || (t.rng || Xe)();
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, _e(o);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, ke(o);
 }
 const ft = (t) => {
   const e = (n) => {
@@ -689,7 +689,7 @@ const ft = (t) => {
     target: e(t.target)
   };
 }, On = (t, e, n, o) => ({
-  id: zt(),
+  id: jt(),
   annotation: typeof t == "string" ? t : t.id,
   created: n || /* @__PURE__ */ new Date(),
   creator: o,
@@ -700,64 +700,64 @@ const ft = (t) => {
 }, Pe = (t, e) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
-}, ze = (t, e) => e.bodies.map((n) => {
+}, je = (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), jt = (t, e) => {
-  const n = He(t, e), o = Pe(t, e), i = ze(t, e);
+  return { newBody: n, oldBody: o && !j(o, n) ? o : void 0 };
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), ze = (t, e) => !j(t.target, e.target), zt = (t, e) => {
+  const n = He(t, e), o = Pe(t, e), i = je(t, e);
   return {
     oldValue: t,
     newValue: e,
     bodiesCreated: n.length > 0 ? n : void 0,
     bodiesDeleted: o.length > 0 ? o : void 0,
     bodiesUpdated: i.length > 0 ? i : void 0,
-    targetUpdated: je(t, e) ? { oldTarget: t.target, newTarget: e.target } : void 0
+    targetUpdated: ze(t, e) ? { oldTarget: t.target, newTarget: e.target } : void 0
   };
 };
 var M = /* @__PURE__ */ ((t) => (t.LOCAL = "LOCAL", t.REMOTE = "REMOTE", t.SILENT = "SILENT", t))(M || {});
 const Fe = (t, e) => {
   var n, o;
-  const { changes: i, origin: r } = e;
-  if (!(t.options.origin ? t.options.origin === r : r !== "SILENT"))
+  const { changes: i, origin: s } = e;
+  if (!(t.options.origin ? t.options.origin === s : s !== "SILENT"))
     return !1;
   if (t.options.ignore) {
-    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)
+    const { ignore: r } = t.options, c = (d) => d && d.length > 0;
+    if (!(c(i.created) || c(i.deleted))) {
+      const d = (n = i.updated) == null ? void 0 : n.some((f) => c(f.bodiesCreated) || c(f.bodiesDeleted) || c(f.bodiesUpdated)), u = (o = i.updated) == null ? void 0 : o.some((f) => f.targetUpdated);
+      if (r === "BODY_ONLY" && d && !u || r === "TARGET_ONLY" && u && !d)
         return !1;
     }
   }
   if (t.options.annotations) {
-    const c = /* @__PURE__ */ new Set([
-      ...(i.created || []).map((a) => a.id),
-      ...(i.deleted || []).map((a) => a.id),
-      ...(i.updated || []).map(({ oldValue: a }) => a.id)
+    const r = /* @__PURE__ */ new Set([
+      ...(i.created || []).map((c) => c.id),
+      ...(i.deleted || []).map((c) => c.id),
+      ...(i.updated || []).map(({ oldValue: c }) => c.id)
     ]);
-    return !!(Array.isArray(t.options.annotations) ? t.options.annotations : [t.options.annotations]).find((a) => c.has(a));
+    return !!(Array.isArray(t.options.annotations) ? t.options.annotations : [t.options.annotations]).find((c) => r.has(c));
   } else
     return !0;
 }, 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),
+  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)), s = new Set((e.deleted || []).map((h) => h.id)), r = new Set((e.updated || []).map(({ oldValue: h }) => h.id)), c = 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) => !s.has(h.id)).map((h) => r.has(h.id) ? e.updated.find(({ oldValue: y }) => y.id === h.id).newValue : h),
     ...e.created || []
   ], u = [
     ...(t.deleted || []).filter((h) => !i.has(h.id)),
     ...(e.deleted || []).filter((h) => !n.has(h.id))
-  ], g = [
-    ...(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);
+  ], f = [
+    ...(t.updated || []).filter(({ newValue: h }) => !s.has(h.id)).map((h) => {
+      const { oldValue: y, newValue: g } = h;
+      if (r.has(g.id)) {
+        const x = e.updated.find((v) => v.oldValue.id === g.id).newValue;
+        return zt(y, x);
       } else
         return h;
     }),
-    ...(e.updated || []).filter(({ oldValue: h }) => !a.has(h.id))
+    ...(e.updated || []).filter(({ oldValue: h }) => !c.has(h.id))
   ];
-  return { created: d, deleted: u, updated: g };
+  return { created: d, deleted: u, updated: f };
 }, gt = (t) => {
-  const e = t.id === void 0 ? zt() : t.id;
+  const e = t.id === void 0 ? jt() : t.id;
   return {
     ...t,
     id: e,
@@ -771,14 +771,14 @@ const Fe = (t, e) => {
     }
   };
 }, 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);
+  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (b, A = {}) => {
+    n.push({ onChange: b, options: A });
+  }, i = (b) => {
+    const A = n.findIndex((w) => w.onChange == b);
     A > -1 && n.splice(A, 1);
-  }, r = (m, A) => {
+  }, s = (b, A) => {
     const w = {
-      origin: m,
+      origin: b,
       changes: {
         created: A.created || [],
         updated: A.updated || [],
@@ -789,87 +789,87 @@ const Fe = (t, e) => {
     n.forEach((C) => {
       Fe(C, w) && C.onChange(w);
     });
-  }, c = (m, A = M.LOCAL) => {
-    if (m.id && t.get(m.id))
-      throw Error(`Cannot add annotation ${m.id} - exists already`);
+  }, r = (b, A = M.LOCAL) => {
+    if (b.id && t.get(b.id))
+      throw Error(`Cannot add annotation ${b.id} - exists already`);
     {
-      const w = gt(m);
-      t.set(w.id, w), w.bodies.forEach((C) => e.set(C.id, w.id)), r(A, { created: [w] });
+      const w = gt(b);
+      t.set(w.id, w), w.bodies.forEach((C) => e.set(C.id, w.id)), s(A, { created: [w] });
     }
-  }, a = (m, A) => {
-    const w = gt(typeof m == "string" ? A : m), C = typeof m == "string" ? m : m.id, O = C && t.get(C);
+  }, c = (b, A) => {
+    const w = gt(typeof b == "string" ? A : b), C = typeof b == "string" ? b : b.id, O = C && t.get(C);
     if (O) {
-      const B = jt(O, w);
+      const B = zt(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 ${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);
+  }, d = (b, A = M.LOCAL, w = M.LOCAL) => {
+    const C = qe(A) ? w : A, O = c(b, A);
+    O && s(C, { updated: [O] });
+  }, u = (b, A = M.LOCAL) => {
+    const w = b.reduce((C, O) => {
+      const B = c(O);
       return B ? [...C, B] : C;
     }, []);
-    w.length > 0 && r(A, { updated: w });
-  }, g = (m, A = M.LOCAL) => {
-    const w = t.get(m.annotation);
+    w.length > 0 && s(A, { updated: w });
+  }, f = (b, A = M.LOCAL) => {
+    const w = t.get(b.annotation);
     if (w) {
       const C = {
         ...w,
-        bodies: [...w.bodies, m]
+        bodies: [...w.bodies, b]
       };
-      t.set(w.id, C), e.set(m.id, C.id), r(A, { updated: [{
+      t.set(w.id, C), e.set(b.id, C.id), s(A, { updated: [{
         oldValue: w,
         newValue: C,
-        bodiesCreated: [m]
+        bodiesCreated: [b]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${m.annotation}`);
-  }, h = () => [...t.values()], v = (m = M.LOCAL) => {
+      console.warn(`Attempt to add body to missing annotation: ${b.annotation}`);
+  }, h = () => [...t.values()], y = (b = M.LOCAL) => {
     const A = [...t.values()];
-    t.clear(), e.clear(), r(m, { deleted: A });
-  }, f = (m, A = !0, w = M.LOCAL) => {
-    const C = m.map(gt);
+    t.clear(), e.clear(), s(b, { deleted: A });
+  }, g = (b, A = !0, w = M.LOCAL) => {
+    const C = b.map(gt);
     if (A) {
       const O = [...t.values()];
       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 });
+      }), s(w, { created: C, deleted: O });
     } else {
-      const O = m.reduce((B, D) => {
-        const k = D.id && t.get(D.id);
-        return k ? [...B, k] : B;
+      const O = b.reduce((B, D) => {
+        const _ = D.id && t.get(D.id);
+        return _ ? [...B, _] : B;
       }, []);
       if (O.length > 0)
         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 });
+      }), s(w, { created: C });
     }
-  }, S = (m) => {
-    const A = typeof m == "string" ? m : m.id, w = t.get(A);
+  }, x = (b) => {
+    const A = typeof b == "string" ? b : b.id, w = t.get(A);
     if (w)
       return t.delete(A), w.bodies.forEach((C) => e.delete(C.id)), w;
     console.warn(`Attempt to delete missing annotation: ${A}`);
-  }, 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);
+  }, v = (b, A = M.LOCAL) => {
+    const w = x(b);
+    w && s(A, { deleted: [w] });
+  }, p = (b, A = M.LOCAL) => {
+    const w = b.reduce((C, O) => {
+      const B = x(O);
       return B ? [...C, B] : C;
     }, []);
-    w.length > 0 && r(A, { deleted: w });
-  }, l = (m) => {
-    const A = t.get(m.annotation);
+    w.length > 0 && s(A, { deleted: w });
+  }, l = (b) => {
+    const A = t.get(b.annotation);
     if (A) {
-      const w = A.bodies.find((C) => C.id === m.id);
+      const w = A.bodies.find((C) => C.id === b.id);
       if (w) {
         e.delete(w.id);
         const C = {
           ...A,
-          bodies: A.bodies.filter((O) => O.id !== m.id)
+          bodies: A.bodies.filter((O) => O.id !== b.id)
         };
         return t.set(A.id, C), {
           oldValue: A,
@@ -877,33 +877,33 @@ const Fe = (t, e) => {
           bodiesDeleted: [w]
         };
       } else
-        console.warn(`Attempt to delete missing body ${m.id} from annotation ${m.annotation}`);
+        console.warn(`Attempt to delete missing body ${b.id} from annotation ${b.annotation}`);
     } else
-      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);
+      console.warn(`Attempt to delete body from missing annotation ${b.annotation}`);
+  }, a = (b, A = M.LOCAL) => {
+    const w = l(b);
+    w && s(A, { updated: [w] });
+  }, m = (b, A = M.LOCAL) => {
+    const w = b.map((C) => l(C)).filter(Boolean);
+    w.length > 0 && s(A, { updated: w });
+  }, S = (b) => {
+    const A = t.get(b);
     return A ? { ...A } : void 0;
-  }, L = (m) => {
-    const A = e.get(m);
+  }, L = (b) => {
+    const A = e.get(b);
     if (A) {
-      const w = x(A).bodies.find((C) => C.id === m);
+      const w = S(A).bodies.find((C) => C.id === b);
       if (w)
         return w;
-      console.error(`Store integrity error: body ${m} in index, but not in annotation`);
+      console.error(`Store integrity error: body ${b} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${m}`);
-  }, E = (m, A) => {
-    if (m.annotation !== A.annotation)
+      console.warn(`Attempt to retrieve missing body: ${b}`);
+  }, E = (b, A) => {
+    if (b.annotation !== A.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const w = t.get(m.annotation);
+    const w = t.get(b.annotation);
     if (w) {
-      const C = w.bodies.find((B) => B.id === m.id), O = {
+      const C = w.bodies.find((B) => B.id === b.id), O = {
         ...w,
         bodies: w.bodies.map((B) => B.id === C.id ? A : B)
       };
@@ -913,21 +913,21 @@ const Fe = (t, e) => {
         bodiesUpdated: [{ oldBody: C, newBody: A }]
       };
     } else
-      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);
+      console.warn(`Attempt to add body to missing annotation ${b.annotation}`);
+  }, T = (b, A, w = M.LOCAL) => {
+    const C = E(b, A);
+    C && s(w, { updated: [C] });
+  }, R = (b, A = M.LOCAL) => {
+    const w = b.map((C) => E({ id: C.id, annotation: C.annotation }, C)).filter(Boolean);
+    s(A, { updated: w });
+  }, I = (b) => {
+    const A = t.get(b.annotation);
     if (A) {
       const w = {
         ...A,
         target: {
           ...A.target,
-          ...m
+          ...b
         }
       };
       return t.set(A.id, w), {
@@ -935,37 +935,37 @@ const Fe = (t, e) => {
         newValue: w,
         targetUpdated: {
           oldTarget: A.target,
-          newTarget: m
+          newTarget: b
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${m.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${b.annotation}`);
   };
   return {
-    addAnnotation: c,
-    addBody: g,
+    addAnnotation: r,
+    addBody: f,
     all: h,
-    bulkAddAnnotation: f,
-    bulkDeleteAnnotation: b,
-    bulkDeleteBodies: p,
+    bulkAddAnnotation: g,
+    bulkDeleteAnnotation: p,
+    bulkDeleteBodies: m,
     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 });
+    bulkUpdateTargets: (b, A = M.LOCAL) => {
+      const w = b.map((C) => I(C)).filter(Boolean);
+      w.length > 0 && s(A, { updated: w });
     },
-    clear: v,
-    deleteAnnotation: y,
-    deleteBody: s,
-    getAnnotation: x,
+    clear: y,
+    deleteAnnotation: v,
+    deleteBody: a,
+    getAnnotation: S,
     getBody: L,
     observe: o,
     unobserve: i,
     updateAnnotation: d,
     updateBody: T,
-    updateTarget: (m, A = M.LOCAL) => {
-      const w = I(m);
-      w && r(A, { updated: [w] });
+    updateTarget: (b, A = M.LOCAL) => {
+      const w = I(b);
+      w && s(A, { updated: [w] });
     }
   };
 };
@@ -985,39 +985,39 @@ let Ke = () => ({
 });
 const Qe = 250, Je = (t) => {
   const e = Ke(), n = [];
-  let o = -1, i = !1, r = 0;
-  const c = (f) => {
+  let o = -1, i = !1, s = 0;
+  const r = (g) => {
     if (!i) {
-      const { changes: S } = f, y = performance.now();
-      if (y - r > Qe)
-        n.splice(o + 1), n.push(S), o = n.length - 1;
+      const { changes: x } = g, v = performance.now();
+      if (v - s > Qe)
+        n.splice(o + 1), n.push(x), o = n.length - 1;
       else {
-        const b = n.length - 1;
-        n[b] = We(n[b], S);
+        const p = n.length - 1;
+        n[p] = We(n[p], x);
       }
-      r = y;
+      s = v;
     }
     i = !1;
   };
-  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);
+  t.observe(r, { origin: M.LOCAL });
+  const c = (g) => g && g.length > 0 && t.bulkDeleteAnnotation(g), d = (g) => g && g.length > 0 && t.bulkAddAnnotation(g, !1), u = (g) => g && g.length > 0 && t.bulkUpdateAnnotation(g.map(({ oldValue: x }) => x)), f = (g) => g && g.length > 0 && t.bulkUpdateAnnotation(g.map(({ newValue: x }) => x)), h = (g) => g && g.length > 0 && t.bulkAddAnnotation(g, !1), y = (g) => g && g.length > 0 && t.bulkDeleteAnnotation(g);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
-    destroy: () => t.unobserve(c),
-    on: (f, S) => e.on(f, S),
+    destroy: () => t.unobserve(r),
+    on: (g, x) => e.on(g, x),
     redo: () => {
       if (n.length - 1 > o) {
         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;
+        const { created: g, updated: x, deleted: v } = n[o + 1];
+        d(g), f(x), y(v), e.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (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;
+        const { created: g, updated: x, deleted: v } = n[o];
+        c(g), u(x), h(v), e.emit("undo", n[o]), o -= 1;
       }
     }
   };
@@ -1028,76 +1028,76 @@ const Qe = 250, Je = (t) => {
     set: e
   };
 }, 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);
+  const { hover: i, selection: s, store: r, viewport: c } = t, d = /* @__PURE__ */ new Map();
+  let u = [], f;
+  const h = (v, p) => {
+    d.has(v) ? d.get(v).push(p) : d.set(v, [p]);
+  }, y = (v, p) => {
+    const l = d.get(v);
     if (l) {
-      const s = l.indexOf(b);
-      s !== -1 && l.splice(s, 1);
+      const a = l.indexOf(p);
+      a !== -1 && l.splice(a, 1);
     }
-  }, f = (y, b, l) => {
-    d.has(y) && setTimeout(() => {
-      d.get(y).forEach((s) => {
+  }, g = (v, p, l) => {
+    d.has(v) && setTimeout(() => {
+      d.get(v).forEach((a) => {
         if (n) {
-          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);
+          const m = Array.isArray(p) ? p.map((L) => n.serialize(L)) : n.serialize(p), S = l ? l instanceof PointerEvent ? l : n.serialize(l) : void 0;
+          a(m, S);
         } else
-          s(b, l);
+          a(p, l);
       });
     }, 1);
   };
-  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);
+  s.subscribe(({ selected: v }) => {
+    if (!(u.length === 0 && v.length === 0)) {
+      if (u.length === 0 && v.length > 0)
+        u = v.map(({ id: p }) => r.getAnnotation(p));
+      else if (u.length > 0 && v.length === 0)
+        u.forEach((p) => {
+          const l = r.getAnnotation(p.id);
+          l && !j(l, p) && g("updateAnnotation", l, p);
         }), u = [];
       else {
-        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);
+        const p = new Set(u.map((a) => a.id)), l = new Set(v.map(({ id: a }) => a));
+        u.filter((a) => !l.has(a.id)).forEach((a) => {
+          const m = r.getAnnotation(a.id);
+          m && !j(m, a) && g("updateAnnotation", m, a);
         }), u = [
           // Remove annotations that were deselected
-          ...u.filter((s) => l.has(s.id)),
+          ...u.filter((a) => l.has(a.id)),
           // Add editable annotations that were selected
-          ...y.filter(({ id: s }) => !b.has(s)).map(({ id: s }) => i.getAnnotation(s))
+          ...v.filter(({ id: a }) => !p.has(a)).map(({ id: a }) => r.getAnnotation(a))
         ];
       }
-      f("selectionChanged", u);
+      g("selectionChanged", u);
     }
-  }), 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);
+  }), i.subscribe((v) => {
+    !f && v ? g("mouseEnterAnnotation", r.getAnnotation(v)) : f && !v ? g("mouseLeaveAnnotation", r.getAnnotation(f)) : f && v && (g("mouseLeaveAnnotation", r.getAnnotation(f)), g("mouseEnterAnnotation", r.getAnnotation(v))), f = v;
+  }), c == null || c.subscribe((v) => g("viewportIntersect", v.map((p) => r.getAnnotation(p)))), r.observe((v) => {
+    const { created: p, deleted: l } = v.changes;
+    (p || []).forEach((a) => g("createAnnotation", a)), (l || []).forEach((a) => g("deleteAnnotation", a)), (v.changes.updated || []).filter((a) => [
+      ...a.bodiesCreated || [],
+      ...a.bodiesDeleted || [],
+      ...a.bodiesUpdated || []
+    ].length > 0).forEach(({ oldValue: a, newValue: m }) => {
+      const S = u.find((L) => L.id === a.id) || a;
+      u = u.map((L) => L.id === a.id ? m : L), g("updateAnnotation", m, S);
     });
-  }, { origin: M.LOCAL }), i.observe((y) => {
+  }, { origin: M.LOCAL }), r.observe((v) => {
     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));
+      const p = new Set(u.map((a) => a.id)), l = (v.changes.updated || []).filter(({ newValue: a }) => p.has(a.id)).map(({ newValue: a }) => a);
+      l.length > 0 && (u = u.map((a) => l.find((S) => S.id === a.id) || a));
     }
   }, { 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));
+  const x = (v) => (p) => {
+    const { updated: l } = p;
+    v ? (l || []).forEach((a) => g("updateAnnotation", a.oldValue, a.newValue)) : (l || []).forEach((a) => g("updateAnnotation", a.newValue, a.oldValue));
   };
-  return e.on("undo", S(!0)), e.on("redo", S(!1)), { on: h, off: v, emit: f };
+  return e.on("undo", x(!0)), e.on("redo", x(!1)), { on: h, off: y, emit: g };
 }, en = (t) => (e) => e.reduce((n, o) => {
-  const { parsed: i, error: r } = t.parse(o);
-  return r ? {
+  const { parsed: i, error: s } = t.parse(o);
+  return s ? {
     parsed: n.parsed,
     failed: [...n.failed, o]
   } : i ? {
@@ -1107,78 +1107,78 @@ const Qe = 250, Je = (t) => {
     ...n
   };
 }, { parsed: [], failed: [] }), nn = (t, e, n) => {
-  const { store: o, selection: i } = t, r = (l) => {
+  const { store: o, selection: i } = t, s = (l) => {
     if (n) {
-      const { parsed: s, error: p } = n.parse(l);
-      s ? o.addAnnotation(s, M.REMOTE) : console.error(p);
+      const { parsed: a, error: m } = n.parse(l);
+      a ? o.addAnnotation(a, M.REMOTE) : console.error(m);
     } else
       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 = () => {
+  }, r = () => i.clear(), c = () => o.clear(), d = (l) => {
+    const a = o.getAnnotation(l);
+    return n && a ? n.serialize(a) : a;
+  }, u = () => n ? o.all().map(n.serialize) : o.all(), f = () => {
     var 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) => {
+    const a = (((l = i.selected) == null ? void 0 : l.map((m) => m.id)) || []).map((m) => o.getAnnotation(m)).filter(Boolean);
+    return n ? a.map(n.serialize) : a;
+  }, h = (l, a = !0) => fetch(l).then((m) => m.json()).then((m) => (g(m, a), m)), y = (l) => {
     if (typeof l == "string") {
-      const s = o.getAnnotation(l);
-      if (o.deleteAnnotation(l), s)
-        return n ? n.serialize(s) : s;
+      const a = o.getAnnotation(l);
+      if (o.deleteAnnotation(l), a)
+        return n ? n.serialize(a) : a;
     } else {
-      const s = n ? n.parse(l).parsed : l;
-      if (s)
-        return o.deleteAnnotation(s), l;
+      const a = n ? n.parse(l).parsed : l;
+      if (a)
+        return o.deleteAnnotation(a), l;
     }
-  }, f = (l, s = !0) => {
+  }, g = (l, a = !0) => {
     if (n) {
-      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);
+      const m = n.parseAll || en(n), { parsed: S, failed: L } = m(l);
+      L.length > 0 && console.warn(`Discarded ${L.length} invalid annotations`, L), o.bulkAddAnnotation(S, a, M.REMOTE);
     } else
-      o.bulkAddAnnotation(l.map(ft), s, M.REMOTE);
-  }, S = (l, s) => {
-    l ? i.setSelected(l, s) : i.clear();
-  }, y = (l) => {
+      o.bulkAddAnnotation(l.map(ft), a, M.REMOTE);
+  }, x = (l, a) => {
+    l ? i.setSelected(l, a) : i.clear();
+  }, v = (l) => {
     i.clear(), i.setUserSelectAction(l);
-  }, b = (l) => {
+  }, p = (l) => {
     if (n) {
-      const s = n.parse(l).parsed, p = n.serialize(o.getAnnotation(s.id));
-      return o.updateAnnotation(s), p;
+      const a = n.parse(l).parsed, m = n.serialize(o.getAnnotation(a.id));
+      return o.updateAnnotation(a), m;
     } else {
-      const s = o.getAnnotation(l.id);
-      return o.updateAnnotation(ft(l)), s;
+      const a = o.getAnnotation(l.id);
+      return o.updateAnnotation(ft(l)), a;
     }
   };
   return {
-    addAnnotation: r,
-    cancelSelected: c,
+    addAnnotation: s,
+    cancelSelected: r,
     canRedo: e.canRedo,
     canUndo: e.canUndo,
-    clearAnnotations: a,
+    clearAnnotations: c,
     getAnnotationById: d,
     getAnnotations: u,
-    getSelected: g,
+    getSelected: f,
     loadAnnotations: h,
     redo: e.redo,
-    removeAnnotation: v,
-    setAnnotations: f,
-    setSelected: S,
-    setUserSelectAction: y,
+    removeAnnotation: y,
+    setAnnotations: g,
+    setSelected: x,
+    setUserSelectAction: v,
     undo: e.undo,
-    updateAnnotation: b
+    updateAnnotation: p
   };
 }, on = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let rn = (t) => crypto.getRandomValues(new Uint8Array(t)), sn = (t, e, n) => {
+let sn = (t) => crypto.getRandomValues(new Uint8Array(t)), rn = (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 = "";
+  return (s = e) => {
+    let r = "";
     for (; ; ) {
-      let a = n(i), d = i;
+      let c = n(i), d = i;
       for (; d--; )
-        if (c += t[a[d] & o] || "", c.length === r) return c;
+        if (r += t[c[d] & o] || "", r.length === s) return r;
     }
   };
-}, an = (t, e = 21) => sn(t, e, rn), cn = (t = 21) => {
+}, an = (t, e = 21) => rn(t, e, sn), cn = (t = 21) => {
   let e = "", n = crypto.getRandomValues(new Uint8Array(t));
   for (; t--; )
     e += on[n[t] & 63];
@@ -1188,31 +1188,31 @@ const ln = () => ({ isGuest: !0, id: an("1234567890abcdefghijklmnopqrstuvwxyzABC
   const e = JSON.stringify(t);
   let n = 0;
   for (let o = 0, i = e.length; o < i; o++) {
-    let r = e.charCodeAt(o);
-    n = (n << 5) - n + r, n |= 0;
+    let s = e.charCodeAt(o);
+    n = (n << 5) - n + s, n |= 0;
   }
   return `${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;
+  const { id: o, type: i, purpose: s, value: r, created: c, modified: d, creator: u, ...f } = n;
   return {
     id: o || `temp-${dn(n)}`,
     annotation: e,
     type: i,
-    purpose: r,
-    value: c,
+    purpose: s,
+    value: r,
     creator: Ft(u),
-    created: a ? new Date(a) : void 0,
+    created: c ? new Date(c) : void 0,
     updated: d ? new Date(d) : void 0,
-    ...g
+    ...f
   };
 }), hn = (t) => t.map((e) => {
   var n;
-  const { annotation: o, created: i, updated: r, ...c } = e, a = {
-    ...c,
+  const { annotation: o, created: i, updated: s, ...r } = e, c = {
+    ...r,
     created: i == null ? void 0 : i.toISOString(),
-    modified: r == null ? void 0 : r.toISOString()
+    modified: s == null ? void 0 : s.toISOString()
   };
-  return (n = a.id) != null && n.startsWith("temp-") && delete a.id, a;
+  return (n = c.id) != null && n.startsWith("temp-") && delete c.id, c;
 });
 cn();
 const In = (t, e) => ({
@@ -1224,85 +1224,85 @@ const In = (t, e) => ({
     creator: n,
     created: o,
     modified: i,
-    target: r
-  } = t, c = Array.isArray(r) ? r : [r], a = {
+    target: s
+  } = t, r = Array.isArray(s) ? s : [s], c = {
     creator: Ft(n),
     created: o ? new Date(o) : void 0,
     updated: i ? new Date(i) : void 0,
     annotation: e,
     selector: []
   };
-  for (const d of c) {
-    const g = (Array.isArray(d.selector) ? d.selector : [d.selector]).reduce((h, v) => {
-      switch (v.type) {
+  for (const d of r) {
+    const f = (Array.isArray(d.selector) ? d.selector : [d.selector]).reduce((h, y) => {
+      switch (y.type) {
         case "TextQuoteSelector":
-          h.quote = v.exact;
+          h.quote = y.exact;
           break;
         case "TextPositionSelector":
-          h.start = v.start, h.end = v.end;
+          h.start = y.start, h.end = y.end;
           break;
       }
       return h;
     }, {});
-    if (fn(g))
-      a.selector.push({ id: d.id, ...g });
+    if (fn(f))
+      c.selector.push({ id: d.id, ...f });
     else {
       const h = [
-        g.start ? void 0 : "TextPositionSelector",
-        g.quote ? void 0 : "TextQuoteSelector"
+        f.start ? void 0 : "TextPositionSelector",
+        f.quote ? void 0 : "TextQuoteSelector"
       ].filter(Boolean);
       return { error: Error(`Missing selector types: ${h.join(" and ")} for annotation: ${t.id}`) };
     }
   }
-  return { parsed: a };
+  return { parsed: c };
 }, pn = (t) => {
   const e = t.id || Pt(), {
     creator: n,
     created: o,
     modified: i,
-    body: r,
-    ...c
-  } = t, a = un(r, e), d = gn(t);
+    body: s,
+    ...r
+  } = t, c = un(s, e), d = gn(t);
   return "error" in d ? { error: d.error } : {
     parsed: {
-      ...c,
+      ...r,
       id: e,
-      bodies: a,
+      bodies: c,
       target: d.parsed
     }
   };
 }, mn = (t, e, n) => {
-  const { bodies: o, target: i, ...r } = t, {
-    selector: c,
-    creator: a,
+  const { bodies: o, target: i, ...s } = t, {
+    selector: r,
+    creator: c,
     created: d,
     updated: u,
-    ...g
-  } = i, h = c.map((v) => {
-    const { quote: f, start: S, end: y, range: b } = v, { prefix: l, suffix: s } = ee(b, n), p = [{
+    ...f
+  } = i, h = r.map((y) => {
+    const { quote: g, start: x, end: v, range: p } = y, { prefix: l, suffix: a } = ee(p, n), m = [{
       type: "TextQuoteSelector",
-      exact: f,
+      exact: g,
       prefix: l,
-      suffix: s
+      suffix: a
     }, {
       type: "TextPositionSelector",
-      start: S,
-      end: y
+      start: x,
+      end: v
     }];
     return {
-      ...g,
-      id: v.id,
+      ...f,
+      id: y.id,
       source: e,
-      selector: p
+      selector: m
     };
   });
   return {
-    ...r,
+    ...s,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: t.id,
     type: "Annotation",
     body: hn(t.bodies),
-    creator: a,
+    creator: c,
     created: d == null ? void 0 : d.toISOString(),
     modified: u == null ? void 0 : u.toISOString(),
     target: h
@@ -1311,16 +1311,16 @@ const In = (t, e) => ({
 function Wt(t, e, n = 0, o = t.length - 1, i = bn) {
   for (; o > n; ) {
     if (o - n > 600) {
-      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 d = o - n + 1, u = e - n + 1, f = Math.log(d), h = 0.5 * Math.exp(2 * f / 3), y = 0.5 * Math.sqrt(f * h * (d - h) / d) * (u - d / 2 < 0 ? -1 : 1), g = Math.max(n, Math.floor(e - u * h / d + y)), x = Math.min(o, Math.floor(e + (d - u) * h / d + y));
+      Wt(t, e, g, x, i);
     }
-    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--;
+    const s = t[e];
+    let r = n, c = o;
+    for (q(t, n, e), i(t[o], s) > 0 && q(t, n, o); r < c; ) {
+      for (q(t, r, c), r++, c--; i(t[r], s) < 0; ) r++;
+      for (; i(t[c], s) > 0; ) c--;
     }
-    i(t[n], r) === 0 ? q(t, n, a) : (a++, q(t, a, o)), a <= e && (n = a + 1), e <= a && (o = a - 1);
+    i(t[n], s) === 0 ? q(t, n, c) : (c++, q(t, c, o)), c <= e && (n = c + 1), e <= c && (o = c - 1);
   }
 }
 function q(t, e, n) {
@@ -1341,13 +1341,13 @@ class vn {
     let n = this.data;
     const o = [];
     if (!ot(e, n)) return o;
-    const i = this.toBBox, r = [];
+    const i = this.toBBox, s = [];
     for (; n; ) {
-      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));
+      for (let r = 0; r < n.children.length; r++) {
+        const c = n.children[r], d = n.leaf ? i(c) : c;
+        ot(e, d) && (n.leaf ? o.push(c) : mt(e, d) ? this._all(c, o) : s.push(c));
       }
-      n = r.pop();
+      n = s.pop();
     }
     return o;
   }
@@ -1357,10 +1357,10 @@ class vn {
     const o = [];
     for (; n; ) {
       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);
+        const s = n.children[i], r = n.leaf ? this.toBBox(s) : s;
+        if (ot(e, r)) {
+          if (n.leaf || mt(e, r)) return !0;
+          o.push(s);
         }
       }
       n = o.pop();
@@ -1397,15 +1397,15 @@ class vn {
   remove(e, n) {
     if (!e) return this;
     let o = this.data;
-    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), r.push(o), this._condense(r), this;
+    const i = this.toBBox(e), s = [], r = [];
+    let c, d, u;
+    for (; o || s.length; ) {
+      if (o || (o = s.pop(), d = s[s.length - 1], c = r.pop(), u = !0), o.leaf) {
+        const f = yn(e, o.children, n);
+        if (f !== -1)
+          return o.children.splice(f, 1), s.push(o), this._condense(s), this;
       }
-      !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;
+      !u && !o.leaf && mt(o, i) ? (s.push(o), r.push(c), c = 0, d = o, o = o.children[0]) : d ? (c++, o = d.children[c], u = !1) : o = null;
     }
     return this;
   }
@@ -1431,75 +1431,75 @@ class vn {
     return n;
   }
   _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));
+    const s = o - n + 1;
+    let r = this._maxEntries, c;
+    if (s <= r)
+      return c = W(e.slice(n, o + 1)), F(c, this.toBBox), c;
+    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), c = W([]), c.leaf = !1, c.height = i;
+    const d = Math.ceil(s / r), u = d * Math.ceil(Math.sqrt(r));
     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));
+    for (let f = n; f <= o; f += u) {
+      const h = Math.min(f + u - 1, o);
+      Vt(e, f, h, d, this.compareMinY);
+      for (let y = f; y <= h; y += d) {
+        const g = Math.min(y + d - 1, h);
+        c.children.push(this._build(e, y, g, i - 1));
       }
     }
-    return F(a, this.toBBox), a;
+    return F(c, this.toBBox), c;
   }
   _chooseSubtree(e, n, o, i) {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
-      let r = 1 / 0, c = 1 / 0, a;
+      let s = 1 / 0, r = 1 / 0, c;
       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);
+        const u = n.children[d], f = pt(u), h = xn(e, u) - f;
+        h < r ? (r = h, s = f < s ? f : s, c = u) : h === r && f < s && (s = f, c = u);
       }
-      n = a || n.children[0];
+      n = c || n.children[0];
     }
     return n;
   }
   _insert(e, n, o) {
-    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);
+    const i = o ? e : this.toBBox(e), s = [], r = this._chooseSubtree(i, this.data, n, s);
+    for (r.children.push(e), K(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
+      this._split(s, n), n--;
+    this._adjustParentBBoxes(i, s, n);
   }
   // split overflowed node into two
   _split(e, n) {
-    const o = e[n], i = o.children.length, 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);
+    const o = e[n], i = o.children.length, s = this._minEntries;
+    this._chooseSplitAxis(o, s, i);
+    const r = this._chooseSplitIndex(o, s, i), c = W(o.children.splice(r, o.children.length - r));
+    c.height = o.height, c.leaf = o.leaf, F(o, this.toBBox), F(c, this.toBBox), n ? e[n - 1].children.push(c) : this._splitRoot(o, c);
   }
   _splitRoot(e, n) {
     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 i, r = 1 / 0, c = 1 / 0;
-    for (let a = n; a <= o - n; 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);
+    let i, s = 1 / 0, r = 1 / 0;
+    for (let c = n; c <= o - n; c++) {
+      const d = G(e, 0, c, this.toBBox), u = G(e, c, o, this.toBBox), f = Sn(d, u), h = pt(d) + pt(u);
+      f < s ? (s = f, i = c, r = h < r ? h : r) : f === s && h < r && (r = h, i = c);
     }
     return i || o - n;
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(e, n, o) {
-    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);
+    const i = e.leaf ? this.compareMinX : wn, s = e.leaf ? this.compareMinY : An, r = this._allDistMargin(e, n, o, i), c = this._allDistMargin(e, n, o, s);
+    r < c && e.children.sort(i);
   }
   // total margin of all possible split distributions where each node is at least m full
   _allDistMargin(e, n, o, i) {
     e.children.sort(i);
-    const r = this.toBBox, c = G(e, 0, n, r), a = G(e, o - n, o, r);
-    let d = nt(c) + nt(a);
+    const s = this.toBBox, r = G(e, 0, n, s), c = G(e, o - n, o, s);
+    let d = nt(r) + nt(c);
     for (let u = n; u < o - n; u++) {
-      const g = e.children[u];
-      K(c, e.leaf ? r(g) : g), d += nt(c);
+      const f = e.children[u];
+      K(r, e.leaf ? s(f) : f), d += nt(r);
     }
     for (let u = o - n - 1; u >= n; u--) {
-      const g = e.children[u];
-      K(a, e.leaf ? r(g) : g), d += nt(a);
+      const f = e.children[u];
+      K(c, e.leaf ? s(f) : f), d += nt(c);
     }
     return d;
   }
@@ -1523,9 +1523,9 @@ function F(t, e) {
 }
 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);
+  for (let s = e; s < n; s++) {
+    const r = t.children[s];
+    K(i, t.leaf ? o(r) : r);
   }
   return i;
 }
@@ -1548,8 +1548,8 @@ 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 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);
+  const n = Math.max(t.minX, e.minX), o = Math.max(t.minY, e.minY), i = Math.min(t.maxX, e.maxX), s = Math.min(t.maxY, e.maxY);
+  return Math.max(0, i - n) * Math.max(0, s - o);
 }
 function mt(t, e) {
   return t.minX <= e.minX && t.minY <= e.minY && e.maxX <= t.maxX && e.maxY <= t.maxY;
@@ -1569,20 +1569,20 @@ function W(t) {
   };
 }
 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 s = [e, n];
+  for (; s.length; ) {
+    if (n = s.pop(), e = s.pop(), n - e <= o) continue;
+    const r = e + Math.ceil((n - e) / o / 2) * o;
+    Wt(t, r, e, n, i), s.push(e, r, r, n);
   }
 }
 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;
+  const n = new vn(), o = /* @__PURE__ */ new Map(), i = (l, a) => {
+    const m = l.selector.flatMap((L) => {
+      const E = H([L]) ? L.range : kt(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) => {
+    }), S = re(m).map(({ left: L, top: E, right: T, bottom: R }) => new DOMRect(L - a.left, E - a.top, T - L, R - E));
+    return S.map((L) => {
       const { x: E, y: T, width: R, height: I } = L;
       return {
         minX: E,
@@ -1591,121 +1591,121 @@ const En = (t, e) => {
         maxY: T + I,
         annotation: {
           id: l.annotation,
-          rects: x
+          rects: S
         }
       };
     });
-  }, r = () => [...o.values()], c = () => {
+  }, s = () => [...o.values()], r = () => {
     n.clear(), o.clear();
-  }, a = (l) => {
-    const s = i(l, e.getBoundingClientRect());
-    s.forEach((p) => n.insert(p)), o.set(l.annotation, s);
+  }, c = (l) => {
+    const a = i(l, e.getBoundingClientRect());
+    a.forEach((m) => n.insert(m)), o.set(l.annotation, a);
   }, d = (l) => {
-    const s = o.get(l.annotation);
-    s && (s.forEach((p) => n.remove(p)), o.delete(l.annotation));
+    const a = o.get(l.annotation);
+    a && (a.forEach((m) => n.remove(m)), o.delete(l.annotation));
   }, u = (l) => {
-    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);
+    d(l), c(l);
+  }, f = (l, a = !0) => {
+    a && r();
+    const m = e.getBoundingClientRect(), S = l.map((E) => ({ target: E, rects: i(E, m) }));
+    S.forEach(({ target: E, rects: T }) => o.set(E.annotation, T));
+    const L = S.flatMap(({ rects: E }) => E);
     n.load(L);
-  }, h = (l, s, p = !1) => {
-    const x = n.search({
+  }, h = (l, a, m = !1) => {
+    const S = n.search({
       minX: l,
-      minY: s,
+      minY: a,
       maxX: l,
-      maxY: s
+      maxY: a
     }), 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 S.length > 0 ? (S.sort((E, T) => L(E) - L(T)), m ? S.map((E) => E.annotation.id) : [S[0].annotation.id]) : [];
+  }, y = (l) => {
+    const a = g(l);
+    if (a.length === 0)
       return;
-    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);
+    let m = a[0].left, S = a[0].top, L = a[0].right, E = a[0].bottom;
+    for (let T = 1; T < a.length; T++) {
+      const R = a[T];
+      m = Math.min(m, R.left), S = Math.min(S, R.top), L = Math.max(L, R.right), E = Math.max(E, R.bottom);
     }
-    return new DOMRect(p, x, L - p, E - x);
-  }, f = (l) => {
-    const s = o.get(l);
-    return s ? s[0].annotation.rects : [];
+    return new DOMRect(m, S, L - m, E - S);
+  }, g = (l) => {
+    const a = o.get(l);
+    return a ? a[0].annotation.rects : [];
   };
   return {
-    all: r,
-    clear: c,
+    all: s,
+    clear: r,
     getAt: h,
-    getAnnotationBounds: v,
-    getAnnotationRects: f,
-    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));
+    getAnnotationBounds: y,
+    getAnnotationRects: g,
+    getIntersecting: (l, a, m, S) => {
+      const L = n.search({ minX: l, minY: a, maxX: m, maxY: S }), E = new Set(L.map((T) => T.annotation.id));
       return Array.from(E).map((T) => ({
         annotation: t.getAnnotation(T),
-        rects: f(T)
+        rects: g(T)
       })).filter((T) => !!T.annotation);
     },
-    insert: a,
-    recalculate: () => g(t.all().map((l) => l.target), !0),
+    insert: c,
+    recalculate: () => f(t.all().map((l) => l.target), !0),
     remove: d,
-    set: g,
+    set: f,
     size: () => n.all().length,
     update: u
   };
 }, Cn = (t, e) => {
-  const n = Ge(), o = En(n, t), i = ke(n);
+  const n = Ge(), o = En(n, t), i = _e(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);
+  const s = Ve(n), r = Ze(), c = (p, l = M.LOCAL) => {
+    const a = rt(p, t), m = H(a.target.selector);
+    return m && n.addAnnotation(a, l), m;
+  }, d = (p, l = !0, a = M.LOCAL) => {
+    const m = p.map((L) => rt(L, t)), S = m.filter((L) => !H(L.target.selector));
+    return S.length > 0 ? (console.warn("Could not revive all targets for these annotations:", S), n.bulkAddAnnotation(m, l, a), S) : (n.bulkAddAnnotation(m, l, a), []);
+  }, u = (p, l = M.LOCAL) => {
+    const a = p.map((S) => rt(S, t)), m = a.filter((S) => !H(S.target.selector));
+    return m.length > 0 && console.warn("Could not revive all targets for these annotations:", m), a.forEach((S) => {
+      n.getAnnotation(S.id) ? n.updateAnnotation(S, l) : n.addAnnotation(S, l);
+    }), m;
+  }, f = (p, l = M.LOCAL) => {
+    const a = it(p, t);
+    n.updateTarget(a, l);
+  }, h = (p, l = M.LOCAL) => {
+    const a = p.map((m) => it(m, t));
+    n.bulkUpdateTargets(a, l);
+  }, y = (p, l, a) => {
+    const m = o.getAt(p, l, !!a).map((L) => n.getAnnotation(L)), S = a ? m.filter(a) : m;
+    return S.length > 0 ? S[0] : void 0;
+  }, g = (p, l, a, m = 5) => {
+    const S = o.getAnnotationRects(p);
+    if (S.length !== 0) {
+      if (l && a) {
+        const L = S.find(({ top: E, right: T, bottom: R, left: I }) => l >= I - m && l <= T + m && a >= E - m && a <= R + m);
         if (L) return L;
       }
-      return o.getAnnotationBounds(b);
+      return o.getAnnotationBounds(p);
     }
-  }, 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));
+  }, x = (p) => o.getAnnotationRects(p), v = () => o.recalculate();
+  return n.observe(({ changes: p }) => {
+    const l = (p.deleted || []).filter((S) => H(S.target.selector)), a = (p.created || []).filter((S) => H(S.target.selector)), m = (p.updated || []).filter((S) => H(S.newValue.target.selector));
+    (l == null ? void 0 : l.length) > 0 && l.forEach((S) => o.remove(S.target)), a.length > 0 && o.set(a.map((S) => S.target), !1), (m == null ? void 0 : m.length) > 0 && m.forEach(({ newValue: S }) => o.update(S.target));
   }), {
     store: {
       ...n,
-      addAnnotation: a,
+      addAnnotation: c,
       bulkAddAnnotation: d,
       bulkUpdateTargets: h,
       bulkUpsertAnnotations: u,
-      getAnnotationBounds: f,
-      getAnnotationRects: S,
-      getAt: v,
+      getAnnotationBounds: g,
+      getAnnotationRects: x,
+      getAt: y,
       getIntersecting: o.getIntersecting,
-      recalculatePositions: y,
-      updateTarget: g
+      recalculatePositions: v,
+      updateTarget: f
     },
     selection: i,
-    hover: r,
-    viewport: c
+    hover: s,
+    viewport: r
   };
 }, Ln = () => {
   const t = document.createElement("canvas");
@@ -1715,99 +1715,99 @@ const En = (t, e) => {
 }, 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));
+  const i = /* @__PURE__ */ new Map(), s = (f) => Array.from(i.entries()).filter(([h, y]) => y.presenceKey === f.presenceKey).map(([h, y]) => h);
+  return t.on("selectionChange", (f, h) => {
+    s(f).forEach((g) => i.delete(g)), h && h.forEach((g) => i.set(g, f));
   }), {
     clear: () => {
-      const { width: g, height: h } = n;
-      o.clearRect(-0.5, -0.5, g + 1, h + 1);
+      const { width: f, height: h } = n;
+      o.clearRect(-0.5, -0.5, f + 1, h + 1);
     },
     destroy: () => {
       n.remove();
     },
-    paint: (g, h, v) => {
+    paint: (f, h, y) => {
       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
+      const g = i.get(f.annotation.id);
+      if (g) {
+        const { height: x } = f.rects[0], v = f.rects[0].x + h.left, p = f.rects[0].y + h.top;
+        o.fillStyle = g.appearance.color, o.fillRect(v - 2, p - 2.5, 2, x + 5);
+        const l = o.measureText(g.appearance.label), a = l.width + 6, m = l.actualBoundingBoxAscent + l.actualBoundingBoxDescent + 8, S = l.fontBoundingBoxAscent ? 8 : 6.5;
+        return o.fillRect(v - 2, p - 2.5 - m, a, m), o.fillStyle = "#fff", o.fillText(g.appearance.label, v + 1, p - S), {
+          fill: g.appearance.color,
+          fillOpacity: y ? 0.45 : 0.18
         };
       }
     },
     reset: () => {
       n.width = 2 * window.innerWidth, n.height = 2 * window.innerHeight;
-      const g = n.getContext("2d");
-      g.scale(2, 2), g.translate(0.5, 0.5);
+      const f = n.getContext("2d");
+      f.scale(2, 2), f.translate(0.5, 0.5);
     }
   };
 }, 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;
+  const s = (a) => i = a;
+  let r;
+  const c = (a) => r = a, { store: d, selection: u } = e;
+  let f, h = !1, y;
+  const g = (a) => {
+    var S;
     if (!h) return;
-    !((x = s.target.parentElement) != null && x.closest(X)) ? g = {
+    !((S = a.target.parentElement) != null && S.closest(X)) ? f = {
       annotation: Pt(),
       selector: [],
       creator: i,
       created: /* @__PURE__ */ new Date()
-    } : g = void 0;
-  }, 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;
+    } : f = void 0;
+  }, x = yt((a) => {
+    var b, A;
+    const m = document.getSelection();
+    if (!!((A = (b = m.anchorNode) == null ? void 0 : b.parentElement) != null && A.closest(X))) {
+      f = void 0;
       return;
     }
-    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 (a.timeStamp - ((y == null ? void 0 : y.timeStamp) || a.timeStamp) < 1e3 && !f && g(y), m.isCollapsed || !h || !f) return;
+    const E = m.getRangeAt(0), T = ce(E, t);
     if (oe(T)) return;
     const R = Zt(T.cloneRange());
-    (R.length !== g.selector.length || R.some((w, C) => {
+    (R.length !== f.selector.length || R.some((w, C) => {
       var O;
-      return w.toString() !== ((O = g.selector[C]) == null ? void 0 : O.quote);
-    })) && (g = {
-      ...g,
+      return w.toString() !== ((O = f.selector[C]) == null ? void 0 : O.quote);
+    })) && (f = {
+      ...f,
       selector: R.map((w) => ae(w, t, o)),
       updated: /* @__PURE__ */ new Date()
-    }, d.getAnnotation(g.annotation) ? d.updateTarget(g, M.LOCAL) : (u.clear(), d.addAnnotation({
-      id: g.annotation,
+    }, d.getAnnotation(f.annotation) ? d.updateTarget(f, M.LOCAL) : (u.clear(), d.addAnnotation({
+      id: f.annotation,
       bodies: [],
-      target: g
-    }), 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) => {
+      target: f
+    }), u.userSelect(f.annotation, y)));
+  }), v = (a) => {
+    const { target: m, timeStamp: S, offsetX: L, offsetY: E, type: T } = a;
+    y = { ...a, target: m, timeStamp: S, offsetX: L, offsetY: E, type: T }, h = a.button === 0;
+  }, p = (a) => {
     var E;
-    if (!!((E = s.target.parentElement) != null && E.closest(X)) || !h)
+    if (!!((E = a.target.parentElement) != null && E.closest(X)) || !h)
       return;
-    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);
+    const S = () => {
+      const { x: T, y: R } = t.getBoundingClientRect(), I = a.target instanceof Node && t.contains(a.target) && d.getAt(a.clientX - T, a.clientY - R, r);
       if (I) {
-        const { selected: m } = u;
-        (m.length !== 1 || m[0].id !== I.id) && u.userSelect(I.id, s);
+        const { selected: b } = u;
+        (b.length !== 1 || b[0].id !== I.id) && u.userSelect(I.id, a);
       } else u.isEmpty() || u.clear();
-    }, L = s.timeStamp - v.timeStamp;
+    }, L = a.timeStamp - y.timeStamp;
     setTimeout(() => {
       const T = document.getSelection();
-      T != null && T.isCollapsed && L < 300 ? (g = void 0, x()) : g && u.userSelect(g.annotation, s);
+      T != null && T.isCollapsed && L < 300 ? (f = void 0, S()) : f && u.userSelect(f.annotation, a);
     });
   };
-  return t.addEventListener("pointerdown", y), document.addEventListener("pointerup", b), n && (t.addEventListener("selectstart", f), document.addEventListener("selectionchange", S)), {
+  return t.addEventListener("pointerdown", v), document.addEventListener("pointerup", p), n && (t.addEventListener("selectstart", g), document.addEventListener("selectionchange", x)), {
     destroy: () => {
-      t.removeEventListener("pointerdown", y), document.removeEventListener("pointerup", b), t.removeEventListener("selectstart", f), document.removeEventListener("selectionchange", S);
+      t.removeEventListener("pointerdown", v), document.removeEventListener("pointerup", p), t.removeEventListener("selectstart", g), document.removeEventListener("selectionchange", x);
     },
-    setFilter: a,
-    setUser: r
+    setFilter: c,
+    setUser: s
   };
 }, Bn = (t, e) => ({
   ...t,
@@ -1818,26 +1818,26 @@ const En = (t, e) => {
   const n = Bn(e, {
     annotatingEnabled: !0,
     user: ln()
-  }), o = Cn(t, n.userSelectAction), { selection: i, viewport: r } = o, c = o.store, a = Je(c), d = tn(o, a, n.adapter);
+  }), o = Cn(t, n.userSelectAction), { selection: i, viewport: s } = o, r = o.store, c = Je(r), d = tn(o, c, 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;
+  const f = n.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : Dt : n.renderer || Dt, h = f === "SPANS" ? Be(t, o, s) : f === "CSS_HIGHLIGHTS" ? Le(t, o, s) : f === "CANVAS" ? me(t, o, s) : void 0;
   if (!h)
-    throw `Unknown renderer implementation: ${g}`;
-  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),
+    throw `Unknown renderer implementation: ${f}`;
+  console.debug(`Using ${f} renderer`), n.style && h.setStyle(n.style);
+  const y = Rn(t, o, n.annotatingEnabled, n.offsetReferenceSelector);
+  return y.setUser(u), {
+    ...nn(o, c, n.adapter),
     destroy: () => {
-      h.destroy(), v.destroy(), a.destroy();
+      h.destroy(), y.destroy(), c.destroy();
     },
     element: t,
     getUser: () => u,
     setFilter: (E) => {
-      h.setFilter(E), v.setFilter(E);
+      h.setFilter(E), y.setFilter(E);
     },
     setStyle: (E) => h.setStyle(E),
     setUser: (E) => {
-      u = E, v.setUser(E);
+      u = E, y.setUser(E);
     },
     setSelected: (E) => {
       E ? i.setSelected(E) : i.clear();
@@ -1848,14 +1848,14 @@ const En = (t, e) => {
     setVisible: (E) => h.setVisible(E),
     on: d.on,
     off: d.off,
-    scrollIntoView: le(t, c),
+    scrollIntoView: le(t, r),
     state: o
   };
 };
 export {
-  rt as DEFAULT_SELECTED_STYLE,
+  st as DEFAULT_SELECTED_STYLE,
   P as DEFAULT_STYLE,
-  kt as NOT_ANNOTATABLE_CLASS,
+  _t as NOT_ANNOTATABLE_CLASS,
   X as NOT_ANNOTATABLE_SELECTOR,
   M as Origin,
   Rn as SelectionHandler,
@@ -1877,12 +1877,12 @@ export {
   bt as getRangeAnnotatableContents,
   H as isRevived,
   oe as isWhitespaceOrEmpty,
-  se as mergeClientRects,
+  re as mergeClientRects,
   de as paint,
   pn as parseW3CTextAnnotation,
   ae as rangeToSelector,
-  st as reviveAnnotation,
-  _t as reviveSelector,
+  rt as reviveAnnotation,
+  kt as reviveSelector,
   it as reviveTarget,
   le as scrollIntoView,
   mn as serializeW3CTextAnnotation,