@recogito/text-annotator 3.0.0-rc.50 → 3.0.0-rc.51

package/dist/text-annotator.es.js

@@ -145,7 +145,7 @@ const se = "not-annotatable", Z = `.${se}`, nt = (t) => {
   const s = _t(o).textContent, a = t.toString(), r = s.length || 0, l = r + a.length;
   return n ? { quote: a, start: r, end: l, range: t, offsetReference: i } : { quote: a, start: r, end: l, range: t };
 }, re = (t, e) => {
-  var u, h;
+  var d, h;
   const { start: n, end: o } = t, i = t.offsetReference || e, s = document.createNodeIterator(
     e,
     NodeFilter.SHOW_TEXT,
@@ -161,7 +161,7 @@ const se = "not-annotatable", Z = `.${se}`, nt = (t) => {
   let f = !i;
   for (; l !== null; ) {
     if (f || (f = i == null ? void 0 : i.contains(l)), f) {
-      const g = ((u = l.textContent) == null ? void 0 : u.length) || 0;
+      const g = ((d = l.textContent) == null ? void 0 : d.length) || 0;
       if (a + g > n) {
         r.setStart(l, n - a);
         break;
@@ -195,8 +195,8 @@ const se = "not-annotatable", Z = `.${se}`, nt = (t) => {
   return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : ae(t.parentElement);
 }, De = (t, e) => (n) => {
   const o = typeof n == "string" ? n : n.id, i = (a) => {
-    const r = s.getBoundingClientRect(), l = s.clientHeight, f = s.clientWidth, u = a.selector[0].range.getBoundingClientRect(), { width: h, height: g } = e.getAnnotationBounds(o), p = u.top - r.top, v = u.left - r.left, y = s.parentElement ? s.scrollTop : 0, m = s.parentElement ? s.scrollLeft : 0, d = p + y - (l - g) / 2, c = v + m - (f - h) / 2;
-    s.scroll({ top: d, left: c, behavior: "smooth" });
+    const r = s.getBoundingClientRect(), l = s.clientHeight, f = s.clientWidth, d = a.selector[0].range.getBoundingClientRect(), { width: h, height: g } = e.getAnnotationBounds(o), p = d.top - r.top, A = d.left - r.left, y = s.parentElement ? s.scrollTop : 0, m = s.parentElement ? s.scrollLeft : 0, u = p + y - (l - g) / 2, c = A + m - (f - h) / 2;
+    s.scroll({ top: u, left: c, behavior: "smooth" });
   }, s = ae(t);
   if (s) {
     const a = e.getAnnotation(o), { range: r } = a.target.selector[0];
@@ -231,43 +231,43 @@ const se = "not-annotatable", Z = `.${se}`, nt = (t) => {
 }, Kt = (t, e, n, o) => {
   const { store: i, selection: s, hover: a } = e;
   let r, l, f;
-  const u = $e(n), h = (E) => {
-    const { x: R, y: w } = t.getBoundingClientRect(), A = i.getAt(E.clientX - R, E.clientY - w, l);
-    A ? a.current !== A.id && (t.classList.add("hovered"), a.set(A.id)) : a.current && (t.classList.remove("hovered"), a.set(null));
+  const d = $e(n), h = (O) => {
+    const { x: _, y: b } = t.getBoundingClientRect(), x = i.getAt(O.clientX - _, O.clientY - b, l);
+    x ? a.current !== x.id && (t.classList.add("hovered"), a.set(x.id)) : a.current && (t.classList.remove("hovered"), a.set(null));
   };
   t.addEventListener("pointermove", h);
-  const g = (E = !1) => {
+  const g = (O = !1) => {
     f && f.clear();
-    const R = Pe(t), { minX: w, minY: A, maxX: x, maxY: C } = R, k = l ? i.getIntersecting(w, A, x, C).filter(({ annotation: Y }) => l(Y)) : i.getIntersecting(w, A, x, C), M = s.selected.map(({ id: Y }) => Y), D = k.map(({ annotation: Y, rects: Ee }) => {
-      const Se = M.includes(Y.id), Ce = Y.id === a.current;
-      return { annotation: Y, rects: Ee, state: { selected: Se, hover: Ce } };
+    const _ = Pe(t), { minX: b, minY: x, maxX: v, maxY: C } = _, B = l ? i.getIntersecting(b, x, v, C).filter(({ annotation: D }) => l(D)) : i.getIntersecting(b, x, v, C), M = s.selected.map(({ id: D }) => D), Y = B.map(({ annotation: D, rects: Ee }) => {
+      const Se = M.includes(D.id), Ce = D.id === a.current;
+      return { annotation: D, rects: Ee, state: { selected: Se, hover: Ce } };
     });
-    o.redraw(D, R, r, f, E), setTimeout(() => u(k.map(({ annotation: Y }) => Y)), 1);
-  }, p = (E) => {
-    f = E, g();
-  }, v = (E) => {
-    r = E, g();
-  }, y = (E) => {
-    l = E, g(!1);
+    o.redraw(Y, _, r, f, O), setTimeout(() => d(B.map(({ annotation: D }) => D)), 1);
+  }, p = (O) => {
+    f = O, g();
+  }, A = (O) => {
+    r = O, g();
+  }, y = (O) => {
+    l = O, g(!1);
   }, m = () => g();
   i.observe(m);
-  const d = s.subscribe(() => g()), c = () => g(!0);
+  const u = s.subscribe(() => g()), c = () => g(!0);
   document.addEventListener("scroll", c, { capture: !0, passive: !0 });
-  const b = Vt(() => {
+  const w = Vt(() => {
     i.recalculatePositions(), f && f.reset(), g();
   });
-  window.addEventListener("resize", b);
-  const S = new ResizeObserver(b);
+  window.addEventListener("resize", w);
+  const S = new ResizeObserver(w);
   S.observe(t);
-  const T = { attributes: !0, childList: !0, subtree: !0 }, L = new MutationObserver((E) => {
-    E.every((w) => w.target === t || t.contains(w.target)) || g(!0);
+  const T = { attributes: !0, childList: !0, subtree: !0 }, L = new MutationObserver((O) => {
+    O.every((b) => b.target === t || t.contains(b.target)) || g(!0);
   });
   return L.observe(document.body, T), {
     destroy: () => {
-      t.removeEventListener("pointermove", h), o.destroy(), i.unobserve(m), d(), document.removeEventListener("scroll", c), window.removeEventListener("resize", b), S.disconnect(), L.disconnect();
+      t.removeEventListener("pointermove", h), o.destroy(), i.unobserve(m), u(), document.removeEventListener("scroll", c), window.removeEventListener("resize", w), S.disconnect(), L.disconnect();
     },
     redraw: g,
-    setStyle: v,
+    setStyle: A,
     setFilter: y,
     setPainter: p,
     setVisible: o.setVisible
@@ -281,28 +281,28 @@ const se = "not-annotatable", Z = `.${se}`, nt = (t) => {
   t.classList.add("r6o-annotatable");
   const e = He(), n = e.getContext("2d");
   document.body.appendChild(e);
-  const o = (r, l, f, u) => requestAnimationFrame(() => {
+  const o = (r, l, f, d) => requestAnimationFrame(() => {
     const { width: h, height: g } = e;
-    n.clearRect(-0.5, -0.5, h + 1, g + 1), u && u.clear();
-    const { top: p, left: v } = l;
-    [...r].sort((m, d) => {
-      const { annotation: { target: { created: c } } } = m, { annotation: { target: { created: b } } } = d;
-      return c.getTime() - b.getTime();
+    n.clearRect(-0.5, -0.5, h + 1, g + 1), d && d.clear();
+    const { top: p, left: A } = l;
+    [...r].sort((m, u) => {
+      const { annotation: { target: { created: c } } } = m, { annotation: { target: { created: w } } } = u;
+      return c.getTime() - w.getTime();
     }).forEach((m) => {
       var S;
-      const d = f ? typeof f == "function" ? f(m.annotation, m.state) : f : (S = m.state) != null && S.selected ? bt : W, c = u && u.paint(m, l) || d, b = m.rects.map(({ x: T, y: L, width: O, height: E }) => ({
-        x: T + v,
+      const u = f ? typeof f == "function" ? f(m.annotation, m.state) : f : (S = m.state) != null && S.selected ? bt : W, c = d && d.paint(m, l) || u, w = m.rects.map(({ x: T, y: L, width: E, height: O }) => ({
+        x: T + A,
         y: L + p,
-        width: O,
-        height: E
+        width: E,
+        height: O
       }));
-      if (n.fillStyle = c.fill, n.globalAlpha = c.fillOpacity || 1, b.forEach(
-        ({ x: T, y: L, width: O, height: E }) => n.fillRect(T, L, O, E)
+      if (n.fillStyle = c.fill, n.globalAlpha = c.fillOpacity || 1, w.forEach(
+        ({ x: T, y: L, width: E, height: O }) => n.fillRect(T, L, E, O)
       ), c.underlineColor) {
         n.globalAlpha = 1, n.strokeStyle = c.underlineColor, n.lineWidth = c.underlineThickness ?? 1;
         const T = c.underlineOffset ?? 0;
-        b.forEach(({ x: L, y: O, width: E, height: R }) => {
-          n.beginPath(), n.moveTo(L, O + R + T), n.lineTo(L + E, O + R + T), n.stroke();
+        w.forEach(({ x: L, y: E, width: O, height: _ }) => {
+          n.beginPath(), n.moveTo(L, E + _ + T), n.lineTo(L + O, E + _ + T), n.stroke();
         });
       }
     });
@@ -470,14 +470,14 @@ const en = (t) => [
       l && l.clear();
       const f = new Set(s.map((h) => h.annotation.id));
       Array.from(e).filter((h) => !f.has(h));
-      const u = s.map((h) => {
-        var v;
-        const g = r ? typeof r == "function" ? r(h.annotation, h.state) : r : (v = h.state) != null && v.selected ? bt : W, p = l && l.paint(h, a) || g;
+      const d = s.map((h) => {
+        var A;
+        const g = r ? typeof r == "function" ? r(h.annotation, h.state) : r : (A = h.state) != null && A.selected ? bt : W, p = l && l.paint(h, a) || g;
         return `::highlight(_${h.annotation.id}) { ${en(p)} }`;
       });
-      t.innerHTML = u.join(`
+      t.innerHTML = d.join(`
 `), CSS.highlights.clear(), s.forEach(({ annotation: h }) => {
-        const g = h.target.selector.map((v) => v.range), p = new Highlight(...g);
+        const g = h.target.selector.map((A) => A.range), p = new Highlight(...g);
         CSS.highlights.set(`_${h.id}`, p);
       }), e = f;
     }
@@ -516,18 +516,18 @@ const sn = (t, e) => {
     destroy: () => {
       e.remove();
     },
-    redraw: (a, r, l, f, u) => {
-      const g = !(Nt(n, a) && u);
+    redraw: (a, r, l, f, d) => {
+      const g = !(Nt(n, a) && d);
       if (!f && !g) return;
-      g && (e.innerHTML = ""), [...a].sort((v, y) => {
-        const { annotation: { target: { created: m } } } = v, { annotation: { target: { created: d } } } = y;
-        return m && d ? m.getTime() - d.getTime() : 0;
-      }).forEach((v) => {
-        v.rects.map((y) => {
-          const m = sn(y, a), d = Xe(v, r, l, f, m);
+      g && (e.innerHTML = ""), [...a].sort((A, y) => {
+        const { annotation: { target: { created: m } } } = A, { annotation: { target: { created: u } } } = y;
+        return m && u ? m.getTime() - u.getTime() : 0;
+      }).forEach((A) => {
+        A.rects.map((y) => {
+          const m = sn(y, a), u = Xe(A, r, l, f, m);
           if (g) {
             const c = document.createElement("span");
-            c.className = "r6o-annotation", c.dataset.annotation = v.annotation.id, c.style.left = `${y.x}px`, c.style.top = `${y.y}px`, c.style.width = `${y.width}px`, c.style.height = `${y.height}px`, c.style.backgroundColor = $((d == null ? void 0 : d.fill) || W.fill).alpha((d == null ? void 0 : d.fillOpacity) === void 0 ? W.fillOpacity : d.fillOpacity).toHex(), d.underlineStyle && (c.style.borderStyle = d.underlineStyle), d.underlineColor && (c.style.borderColor = d.underlineColor), d.underlineThickness && (c.style.borderBottomWidth = `${d.underlineThickness}px`), d.underlineOffset && (c.style.paddingBottom = `${d.underlineOffset}px`), e.appendChild(c);
+            c.className = "r6o-annotation", c.dataset.annotation = A.annotation.id, c.style.left = `${y.x}px`, c.style.top = `${y.y}px`, c.style.width = `${y.width}px`, c.style.height = `${y.height}px`, c.style.backgroundColor = $((u == null ? void 0 : u.fill) || W.fill).alpha((u == null ? void 0 : u.fillOpacity) === void 0 ? W.fillOpacity : u.fillOpacity).toHex(), u.underlineStyle && (c.style.borderStyle = u.underlineStyle), u.underlineColor && (c.style.borderColor = u.underlineColor), u.underlineThickness && (c.style.borderBottomWidth = `${u.underlineThickness}px`), u.underlineOffset && (c.style.paddingBottom = `${u.underlineOffset}px`), e.appendChild(c);
           }
         });
       }), n = a;
@@ -634,49 +634,49 @@ var pn = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE =
 const ft = { selected: [] }, gn = (t, e, n) => {
   const { subscribe: o, set: i } = Yt(ft);
   let s = e, a = ft;
-  o((v) => a = v);
+  o((A) => a = A);
   const r = () => {
     q(a, ft) || i(ft);
   }, l = () => {
-    var v;
-    return ((v = a.selected) == null ? void 0 : v.length) === 0;
-  }, f = (v) => {
+    var A;
+    return ((A = a.selected) == null ? void 0 : A.length) === 0;
+  }, f = (A) => {
     if (l())
       return !1;
-    const y = typeof v == "string" ? v : v.id;
+    const y = typeof A == "string" ? A : A.id;
     return a.selected.some((m) => m.id === y);
-  }, u = (v, y) => {
-    const m = t.getAnnotation(v);
+  }, d = (A, y) => {
+    const m = t.getAnnotation(A);
     if (!m) {
-      console.warn("Invalid selection: " + v);
+      console.warn("Invalid selection: " + A);
       return;
     }
     switch (Jt(m, s)) {
       case "EDIT":
-        i({ selected: [{ id: v, editable: !0 }], event: y });
+        i({ selected: [{ id: A, editable: !0 }], event: y });
         break;
       case "SELECT":
-        i({ selected: [{ id: v }], event: y });
+        i({ selected: [{ id: A }], event: y });
         break;
       default:
         i({ selected: [], event: y });
     }
-  }, h = (v, y) => {
-    const m = Array.isArray(v) ? v : [v], d = m.map((c) => t.getAnnotation(c)).filter((c) => !!c);
+  }, h = (A, y) => {
+    const m = Array.isArray(A) ? A : [A], u = m.map((c) => t.getAnnotation(c)).filter((c) => !!c);
     i({
-      selected: d.map((c) => {
-        const b = y === void 0 ? Jt(c, s) === "EDIT" : y;
-        return { id: c.id, editable: b };
+      selected: u.map((c) => {
+        const w = y === void 0 ? Jt(c, s) === "EDIT" : y;
+        return { id: c.id, editable: w };
       })
-    }), d.length !== m.length && console.warn("Invalid selection", v);
-  }, g = (v) => {
+    }), u.length !== m.length && console.warn("Invalid selection", A);
+  }, g = (A) => {
     if (l())
       return !1;
     const { selected: y } = a;
-    y.some(({ id: m }) => v.includes(m)) && i({ selected: y.filter(({ id: m }) => !v.includes(m)) });
-  }, p = (v) => s = v;
+    y.some(({ id: m }) => A.includes(m)) && i({ selected: y.filter(({ id: m }) => !A.includes(m)) });
+  }, p = (A) => s = A;
   return t.observe(
-    ({ changes: v }) => g((v.deleted || []).map((y) => y.id))
+    ({ changes: A }) => g((A.deleted || []).map((y) => y.id))
   ), {
     get event() {
       return a ? a.event : null;
@@ -693,7 +693,7 @@ const ft = { selected: [] }, gn = (t, e, n) => {
     setSelected: h,
     setUserSelectAction: p,
     subscribe: o,
-    userSelect: u
+    userSelect: d
   };
 }, Jt = (t, e, n) => typeof e == "function" ? e(t) : e || "EDIT";
 var V = [];
@@ -755,7 +755,7 @@ const Tt = (t) => {
     targetUpdated: En(t, e) ? { oldTarget: t.target, newTarget: e.target } : void 0
   };
 };
-var B = /* @__PURE__ */ ((t) => (t.LOCAL = "LOCAL", t.REMOTE = "REMOTE", t.SILENT = "SILENT", t))(B || {});
+var R = /* @__PURE__ */ ((t) => (t.LOCAL = "LOCAL", t.REMOTE = "REMOTE", t.SILENT = "SILENT", t))(R || {});
 const Sn = (t, e) => {
   var n, o;
   const { changes: i, origin: s } = e;
@@ -764,7 +764,7 @@ const Sn = (t, e) => {
   if (t.options.ignore) {
     const { ignore: a } = t.options, r = (l) => l && l.length > 0;
     if (!(r(i.created) || r(i.deleted))) {
-      const l = (n = i.updated) == null ? void 0 : n.some((u) => r(u.bodiesCreated) || r(u.bodiesDeleted) || r(u.bodiesUpdated)), f = (o = i.updated) == null ? void 0 : o.some((u) => u.targetUpdated);
+      const l = (n = i.updated) == null ? void 0 : n.some((d) => r(d.bodiesCreated) || r(d.bodiesDeleted) || r(d.bodiesUpdated)), f = (o = i.updated) == null ? void 0 : o.some((d) => d.targetUpdated);
       if (a === "BODY_ONLY" && l && !f || a === "TARGET_ONLY" && f && !l)
         return !1;
     }
@@ -785,18 +785,18 @@ const Sn = (t, e) => {
   ], f = [
     ...(t.deleted || []).filter((h) => !i.has(h.id)),
     ...(e.deleted || []).filter((h) => !n.has(h.id))
-  ], u = [
+  ], d = [
     ...(t.updated || []).filter(({ newValue: h }) => !s.has(h.id)).map((h) => {
       const { oldValue: g, newValue: p } = h;
       if (a.has(p.id)) {
-        const v = e.updated.find((y) => y.oldValue.id === p.id).newValue;
-        return he(g, v);
+        const A = e.updated.find((y) => y.oldValue.id === p.id).newValue;
+        return he(g, A);
       } else
         return h;
     }),
     ...(e.updated || []).filter(({ oldValue: h }) => !r.has(h.id))
   ];
-  return { created: l, deleted: f, updated: u };
+  return { created: l, deleted: f, updated: d };
 }, Ot = (t) => {
   const e = t.id === void 0 ? fe() : t.id;
   return {
@@ -812,188 +812,188 @@ const Sn = (t, e) => {
     }
   };
 }, Ln = (t) => t.id !== void 0, Tn = () => {
-  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (w, A = {}) => {
-    n.push({ onChange: w, options: A });
-  }, i = (w) => {
-    const A = n.findIndex((x) => x.onChange == w);
-    A > -1 && n.splice(A, 1);
-  }, s = (w, A) => {
-    const x = {
-      origin: w,
+  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (b, x = {}) => {
+    n.push({ onChange: b, options: x });
+  }, i = (b) => {
+    const x = n.findIndex((v) => v.onChange == b);
+    x > -1 && n.splice(x, 1);
+  }, s = (b, x) => {
+    const v = {
+      origin: b,
       changes: {
-        created: A.created || [],
-        updated: A.updated || [],
-        deleted: A.deleted || []
+        created: x.created || [],
+        updated: x.updated || [],
+        deleted: x.deleted || []
       },
       state: [...t.values()]
     };
     n.forEach((C) => {
-      Sn(C, x) && C.onChange(x);
+      Sn(C, v) && C.onChange(v);
     });
-  }, a = (w, A = B.LOCAL) => {
-    if (w.id && t.get(w.id))
-      throw Error(`Cannot add annotation ${w.id} - exists already`);
+  }, a = (b, x = R.LOCAL) => {
+    if (b.id && t.get(b.id))
+      throw Error(`Cannot add annotation ${b.id} - exists already`);
     {
-      const x = Ot(w);
-      t.set(x.id, x), x.bodies.forEach((C) => e.set(C.id, x.id)), s(A, { created: [x] });
+      const v = Ot(b);
+      t.set(v.id, v), v.bodies.forEach((C) => e.set(C.id, v.id)), s(x, { created: [v] });
     }
-  }, r = (w, A) => {
-    const x = Ot(typeof w == "string" ? A : w), C = typeof w == "string" ? w : w.id, k = C && t.get(C);
-    if (k) {
-      const M = he(k, x);
-      return C === x.id ? t.set(C, x) : (t.delete(C), t.set(x.id, x)), k.bodies.forEach((D) => e.delete(D.id)), x.bodies.forEach((D) => e.set(D.id, x.id)), M;
+  }, r = (b, x) => {
+    const v = Ot(typeof b == "string" ? x : b), C = typeof b == "string" ? b : b.id, B = C && t.get(C);
+    if (B) {
+      const M = he(B, v);
+      return C === v.id ? t.set(C, v) : (t.delete(C), t.set(v.id, v)), B.bodies.forEach((Y) => e.delete(Y.id)), v.bodies.forEach((Y) => e.set(Y.id, v.id)), M;
     } else
       console.warn(`Cannot update annotation ${C} - does not exist`);
-  }, l = (w, A = B.LOCAL, x = B.LOCAL) => {
-    const C = Ln(A) ? x : A, k = r(w, A);
-    k && s(C, { updated: [k] });
-  }, f = (w, A = B.LOCAL) => {
-    const x = w.reduce((C, k) => {
-      const M = r(k);
+  }, l = (b, x = R.LOCAL, v = R.LOCAL) => {
+    const C = Ln(x) ? v : x, B = r(b, x);
+    B && s(C, { updated: [B] });
+  }, f = (b, x = R.LOCAL) => {
+    const v = b.reduce((C, B) => {
+      const M = r(B);
       return M ? [...C, M] : C;
     }, []);
-    x.length > 0 && s(A, { updated: x });
-  }, u = (w, A = B.LOCAL) => {
-    const x = t.get(w.annotation);
-    if (x) {
+    v.length > 0 && s(x, { updated: v });
+  }, d = (b, x = R.LOCAL) => {
+    const v = t.get(b.annotation);
+    if (v) {
       const C = {
-        ...x,
-        bodies: [...x.bodies, w]
+        ...v,
+        bodies: [...v.bodies, b]
       };
-      t.set(x.id, C), e.set(w.id, C.id), s(A, { updated: [{
-        oldValue: x,
+      t.set(v.id, C), e.set(b.id, C.id), s(x, { updated: [{
+        oldValue: v,
         newValue: C,
-        bodiesCreated: [w]
+        bodiesCreated: [b]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${w.annotation}`);
-  }, h = () => [...t.values()], g = (w = B.LOCAL) => {
-    const A = [...t.values()];
-    t.clear(), e.clear(), s(w, { deleted: A });
-  }, p = (w, A = !0, x = B.LOCAL) => {
-    const C = w.map(Ot);
-    if (A) {
-      const k = [...t.values()];
+      console.warn(`Attempt to add body to missing annotation: ${b.annotation}`);
+  }, h = () => [...t.values()], g = (b = R.LOCAL) => {
+    const x = [...t.values()];
+    t.clear(), e.clear(), s(b, { deleted: x });
+  }, p = (b, x = !0, v = R.LOCAL) => {
+    const C = b.map(Ot);
+    if (x) {
+      const B = [...t.values()];
       t.clear(), e.clear(), C.forEach((M) => {
-        t.set(M.id, M), M.bodies.forEach((D) => e.set(D.id, M.id));
-      }), s(x, { created: C, deleted: k });
+        t.set(M.id, M), M.bodies.forEach((Y) => e.set(Y.id, M.id));
+      }), s(v, { created: C, deleted: B });
     } else {
-      const k = w.reduce((M, D) => {
-        const Y = D.id && t.get(D.id);
-        return Y ? [...M, Y] : M;
+      const B = b.reduce((M, Y) => {
+        const D = Y.id && t.get(Y.id);
+        return D ? [...M, D] : M;
       }, []);
-      if (k.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${k.map((M) => M.id).join(", ")}`);
+      if (B.length > 0)
+        throw Error(`Bulk insert would overwrite the following annotations: ${B.map((M) => M.id).join(", ")}`);
       C.forEach((M) => {
-        t.set(M.id, M), M.bodies.forEach((D) => e.set(D.id, M.id));
-      }), s(x, { created: C });
+        t.set(M.id, M), M.bodies.forEach((Y) => e.set(Y.id, M.id));
+      }), s(v, { created: C });
     }
-  }, v = (w) => {
-    const A = typeof w == "string" ? w : w.id, x = t.get(A);
-    if (x)
-      return t.delete(A), x.bodies.forEach((C) => e.delete(C.id)), x;
-    console.warn(`Attempt to delete missing annotation: ${A}`);
-  }, y = (w, A = B.LOCAL) => {
-    const x = v(w);
-    x && s(A, { deleted: [x] });
-  }, m = (w, A = B.LOCAL) => {
-    const x = w.reduce((C, k) => {
-      const M = v(k);
+  }, A = (b) => {
+    const x = typeof b == "string" ? b : b.id, v = t.get(x);
+    if (v)
+      return t.delete(x), v.bodies.forEach((C) => e.delete(C.id)), v;
+    console.warn(`Attempt to delete missing annotation: ${x}`);
+  }, y = (b, x = R.LOCAL) => {
+    const v = A(b);
+    v && s(x, { deleted: [v] });
+  }, m = (b, x = R.LOCAL) => {
+    const v = b.reduce((C, B) => {
+      const M = A(B);
       return M ? [...C, M] : C;
     }, []);
-    x.length > 0 && s(A, { deleted: x });
-  }, d = (w) => {
-    const A = t.get(w.annotation);
-    if (A) {
-      const x = A.bodies.find((C) => C.id === w.id);
-      if (x) {
-        e.delete(x.id);
+    v.length > 0 && s(x, { deleted: v });
+  }, u = (b) => {
+    const x = t.get(b.annotation);
+    if (x) {
+      const v = x.bodies.find((C) => C.id === b.id);
+      if (v) {
+        e.delete(v.id);
         const C = {
-          ...A,
-          bodies: A.bodies.filter((k) => k.id !== w.id)
+          ...x,
+          bodies: x.bodies.filter((B) => B.id !== b.id)
         };
-        return t.set(A.id, C), {
-          oldValue: A,
+        return t.set(x.id, C), {
+          oldValue: x,
           newValue: C,
-          bodiesDeleted: [x]
+          bodiesDeleted: [v]
         };
       } else
-        console.warn(`Attempt to delete missing body ${w.id} from annotation ${w.annotation}`);
+        console.warn(`Attempt to delete missing body ${b.id} from annotation ${b.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${w.annotation}`);
-  }, c = (w, A = B.LOCAL) => {
-    const x = d(w);
-    x && s(A, { updated: [x] });
-  }, b = (w, A = B.LOCAL) => {
-    const x = w.map((C) => d(C)).filter(Boolean);
-    x.length > 0 && s(A, { updated: x });
-  }, S = (w) => {
-    const A = t.get(w);
-    return A ? { ...A } : void 0;
-  }, T = (w) => {
-    const A = e.get(w);
-    if (A) {
-      const x = S(A).bodies.find((C) => C.id === w);
-      if (x)
-        return x;
-      console.error(`Store integrity error: body ${w} in index, but not in annotation`);
+      console.warn(`Attempt to delete body from missing annotation ${b.annotation}`);
+  }, c = (b, x = R.LOCAL) => {
+    const v = u(b);
+    v && s(x, { updated: [v] });
+  }, w = (b, x = R.LOCAL) => {
+    const v = b.map((C) => u(C)).filter(Boolean);
+    v.length > 0 && s(x, { updated: v });
+  }, S = (b) => {
+    const x = t.get(b);
+    return x ? { ...x } : void 0;
+  }, T = (b) => {
+    const x = e.get(b);
+    if (x) {
+      const v = S(x).bodies.find((C) => C.id === b);
+      if (v)
+        return v;
+      console.error(`Store integrity error: body ${b} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${w}`);
-  }, L = (w, A) => {
-    if (w.annotation !== A.annotation)
+      console.warn(`Attempt to retrieve missing body: ${b}`);
+  }, L = (b, x) => {
+    if (b.annotation !== x.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const x = t.get(w.annotation);
-    if (x) {
-      const C = x.bodies.find((M) => M.id === w.id), k = {
-        ...x,
-        bodies: x.bodies.map((M) => M.id === C.id ? A : M)
+    const v = t.get(b.annotation);
+    if (v) {
+      const C = v.bodies.find((M) => M.id === b.id), B = {
+        ...v,
+        bodies: v.bodies.map((M) => M.id === C.id ? x : M)
       };
-      return t.set(x.id, k), C.id !== A.id && (e.delete(C.id), e.set(A.id, k.id)), {
-        oldValue: x,
-        newValue: k,
-        bodiesUpdated: [{ oldBody: C, newBody: A }]
+      return t.set(v.id, B), C.id !== x.id && (e.delete(C.id), e.set(x.id, B.id)), {
+        oldValue: v,
+        newValue: B,
+        bodiesUpdated: [{ oldBody: C, newBody: x }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${w.annotation}`);
-  }, O = (w, A, x = B.LOCAL) => {
-    const C = L(w, A);
-    C && s(x, { updated: [C] });
-  }, E = (w, A = B.LOCAL) => {
-    const x = w.map((C) => L({ id: C.id, annotation: C.annotation }, C)).filter(Boolean);
-    s(A, { updated: x });
-  }, R = (w) => {
-    const A = t.get(w.annotation);
-    if (A) {
-      const x = {
-        ...A,
+      console.warn(`Attempt to add body to missing annotation ${b.annotation}`);
+  }, E = (b, x, v = R.LOCAL) => {
+    const C = L(b, x);
+    C && s(v, { updated: [C] });
+  }, O = (b, x = R.LOCAL) => {
+    const v = b.map((C) => L({ id: C.id, annotation: C.annotation }, C)).filter(Boolean);
+    s(x, { updated: v });
+  }, _ = (b) => {
+    const x = t.get(b.annotation);
+    if (x) {
+      const v = {
+        ...x,
         target: {
-          ...A.target,
-          ...w
+          ...x.target,
+          ...b
         }
       };
-      return t.set(A.id, x), {
-        oldValue: A,
-        newValue: x,
+      return t.set(x.id, v), {
+        oldValue: x,
+        newValue: v,
         targetUpdated: {
-          oldTarget: A.target,
-          newTarget: w
+          oldTarget: x.target,
+          newTarget: b
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${w.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${b.annotation}`);
   };
   return {
     addAnnotation: a,
-    addBody: u,
+    addBody: d,
     all: h,
     bulkAddAnnotation: p,
     bulkDeleteAnnotation: m,
-    bulkDeleteBodies: b,
+    bulkDeleteBodies: w,
     bulkUpdateAnnotation: f,
-    bulkUpdateBodies: E,
-    bulkUpdateTargets: (w, A = B.LOCAL) => {
-      const x = w.map((C) => R(C)).filter(Boolean);
-      x.length > 0 && s(A, { updated: x });
+    bulkUpdateBodies: O,
+    bulkUpdateTargets: (b, x = R.LOCAL) => {
+      const v = b.map((C) => _(C)).filter(Boolean);
+      v.length > 0 && s(x, { updated: v });
     },
     clear: g,
     deleteAnnotation: y,
@@ -1003,10 +1003,10 @@ const Sn = (t, e) => {
     observe: o,
     unobserve: i,
     updateAnnotation: l,
-    updateBody: O,
-    updateTarget: (w, A = B.LOCAL) => {
-      const x = R(w);
-      x && s(A, { updated: [x] });
+    updateBody: E,
+    updateTarget: (b, x = R.LOCAL) => {
+      const v = _(b);
+      v && s(x, { updated: [v] });
     }
   };
 };
@@ -1029,36 +1029,36 @@ const Mn = 250, Rn = (t) => {
   let o = -1, i = !1, s = 0;
   const a = (p) => {
     if (!i) {
-      const { changes: v } = p, y = performance.now();
+      const { changes: A } = p, y = performance.now();
       if (y - s > Mn)
-        n.splice(o + 1), n.push(v), o = n.length - 1;
+        n.splice(o + 1), n.push(A), o = n.length - 1;
       else {
         const m = n.length - 1;
-        n[m] = Cn(n[m], v);
+        n[m] = Cn(n[m], A);
       }
       s = y;
     }
     i = !1;
   };
-  t.observe(a, { origin: B.LOCAL });
-  const r = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p), l = (p) => p && p.length > 0 && t.bulkAddAnnotation(p, !1), f = (p) => p && p.length > 0 && t.bulkUpdateAnnotation(p.map(({ oldValue: v }) => v)), u = (p) => p && p.length > 0 && t.bulkUpdateAnnotation(p.map(({ newValue: v }) => v)), h = (p) => p && p.length > 0 && t.bulkAddAnnotation(p, !1), g = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p);
+  t.observe(a, { origin: R.LOCAL });
+  const r = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p), l = (p) => p && p.length > 0 && t.bulkAddAnnotation(p, !1), f = (p) => p && p.length > 0 && t.bulkUpdateAnnotation(p.map(({ oldValue: A }) => A)), d = (p) => p && p.length > 0 && t.bulkUpdateAnnotation(p.map(({ newValue: A }) => A)), h = (p) => p && p.length > 0 && t.bulkAddAnnotation(p, !1), g = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
     destroy: () => t.unobserve(a),
-    on: (p, v) => e.on(p, v),
+    on: (p, A) => e.on(p, A),
     redo: () => {
       if (n.length - 1 > o) {
         i = !0;
-        const { created: p, updated: v, deleted: y } = n[o + 1];
-        l(p), u(v), g(y), e.emit("redo", n[o + 1]), o += 1;
+        const { created: p, updated: A, deleted: y } = n[o + 1];
+        l(p), d(A), g(y), e.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         i = !0;
-        const { created: p, updated: v, deleted: y } = n[o];
-        r(p), f(v), h(y), e.emit("undo", n[o]), o -= 1;
+        const { created: p, updated: A, deleted: y } = n[o];
+        r(p), f(A), h(y), e.emit("undo", n[o]), o -= 1;
       }
     }
   };
@@ -1070,23 +1070,23 @@ const Mn = 250, Rn = (t) => {
   };
 }, kn = (t, e, n, o) => {
   const { hover: i, selection: s, store: a, viewport: r } = t, l = /* @__PURE__ */ new Map();
-  let f = [], u;
+  let f = [], d;
   const h = (y, m) => {
     l.has(y) ? l.get(y).push(m) : l.set(y, [m]);
   }, g = (y, m) => {
-    const d = l.get(y);
-    if (d) {
-      const c = d.indexOf(m);
-      c !== -1 && d.splice(c, 1);
+    const u = l.get(y);
+    if (u) {
+      const c = u.indexOf(m);
+      c !== -1 && u.splice(c, 1);
     }
-  }, p = (y, m, d) => {
+  }, p = (y, m, u) => {
     l.has(y) && setTimeout(() => {
       l.get(y).forEach((c) => {
         if (n) {
-          const b = Array.isArray(m) ? m.map((T) => n.serialize(T)) : n.serialize(m), S = d ? d instanceof PointerEvent ? d : n.serialize(d) : void 0;
-          c(b, S);
+          const w = Array.isArray(m) ? m.map((T) => n.serialize(T)) : n.serialize(m), S = u ? u instanceof PointerEvent ? u : n.serialize(u) : void 0;
+          c(w, S);
         } else
-          c(m, d);
+          c(m, u);
       });
     }, 1);
   };
@@ -1096,17 +1096,17 @@ const Mn = 250, Rn = (t) => {
         f = y.map(({ id: m }) => a.getAnnotation(m));
       else if (f.length > 0 && y.length === 0)
         f.forEach((m) => {
-          const d = a.getAnnotation(m.id);
-          d && !q(d, m) && p("updateAnnotation", d, m);
+          const u = a.getAnnotation(m.id);
+          u && !q(u, m) && p("updateAnnotation", u, m);
         }), f = [];
       else {
-        const m = new Set(f.map((c) => c.id)), d = new Set(y.map(({ id: c }) => c));
-        f.filter((c) => !d.has(c.id)).forEach((c) => {
-          const b = a.getAnnotation(c.id);
-          b && !q(b, c) && p("updateAnnotation", b, c);
+        const m = new Set(f.map((c) => c.id)), u = new Set(y.map(({ id: c }) => c));
+        f.filter((c) => !u.has(c.id)).forEach((c) => {
+          const w = a.getAnnotation(c.id);
+          w && !q(w, c) && p("updateAnnotation", w, c);
         }), f = [
           // Remove annotations that were deselected
-          ...f.filter((c) => d.has(c.id)),
+          ...f.filter((c) => u.has(c.id)),
           // Add editable annotations that were selected
           ...y.filter(({ id: c }) => !m.has(c)).map(({ id: c }) => a.getAnnotation(c))
         ];
@@ -1114,28 +1114,28 @@ const Mn = 250, Rn = (t) => {
       p("selectionChanged", f);
     }
   }), i.subscribe((y) => {
-    !u && y ? p("mouseEnterAnnotation", a.getAnnotation(y)) : u && !y ? p("mouseLeaveAnnotation", a.getAnnotation(u)) : u && y && (p("mouseLeaveAnnotation", a.getAnnotation(u)), p("mouseEnterAnnotation", a.getAnnotation(y))), u = y;
+    !d && y ? p("mouseEnterAnnotation", a.getAnnotation(y)) : d && !y ? p("mouseLeaveAnnotation", a.getAnnotation(d)) : d && y && (p("mouseLeaveAnnotation", a.getAnnotation(d)), p("mouseEnterAnnotation", a.getAnnotation(y))), d = y;
   }), r == null || r.subscribe((y) => p("viewportIntersect", y.map((m) => a.getAnnotation(m)))), a.observe((y) => {
-    const { created: m, deleted: d } = y.changes;
-    (m || []).forEach((c) => p("createAnnotation", c)), (d || []).forEach((c) => p("deleteAnnotation", c)), (y.changes.updated || []).filter((c) => [
+    const { created: m, deleted: u } = y.changes;
+    (m || []).forEach((c) => p("createAnnotation", c)), (u || []).forEach((c) => p("deleteAnnotation", c)), (y.changes.updated || []).filter((c) => [
       ...c.bodiesCreated || [],
       ...c.bodiesDeleted || [],
       ...c.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: c, newValue: b }) => {
+    ].length > 0).forEach(({ oldValue: c, newValue: w }) => {
       const S = f.find((T) => T.id === c.id) || c;
-      f = f.map((T) => T.id === c.id ? b : T), p("updateAnnotation", b, S);
+      f = f.map((T) => T.id === c.id ? w : T), p("updateAnnotation", w, S);
     });
-  }, { origin: B.LOCAL }), a.observe((y) => {
+  }, { origin: R.LOCAL }), a.observe((y) => {
     if (f) {
-      const m = new Set(f.map((c) => c.id)), d = (y.changes.updated || []).filter(({ newValue: c }) => m.has(c.id)).map(({ newValue: c }) => c);
-      d.length > 0 && (f = f.map((c) => d.find((S) => S.id === c.id) || c));
+      const m = new Set(f.map((c) => c.id)), u = (y.changes.updated || []).filter(({ newValue: c }) => m.has(c.id)).map(({ newValue: c }) => c);
+      u.length > 0 && (f = f.map((c) => u.find((S) => S.id === c.id) || c));
     }
-  }, { origin: B.REMOTE });
-  const v = (y) => (m) => {
-    const { updated: d } = m;
-    y ? (d || []).forEach((c) => p("updateAnnotation", c.oldValue, c.newValue)) : (d || []).forEach((c) => p("updateAnnotation", c.newValue, c.oldValue));
+  }, { origin: R.REMOTE });
+  const A = (y) => (m) => {
+    const { updated: u } = m;
+    y ? (u || []).forEach((c) => p("updateAnnotation", c.oldValue, c.newValue)) : (u || []).forEach((c) => p("updateAnnotation", c.newValue, c.oldValue));
   };
-  return e.on("undo", v(!0)), e.on("redo", v(!1)), { on: h, off: g, emit: p };
+  return e.on("undo", A(!0)), e.on("redo", A(!1)), { on: h, off: g, emit: p };
 }, In = (t) => (e) => e.reduce((n, o) => {
   const { parsed: i, error: s } = t.parse(o);
   return s ? {
@@ -1148,46 +1148,46 @@ const Mn = 250, Rn = (t) => {
     ...n
   };
 }, { parsed: [], failed: [] }), _n = (t, e, n) => {
-  const { store: o, selection: i } = t, s = (d) => {
+  const { store: o, selection: i } = t, s = (u) => {
     if (n) {
-      const { parsed: c, error: b } = n.parse(d);
-      c ? o.addAnnotation(c, B.REMOTE) : console.error(b);
+      const { parsed: c, error: w } = n.parse(u);
+      c ? o.addAnnotation(c, R.REMOTE) : console.error(w);
     } else
-      o.addAnnotation(Tt(d), B.REMOTE);
-  }, a = () => i.clear(), r = () => o.clear(), l = (d) => {
-    const c = o.getAnnotation(d);
+      o.addAnnotation(Tt(u), R.REMOTE);
+  }, a = () => i.clear(), r = () => o.clear(), l = (u) => {
+    const c = o.getAnnotation(u);
     return n && c ? n.serialize(c) : c;
-  }, f = () => n ? o.all().map(n.serialize) : o.all(), u = () => {
-    var d;
-    const c = (((d = i.selected) == null ? void 0 : d.map((b) => b.id)) || []).map((b) => o.getAnnotation(b)).filter(Boolean);
+  }, f = () => n ? o.all().map(n.serialize) : o.all(), d = () => {
+    var u;
+    const c = (((u = i.selected) == null ? void 0 : u.map((w) => w.id)) || []).map((w) => o.getAnnotation(w)).filter(Boolean);
     return n ? c.map(n.serialize) : c;
-  }, h = (d, c = !0) => fetch(d).then((b) => b.json()).then((b) => (p(b, c), b)), g = (d) => {
-    if (typeof d == "string") {
-      const c = o.getAnnotation(d);
-      if (o.deleteAnnotation(d), c)
+  }, h = (u, c = !0) => fetch(u).then((w) => w.json()).then((w) => (p(w, c), w)), g = (u) => {
+    if (typeof u == "string") {
+      const c = o.getAnnotation(u);
+      if (o.deleteAnnotation(u), c)
         return n ? n.serialize(c) : c;
     } else {
-      const c = n ? n.parse(d).parsed : d;
+      const c = n ? n.parse(u).parsed : u;
       if (c)
-        return o.deleteAnnotation(c), d;
+        return o.deleteAnnotation(c), u;
     }
-  }, p = (d, c = !0) => {
+  }, p = (u, c = !0) => {
     if (n) {
-      const b = n.parseAll || In(n), { parsed: S, failed: T } = b(d);
-      T.length > 0 && console.warn(`Discarded ${T.length} invalid annotations`, T), o.bulkAddAnnotation(S, c, B.REMOTE);
+      const w = n.parseAll || In(n), { parsed: S, failed: T } = w(u);
+      T.length > 0 && console.warn(`Discarded ${T.length} invalid annotations`, T), o.bulkAddAnnotation(S, c, R.REMOTE);
     } else
-      o.bulkAddAnnotation(d.map(Tt), c, B.REMOTE);
-  }, v = (d, c) => {
-    d ? i.setSelected(d, c) : i.clear();
-  }, y = (d) => {
-    i.clear(), i.setUserSelectAction(d);
-  }, m = (d) => {
+      o.bulkAddAnnotation(u.map(Tt), c, R.REMOTE);
+  }, A = (u, c) => {
+    u ? i.setSelected(u, c) : i.clear();
+  }, y = (u) => {
+    i.clear(), i.setUserSelectAction(u);
+  }, m = (u) => {
     if (n) {
-      const c = n.parse(d).parsed, b = n.serialize(o.getAnnotation(c.id));
-      return o.updateAnnotation(c), b;
+      const c = n.parse(u).parsed, w = n.serialize(o.getAnnotation(c.id));
+      return o.updateAnnotation(c), w;
     } else {
-      const c = o.getAnnotation(d.id);
-      return o.updateAnnotation(Tt(d)), c;
+      const c = o.getAnnotation(u.id);
+      return o.updateAnnotation(Tt(u)), c;
     }
   };
   return {
@@ -1198,12 +1198,12 @@ const Mn = 250, Rn = (t) => {
     clearAnnotations: r,
     getAnnotationById: l,
     getAnnotations: f,
-    getSelected: u,
+    getSelected: d,
     loadAnnotations: h,
     redo: e.redo,
     removeAnnotation: g,
     setAnnotations: p,
-    setSelected: v,
+    setSelected: A,
     setUserSelectAction: y,
     undo: e.undo,
     updateAnnotation: m
@@ -1234,7 +1234,7 @@ const Dn = () => ({ isGuest: !0, id: Kn("1234567890abcdefghijklmnopqrstuvwxyzABC
   }
   return `${n}`;
 }, pe = (t) => t ? typeof t == "object" ? { ...t } : t : void 0, Pn = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
-  const { id: o, type: i, purpose: s, value: a, created: r, modified: l, creator: f, ...u } = n;
+  const { id: o, type: i, purpose: s, value: a, created: r, modified: l, creator: f, ...d } = n;
   return {
     id: o || `temp-${Xn(n)}`,
     annotation: e,
@@ -1244,7 +1244,7 @@ const Dn = () => ({ isGuest: !0, id: Kn("1234567890abcdefghijklmnopqrstuvwxyzABC
     creator: pe(f),
     created: r ? new Date(r) : void 0,
     updated: l ? new Date(l) : void 0,
-    ...u
+    ...d
   };
 }), $n = (t) => t.map((e) => {
   var n;
@@ -1266,15 +1266,20 @@ const Ao = (t, e) => ({
     created: o,
     modified: i,
     target: s
-  } = t, a = Array.isArray(s) ? s : [s], r = {
+  } = t, a = Array.isArray(s) ? s : [s];
+  if (a.length === 0)
+    return { error: Error(`No targets found for annotation: ${t.id}`) };
+  const r = {
     creator: pe(n),
     created: o ? new Date(o) : void 0,
     updated: i ? new Date(i) : void 0,
     annotation: e,
-    selector: []
+    selector: [],
+    // @ts-expect-error: `styleClass` is not part of the core `TextAnnotationTarget` type
+    styleClass: "styleClass" in a[0] ? a[0].styleClass : void 0
   };
   for (const l of a) {
-    const u = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((h, g) => {
+    const d = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((h, g) => {
       switch (g.type) {
         case "TextQuoteSelector":
           h.quote = g.exact;
@@ -1285,12 +1290,19 @@ const Ao = (t, e) => ({
       }
       return h;
     }, {});
-    if (Hn(u))
-      r.selector.push({ id: l.id, ...u });
+    if (Hn(d))
+      r.selector.push(
+        {
+          ...d,
+          id: l.id,
+          // @ts-expect-error: `scope` is not part of the core `TextSelector` type
+          scope: l.scope
+        }
+      );
     else {
       const h = [
-        u.start ? void 0 : "TextPositionSelector",
-        u.quote ? void 0 : "TextQuoteSelector"
+        d.start ? void 0 : "TextPositionSelector",
+        d.quote ? void 0 : "TextQuoteSelector"
       ].filter(Boolean);
       return { error: Error(`Missing selector types: ${h.join(" and ")} for annotation: ${t.id}`) };
     }
@@ -1318,23 +1330,25 @@ const Ao = (t, e) => ({
     creator: r,
     created: l,
     updated: f,
-    ...u
+    ...d
   } = i, h = a.map((g) => {
-    const { quote: p, start: v, end: y, range: m } = g, { prefix: d, suffix: c } = ke(m, n), b = [{
+    const { id: p, quote: A, start: y, end: m, range: u } = g, { prefix: c, suffix: w } = ke(u, n), S = [{
       type: "TextQuoteSelector",
-      exact: p,
-      prefix: d,
-      suffix: c
+      exact: A,
+      prefix: c,
+      suffix: w
     }, {
       type: "TextPositionSelector",
-      start: v,
-      end: y
+      start: y,
+      end: m
     }];
     return {
-      ...u,
-      id: g.id,
+      ...d,
+      id: p,
+      // @ts-expect-error: `scope` is not part of the core `TextSelector` type
+      scope: "scope" in g ? g.scope : void 0,
       source: e,
-      selector: b
+      selector: S
     };
   });
   return {
@@ -1352,8 +1366,8 @@ const Ao = (t, e) => ({
 function ge(t, e, n = 0, o = t.length - 1, i = Wn) {
   for (; o > n; ) {
     if (o - n > 600) {
-      const l = o - n + 1, f = e - n + 1, u = Math.log(l), h = 0.5 * Math.exp(2 * u / 3), g = 0.5 * Math.sqrt(u * h * (l - h) / l) * (f - l / 2 < 0 ? -1 : 1), p = Math.max(n, Math.floor(e - f * h / l + g)), v = Math.min(o, Math.floor(e + (l - f) * h / l + g));
-      ge(t, e, p, v, i);
+      const l = o - n + 1, f = e - n + 1, d = Math.log(l), h = 0.5 * Math.exp(2 * d / 3), g = 0.5 * Math.sqrt(d * h * (l - h) / l) * (f - l / 2 < 0 ? -1 : 1), p = Math.max(n, Math.floor(e - f * h / l + g)), A = Math.min(o, Math.floor(e + (l - f) * h / l + g));
+      ge(t, e, p, A, i);
     }
     const s = t[e];
     let a = n, r = o;
@@ -1442,9 +1456,9 @@ class qn {
     let r, l, f;
     for (; o || s.length; ) {
       if (o || (o = s.pop(), l = s[s.length - 1], r = a.pop(), f = !0), o.leaf) {
-        const u = Gn(e, o.children, n);
-        if (u !== -1)
-          return o.children.splice(u, 1), s.push(o), this._condense(s), this;
+        const d = Gn(e, o.children, n);
+        if (d !== -1)
+          return o.children.splice(d, 1), s.push(o), this._condense(s), this;
       }
       !f && !o.leaf && Rt(o, i) ? (s.push(o), a.push(r), r = 0, l = o, o = o.children[0]) : l ? (r++, o = l.children[r], f = !1) : o = null;
     }
@@ -1479,10 +1493,10 @@ class qn {
     i || (i = Math.ceil(Math.log(s) / Math.log(a)), a = Math.ceil(s / Math.pow(a, i - 1))), r = J([]), r.leaf = !1, r.height = i;
     const l = Math.ceil(s / a), f = l * Math.ceil(Math.sqrt(a));
     te(e, n, o, f, this.compareMinX);
-    for (let u = n; u <= o; u += f) {
-      const h = Math.min(u + f - 1, o);
-      te(e, u, h, l, this.compareMinY);
-      for (let g = u; g <= h; g += l) {
+    for (let d = n; d <= o; d += f) {
+      const h = Math.min(d + f - 1, o);
+      te(e, d, h, l, this.compareMinY);
+      for (let g = d; g <= h; g += l) {
         const p = Math.min(g + l - 1, h);
         r.children.push(this._build(e, g, p, i - 1));
       }
@@ -1493,8 +1507,8 @@ class qn {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
       let s = 1 / 0, a = 1 / 0, r;
       for (let l = 0; l < n.children.length; l++) {
-        const f = n.children[l], u = Mt(f), h = Zn(e, f) - u;
-        h < a ? (a = h, s = u < s ? u : s, r = f) : h === a && u < s && (s = u, r = f);
+        const f = n.children[l], d = Mt(f), h = Zn(e, f) - d;
+        h < a ? (a = h, s = d < s ? d : s, r = f) : h === a && d < s && (s = d, r = f);
       }
       n = r || n.children[0];
     }
@@ -1519,8 +1533,8 @@ class qn {
   _chooseSplitIndex(e, n, o) {
     let i, s = 1 / 0, a = 1 / 0;
     for (let r = n; r <= o - n; r++) {
-      const l = ot(e, 0, r, this.toBBox), f = ot(e, r, o, this.toBBox), u = to(l, f), h = Mt(l) + Mt(f);
-      u < s ? (s = u, i = r, a = h < a ? h : a) : u === s && h < a && (a = h, i = r);
+      const l = ot(e, 0, r, this.toBBox), f = ot(e, r, o, this.toBBox), d = to(l, f), h = Mt(l) + Mt(f);
+      d < s ? (s = d, i = r, a = h < a ? h : a) : d === s && h < a && (a = h, i = r);
     }
     return i || o - n;
   }
@@ -1535,12 +1549,12 @@ class qn {
     const s = this.toBBox, a = ot(e, 0, n, s), r = ot(e, o - n, o, s);
     let l = pt(a) + pt(r);
     for (let f = n; f < o - n; f++) {
-      const u = e.children[f];
-      it(a, e.leaf ? s(u) : u), l += pt(a);
+      const d = e.children[f];
+      it(a, e.leaf ? s(d) : d), l += pt(a);
     }
     for (let f = o - n - 1; f >= n; f--) {
-      const u = e.children[f];
-      it(r, e.leaf ? s(u) : u), l += pt(r);
+      const d = e.children[f];
+      it(r, e.leaf ? s(d) : d), l += pt(r);
     }
     return l;
   }
@@ -1618,60 +1632,60 @@ function te(t, e, n, o, i) {
   }
 }
 const eo = (t, e) => {
-  const n = new qn(), o = /* @__PURE__ */ new Map(), i = (d, c) => {
-    const b = d.selector.flatMap((T) => {
+  const n = new qn(), o = /* @__PURE__ */ new Map(), i = (u, c) => {
+    const w = u.selector.flatMap((T) => {
       const L = F([T]) ? T.range : re(T, e).range;
       return Array.from(L.getClientRects());
-    }), S = Ve(b).map(({ left: T, top: L, right: O, bottom: E }) => new DOMRect(T - c.left, L - c.top, O - T, E - L));
+    }), S = Ve(w).map(({ left: T, top: L, right: E, bottom: O }) => new DOMRect(T - c.left, L - c.top, E - T, O - L));
     return S.map((T) => {
-      const { x: L, y: O, width: E, height: R } = T;
+      const { x: L, y: E, width: O, height: _ } = T;
       return {
         minX: L,
-        minY: O,
-        maxX: L + E,
-        maxY: O + R,
+        minY: E,
+        maxX: L + O,
+        maxY: E + _,
         annotation: {
-          id: d.annotation,
+          id: u.annotation,
           rects: S
         }
       };
     });
   }, s = () => [...o.values()], a = () => {
     n.clear(), o.clear();
-  }, r = (d) => {
-    const c = i(d, e.getBoundingClientRect());
-    c.forEach((b) => n.insert(b)), o.set(d.annotation, c);
-  }, l = (d) => {
-    const c = o.get(d.annotation);
-    c && (c.forEach((b) => n.remove(b)), o.delete(d.annotation));
-  }, f = (d) => {
-    l(d), r(d);
-  }, u = (d, c = !0) => {
+  }, r = (u) => {
+    const c = i(u, e.getBoundingClientRect());
+    c.forEach((w) => n.insert(w)), o.set(u.annotation, c);
+  }, l = (u) => {
+    const c = o.get(u.annotation);
+    c && (c.forEach((w) => n.remove(w)), o.delete(u.annotation));
+  }, f = (u) => {
+    l(u), r(u);
+  }, d = (u, c = !0) => {
     c && a();
-    const b = e.getBoundingClientRect(), S = d.map((L) => ({ target: L, rects: i(L, b) }));
-    S.forEach(({ target: L, rects: O }) => o.set(L.annotation, O));
+    const w = e.getBoundingClientRect(), S = u.map((L) => ({ target: L, rects: i(L, w) }));
+    S.forEach(({ target: L, rects: E }) => o.set(L.annotation, E));
     const T = S.flatMap(({ rects: L }) => L);
     n.load(T);
-  }, h = (d, c, b = !1) => {
+  }, h = (u, c, w = !1) => {
     const S = n.search({
-      minX: d,
+      minX: u,
       minY: c,
-      maxX: d,
+      maxX: u,
       maxY: c
-    }), T = (L) => L.annotation.rects.reduce((O, E) => O + E.width * E.height, 0);
-    return S.length > 0 ? (S.sort((L, O) => T(L) - T(O)), b ? S.map((L) => L.annotation.id) : [S[0].annotation.id]) : [];
-  }, g = (d) => {
-    const c = p(d);
+    }), T = (L) => L.annotation.rects.reduce((E, O) => E + O.width * O.height, 0);
+    return S.length > 0 ? (S.sort((L, E) => T(L) - T(E)), w ? S.map((L) => L.annotation.id) : [S[0].annotation.id]) : [];
+  }, g = (u) => {
+    const c = p(u);
     if (c.length === 0)
       return;
-    let b = c[0].left, S = c[0].top, T = c[0].right, L = c[0].bottom;
-    for (let O = 1; O < c.length; O++) {
-      const E = c[O];
-      b = Math.min(b, E.left), S = Math.min(S, E.top), T = Math.max(T, E.right), L = Math.max(L, E.bottom);
+    let w = c[0].left, S = c[0].top, T = c[0].right, L = c[0].bottom;
+    for (let E = 1; E < c.length; E++) {
+      const O = c[E];
+      w = Math.min(w, O.left), S = Math.min(S, O.top), T = Math.max(T, O.right), L = Math.max(L, O.bottom);
     }
-    return new DOMRect(b, S, T - b, L - S);
-  }, p = (d) => {
-    const c = o.get(d);
+    return new DOMRect(w, S, T - w, L - S);
+  }, p = (u) => {
+    const c = o.get(u);
     return c ? c[0].annotation.rects : [];
   };
   return {
@@ -1680,56 +1694,56 @@ const eo = (t, e) => {
     getAt: h,
     getAnnotationBounds: g,
     getAnnotationRects: p,
-    getIntersecting: (d, c, b, S) => {
-      const T = n.search({ minX: d, minY: c, maxX: b, maxY: S }), L = new Set(T.map((O) => O.annotation.id));
-      return Array.from(L).map((O) => ({
-        annotation: t.getAnnotation(O),
-        rects: p(O)
-      })).filter((O) => !!O.annotation);
+    getIntersecting: (u, c, w, S) => {
+      const T = n.search({ minX: u, minY: c, maxX: w, maxY: S }), L = new Set(T.map((E) => E.annotation.id));
+      return Array.from(L).map((E) => ({
+        annotation: t.getAnnotation(E),
+        rects: p(E)
+      })).filter((E) => !!E.annotation);
     },
     insert: r,
-    recalculate: () => u(t.all().map((d) => d.target), !0),
+    recalculate: () => d(t.all().map((u) => u.target), !0),
     remove: l,
-    set: u,
+    set: d,
     size: () => n.all().length,
     update: f
   };
 }, no = (t, e) => {
   const n = Tn(), o = eo(n, t), i = gn(n);
   i.setUserSelectAction(e);
-  const s = hn(n), a = Bn(), r = (m, d = B.LOCAL) => {
-    const c = vt(m, t), b = F(c.target.selector);
-    return b && n.addAnnotation(c, d), b;
-  }, l = (m, d = !0, c = B.LOCAL) => {
-    const b = m.map((T) => vt(T, t)), S = b.filter((T) => !F(T.target.selector));
-    return S.length > 0 ? (console.warn("Could not revive all targets for these annotations:", S), n.bulkAddAnnotation(b, d, c), S) : (n.bulkAddAnnotation(b, d, c), []);
-  }, f = (m, d = B.LOCAL) => {
-    const c = m.map((S) => vt(S, t)), b = c.filter((S) => !F(S.target.selector));
-    return b.length > 0 && console.warn("Could not revive all targets for these annotations:", b), c.forEach((S) => {
-      n.getAnnotation(S.id) ? n.updateAnnotation(S, d) : n.addAnnotation(S, d);
-    }), b;
-  }, u = (m, d = B.LOCAL) => {
+  const s = hn(n), a = Bn(), r = (m, u = R.LOCAL) => {
+    const c = vt(m, t), w = F(c.target.selector);
+    return w && n.addAnnotation(c, u), w;
+  }, l = (m, u = !0, c = R.LOCAL) => {
+    const w = m.map((T) => vt(T, t)), S = w.filter((T) => !F(T.target.selector));
+    return n.bulkAddAnnotation(w, u, c), S;
+  }, f = (m, u = R.LOCAL) => {
+    const c = m.map((S) => vt(S, t)), w = c.filter((S) => !F(S.target.selector));
+    return c.forEach((S) => {
+      n.getAnnotation(S.id) ? n.updateAnnotation(S, u) : n.addAnnotation(S, u);
+    }), w;
+  }, d = (m, u = R.LOCAL) => {
     const c = yt(m, t);
-    n.updateTarget(c, d);
-  }, h = (m, d = B.LOCAL) => {
-    const c = m.map((b) => yt(b, t));
-    n.bulkUpdateTargets(c, d);
-  }, g = (m, d, c) => {
-    const b = o.getAt(m, d, !!c).map((T) => n.getAnnotation(T)), S = c ? b.filter(c) : b;
+    n.updateTarget(c, u);
+  }, h = (m, u = R.LOCAL) => {
+    const c = m.map((w) => yt(w, t));
+    n.bulkUpdateTargets(c, u);
+  }, g = (m, u, c) => {
+    const w = o.getAt(m, u, !!c).map((T) => n.getAnnotation(T)), S = c ? w.filter(c) : w;
     return S.length > 0 ? S[0] : void 0;
-  }, p = (m, d, c, b = 5) => {
+  }, p = (m, u, c, w = 5) => {
     const S = o.getAnnotationRects(m);
     if (S.length !== 0) {
-      if (d && c) {
-        const T = S.find(({ top: L, right: O, bottom: E, left: R }) => d >= R - b && d <= O + b && c >= L - b && c <= E + b);
+      if (u && c) {
+        const T = S.find(({ top: L, right: E, bottom: O, left: _ }) => u >= _ - w && u <= E + w && c >= L - w && c <= O + w);
         if (T) return T;
       }
       return o.getAnnotationBounds(m);
     }
-  }, v = (m) => o.getAnnotationRects(m), y = () => o.recalculate();
+  }, A = (m) => o.getAnnotationRects(m), y = () => o.recalculate();
   return n.observe(({ changes: m }) => {
-    const d = (m.deleted || []).filter((S) => F(S.target.selector)), c = (m.created || []).filter((S) => F(S.target.selector)), b = (m.updated || []).filter((S) => F(S.newValue.target.selector));
-    (d == null ? void 0 : d.length) > 0 && d.forEach((S) => o.remove(S.target)), c.length > 0 && o.set(c.map((S) => S.target), !1), (b == null ? void 0 : b.length) > 0 && b.forEach(({ newValue: S }) => o.update(S.target));
+    const u = (m.deleted || []).filter((S) => F(S.target.selector)), c = (m.created || []).filter((S) => F(S.target.selector)), w = (m.updated || []).filter((S) => F(S.newValue.target.selector));
+    (u == null ? void 0 : u.length) > 0 && u.forEach((S) => o.remove(S.target)), c.length > 0 && o.set(c.map((S) => S.target), !1), (w == null ? void 0 : w.length) > 0 && w.forEach(({ newValue: S }) => o.update(S.target));
   }), {
     store: {
       ...n,
@@ -1738,11 +1752,11 @@ const eo = (t, e) => {
       bulkUpdateTargets: h,
       bulkUpsertAnnotations: f,
       getAnnotationBounds: p,
-      getAnnotationRects: v,
+      getAnnotationRects: A,
       getAt: g,
       getIntersecting: o.getIntersecting,
       recalculatePositions: y,
-      updateTarget: u
+      updateTarget: d
     },
     selection: i,
     hover: s,
@@ -1756,25 +1770,25 @@ const eo = (t, e) => {
 }, io = (t, e = {}) => {
   const n = oo(), o = n.getContext("2d");
   document.body.appendChild(n);
-  const i = /* @__PURE__ */ new Map(), s = (u) => Array.from(i.entries()).filter(([h, g]) => g.presenceKey === u.presenceKey).map(([h, g]) => h);
-  return t.on("selectionChange", (u, h) => {
-    s(u).forEach((p) => i.delete(p)), h && h.forEach((p) => i.set(p, u));
+  const i = /* @__PURE__ */ new Map(), s = (d) => Array.from(i.entries()).filter(([h, g]) => g.presenceKey === d.presenceKey).map(([h, g]) => h);
+  return t.on("selectionChange", (d, h) => {
+    s(d).forEach((p) => i.delete(p)), h && h.forEach((p) => i.set(p, d));
   }), {
     clear: () => {
-      const { width: u, height: h } = n;
-      o.clearRect(-0.5, -0.5, u + 1, h + 1);
+      const { width: d, height: h } = n;
+      o.clearRect(-0.5, -0.5, d + 1, h + 1);
     },
     destroy: () => {
       n.remove();
     },
-    paint: (u, h, g) => {
+    paint: (d, h, g) => {
       e.font && (o.font = e.font);
-      const p = i.get(u.annotation.id);
+      const p = i.get(d.annotation.id);
       if (p) {
-        const { height: v } = u.rects[0], y = u.rects[0].x + h.left, m = u.rects[0].y + h.top;
-        o.fillStyle = p.appearance.color, o.fillRect(y - 2, m - 2.5, 2, v + 5);
-        const d = o.measureText(p.appearance.label), c = d.width + 6, b = d.actualBoundingBoxAscent + d.actualBoundingBoxDescent + 8, S = d.fontBoundingBoxAscent ? 8 : 6.5;
-        return o.fillRect(y - 2, m - 2.5 - b, c, b), o.fillStyle = "#fff", o.fillText(p.appearance.label, y + 1, m - S), {
+        const { height: A } = d.rects[0], y = d.rects[0].x + h.left, m = d.rects[0].y + h.top;
+        o.fillStyle = p.appearance.color, o.fillRect(y - 2, m - 2.5, 2, A + 5);
+        const u = o.measureText(p.appearance.label), c = u.width + 6, w = u.actualBoundingBoxAscent + u.actualBoundingBoxDescent + 8, S = u.fontBoundingBoxAscent ? 8 : 6.5;
+        return o.fillRect(y - 2, m - 2.5 - w, c, w), o.fillStyle = "#fff", o.fillText(p.appearance.label, y + 1, m - S), {
           fill: p.appearance.color,
           fillOpacity: g ? 0.45 : 0.18
         };
@@ -1782,8 +1796,8 @@ const eo = (t, e) => {
     },
     reset: () => {
       n.width = 2 * window.innerWidth, n.height = 2 * window.innerHeight;
-      const u = n.getContext("2d");
-      u.scale(2, 2), u.translate(0.5, 0.5);
+      const d = n.getContext("2d");
+      d.scale(2, 2), d.translate(0.5, 0.5);
     }
   };
 }, Bt = typeof navigator < "u" ? navigator.userAgent.toLowerCase().indexOf("firefox") > 0 : !1;
@@ -1895,10 +1909,10 @@ const at = {
   18: !1,
   17: !1,
   91: !1
-}, _ = {};
+}, I = {};
 for (let t = 1; t < 20; t++)
   at["f".concat(t)] = 111 + t;
-let I = [], rt = null, be = "all";
+let k = [], rt = null, be = "all";
 const z = /* @__PURE__ */ new Map(), lt = (t) => at[t.toLowerCase()] || H[t.toLowerCase()] || t.toUpperCase().charCodeAt(0), ro = (t) => Object.keys(at).find((e) => at[e] === t), ao = (t) => Object.keys(H).find((e) => H[e] === t);
 function we(t) {
   be = t || "all";
@@ -1907,15 +1921,15 @@ function ct() {
   return be || "all";
 }
 function co() {
-  return I.slice(0);
+  return k.slice(0);
 }
 function lo() {
-  return I.map((t) => ro(t) || ao(t) || String.fromCharCode(t));
+  return k.map((t) => ro(t) || ao(t) || String.fromCharCode(t));
 }
 function uo() {
   const t = [];
-  return Object.keys(_).forEach((e) => {
-    _[e].forEach((n) => {
+  return Object.keys(I).forEach((e) => {
+    I[e].forEach((n) => {
       let {
         key: o,
         scope: i,
@@ -1940,14 +1954,14 @@ function fo(t) {
   return (e.isContentEditable || (i || n === "TEXTAREA" || n === "SELECT") && !e.readOnly) && (o = !1), o;
 }
 function ho(t) {
-  return typeof t == "string" && (t = lt(t)), I.indexOf(t) !== -1;
+  return typeof t == "string" && (t = lt(t)), k.indexOf(t) !== -1;
 }
 function po(t, e) {
   let n, o;
   t || (t = ct());
-  for (const i in _)
-    if (Object.prototype.hasOwnProperty.call(_, i))
-      for (n = _[i], o = 0; o < n.length; )
+  for (const i in I)
+    if (Object.prototype.hasOwnProperty.call(I, i))
+      for (n = I[i], o = 0; o < n.length; )
         n[o].scope === t ? n.splice(o, 1).forEach((a) => {
           let {
             element: r
@@ -1958,16 +1972,16 @@ function po(t, e) {
 }
 function go(t) {
   let e = t.keyCode || t.which || t.charCode;
-  const n = I.indexOf(e);
-  if (n >= 0 && I.splice(n, 1), t.key && t.key.toLowerCase() === "meta" && I.splice(0, I.length), (e === 93 || e === 224) && (e = 91), e in K) {
+  const n = k.indexOf(e);
+  if (n >= 0 && k.splice(n, 1), t.key && t.key.toLowerCase() === "meta" && k.splice(0, k.length), (e === 93 || e === 224) && (e = 91), e in K) {
     K[e] = !1;
     for (const o in H) H[o] === e && (P[o] = !1);
   }
 }
 function ve(t) {
   if (typeof t > "u")
-    Object.keys(_).forEach((i) => {
-      Array.isArray(_[i]) && _[i].forEach((s) => mt(s)), delete _[i];
+    Object.keys(I).forEach((i) => {
+      Array.isArray(I[i]) && I[i].forEach((s) => mt(s)), delete I[i];
     }), Dt(null);
   else if (Array.isArray(t))
     t.forEach((i) => {
@@ -1995,11 +2009,11 @@ const mt = (t) => {
     splitKey: i = "+"
   } = t;
   ye(e).forEach((a) => {
-    const r = a.split(i), l = r.length, f = r[l - 1], u = f === "*" ? "*" : lt(f);
-    if (!_[u]) return;
+    const r = a.split(i), l = r.length, f = r[l - 1], d = f === "*" ? "*" : lt(f);
+    if (!I[d]) return;
     n || (n = ct());
     const h = l > 1 ? me(H, r) : [], g = [];
-    _[u] = _[u].filter((p) => {
+    I[d] = I[d].filter((p) => {
       const y = (o ? p.method === o : !0) && p.scope === n && so(p.mods, h);
       return y && g.push(p.element), !y;
     }), g.forEach((p) => Dt(p));
@@ -2013,16 +2027,16 @@ function ee(t, e, n, o) {
     i = e.mods.length > 0;
     for (const s in K)
       Object.prototype.hasOwnProperty.call(K, s) && (!K[s] && e.mods.indexOf(+s) > -1 || K[s] && e.mods.indexOf(+s) === -1) && (i = !1);
-    (e.mods.length === 0 && !K[16] && !K[18] && !K[17] && !K[91] || i || e.shortcut === "*") && (e.keys = [], e.keys = e.keys.concat(I), e.method(t, e) === !1 && (t.preventDefault ? t.preventDefault() : t.returnValue = !1, t.stopPropagation && t.stopPropagation(), t.cancelBubble && (t.cancelBubble = !0)));
+    (e.mods.length === 0 && !K[16] && !K[18] && !K[17] && !K[91] || i || e.shortcut === "*") && (e.keys = [], e.keys = e.keys.concat(k), e.method(t, e) === !1 && (t.preventDefault ? t.preventDefault() : t.returnValue = !1, t.stopPropagation && t.stopPropagation(), t.cancelBubble && (t.cancelBubble = !0)));
   }
 }
 function ne(t, e) {
-  const n = _["*"];
+  const n = I["*"];
   let o = t.keyCode || t.which || t.charCode;
   if (!P.filter.call(this, t)) return;
-  if ((o === 93 || o === 224) && (o = 91), I.indexOf(o) === -1 && o !== 229 && I.push(o), ["ctrlKey", "altKey", "shiftKey", "metaKey"].forEach((r) => {
+  if ((o === 93 || o === 224) && (o = 91), k.indexOf(o) === -1 && o !== 229 && k.push(o), ["ctrlKey", "altKey", "shiftKey", "metaKey"].forEach((r) => {
     const l = Ut[r];
-    t[r] && I.indexOf(l) === -1 ? I.push(l) : !t[r] && I.indexOf(l) > -1 ? I.splice(I.indexOf(l), 1) : r === "metaKey" && t[r] && I.length === 3 && (t.ctrlKey || t.shiftKey || t.altKey || (I = I.slice(I.indexOf(l))));
+    t[r] && k.indexOf(l) === -1 ? k.push(l) : !t[r] && k.indexOf(l) > -1 ? k.splice(k.indexOf(l), 1) : r === "metaKey" && t[r] && k.length === 3 && (t.ctrlKey || t.shiftKey || t.altKey || (k = k.slice(k.indexOf(l))));
   }), o in K) {
     K[o] = !0;
     for (const r in H)
@@ -2031,29 +2045,29 @@ function ne(t, e) {
   }
   for (const r in K)
     Object.prototype.hasOwnProperty.call(K, r) && (K[r] = t[Ut[r]]);
-  t.getModifierState && !(t.altKey && !t.ctrlKey) && t.getModifierState("AltGraph") && (I.indexOf(17) === -1 && I.push(17), I.indexOf(18) === -1 && I.push(18), K[17] = !0, K[18] = !0);
+  t.getModifierState && !(t.altKey && !t.ctrlKey) && t.getModifierState("AltGraph") && (k.indexOf(17) === -1 && k.push(17), k.indexOf(18) === -1 && k.push(18), K[17] = !0, K[18] = !0);
   const i = ct();
   if (n)
     for (let r = 0; r < n.length; r++)
       n[r].scope === i && (t.type === "keydown" && n[r].keydown || t.type === "keyup" && n[r].keyup) && ee(t, n[r], i, e);
-  if (!(o in _)) return;
-  const s = _[o], a = s.length;
+  if (!(o in I)) return;
+  const s = I[o], a = s.length;
   for (let r = 0; r < a; r++)
     if ((t.type === "keydown" && s[r].keydown || t.type === "keyup" && s[r].keyup) && s[r].key) {
       const l = s[r], {
         splitKey: f
-      } = l, u = l.key.split(f), h = [];
-      for (let g = 0; g < u.length; g++)
-        h.push(lt(u[g]));
-      h.sort().join("") === I.sort().join("") && ee(t, l, i, e);
+      } = l, d = l.key.split(f), h = [];
+      for (let g = 0; g < d.length; g++)
+        h.push(lt(d[g]));
+      h.sort().join("") === k.sort().join("") && ee(t, l, i, e);
     }
 }
 function P(t, e, n) {
-  I = [];
+  k = [];
   const o = ye(t);
-  let i = [], s = "all", a = document, r = 0, l = !1, f = !0, u = "+", h = !1, g = !1;
-  for (n === void 0 && typeof e == "function" && (n = e), Object.prototype.toString.call(e) === "[object Object]" && (e.scope && (s = e.scope), e.element && (a = e.element), e.keyup && (l = e.keyup), e.keydown !== void 0 && (f = e.keydown), e.capture !== void 0 && (h = e.capture), typeof e.splitKey == "string" && (u = e.splitKey), e.single === !0 && (g = !0)), typeof e == "string" && (s = e), g && ve(t, s); r < o.length; r++)
-    t = o[r].split(u), i = [], t.length > 1 && (i = me(H, t)), t = t[t.length - 1], t = t === "*" ? "*" : lt(t), t in _ || (_[t] = []), _[t].push({
+  let i = [], s = "all", a = document, r = 0, l = !1, f = !0, d = "+", h = !1, g = !1;
+  for (n === void 0 && typeof e == "function" && (n = e), Object.prototype.toString.call(e) === "[object Object]" && (e.scope && (s = e.scope), e.element && (a = e.element), e.keyup && (l = e.keyup), e.keydown !== void 0 && (f = e.keydown), e.capture !== void 0 && (h = e.capture), typeof e.splitKey == "string" && (d = e.splitKey), e.single === !0 && (g = !0)), typeof e == "string" && (s = e), g && ve(t, s); r < o.length; r++)
+    t = o[r].split(d), i = [], t.length > 1 && (i = me(H, t)), t = t[t.length - 1], t = t === "*" ? "*" : lt(t), t in I || (I[t] = []), I[t].push({
       keyup: l,
       keydown: f,
       scope: s,
@@ -2061,7 +2075,7 @@ function P(t, e, n) {
       shortcut: o[r],
       method: n,
       key: o[r],
-      splitKey: u,
+      splitKey: d,
       element: a
     });
   if (typeof a < "u" && window) {
@@ -2069,19 +2083,19 @@ function P(t, e, n) {
       const p = function() {
         let y = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
         return ne(y, a);
-      }, v = function() {
+      }, A = function() {
         let y = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
         ne(y, a), go(y);
       };
       z.set(a, {
         keydownListener: p,
-        keyupListenr: v,
+        keyupListenr: A,
         capture: h
-      }), kt(a, "keydown", p, h), kt(a, "keyup", v, h);
+      }), kt(a, "keydown", p, h), kt(a, "keyup", A, h);
     }
     if (!rt) {
       const p = () => {
-        I = [];
+        k = [];
       };
       rt = {
         listener: p,
@@ -2092,14 +2106,14 @@ function P(t, e, n) {
 }
 function mo(t) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "all";
-  Object.keys(_).forEach((n) => {
-    _[n].filter((i) => i.scope === e && i.shortcut === t).forEach((i) => {
+  Object.keys(I).forEach((n) => {
+    I[n].filter((i) => i.scope === e && i.shortcut === t).forEach((i) => {
       i && i.method && i.method();
     });
   });
 }
 function Dt(t) {
-  const e = Object.values(_).flat();
+  const e = Object.values(I).flat();
   if (e.findIndex((o) => {
     let {
       element: i
@@ -2120,7 +2134,7 @@ function Dt(t) {
       capture: r
     } = z.get(i) || {};
     s && a && (et(i, "keyup", a, r), et(i, "keydown", s, r), z.delete(i));
-  }), z.clear(), Object.keys(_).forEach((i) => delete _[i]), rt)) {
+  }), z.clear(), Object.keys(I).forEach((i) => delete I[i]), rt)) {
     const {
       listener: i,
       capture: s
@@ -2157,86 +2171,85 @@ const oe = 300, Ae = ["up", "down", "left", "right"], xe = Oe ? "⌘+a" : "ctrl+
   const s = (E) => i = E;
   let a;
   const r = (E) => a = E, { store: l, selection: f } = e;
-  let u, h, g, p = !1;
-  const v = (E) => {
-    p = !1, h !== !1 && (u = nt(E.target) ? void 0 : {
+  let d, h, g;
+  const p = (E) => {
+    h !== !1 && (d = nt(E.target) ? void 0 : {
       annotation: ue(),
       selector: [],
       creator: i,
       created: /* @__PURE__ */ new Date()
     });
-  }, y = Vt((E) => {
-    const R = document.getSelection();
-    if (nt(R.anchorNode)) {
-      u = void 0;
+  }, A = Vt((E) => {
+    const O = document.getSelection();
+    if (nt(O.anchorNode)) {
+      d = void 0;
       return;
     }
-    const w = E.timeStamp - ((g == null ? void 0 : g.timeStamp) || E.timeStamp);
-    if ((g == null ? void 0 : g.type) === "pointerdown" && (w < 1e3 && !u || R.isCollapsed && w < oe) && v(g || E), !u) return;
-    if (R.isCollapsed) {
-      l.getAnnotation(u.annotation) && (f.clear(), l.deleteAnnotation(u.annotation));
+    const _ = E.timeStamp - ((g == null ? void 0 : g.timeStamp) || E.timeStamp);
+    if ((g == null ? void 0 : g.type) === "pointerdown" && (_ < 1e3 && !d || O.isCollapsed && _ < oe) && p(g || E), !d) return;
+    if (O.isCollapsed) {
+      l.getAnnotation(d.annotation) && (f.clear(), l.deleteAnnotation(d.annotation));
       return;
     }
-    const A = R.getRangeAt(0), x = Ye(A, t);
+    const b = O.getRangeAt(0), x = Ye(b, t);
     if (_e(x)) return;
-    const C = Be(x.cloneRange());
-    (C.length !== u.selector.length || C.some((M, D) => {
+    const v = Be(x.cloneRange());
+    (v.length !== d.selector.length || v.some((B, M) => {
       var Y;
-      return M.toString() !== ((Y = u.selector[D]) == null ? void 0 : Y.quote);
-    })) && (u = {
-      ...u,
-      selector: C.map((M) => Ke(M, t, o)),
+      return B.toString() !== ((Y = d.selector[M]) == null ? void 0 : Y.quote);
+    })) && (d = {
+      ...d,
+      selector: v.map((B) => Ke(B, t, o)),
       updated: /* @__PURE__ */ new Date()
-    }, l.getAnnotation(u.annotation) ? l.updateTarget(u, B.LOCAL) : f.clear());
-  }), m = (E) => {
-    p || nt(E.target) || (g = wt(E), h = g.button === 0);
-  }, d = () => {
-    l.getAnnotation(u.annotation) ? l.updateTarget(u) : l.addAnnotation({
-      id: u.annotation,
+    }, l.getAnnotation(d.annotation) ? l.updateTarget(d, R.LOCAL) : f.clear());
+  }), y = (E) => {
+    nt(E.target) || (g = wt(E), h = g.button === 0);
+  }, m = () => {
+    l.getAnnotation(d.annotation) ? l.updateTarget(d) : l.addAnnotation({
+      id: d.annotation,
       bodies: [],
-      target: u
+      target: d
     });
-  }, c = (E) => {
-    if (p || nt(E.target) || !h) return;
-    const R = () => {
-      const { x: A, y: x } = t.getBoundingClientRect(), C = E.target instanceof Node && t.contains(E.target) && l.getAt(E.clientX - A, E.clientY - x, a);
-      if (C) {
-        const { selected: k } = f;
-        (k.length !== 1 || k[0].id !== C.id) && f.userSelect(C.id, E);
+  }, u = (E) => {
+    if (nt(E.target) || !h) return;
+    const O = () => {
+      const { x: b, y: x } = t.getBoundingClientRect(), v = E.target instanceof Node && t.contains(E.target) && l.getAt(E.clientX - b, E.clientY - x, a);
+      if (v) {
+        const { selected: C } = f;
+        (C.length !== 1 || C[0].id !== v.id) && f.userSelect(v.id, E);
       } else
         f.clear();
-    }, w = E.timeStamp - g.timeStamp;
+    }, _ = E.timeStamp - g.timeStamp;
     setTimeout(() => {
-      const A = document.getSelection();
-      A != null && A.isCollapsed && w < oe ? (u = void 0, R()) : u && u.selector.length > 0 && (f.clear(), d(), f.userSelect(u.annotation, wt(E)));
+      const b = document.getSelection();
+      b != null && b.isCollapsed && _ < oe ? (d = void 0, O()) : d && d.selector.length > 0 && (f.clear(), m(), f.userSelect(d.annotation, wt(E)));
     });
-  }, b = (E) => {
-    p = !0;
-    const R = document.getSelection();
-    R != null && R.isCollapsed || ((!u || u.selector.length === 0) && y(E), d(), f.userSelect(u.annotation, wt(E)));
+  }, c = (E) => {
+    const O = document.getSelection();
+    O != null && O.isCollapsed || ((!d || d.selector.length === 0) && A(E), m(), f.userSelect(d.annotation, wt(E)));
+  }, w = (E) => {
+    E.key === "Shift" && d && (document.getSelection().isCollapsed || (f.clear(), m(), f.userSelect(d.annotation, dt(E))));
   }, S = (E) => {
-    E.key === "Shift" && u && (document.getSelection().isCollapsed || (f.clear(), d(), f.userSelect(u.annotation, dt(E))));
-  }, T = (E) => {
-    const R = () => setTimeout(() => {
-      (u == null ? void 0 : u.selector.length) > 0 && (f.clear(), l.addAnnotation({
-        id: u.annotation,
+    const O = () => setTimeout(() => {
+      (d == null ? void 0 : d.selector.length) > 0 && (f.clear(), l.addAnnotation({
+        id: d.annotation,
         bodies: [],
-        target: u
-      }), f.userSelect(u.annotation, dt(E))), document.removeEventListener("selectionchange", R);
+        target: d
+      }), f.userSelect(d.annotation, dt(E))), document.removeEventListener("selectionchange", O);
     }, 100);
-    document.addEventListener("selectionchange", R), v(E);
+    document.addEventListener("selectionchange", O), p(E);
   };
   P(yo.join(","), { element: t, keydown: !0, keyup: !1 }, (E) => {
     E.repeat || (g = dt(E));
   }), P(xe, { keydown: !0, keyup: !1 }, (E) => {
-    g = dt(E), T(E);
+    g = dt(E), S(E);
   });
-  const L = (E) => {
-    E.repeat || E.target !== t && E.target !== document.body || (u = void 0, f.clear());
+  const T = (E) => {
+    E.repeat || E.target !== t && E.target !== document.body || (d = void 0, f.clear());
   };
-  return P(Ae.join(","), { keydown: !0, keyup: !1 }, L), t.addEventListener("pointerdown", m), document.addEventListener("pointerup", c), document.addEventListener("contextmenu", b), n && (t.addEventListener("keyup", S), t.addEventListener("selectstart", v), document.addEventListener("selectionchange", y)), {
+  return P(Ae.join(","), { keydown: !0, keyup: !1 }, T), t.addEventListener("pointerdown", y), document.addEventListener("pointerup", u), document.addEventListener("contextmenu", c), n && (t.addEventListener("keyup", w), t.addEventListener("selectstart", p), document.addEventListener("selectionchange", A)), {
     destroy: () => {
-      t.removeEventListener("pointerdown", m), document.removeEventListener("pointerup", c), document.removeEventListener("contextmenu", b), t.removeEventListener("keyup", S), t.removeEventListener("selectstart", v), document.removeEventListener("selectionchange", y), P.unbind();
+      t.removeEventListener("pointerdown", y), document.removeEventListener("pointerup", u), document.removeEventListener("contextmenu", c), t.removeEventListener("keyup", w), t.removeEventListener("selectstart", p), document.removeEventListener("selectionchange", A), P.unbind();
     },
     setFilter: r,
     setUser: s
@@ -2252,10 +2265,10 @@ const oe = 300, Ae = ["up", "down", "left", "right"], xe = Oe ? "⌘+a" : "ctrl+
     user: Dn()
   }), o = no(t, n.userSelectAction), { selection: i, viewport: s } = o, a = o.store, r = Rn(a), l = kn(o, r, n.adapter);
   let f = n.user;
-  const u = n.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : ie : n.renderer || ie, h = u === "SPANS" ? an(t, o, s) : u === "CSS_HIGHLIGHTS" ? on(t, o, s) : u === "CANVAS" ? Fe(t, o, s) : void 0;
+  const d = n.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : ie : n.renderer || ie, h = d === "SPANS" ? an(t, o, s) : d === "CSS_HIGHLIGHTS" ? on(t, o, s) : d === "CANVAS" ? Fe(t, o, s) : void 0;
   if (!h)
-    throw `Unknown renderer implementation: ${u}`;
-  console.debug(`Using ${u} renderer`), n.style && h.setStyle(n.style);
+    throw `Unknown renderer implementation: ${d}`;
+  console.debug(`Using ${d} renderer`), n.style && h.setStyle(n.style);
   const g = bo(t, o, n.annotatingEnabled, n.offsetReferenceSelector);
   return g.setUser(f), {
     ..._n(o, r, n.adapter),
@@ -2289,7 +2302,7 @@ export {
   W as DEFAULT_STYLE,
   se as NOT_ANNOTATABLE_CLASS,
   Z as NOT_ANNOTATABLE_SELECTOR,
-  B as Origin,
+  R as Origin,
   bo as SelectionHandler,
   pn as UserSelectAction,
   Ao as W3CTextFormat,