@soomo/text-annotator 3.1.0-staging.23 → 3.1.0-staging.25

package/dist/text-annotator.es.js

@@ -109,9 +109,9 @@ const ue = "not-annotatable", et = `.${ue}`, st = (t) => {
   const { start: n, end: o } = t, i = t.offsetReference || e, s = document.createNodeIterator(
     e,
     NodeFilter.SHOW_TEXT,
-    (h) => {
+    (f) => {
       var A;
-      return (A = h.parentElement) != null && A.closest(et) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+      return (A = f.parentElement) != null && A.closest(et) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
     }
   );
   let a = 0;
@@ -121,22 +121,22 @@ const ue = "not-annotatable", et = `.${ue}`, st = (t) => {
   let d = !i;
   for (; l !== null; ) {
     if (d || (d = i == null ? void 0 : i.contains(l)), d) {
-      const h = ((g = l.textContent) == null ? void 0 : g.length) || 0;
-      if (a + h > n) {
+      const f = ((g = l.textContent) == null ? void 0 : g.length) || 0;
+      if (a + f > n) {
         r.setStart(l, n - a);
         break;
       }
-      a += h;
+      a += f;
     }
     l = s.nextNode();
   }
   for (; l !== null; ) {
-    const h = ((u = l.textContent) == null ? void 0 : u.length) || 0;
-    if (a + h >= o) {
+    const f = ((u = l.textContent) == null ? void 0 : u.length) || 0;
+    if (a + f >= o) {
       r.setEnd(l, o - a);
       break;
     }
-    a += h, l = s.nextNode();
+    a += f, l = s.nextNode();
   }
   return {
     ...t,
@@ -213,7 +213,7 @@ const ue = "not-annotatable", et = `.${ue}`, st = (t) => {
   return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : pe(t.parentElement);
 }, ze = (t, e) => (n) => {
   const o = typeof n == "string" ? n : n.id, i = (a) => {
-    const r = s.getBoundingClientRect(), l = s.clientHeight, d = s.clientWidth, g = a.selector[0].range.getBoundingClientRect(), { width: u, height: h } = e.getAnnotationBounds(o), A = g.top - r.top, p = g.left - r.left, b = s.parentElement ? s.scrollTop : 0, x = s.parentElement ? s.scrollLeft : 0, m = A + b - (l - h) / 2, c = p + x - (d - u) / 2;
+    const r = s.getBoundingClientRect(), l = s.clientHeight, d = s.clientWidth, g = a.selector[0].range.getBoundingClientRect(), { width: u, height: f } = e.getAnnotationBounds(o), A = g.top - r.top, p = g.left - r.left, b = s.parentElement ? s.scrollTop : 0, x = s.parentElement ? s.scrollLeft : 0, m = A + b - (l - f) / 2, c = p + x - (d - u) / 2;
     s.scroll({ top: m, left: c, behavior: "smooth" });
   }, s = pe(t);
   if (s) {
@@ -260,24 +260,24 @@ function qe() {
       const A = Date.now() - l;
       A < n && A >= 0 ? r = setTimeout(u, n - A) : (r = void 0, i || (d = g()));
     }
-    const h = function(...A) {
+    const f = function(...A) {
       if (s && this !== s && Object.getPrototypeOf(this) === Object.getPrototypeOf(s))
         throw new Error("Debounced method called with different contexts of the same prototype.");
       s = this, a = A, l = Date.now();
       const p = i && !r;
       return r || (r = setTimeout(u, n)), p && (d = g()), d;
     };
-    return Object.defineProperty(h, "isPending", {
+    return Object.defineProperty(f, "isPending", {
       get() {
         return r !== void 0;
       }
-    }), h.clear = () => {
+    }), f.clear = () => {
       r && (clearTimeout(r), r = void 0);
-    }, h.flush = () => {
-      r && h.trigger();
-    }, h.trigger = () => {
-      d = g(), h.clear();
-    }, h;
+    }, f.flush = () => {
+      r && f.trigger();
+    }, f.trigger = () => {
+      d = g(), f.clear();
+    }, f;
   }
   return gt.exports.debounce = t, gt.exports = t, gt.exports;
 }
@@ -299,37 +299,37 @@ const Xt = /* @__PURE__ */ We(Ge), Qe = (t) => {
     v ? a.current !== v.id && (t.classList.add("hovered"), a.set(v.id)) : a.current && (t.classList.remove("hovered"), a.set(null));
   };
   t.addEventListener("pointermove", u);
-  const h = (T = !1) => {
+  const f = (T = !1) => {
     d && d.clear();
-    const R = Qe(t), { minX: w, minY: v, maxX: f, maxY: E } = R, M = l ? i.getIntersecting(w, v, f, E).filter(({ annotation: _ }) => l(_)) : i.getIntersecting(w, v, f, E), O = s.selected.map(({ id: _ }) => _), U = M.map(({ annotation: _, rects: ht }) => {
+    const R = Qe(t), { minX: w, minY: v, maxX: h, maxY: E } = R, M = l ? i.getIntersecting(w, v, h, E).filter(({ annotation: _ }) => l(_)) : i.getIntersecting(w, v, h, E), O = s.selected.map(({ id: _ }) => _), U = M.map(({ annotation: _, rects: ht }) => {
       const W = O.includes(_.id), G = _.id === a.current;
       return { annotation: _, rects: ht, state: { selected: W, hover: G } };
     });
     o.redraw(U, R, r, d, T), setTimeout(() => g(M.map(({ annotation: _ }) => _)), 1);
   }, A = (T) => {
-    d = T, h();
+    d = T, f();
   }, p = (T) => {
-    r = T, h();
+    r = T, f();
   }, b = (T) => {
-    l = T, h(!1);
-  }, x = () => h();
+    l = T, f(!1);
+  }, x = () => f();
   i.observe(x);
-  const m = s.subscribe(() => h()), c = () => h(!0);
+  const m = s.subscribe(() => f()), c = () => f(!0);
   document.addEventListener("scroll", c, { capture: !0, passive: !0 });
   const y = Xt(() => {
-    i.recalculatePositions(), d == null || d.reset(), h();
+    i.recalculatePositions(), d == null || d.reset(), f();
   }, 10);
   window.addEventListener("resize", y);
   const C = new ResizeObserver(y);
   C.observe(t);
   const S = { attributes: !0, childList: !0, subtree: !0 }, L = new MutationObserver((T) => {
-    T.every((w) => w.target === t || t.contains(w.target)) || h(!0);
+    T.every((w) => w.target === t || t.contains(w.target)) || f(!0);
   });
   return L.observe(document.body, S), {
     destroy: () => {
       t.removeEventListener("pointermove", u), o.destroy(), i.unobserve(x), m(), document.removeEventListener("scroll", c), y.clear(), window.removeEventListener("resize", y), C.disconnect(), L.disconnect();
     },
-    redraw: h,
+    redraw: f,
     setStyle: p,
     setFilter: b,
     setPainter: A,
@@ -345,8 +345,8 @@ const Xt = /* @__PURE__ */ We(Ge), Qe = (t) => {
   const e = Ze(), n = e.getContext("2d");
   document.body.appendChild(e);
   const o = (r, l, d, g) => requestAnimationFrame(() => {
-    const { width: u, height: h } = e;
-    n.clearRect(-0.5, -0.5, u + 1, h + 1), g && g.clear();
+    const { width: u, height: f } = e;
+    n.clearRect(-0.5, -0.5, u + 1, f + 1), g && g.clear();
     const { top: A, left: p } = l;
     [...r].sort((x, m) => {
       const { annotation: { target: { created: c } } } = x, { annotation: { target: { created: y } } } = m;
@@ -533,12 +533,12 @@ const un = (t) => [
       Array.from(e).filter((u) => !d.has(u));
       const g = s.map((u) => {
         var p;
-        const h = r ? typeof r == "function" ? r(u.annotation, u.state) : r : (p = u.state) != null && p.selected ? Et : q, A = l && l.paint(u, a) || h;
+        const f = r ? typeof r == "function" ? r(u.annotation, u.state) : r : (p = u.state) != null && p.selected ? Et : q, A = l && l.paint(u, a) || f;
         return `::highlight(_${u.annotation.id}) { ${un(A)} }`;
       });
       t.innerHTML = g.join(`
 `), CSS.highlights.clear(), s.forEach(({ annotation: u }) => {
-        const h = u.target.selector.map((p) => p.range), A = new Highlight(...h);
+        const f = u.target.selector.map((p) => p.range), A = new Highlight(...f);
         CSS.highlights.set(`_${u.id}`, A);
       }), e = d;
     }
@@ -578,15 +578,15 @@ const pn = (t, e) => {
       e.remove();
     },
     redraw: (a, r, l, d, g) => {
-      const h = !(Pt(n, a) && g);
-      if (!d && !h) return;
-      h && (e.innerHTML = ""), [...a].sort((p, b) => {
+      const f = !(Pt(n, a) && g);
+      if (!d && !f) return;
+      f && (e.innerHTML = ""), [...a].sort((p, b) => {
         const { annotation: { target: { created: x } } } = p, { annotation: { target: { created: m } } } = b;
         return x && m ? x.getTime() - m.getTime() : 0;
       }).forEach((p) => {
         p.rects.map((b) => {
           const x = pn(b, a), m = Fe(p, r, l, d, x);
-          if (h) {
+          if (f) {
             const c = document.createElement("span");
             c.className = "r6o-annotation", c.dataset.annotation = p.annotation.id, c.style.left = `${b.x}px`, c.style.top = `${b.y}px`, c.style.width = `${b.width}px`, c.style.height = `${b.height}px`, c.style.backgroundColor = $((m == null ? void 0 : m.fill) || q.fill).alpha((m == null ? void 0 : m.fillOpacity) === void 0 ? q.fillOpacity : m.fillOpacity).toHex(), m.underlineStyle && (c.style.borderStyle = m.underlineStyle), m.underlineColor && (c.style.borderColor = m.underlineColor), m.underlineThickness && (c.style.borderBottomWidth = `${m.underlineThickness}px`), m.underlineOffset && (c.style.paddingBottom = `${m.underlineOffset}px`), e.appendChild(c);
           }
@@ -734,14 +734,14 @@ const yt = { selected: [] }, Sn = (t, e, n) => {
         return { id: c.id, editable: y };
       })
     }), m.length !== x.length && console.warn("Invalid selection", p);
-  }, h = (p) => {
+  }, f = (p) => {
     if (l())
       return !1;
     const { selected: b } = a;
     b.some(({ id: x }) => p.includes(x)) && i({ selected: b.filter(({ id: x }) => !p.includes(x)) });
   }, A = (p) => s = p;
   return t.observe(
-    ({ changes: p }) => h((p.deleted || []).map((b) => b.id))
+    ({ changes: p }) => f((p.deleted || []).map((b) => b.id))
   ), {
     get event() {
       return a ? a.event : null;
@@ -848,17 +848,17 @@ const In = (t, e) => {
     return !0;
 }, Nn = (t, e) => {
   const n = new Set((t.created || []).map((u) => u.id)), o = new Set((t.updated || []).map(({ newValue: u }) => u.id)), i = new Set((e.created || []).map((u) => u.id)), s = new Set((e.deleted || []).map((u) => u.id)), a = new Set((e.updated || []).map(({ oldValue: u }) => u.id)), r = new Set((e.updated || []).filter(({ oldValue: u }) => n.has(u.id) || o.has(u.id)).map(({ oldValue: u }) => u.id)), l = [
-    ...(t.created || []).filter((u) => !s.has(u.id)).map((u) => a.has(u.id) ? e.updated.find(({ oldValue: h }) => h.id === u.id).newValue : u),
+    ...(t.created || []).filter((u) => !s.has(u.id)).map((u) => a.has(u.id) ? e.updated.find(({ oldValue: f }) => f.id === u.id).newValue : u),
     ...e.created || []
   ], d = [
     ...(t.deleted || []).filter((u) => !i.has(u.id)),
     ...(e.deleted || []).filter((u) => !n.has(u.id))
   ], g = [
     ...(t.updated || []).filter(({ newValue: u }) => !s.has(u.id)).map((u) => {
-      const { oldValue: h, newValue: A } = u;
+      const { oldValue: f, newValue: A } = u;
       if (a.has(A.id)) {
         const p = e.updated.find((b) => b.oldValue.id === A.id).newValue;
-        return Ae(h, p);
+        return Ae(f, p);
       } else
         return u;
     }),
@@ -883,10 +883,10 @@ const In = (t, e) => {
   const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (w, v = {}) => {
     n.push({ onChange: w, options: v });
   }, i = (w) => {
-    const v = n.findIndex((f) => f.onChange == w);
+    const v = n.findIndex((h) => h.onChange == w);
     v > -1 && n.splice(v, 1);
   }, s = (w, v) => {
-    const f = {
+    const h = {
       origin: w,
       changes: {
         created: v.created || [],
@@ -896,55 +896,55 @@ const In = (t, e) => {
       state: [...t.values()]
     };
     n.forEach((E) => {
-      In(E, f) && E.onChange(f);
+      In(E, h) && E.onChange(h);
     });
   }, a = (w, v = k.LOCAL) => {
     if (w.id && t.get(w.id))
       throw Error(`Cannot add annotation ${w.id} - exists already`);
     {
-      const f = Nt(w);
-      t.set(f.id, f), f.bodies.forEach((E) => e.set(E.id, f.id)), s(v, { created: [f] });
+      const h = Nt(w);
+      t.set(h.id, h), h.bodies.forEach((E) => e.set(E.id, h.id)), s(v, { created: [h] });
     }
   }, r = (w, v) => {
-    const f = Nt(typeof w == "string" ? v : w), E = typeof w == "string" ? w : w.id, M = E && t.get(E);
+    const h = Nt(typeof w == "string" ? v : w), E = typeof w == "string" ? w : w.id, M = E && t.get(E);
     if (M) {
-      const O = Ae(M, f);
-      return E === f.id ? t.set(E, f) : (t.delete(E), t.set(f.id, f)), M.bodies.forEach((U) => e.delete(U.id)), f.bodies.forEach((U) => e.set(U.id, f.id)), O;
+      const O = Ae(M, h);
+      return E === h.id ? t.set(E, h) : (t.delete(E), t.set(h.id, h)), M.bodies.forEach((U) => e.delete(U.id)), h.bodies.forEach((U) => e.set(U.id, h.id)), O;
     } else
       console.warn(`Cannot update annotation ${E} - does not exist`);
-  }, l = (w, v = k.LOCAL, f = k.LOCAL) => {
-    const E = _n(v) ? f : v, M = r(w, v);
+  }, l = (w, v = k.LOCAL, h = k.LOCAL) => {
+    const E = _n(v) ? h : v, M = r(w, v);
     M && s(E, { updated: [M] });
   }, d = (w, v = k.LOCAL) => {
-    const f = w.reduce((E, M) => {
+    const h = w.reduce((E, M) => {
       const O = r(M);
       return O ? [...E, O] : E;
     }, []);
-    f.length > 0 && s(v, { updated: f });
+    h.length > 0 && s(v, { updated: h });
   }, g = (w, v = k.LOCAL) => {
-    const f = t.get(w.annotation);
-    if (f) {
+    const h = t.get(w.annotation);
+    if (h) {
       const E = {
-        ...f,
-        bodies: [...f.bodies, w]
+        ...h,
+        bodies: [...h.bodies, w]
       };
-      t.set(f.id, E), e.set(w.id, E.id), s(v, { updated: [{
-        oldValue: f,
+      t.set(h.id, E), e.set(w.id, E.id), s(v, { updated: [{
+        oldValue: h,
         newValue: E,
         bodiesCreated: [w]
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${w.annotation}`);
-  }, u = () => [...t.values()], h = (w = k.LOCAL) => {
+  }, u = () => [...t.values()], f = (w = k.LOCAL) => {
     const v = [...t.values()];
     t.clear(), e.clear(), s(w, { deleted: v });
-  }, A = (w, v = !0, f = k.LOCAL) => {
+  }, A = (w, v = !0, h = k.LOCAL) => {
     const E = w.map(Nt);
     if (v) {
       const M = [...t.values()];
       t.clear(), e.clear(), E.forEach((O) => {
         t.set(O.id, O), O.bodies.forEach((U) => e.set(U.id, O.id));
-      }), s(f, { created: E, deleted: M });
+      }), s(h, { created: E, deleted: M });
     } else {
       const M = w.reduce((O, U) => {
         const _ = U.id && t.get(U.id);
@@ -954,28 +954,28 @@ const In = (t, e) => {
         throw Error(`Bulk insert would overwrite the following annotations: ${M.map((O) => O.id).join(", ")}`);
       E.forEach((O) => {
         t.set(O.id, O), O.bodies.forEach((U) => e.set(U.id, O.id));
-      }), s(f, { created: E });
+      }), s(h, { created: E });
     }
   }, p = (w) => {
-    const v = typeof w == "string" ? w : w.id, f = t.get(v);
-    if (f)
-      return t.delete(v), f.bodies.forEach((E) => e.delete(E.id)), f;
+    const v = typeof w == "string" ? w : w.id, h = t.get(v);
+    if (h)
+      return t.delete(v), h.bodies.forEach((E) => e.delete(E.id)), h;
     console.warn(`Attempt to delete missing annotation: ${v}`);
   }, b = (w, v = k.LOCAL) => {
-    const f = p(w);
-    f && s(v, { deleted: [f] });
+    const h = p(w);
+    h && s(v, { deleted: [h] });
   }, x = (w, v = k.LOCAL) => {
-    const f = w.reduce((E, M) => {
+    const h = w.reduce((E, M) => {
       const O = p(M);
       return O ? [...E, O] : E;
     }, []);
-    f.length > 0 && s(v, { deleted: f });
+    h.length > 0 && s(v, { deleted: h });
   }, m = (w) => {
     const v = t.get(w.annotation);
     if (v) {
-      const f = v.bodies.find((E) => E.id === w.id);
-      if (f) {
-        e.delete(f.id);
+      const h = v.bodies.find((E) => E.id === w.id);
+      if (h) {
+        e.delete(h.id);
         const E = {
           ...v,
           bodies: v.bodies.filter((M) => M.id !== w.id)
@@ -983,65 +983,65 @@ const In = (t, e) => {
         return t.set(v.id, E), {
           oldValue: v,
           newValue: E,
-          bodiesDeleted: [f]
+          bodiesDeleted: [h]
         };
       } else
         console.warn(`Attempt to delete missing body ${w.id} from annotation ${w.annotation}`);
     } else
       console.warn(`Attempt to delete body from missing annotation ${w.annotation}`);
   }, c = (w, v = k.LOCAL) => {
-    const f = m(w);
-    f && s(v, { updated: [f] });
+    const h = m(w);
+    h && s(v, { updated: [h] });
   }, y = (w, v = k.LOCAL) => {
-    const f = w.map((E) => m(E)).filter(Boolean);
-    f.length > 0 && s(v, { updated: f });
+    const h = w.map((E) => m(E)).filter(Boolean);
+    h.length > 0 && s(v, { updated: h });
   }, C = (w) => {
     const v = t.get(w);
     return v ? { ...v } : void 0;
   }, S = (w) => {
     const v = e.get(w);
     if (v) {
-      const f = C(v).bodies.find((E) => E.id === w);
-      if (f)
-        return f;
+      const h = C(v).bodies.find((E) => E.id === w);
+      if (h)
+        return h;
       console.error(`Store integrity error: body ${w} in index, but not in annotation`);
     } else
       console.warn(`Attempt to retrieve missing body: ${w}`);
   }, L = (w, v) => {
     if (w.annotation !== v.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const f = t.get(w.annotation);
-    if (f) {
-      const E = f.bodies.find((O) => O.id === w.id), M = {
-        ...f,
-        bodies: f.bodies.map((O) => O.id === E.id ? v : O)
+    const h = t.get(w.annotation);
+    if (h) {
+      const E = h.bodies.find((O) => O.id === w.id), M = {
+        ...h,
+        bodies: h.bodies.map((O) => O.id === E.id ? v : O)
       };
-      return t.set(f.id, M), E.id !== v.id && (e.delete(E.id), e.set(v.id, M.id)), {
-        oldValue: f,
+      return t.set(h.id, M), E.id !== v.id && (e.delete(E.id), e.set(v.id, M.id)), {
+        oldValue: h,
         newValue: M,
         bodiesUpdated: [{ oldBody: E, newBody: v }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${w.annotation}`);
-  }, B = (w, v, f = k.LOCAL) => {
+  }, B = (w, v, h = k.LOCAL) => {
     const E = L(w, v);
-    E && s(f, { updated: [E] });
+    E && s(h, { updated: [E] });
   }, T = (w, v = k.LOCAL) => {
-    const f = w.map((E) => L({ id: E.id, annotation: E.annotation }, E)).filter(Boolean);
-    s(v, { updated: f });
+    const h = w.map((E) => L({ id: E.id, annotation: E.annotation }, E)).filter(Boolean);
+    s(v, { updated: h });
   }, R = (w) => {
     const v = t.get(w.annotation);
     if (v) {
-      const f = {
+      const h = {
         ...v,
         target: {
           ...v.target,
           ...w
         }
       };
-      return t.set(v.id, f), {
+      return t.set(v.id, h), {
         oldValue: v,
-        newValue: f,
+        newValue: h,
         targetUpdated: {
           oldTarget: v.target,
           newTarget: w
@@ -1060,10 +1060,10 @@ const In = (t, e) => {
     bulkUpdateAnnotation: d,
     bulkUpdateBodies: T,
     bulkUpdateTargets: (w, v = k.LOCAL) => {
-      const f = w.map((E) => R(E)).filter(Boolean);
-      f.length > 0 && s(v, { updated: f });
+      const h = w.map((E) => R(E)).filter(Boolean);
+      h.length > 0 && s(v, { updated: h });
     },
-    clear: h,
+    clear: f,
     deleteAnnotation: b,
     deleteBody: c,
     getAnnotation: C,
@@ -1073,8 +1073,8 @@ const In = (t, e) => {
     updateAnnotation: l,
     updateBody: B,
     updateTarget: (w, v = k.LOCAL) => {
-      const f = R(w);
-      f && s(v, { updated: [f] });
+      const h = R(w);
+      h && s(v, { updated: [h] });
     }
   };
 };
@@ -1109,7 +1109,7 @@ const Vn = 250, Yn = (t, e) => {
     s = !1;
   };
   t.observe(r, { origin: k.LOCAL });
-  const l = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p), d = (p) => p && p.length > 0 && t.bulkAddAnnotation(p, !1), g = (p) => p && p.length > 0 && t.bulkUpdateAnnotation(p.map(({ oldValue: b }) => b)), u = (p) => p && p.length > 0 && t.bulkUpdateAnnotation(p.map(({ newValue: b }) => b)), h = (p) => p && p.length > 0 && t.bulkAddAnnotation(p, !1), A = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p);
+  const l = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p), d = (p) => p && p.length > 0 && t.bulkAddAnnotation(p, !1), g = (p) => p && p.length > 0 && t.bulkUpdateAnnotation(p.map(({ oldValue: b }) => b)), u = (p) => p && p.length > 0 && t.bulkUpdateAnnotation(p.map(({ newValue: b }) => b)), f = (p) => p && p.length > 0 && t.bulkAddAnnotation(p, !1), A = (p) => p && p.length > 0 && t.bulkDeleteAnnotation(p);
   return {
     canRedo: () => o.length - 1 > i,
     canUndo: () => i > -1,
@@ -1127,7 +1127,7 @@ const Vn = 250, Yn = (t, e) => {
       if (i > -1) {
         s = !0;
         const { created: p, updated: b, deleted: x } = o[i];
-        l(p), g(b), h(x), n.emit("undo", o[i]), i -= 1;
+        l(p), g(b), f(x), n.emit("undo", o[i]), i -= 1;
       }
     }
   };
@@ -1142,7 +1142,7 @@ const Vn = 250, Yn = (t, e) => {
   let d = [], g;
   const u = (b, x) => {
     l.has(b) ? l.get(b).push(x) : l.set(b, [x]);
-  }, h = (b, x) => {
+  }, f = (b, x) => {
     const m = l.get(b);
     if (m) {
       const c = m.indexOf(x);
@@ -1204,7 +1204,7 @@ const Vn = 250, Yn = (t, e) => {
     const { updated: m } = x;
     b ? (m || []).forEach((c) => A("updateAnnotation", c.oldValue, c.newValue)) : (m || []).forEach((c) => A("updateAnnotation", c.newValue, c.oldValue));
   };
-  return e.on("undo", p(!0)), e.on("redo", p(!1)), { on: u, off: h, emit: A };
+  return e.on("undo", p(!0)), e.on("redo", p(!1)), { on: u, off: f, emit: A };
 }, Xn = (t) => (e) => e.reduce((n, o) => {
   const { parsed: i, error: s } = t.parse(o);
   return s ? {
@@ -1230,7 +1230,7 @@ const Vn = 250, Yn = (t, e) => {
     var m;
     const c = (((m = i.selected) == null ? void 0 : m.map((y) => y.id)) || []).map((y) => o.getAnnotation(y)).filter(Boolean);
     return n ? c.map(n.serialize) : c;
-  }, u = (m, c = !0) => fetch(m).then((y) => y.json()).then((y) => (A(y, c), y)), h = (m) => {
+  }, u = (m, c = !0) => fetch(m).then((y) => y.json()).then((y) => (A(y, c), y)), f = (m) => {
     if (typeof m == "string") {
       const c = o.getAnnotation(m);
       if (o.deleteAnnotation(m), c)
@@ -1271,7 +1271,7 @@ const Vn = 250, Yn = (t, e) => {
     getSelected: g,
     loadAnnotations: u,
     redo: e.redo,
-    removeAnnotation: h,
+    removeAnnotation: f,
     setAnnotations: A,
     setSelected: p,
     setUserSelectAction: b,
@@ -1349,19 +1349,19 @@ const No = (t, e) => ({
     styleClass: "styleClass" in a[0] ? a[0].styleClass : void 0
   };
   for (const l of a) {
-    const g = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((u, h) => {
-      switch (h.type) {
+    const g = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((u, f) => {
+      switch (f.type) {
         case "TextQuoteSelector":
-          u.quote = h.exact;
+          u.quote = f.exact;
           break;
         case "TextPositionSelector":
-          u.start = h.start, u.end = h.end;
+          u.start = f.start, u.end = f.end;
           break;
       }
       return u;
     }, {});
     if (Zn(g))
-      r.selector.push(
+      "outdated" in l && l.outdated, r.selector.push(
         {
           ...g,
           id: l.id,
@@ -1401,8 +1401,8 @@ const No = (t, e) => ({
     created: l,
     updated: d,
     ...g
-  } = i, u = a.map((h) => {
-    const { id: A, quote: p, start: b, end: x, range: m } = h, { prefix: c, suffix: y } = Ue(m, n), C = [{
+  } = i, u = a.map((f) => {
+    const { id: A, quote: p, start: b, end: x, range: m } = f, { prefix: c, suffix: y } = Ue(m, n), C = [{
       type: "TextQuoteSelector",
       exact: p,
       prefix: c,
@@ -1415,8 +1415,10 @@ const No = (t, e) => ({
     return {
       ...g,
       id: A,
+      // @ts-expect-error: `outdated` is not part of the core `TextSelector` type
+      outdated: "outdated" in f ? f.outdated : void 0,
       // @ts-expect-error: `scope` is not part of the core `TextSelector` type
-      scope: "scope" in h ? h.scope : void 0,
+      scope: "scope" in f ? f.scope : void 0,
       source: e,
       selector: C
     };
@@ -1436,7 +1438,7 @@ const No = (t, e) => ({
 function ve(t, e, n = 0, o = t.length - 1, i = oo) {
   for (; o > n; ) {
     if (o - n > 600) {
-      const l = o - n + 1, d = e - n + 1, g = Math.log(l), u = 0.5 * Math.exp(2 * g / 3), h = 0.5 * Math.sqrt(g * u * (l - u) / l) * (d - l / 2 < 0 ? -1 : 1), A = Math.max(n, Math.floor(e - d * u / l + h)), p = Math.min(o, Math.floor(e + (l - d) * u / l + h));
+      const l = o - n + 1, d = e - n + 1, g = Math.log(l), u = 0.5 * Math.exp(2 * g / 3), f = 0.5 * Math.sqrt(g * u * (l - u) / l) * (d - l / 2 < 0 ? -1 : 1), A = Math.max(n, Math.floor(e - d * u / l + f)), p = Math.min(o, Math.floor(e + (l - d) * u / l + f));
       ve(t, e, A, p, i);
     }
     const s = t[e];
@@ -1566,9 +1568,9 @@ class io {
     for (let g = n; g <= o; g += d) {
       const u = Math.min(g + d - 1, o);
       re(e, g, u, l, this.compareMinY);
-      for (let h = g; h <= u; h += l) {
-        const A = Math.min(h + l - 1, u);
-        r.children.push(this._build(e, h, A, i - 1));
+      for (let f = g; f <= u; f += l) {
+        const A = Math.min(f + l - 1, u);
+        r.children.push(this._build(e, f, A, i - 1));
       }
     }
     return Z(r, this.toBBox), r;
@@ -1752,7 +1754,7 @@ const fo = (t, e) => {
     });
     const B = L.flatMap(({ rects: T }) => T);
     n.load(B);
-  }, h = (y, C, S = !1) => {
+  }, f = (y, C, S = !1) => {
     const L = n.search({
       minX: y,
       minY: C,
@@ -1777,7 +1779,7 @@ const fo = (t, e) => {
   return {
     all: a,
     clear: r,
-    getAt: h,
+    getAt: f,
     getAnnotationBounds: A,
     getAnnotationRects: p,
     getIntersecting: (y, C, S, L) => {
@@ -1816,7 +1818,7 @@ const fo = (t, e) => {
     const C = c.map((S) => vt(S, t));
     n.bulkUpdateTargets(C, y);
   };
-  function h(c, y, C, S) {
+  function f(c, y, C, S) {
     const L = C || !!S, B = o.getAt(c, y, L).map((R) => n.getAnnotation(R)), T = S ? B.filter(S) : B;
     if (T.length !== 0)
       return C ? T : T[0];
@@ -1835,7 +1837,7 @@ const fo = (t, e) => {
       getAnnotationBounds: A,
       getAnnotationRects: b,
       getIntersecting: p,
-      getAt: h,
+      getAt: f,
       recalculatePositions: x,
       onRecalculatePositions: m,
       updateTarget: g
@@ -1852,7 +1854,7 @@ const fo = (t, e) => {
 }, go = (t, e = {}) => {
   const n = po(), o = n.getContext("2d");
   document.body.appendChild(n);
-  const i = /* @__PURE__ */ new Map(), s = (g) => Array.from(i.entries()).filter(([u, h]) => h.presenceKey === g.presenceKey).map(([u, h]) => u);
+  const i = /* @__PURE__ */ new Map(), s = (g) => Array.from(i.entries()).filter(([u, f]) => f.presenceKey === g.presenceKey).map(([u, f]) => u);
   return t.on("selectionChange", (g, u) => {
     s(g).forEach((A) => i.delete(A)), u && u.forEach((A) => i.set(A, g));
   }), {
@@ -1863,7 +1865,7 @@ const fo = (t, e) => {
     destroy: () => {
       n.remove();
     },
-    paint: (g, u, h) => {
+    paint: (g, u, f) => {
       e.font && (o.font = e.font);
       const A = i.get(g.annotation.id);
       if (A) {
@@ -1872,7 +1874,7 @@ const fo = (t, e) => {
         const m = o.measureText(A.appearance.label), c = m.width + 6, y = m.actualBoundingBoxAscent + m.actualBoundingBoxDescent + 8, C = m.fontBoundingBoxAscent ? 8 : 6.5;
         return o.fillRect(b - 2, x - 2.5 - y, c, y), o.fillStyle = "#fff", o.fillText(A.appearance.label, b + 1, x - C), {
           fill: A.appearance.color,
-          fillOpacity: h ? 0.45 : 0.18
+          fillOpacity: f ? 0.45 : 0.18
         };
       }
     },
@@ -2094,11 +2096,11 @@ const At = (t) => {
     const r = a.split(i), l = r.length, d = r[l - 1], g = d === "*" ? "*" : ft(d);
     if (!N[g]) return;
     n || (n = ut());
-    const u = l > 1 ? Ee(H, r) : [], h = [];
+    const u = l > 1 ? Ee(H, r) : [], f = [];
     N[g] = N[g].filter((A) => {
       const b = (o ? A.method === o : !0) && A.scope === n && mo(A.mods, u);
-      return b && h.push(A.element), !b;
-    }), h.forEach((A) => jt(A));
+      return b && f.push(A.element), !b;
+    }), f.forEach((A) => jt(A));
   });
 };
 function ae(t, e, n, o) {
@@ -2139,16 +2141,16 @@ function ce(t, e) {
       const l = s[r], {
         splitKey: d
       } = l, g = l.key.split(d), u = [];
-      for (let h = 0; h < g.length; h++)
-        u.push(ft(g[h]));
+      for (let f = 0; f < g.length; f++)
+        u.push(ft(g[f]));
       u.sort().join("") === I.sort().join("") && ae(t, l, i, e);
     }
 }
 function X(t, e, n) {
   I = [];
   const o = Se(t);
-  let i = [], s = "all", a = document, r = 0, l = !1, d = !0, g = "+", u = !1, h = !1;
-  for (n === void 0 && typeof e == "function" && (n = e), Object.prototype.toString.call(e) === "[object Object]" && (e.scope && (s = e.scope), e.element && (a = e.element), e.keyup && (l = e.keyup), e.keydown !== void 0 && (d = e.keydown), e.capture !== void 0 && (u = e.capture), typeof e.splitKey == "string" && (g = e.splitKey), e.single === !0 && (h = !0)), typeof e == "string" && (s = e), h && Te(t, s); r < o.length; r++)
+  let i = [], s = "all", a = document, r = 0, l = !1, d = !0, g = "+", u = !1, f = !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 && (d = e.keydown), e.capture !== void 0 && (u = e.capture), typeof e.splitKey == "string" && (g = e.splitKey), e.single === !0 && (f = !0)), typeof e == "string" && (s = e), f && Te(t, s); r < o.length; r++)
     t = o[r].split(g), i = [], t.length > 1 && (i = Ee(H, t)), t = t[t.length - 1], t = t === "*" ? "*" : ft(t), t in N || (N[t] = []), N[t].push({
       keyup: l,
       keydown: d,
@@ -2258,111 +2260,111 @@ const le = 300, Oe = ["up", "down", "left", "right"], Be = ke ? "⌘+a" : "ctrl+
 ], Bo = (t, e, n) => {
   const { store: o, selection: i } = e;
   let s;
-  const { annotatingEnabled: a, offsetReferenceSelector: r, selectionMode: l } = n, d = (f) => s = f;
+  const { annotatingEnabled: a, offsetReferenceSelector: r, selectionMode: l } = n, d = (h) => s = h;
   let g;
-  const u = (f) => g = f;
-  let h, A, p, b = a;
-  const x = (f) => {
-    b = f, c.clear(), f || (h = void 0, A = void 0, p = void 0);
-  }, m = (f) => {
-    b && A !== !1 && (h = st(f.target) ? void 0 : {
+  const u = (h) => g = h;
+  let f, A, p, b = a;
+  const x = (h) => {
+    b = h, c.clear(), h || (f = void 0, A = void 0, p = void 0);
+  }, m = (h) => {
+    b && A !== !1 && (f = st(h.target) ? void 0 : {
       annotation: be(),
       selector: [],
       creator: s,
       created: /* @__PURE__ */ new Date()
     });
-  }, c = Xt((f) => {
+  }, c = Xt((h) => {
     if (!b) return;
     const E = document.getSelection();
     if (!(E != null && E.anchorNode))
       return;
     if (st(E.anchorNode)) {
-      h = void 0;
+      f = void 0;
       return;
     }
-    const M = f.timeStamp - ((p == null ? void 0 : p.timeStamp) || f.timeStamp);
-    if ((p == null ? void 0 : p.type) === "pointerdown" && (M < 1e3 && !h || E.isCollapsed && M < le) && m(p || f), !h) return;
+    const M = h.timeStamp - ((p == null ? void 0 : p.timeStamp) || h.timeStamp);
+    if ((p == null ? void 0 : p.type) === "pointerdown" && (M < 1e3 && !f || E.isCollapsed && M < le) && m(p || h), !f) return;
     if (E.isCollapsed) {
-      o.getAnnotation(h.annotation) && (i.clear(), o.deleteAnnotation(h.annotation));
+      o.getAnnotation(f.annotation) && (i.clear(), o.deleteAnnotation(f.annotation));
       return;
     }
     const O = E.getRangeAt(0), U = He(O, t);
     if (Ve(U)) return;
     const _ = _e(U.cloneRange());
-    (_.length !== h.selector.length || _.some((W, G) => {
+    (_.length !== f.selector.length || _.some((W, G) => {
       var St;
-      return W.toString() !== ((St = h.selector[G]) == null ? void 0 : St.quote);
-    })) && (h = {
-      ...h,
+      return W.toString() !== ((St = f.selector[G]) == null ? void 0 : St.quote);
+    })) && (f = {
+      ...f,
       selector: _.map((W) => Xe(W, t, r)),
       updated: /* @__PURE__ */ new Date()
-    }, o.getAnnotation(h.annotation) ? o.updateTarget(h, k.LOCAL) : i.clear());
-  }, 10), y = (f) => {
-    st(f.target) || (p = Lt(f), A = p.button === 0);
-  }, C = async (f) => {
-    if (st(f.target) || !A) return;
+    }, o.getAnnotation(f.annotation) ? o.updateTarget(f, k.LOCAL) : i.clear());
+  }, 10), y = (h) => {
+    st(h.target) || (p = Lt(h), A = p.button === 0);
+  }, C = async (h) => {
+    if (st(h.target) || !A) return;
     const E = () => {
-      const { x: O, y: U } = t.getBoundingClientRect(), _ = f.target instanceof Node && t.contains(f.target) && o.getAt(f.clientX - O, f.clientY - U, l === "all", g);
+      const { x: O, y: U } = t.getBoundingClientRect(), _ = h.target instanceof Node && t.contains(h.target) && o.getAt(h.clientX - O, h.clientY - U, l === "all", g);
       if (_) {
         const { selected: ht } = i, W = new Set(ht.map((nt) => nt.id)), G = Array.isArray(_) ? _.map((nt) => nt.id) : [_.id];
-        (W.size !== G.length || !G.every((nt) => W.has(nt))) && i.userSelect(G, f);
+        (W.size !== G.length || !G.every((nt) => W.has(nt))) && i.userSelect(G, h);
       } else
         i.clear();
     };
-    if (f.timeStamp - p.timeStamp < le) {
+    if (h.timeStamp - p.timeStamp < le) {
       await S();
       const O = document.getSelection();
       if (O != null && O.isCollapsed) {
-        h = void 0, E();
+        f = void 0, E();
         return;
       }
     }
-    h && h.selector.length > 0 && (w(), i.userSelect(h.annotation, Lt(f)));
+    f && f.selector.length > 0 && (w(), i.userSelect(f.annotation, Lt(h)));
   }, S = async () => {
-    const f = document.getSelection();
-    let E = !1, M = f == null ? void 0 : f.isCollapsed;
+    const h = document.getSelection();
+    let E = !1, M = h == null ? void 0 : h.isCollapsed;
     const O = () => M || E, U = 1;
-    return setTimeout(() => E = !0, 50), To(() => M = f == null ? void 0 : f.isCollapsed, U, O);
-  }, L = (f) => {
+    return setTimeout(() => E = !0, 50), To(() => M = h == null ? void 0 : h.isCollapsed, U, O);
+  }, L = (h) => {
     const E = document.getSelection();
-    E != null && E.isCollapsed || ((!h || h.selector.length === 0) && c(f), w(), i.userSelect(h.annotation, Lt(f)));
-  }, B = (f) => {
-    b && f.key === "Shift" && h && (document.getSelection().isCollapsed || (w(), i.userSelect(h.annotation, pt(f))));
-  }, T = (f) => {
+    E != null && E.isCollapsed || ((!f || f.selector.length === 0) && c(h), w(), i.userSelect(f.annotation, Lt(h)));
+  }, B = (h) => {
+    b && h.key === "Shift" && f && (document.getSelection().isCollapsed || (w(), i.userSelect(f.annotation, pt(h))));
+  }, T = (h) => {
     const E = () => setTimeout(() => {
-      (h == null ? void 0 : h.selector.length) > 0 && (i.clear(), o.addAnnotation({
-        id: h.annotation,
+      (f == null ? void 0 : f.selector.length) > 0 && (i.clear(), o.addAnnotation({
+        id: f.annotation,
         bodies: [],
-        target: h
-      }), i.userSelect(h.annotation, pt(f))), document.removeEventListener("selectionchange", E);
+        target: f
+      }), i.userSelect(f.annotation, pt(h))), document.removeEventListener("selectionchange", E);
     }, 100);
-    document.addEventListener("selectionchange", E), m(f);
+    document.addEventListener("selectionchange", E), m(h);
   };
-  X(Oo.join(","), { element: t, keydown: !0, keyup: !1 }, (f) => {
-    f.repeat || (p = pt(f));
-  }), X(Be, { keydown: !0, keyup: !1 }, (f) => {
-    p = pt(f), T(f);
+  X(Oo.join(","), { element: t, keydown: !0, keyup: !1 }, (h) => {
+    h.repeat || (p = pt(h));
+  }), X(Be, { keydown: !0, keyup: !1 }, (h) => {
+    p = pt(h), T(h);
   });
-  const R = (f) => {
-    f.repeat || f.target !== t && f.target !== document.body || (h = void 0, i.clear());
+  const R = (h) => {
+    h.repeat || h.target !== t && h.target !== document.body || (f = void 0, i.clear());
   };
   X(Oe.join(","), { keydown: !0, keyup: !1 }, R);
   const w = () => {
-    const f = o.getAnnotation(h.annotation);
-    if (!f) {
+    const h = o.getAnnotation(f.annotation);
+    if (!h) {
       o.addAnnotation({
-        id: h.annotation,
+        id: f.annotation,
         bodies: [],
-        target: h
+        target: f
       });
       return;
     }
-    const { target: { updated: E } } = f, { updated: M } = h;
-    (!E || !M || E < M) && o.updateTarget(h);
+    const { target: { updated: E } } = h, { updated: M } = f;
+    (!E || !M || E < M) && o.updateTarget(f);
   };
   return document.addEventListener("pointerdown", y), document.addEventListener("pointerup", C), document.addEventListener("contextmenu", L), t.addEventListener("keyup", B), t.addEventListener("selectstart", m), document.addEventListener("selectionchange", c), {
     destroy: () => {
-      h = void 0, A = void 0, p = void 0, c.clear(), document.removeEventListener("pointerdown", y), document.removeEventListener("pointerup", C), document.removeEventListener("contextmenu", L), t.removeEventListener("keyup", B), t.removeEventListener("selectstart", m), document.removeEventListener("selectionchange", c), X.unbind();
+      f = void 0, A = void 0, p = void 0, c.clear(), document.removeEventListener("pointerdown", y), document.removeEventListener("pointerup", C), document.removeEventListener("contextmenu", L), t.removeEventListener("keyup", B), t.removeEventListener("selectstart", m), document.removeEventListener("selectionchange", c), X.unbind();
     },
     setFilter: u,
     setUser: d,
@@ -2383,16 +2385,16 @@ const le = 300, Oe = ["up", "down", "left", "right"], Be = ke ? "⌘+a" : "ctrl+
   if (!u)
     throw `Unknown renderer implementation: ${g}`;
   console.debug(`Using ${g} renderer`), n.style && u.setStyle(n.style);
-  const h = Bo(t, o, n);
-  h.setUser(d), h.setAnnotatingEnabled(n.annotatingEnabled);
+  const f = Bo(t, o, n);
+  f.setUser(d), f.setAnnotatingEnabled(n.annotatingEnabled);
   const A = $n(o, r, n.adapter), p = () => d, b = (S) => {
-    h.setAnnotatingEnabled(
+    f.setAnnotatingEnabled(
       S === void 0 ? !0 : S
     );
   }, x = (S) => {
-    u.setFilter(S), h.setFilter(S);
+    u.setFilter(S), f.setFilter(S);
   }, m = (S) => {
-    d = S, h.setUser(S);
+    d = S, f.setUser(S);
   }, c = (S) => {
     S && (u.setPainter(go(S, n.presence)), S.on("selectionChange", () => u.redraw()));
   }, y = (S) => {
@@ -2401,7 +2403,7 @@ const le = 300, Oe = ["up", "down", "left", "right"], Be = ke ? "⌘+a" : "ctrl+
   return {
     ...A,
     destroy: () => {
-      u.destroy(), h.destroy(), r.destroy();
+      u.destroy(), f.destroy(), r.destroy();
     },
     element: t,
     getUser: p,