@recogito/text-annotator 3.0.0-rc.5 → 3.0.0-rc.6

package/dist/text-annotator.es.js

@@ -33,25 +33,25 @@ const mt = (e, t = 10) => {
   const u = pt(n);
   e.classList.add("r6o-annotatable");
   const b = j("r6o-highlight-layer bg"), h = j("r6o-highlight-layer fg", !0), E = b.getContext("2d"), m = h.getContext("2d");
-  e.insertBefore(b, e.firstChild), e.appendChild(h), e.addEventListener("pointermove", (y) => {
-    const { x: T, y: L } = e.getBoundingClientRect(), f = o.getAt(y.clientX - T, y.clientY - L);
+  e.insertBefore(b, e.firstChild), e.appendChild(h), e.addEventListener("pointermove", (v) => {
+    const { x: T, y: M } = e.getBoundingClientRect(), f = o.getAt(v.clientX - T, v.clientY - M);
     f && (!r || r(f)) ? s.current !== f.id && (e.classList.add("hovered"), s.set(f.id)) : s.current && (e.classList.remove("hovered"), s.set(null));
   });
-  const v = () => {
-    const { top: y, left: T } = e.getBoundingClientRect(), { innerWidth: L, innerHeight: f } = window, x = -T, A = -y, B = L - T, S = f - y;
-    return { top: y, left: T, minX: x, minY: A, maxX: B, maxY: S };
-  }, C = () => c();
-  document.addEventListener("scroll", C, { capture: !0, passive: !0 });
-  const w = mt(() => {
+  const w = () => {
+    const { top: v, left: T } = e.getBoundingClientRect(), { innerWidth: M, innerHeight: f } = window, x = -T, A = -v, B = M - T, S = f - v;
+    return { top: v, left: T, minX: x, minY: A, maxX: B, maxY: S };
+  }, L = () => c();
+  document.addEventListener("scroll", L, { capture: !0, passive: !0 });
+  const y = mt(() => {
     Z(b), Z(h, !0), o.recalculatePositions(), c();
   });
-  window.addEventListener("resize", w), new ResizeObserver(w).observe(e);
+  window.addEventListener("resize", y), new ResizeObserver(y).observe(e);
   const c = () => requestAnimationFrame(() => {
-    const { top: y, left: T, minX: L, minY: f, maxX: x, maxY: A } = v(), B = r ? o.getIntersectingRects(L, f, x, A).filter(({ annotation: U }) => r(U)) : o.getIntersectingRects(L, f, x, A), { width: S, height: R } = h, X = new Set(i.selected.map(({ id: U }) => U));
+    const { top: v, left: T, minX: M, minY: f, maxX: x, maxY: A } = w(), B = r ? o.getIntersectingRects(M, f, x, A).filter(({ annotation: U }) => r(U)) : o.getIntersectingRects(M, f, x, A), { width: S, height: R } = h, X = new Set(i.selected.map(({ id: U }) => U));
     m.clearRect(-0.5, -0.5, S + 1, R + 1), E.clearRect(-0.5, -0.5, S + 1, R + 1), B.forEach(({ annotation: U, rects: at }) => {
       const rt = at.map(({ x: ct, y: dt, width: ut, height: ht }) => ({
         x: ct + T,
-        y: dt + y,
+        y: dt + v,
         width: ut,
         height: ht
       })), lt = X.has(U.id);
@@ -60,13 +60,13 @@ const mt = (e, t = 10) => {
   });
   return o.observe(() => c()), i.subscribe(() => c()), {
     redraw: c,
-    setDrawingStyle: (y) => {
-      a = y, c();
+    setDrawingStyle: (v) => {
+      a = v, c();
     },
-    setFilter: (y) => {
-      r = y, c();
+    setFilter: (v) => {
+      r = v, c();
     },
-    setPainter: (y) => d = y
+    setPainter: (v) => d = v
   };
 }, k = (e, t) => {
   const { start: n, end: o } = e.selector, i = e.selector.offsetReference ? e.selector.offsetReference : t;
@@ -177,7 +177,7 @@ const xt = (e) => {
     subscribe: t,
     set: n
   };
-}, q = { selected: [] }, vt = (e, t = "EDIT") => {
+}, q = { selected: [] }, wt = (e, t = "EDIT") => {
   const { subscribe: n, set: o } = J(q);
   let i = q;
   n((h) => i = h);
@@ -192,13 +192,13 @@ const xt = (e) => {
   }, d = (h, E) => {
     const m = e.getAnnotation(h);
     if (m) {
-      const v = wt(m, t);
-      o(v === "EDIT" ? { selected: [{ id: h, editable: !0 }], pointerEvent: E } : v === "SELECT" ? { selected: [{ id: h }], pointerEvent: E } : { selected: [], pointerEvent: E });
+      const w = yt(m, t);
+      o(w === "EDIT" ? { selected: [{ id: h, editable: !0 }], pointerEvent: E } : w === "SELECT" ? { selected: [{ id: h }], pointerEvent: E } : { selected: [], pointerEvent: E });
     } else
       console.warn("Invalid selection: " + h);
   }, u = (h, E = !0) => {
-    const m = Array.isArray(h) ? h : [h], v = m.map((C) => e.getAnnotation(C)).filter((C) => C);
-    o({ selected: v.map(({ id: C }) => ({ id: C, editable: E })) }), v.length !== m.length && console.warn("Invalid selection", h);
+    const m = Array.isArray(h) ? h : [h], w = m.map((L) => e.getAnnotation(L)).filter((L) => L);
+    o({ selected: w.map(({ id: L }) => ({ id: L, editable: E })) }), w.length !== m.length && console.warn("Invalid selection", h);
   }, b = (h) => {
     if (i.selected.length === 0)
       return !1;
@@ -219,9 +219,9 @@ const xt = (e) => {
     setSelected: u,
     subscribe: n
   };
-}, wt = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", yt = [];
+}, yt = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", vt = [];
 for (let e = 0; e < 256; ++e)
-  yt.push((e + 256).toString(16).slice(1));
+  vt.push((e + 256).toString(16).slice(1));
 typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 const Et = (e, t) => {
   const n = new Set(e.bodies.map((o) => o.id));
@@ -243,8 +243,8 @@ const Et = (e, t) => {
     targetUpdated: St(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
-var M = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(M || {});
-const Ct = (e, t) => {
+var C = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(C || {});
+const Lt = (e, t) => {
   var n, o;
   const { changes: i, origin: s } = t;
   if (!(!e.options.origin || e.options.origin === s))
@@ -266,7 +266,7 @@ const Ct = (e, t) => {
     return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((r) => a.has(r));
   } else
     return !0;
-}, Lt = (e, t) => {
+}, Mt = (e, t) => {
   const n = new Set((e.created || []).map((h) => h.id)), o = new Set((e.updated || []).map(({ newValue: h }) => h.id)), i = new Set((t.created || []).map((h) => h.id)), s = new Set((t.deleted || []).map((h) => h.id)), a = new Set((t.updated || []).map(({ oldValue: h }) => h.id)), r = new Set((t.updated || []).filter(({ oldValue: h }) => n.has(h.id) || o.has(h.id)).map(({ oldValue: h }) => h.id)), d = [
     ...(e.created || []).filter((h) => !s.has(h.id)).map((h) => a.has(h.id) ? t.updated.find(({ oldValue: E }) => E.id === h.id).newValue : h),
     ...t.created || []
@@ -277,15 +277,15 @@ const Ct = (e, t) => {
     ...(e.updated || []).filter(({ newValue: h }) => !s.has(h.id)).map((h) => {
       const { oldValue: E, newValue: m } = h;
       if (a.has(m.id)) {
-        const v = t.updated.find((C) => C.oldValue.id === m.id).newValue;
-        return ot(E, v);
+        const w = t.updated.find((L) => L.oldValue.id === m.id).newValue;
+        return ot(E, w);
       } else
         return h;
     }),
     ...(t.updated || []).filter(({ oldValue: h }) => !r.has(h.id))
   ];
   return { created: d, deleted: u, updated: b };
-}, Mt = (e) => e.id !== void 0, Rt = () => {
+}, Ct = (e) => e.id !== void 0, Rt = () => {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (f, x = {}) => n.push({ onChange: f, options: x }), i = (f) => {
     const x = n.findIndex((A) => A.onChange == f);
     x > -1 && n.splice(x, 1);
@@ -300,9 +300,9 @@ const Ct = (e, t) => {
       state: [...e.values()]
     };
     n.forEach((B) => {
-      Ct(B, A) && B.onChange(A);
+      Lt(B, A) && B.onChange(A);
     });
-  }, a = (f, x = M.LOCAL) => {
+  }, a = (f, x = C.LOCAL) => {
     if (e.get(f.id))
       throw Error(`Cannot add annotation ${f.id} - exists already`);
     e.set(f.id, f), f.bodies.forEach((A) => t.set(A.id, f.id)), s(x, { created: [f] });
@@ -313,16 +313,16 @@ const Ct = (e, t) => {
       return B === A.id ? e.set(B, A) : (e.delete(B), e.set(A.id, A)), S.bodies.forEach((X) => t.delete(X.id)), A.bodies.forEach((X) => t.set(X.id, A.id)), R;
     } else
       console.warn(`Cannot update annotation ${B} - does not exist`);
-  }, d = (f, x = M.LOCAL, A = M.LOCAL) => {
-    const B = Mt(x) ? A : x, S = r(f, x);
+  }, d = (f, x = C.LOCAL, A = C.LOCAL) => {
+    const B = Ct(x) ? A : x, S = r(f, x);
     S && s(B, { updated: [S] });
-  }, u = (f, x = M.LOCAL) => {
+  }, u = (f, x = C.LOCAL) => {
     const A = f.reduce((B, S) => {
       const R = r(S);
       return R ? [...B, R] : B;
     }, []);
     A.length > 0 && s(x, { updated: A });
-  }, b = (f, x = M.LOCAL) => {
+  }, b = (f, x = C.LOCAL) => {
     const A = e.get(f.annotation);
     if (A) {
       const B = {
@@ -336,10 +336,10 @@ const Ct = (e, t) => {
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${f.annotation}`);
-  }, h = () => [...e.values()], E = (f = M.LOCAL) => {
+  }, h = () => [...e.values()], E = (f = C.LOCAL) => {
     const x = [...e.values()];
     e.clear(), t.clear(), s(f, { deleted: x });
-  }, m = (f, x = !0, A = M.LOCAL) => {
+  }, m = (f, x = !0, A = C.LOCAL) => {
     if (x) {
       const B = [...e.values()];
       e.clear(), t.clear(), f.forEach((S) => {
@@ -356,21 +356,21 @@ const Ct = (e, t) => {
         e.set(S.id, S), S.bodies.forEach((R) => t.set(R.id, S.id));
       }), s(A, { created: f });
     }
-  }, v = (f) => {
+  }, w = (f) => {
     const x = typeof f == "string" ? f : f.id, A = e.get(x);
     if (A)
       return e.delete(x), A.bodies.forEach((B) => t.delete(B.id)), A;
     console.warn(`Attempt to delete missing annotation: ${x}`);
-  }, C = (f, x = M.LOCAL) => {
-    const A = v(f);
+  }, L = (f, x = C.LOCAL) => {
+    const A = w(f);
     A && s(x, { deleted: [A] });
-  }, w = (f, x = M.LOCAL) => {
+  }, y = (f, x = C.LOCAL) => {
     const A = f.reduce((B, S) => {
-      const R = v(S);
+      const R = w(S);
       return R ? [...B, R] : B;
     }, []);
     A.length > 0 && s(x, { deleted: A });
-  }, l = (f, x = M.LOCAL) => {
+  }, l = (f, x = C.LOCAL) => {
     const A = e.get(f.annotation);
     if (A) {
       const B = A.bodies.find((S) => S.id === f.id);
@@ -417,13 +417,13 @@ const Ct = (e, t) => {
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${f.annotation}`);
-  }, y = (f, x, A = M.LOCAL) => {
+  }, v = (f, x, A = C.LOCAL) => {
     const B = p(f, x);
     s(A, { updated: [B] });
-  }, T = (f, x = M.LOCAL) => {
+  }, T = (f, x = C.LOCAL) => {
     const A = f.map((B) => p({ id: B.id, annotation: B.annotation }, B));
     s(x, { updated: A });
-  }, L = (f) => {
+  }, M = (f) => {
     const x = e.get(f.annotation);
     if (x) {
       const A = {
@@ -449,24 +449,24 @@ const Ct = (e, t) => {
     addBody: b,
     all: h,
     bulkAddAnnotation: m,
-    bulkDeleteAnnotation: w,
+    bulkDeleteAnnotation: y,
     bulkUpdateAnnotation: u,
     bulkUpdateBodies: T,
-    bulkUpdateTargets: (f, x = M.LOCAL) => {
-      const A = f.map(L).filter((B) => B);
+    bulkUpdateTargets: (f, x = C.LOCAL) => {
+      const A = f.map(M).filter((B) => B);
       A.length > 0 && s(x, { updated: A });
     },
     clear: E,
-    deleteAnnotation: C,
+    deleteAnnotation: L,
     deleteBody: l,
     getAnnotation: c,
     getBody: g,
     observe: o,
     unobserve: i,
     updateAnnotation: d,
-    updateBody: y,
-    updateTarget: (f, x = M.LOCAL) => {
-      const A = L(f);
+    updateBody: v,
+    updateTarget: (f, x = C.LOCAL) => {
+      const A = M(f);
       A && s(x, { updated: [A] });
     }
   };
@@ -491,36 +491,36 @@ const Xt = 250, Ut = (e) => {
   let o = -1, i = !1, s = 0;
   const a = (m) => {
     if (!i) {
-      const { changes: v } = m, C = performance.now();
-      if (C - s > Xt)
-        n.splice(o + 1), n.push(v), o = n.length - 1;
+      const { changes: w } = m, L = performance.now();
+      if (L - s > Xt)
+        n.splice(o + 1), n.push(w), o = n.length - 1;
       else {
-        const w = n.length - 1;
-        n[w] = Lt(n[w], v);
+        const y = n.length - 1;
+        n[y] = Mt(n[y], w);
       }
-      s = C;
+      s = L;
     }
     i = !1;
   };
-  e.observe(a, { origin: M.LOCAL });
-  const r = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkDeleteAnnotation(m), d = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkAddAnnotation(m, !1), u = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkUpdateAnnotation(m.map(({ oldValue: v }) => v)), b = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkUpdateAnnotation(m.map(({ newValue: v }) => v)), h = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkAddAnnotation(m, !1), E = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkDeleteAnnotation(m);
+  e.observe(a, { origin: C.LOCAL });
+  const r = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkDeleteAnnotation(m), d = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkAddAnnotation(m, !1), u = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkUpdateAnnotation(m.map(({ oldValue: w }) => w)), b = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkUpdateAnnotation(m.map(({ newValue: w }) => w)), h = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkAddAnnotation(m, !1), E = (m) => (m == null ? void 0 : m.length) > 0 && e.bulkDeleteAnnotation(m);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
     destroy: () => e.unobserve(a),
-    on: (m, v) => t.on(m, v),
+    on: (m, w) => t.on(m, w),
     redo: () => {
       if (n.length - 1 > o) {
         i = !0;
-        const { created: m, updated: v, deleted: C } = n[o + 1];
-        d(m), b(v), E(C), t.emit("redo", n[o + 1]), o += 1;
+        const { created: m, updated: w, deleted: L } = n[o + 1];
+        d(m), b(w), E(L), t.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         i = !0;
-        const { created: m, updated: v, deleted: C } = n[o];
-        r(m), u(v), h(C), t.emit("undo", n[o]), o -= 1;
+        const { created: m, updated: w, deleted: L } = n[o];
+        r(m), u(w), h(L), t.emit("undo", n[o]), o -= 1;
       }
     }
   };
@@ -538,22 +538,22 @@ const Xt = 250, Ut = (e) => {
   }, m = (l, c) => {
     const g = d.get(l);
     g && g.indexOf(c) > 0 && g.splice(g.indexOf(c), 1);
-  }, v = (l, c, g) => {
+  }, w = (l, c, g) => {
     d.has(l) && setTimeout(() => {
       d.get(l).forEach((p) => {
         if (n) {
-          const y = Array.isArray(c) ? c.map((L) => n.serialize(L)) : n.serialize(c), T = g ? g instanceof PointerEvent ? g : n.serialize(g) : void 0;
-          p(y, T);
+          const v = Array.isArray(c) ? c.map((M) => n.serialize(M)) : n.serialize(c), T = g ? g instanceof PointerEvent ? g : n.serialize(g) : void 0;
+          p(v, T);
         } else
           p(c, g);
       });
     }, 1);
-  }, C = () => {
+  }, L = () => {
     const { selected: l } = s, c = l.map(({ id: g }) => i.getAnnotation(g));
     c.forEach((g) => {
-      const p = u.find((y) => y.id === g.id);
-      (!p || !Y(p, g)) && v("updateAnnotation", g, p);
-    }), u = u.map((g) => c.find(({ id: y }) => y === g.id) || g);
+      const p = u.find((v) => v.id === g.id);
+      (!p || !Y(p, g)) && w("updateAnnotation", g, p);
+    }), u = u.map((g) => c.find(({ id: v }) => v === g.id) || g);
   };
   s.subscribe(({ selected: l }) => {
     if (!(u.length === 0 && l.length === 0)) {
@@ -562,13 +562,13 @@ const Xt = 250, Ut = (e) => {
       else if (u.length > 0 && l.length === 0)
         u.forEach((c) => {
           const g = i.getAnnotation(c.id);
-          g && !Y(g, c) && v("updateAnnotation", g, c);
+          g && !Y(g, c) && w("updateAnnotation", g, c);
         }), u = [];
       else {
         const c = new Set(u.map((p) => p.id)), g = new Set(l.map(({ id: p }) => p));
         u.filter((p) => !g.has(p.id)).forEach((p) => {
-          const y = i.getAnnotation(p.id);
-          y && !Y(y, p) && v("updateAnnotation", y, p);
+          const v = i.getAnnotation(p.id);
+          v && !Y(v, p) && w("updateAnnotation", v, p);
         }), u = [
           // Remove annotations that were deselected
           ...u.filter((p) => g.has(p.id)),
@@ -576,32 +576,32 @@ const Xt = 250, Ut = (e) => {
           ...l.filter(({ id: p }) => !c.has(p)).map(({ id: p }) => i.getAnnotation(p))
         ];
       }
-      v("selectionChanged", u);
+      w("selectionChanged", u);
     }
   }), a.subscribe((l) => {
-    !b && l ? v("mouseEnterAnnotation", i.getAnnotation(l)) : b && !l ? v("mouseLeaveAnnotation", i.getAnnotation(b)) : b && l && (v("mouseLeaveAnnotation", i.getAnnotation(b)), v("mouseEnterAnnotation", i.getAnnotation(l))), b = l;
-  }), r == null || r.subscribe((l) => v("viewportIntersect", l.map(i.getAnnotation))), i.observe((l) => {
-    o && (h && clearTimeout(h), h = setTimeout(C, 1e3));
+    !b && l ? w("mouseEnterAnnotation", i.getAnnotation(l)) : b && !l ? w("mouseLeaveAnnotation", i.getAnnotation(b)) : b && l && (w("mouseLeaveAnnotation", i.getAnnotation(b)), w("mouseEnterAnnotation", i.getAnnotation(l))), b = l;
+  }), r == null || r.subscribe((l) => w("viewportIntersect", l.map(i.getAnnotation))), i.observe((l) => {
+    o && (h && clearTimeout(h), h = setTimeout(L, 1e3));
     const { created: c, deleted: g } = l.changes;
-    c.forEach((p) => v("createAnnotation", p)), g.forEach((p) => v("deleteAnnotation", p)), l.changes.updated.filter((p) => [
+    c.forEach((p) => w("createAnnotation", p)), g.forEach((p) => w("deleteAnnotation", p)), l.changes.updated.filter((p) => [
       ...p.bodiesCreated || [],
       ...p.bodiesDeleted || [],
       ...p.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: p, newValue: y }) => {
-      const T = u.find((L) => L.id === p.id) || p;
-      u = u.map((L) => L.id === p.id ? y : L), v("updateAnnotation", y, T);
+    ].length > 0).forEach(({ oldValue: p, newValue: v }) => {
+      const T = u.find((M) => M.id === p.id) || p;
+      u = u.map((M) => M.id === p.id ? v : M), w("updateAnnotation", v, T);
     });
-  }, { origin: M.LOCAL }), i.observe((l) => {
+  }, { origin: C.LOCAL }), i.observe((l) => {
     if (u) {
       const c = new Set(u.map((p) => p.id)), g = l.changes.updated.filter(({ newValue: p }) => c.has(p.id)).map(({ newValue: p }) => p);
       g.length > 0 && (u = u.map((p) => g.find((T) => T.id === p.id) || p));
     }
-  }, { origin: M.REMOTE });
-  const w = (l) => (c) => {
-    const { created: g, deleted: p, updated: y } = c;
-    g.forEach((T) => v("createAnnotation", T)), p.forEach((T) => v("deleteAnnotation", T)), l ? y.forEach((T) => v("updateAnnotation", T.oldValue, T.newValue)) : y.forEach((T) => v("updateAnnotation", T.newValue, T.oldValue));
+  }, { origin: C.REMOTE });
+  const y = (l) => (c) => {
+    const { created: g, deleted: p, updated: v } = c;
+    g.forEach((T) => w("createAnnotation", T)), p.forEach((T) => w("deleteAnnotation", T)), l ? v.forEach((T) => w("updateAnnotation", T.oldValue, T.newValue)) : v.forEach((T) => w("updateAnnotation", T.newValue, T.oldValue));
   };
-  return t.on("undo", w(!0)), t.on("redo", w(!1)), { on: E, off: m, emit: v };
+  return t.on("undo", y(!0)), t.on("redo", y(!1)), { on: E, off: m, emit: w };
 }, It = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
@@ -612,42 +612,42 @@ const Xt = 250, Ut = (e) => {
     failed: n.failed
   };
 }, { parsed: [], failed: [] }), Vt = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (w) => {
+  const { store: o, selection: i } = e, s = (y) => {
     if (n) {
-      const { parsed: l, error: c } = n.parse(w);
-      l ? o.addAnnotation(l, M.REMOTE) : console.error(c);
+      const { parsed: l, error: c } = n.parse(y);
+      l ? o.addAnnotation(l, C.REMOTE) : console.error(c);
     } else
-      o.addAnnotation(w, M.REMOTE);
-  }, a = () => i.clear(), r = () => o.clear(), d = (w) => {
-    const l = o.getAnnotation(w);
+      o.addAnnotation(y, C.REMOTE);
+  }, a = () => i.clear(), r = () => o.clear(), d = (y) => {
+    const l = o.getAnnotation(y);
     return n && l ? n.serialize(l) : l;
   }, u = () => n ? o.all().map(n.serialize) : o.all(), b = () => {
-    var w;
-    const l = (((w = i.selected) == null ? void 0 : w.map((c) => c.id)) || []).map((c) => o.getAnnotation(c));
+    var y;
+    const l = (((y = i.selected) == null ? void 0 : y.map((c) => c.id)) || []).map((c) => o.getAnnotation(c));
     return n ? l.map(n.serialize) : l;
-  }, h = (w) => fetch(w).then((l) => l.json()).then((l) => (m(l), l)), E = (w) => {
-    if (typeof w == "string") {
-      const l = o.getAnnotation(w);
-      return o.deleteAnnotation(w), n ? n.serialize(l) : l;
+  }, h = (y) => fetch(y).then((l) => l.json()).then((l) => (m(l), l)), E = (y) => {
+    if (typeof y == "string") {
+      const l = o.getAnnotation(y);
+      return o.deleteAnnotation(y), n ? n.serialize(l) : l;
     } else {
-      const l = n ? n.parse(w).parsed : w;
-      return o.deleteAnnotation(l), w;
+      const l = n ? n.parse(y).parsed : y;
+      return o.deleteAnnotation(l), y;
     }
-  }, m = (w) => {
+  }, m = (y) => {
     if (n) {
-      const { parsed: l, failed: c } = It(n)(w);
-      c.length > 0 && console.warn(`Discarded ${c.length} invalid annotations`, c), o.bulkAddAnnotation(l, !0, M.REMOTE);
+      const { parsed: l, failed: c } = It(n)(y);
+      c.length > 0 && console.warn(`Discarded ${c.length} invalid annotations`, c), o.bulkAddAnnotation(l, !0, C.REMOTE);
     } else
-      o.bulkAddAnnotation(w, !0, M.REMOTE);
-  }, v = (w) => {
-    w ? i.setSelected(w) : i.clear();
-  }, C = (w) => {
+      o.bulkAddAnnotation(y, !0, C.REMOTE);
+  }, w = (y) => {
+    y ? i.setSelected(y) : i.clear();
+  }, L = (y) => {
     if (n) {
-      const l = n.parse(w).parsed, c = n.serialize(o.getAnnotation(l.id));
+      const l = n.parse(y).parsed, c = n.serialize(o.getAnnotation(l.id));
       return o.updateAnnotation(l), c;
     } else {
-      const l = o.getAnnotation(w.id);
-      return o.updateAnnotation(w), l;
+      const l = o.getAnnotation(y.id);
+      return o.updateAnnotation(y), l;
     }
   };
   return {
@@ -663,9 +663,9 @@ const Xt = 250, Ut = (e) => {
     redo: t.redo,
     removeAnnotation: E,
     setAnnotations: m,
-    setSelected: v,
+    setSelected: w,
     undo: t.undo,
-    updateAnnotation: C
+    updateAnnotation: L
   };
 };
 let _t = (e) => crypto.getRandomValues(new Uint8Array(e)), kt = (e, t, n) => {
@@ -691,14 +691,14 @@ function it(e, t, n, o, i) {
       var s = o - n + 1, a = t - n + 1, r = Math.log(s), d = 0.5 * Math.exp(2 * r / 3), u = 0.5 * Math.sqrt(r * d * (s - d) / s) * (a - s / 2 < 0 ? -1 : 1), b = Math.max(n, Math.floor(t - a * d / s + u)), h = Math.min(o, Math.floor(t + (s - a) * d / s + u));
       it(e, t, b, h, i);
     }
-    var E = e[t], m = n, v = o;
-    for (_(e, n, t), i(e[o], E) > 0 && _(e, n, o); m < v; ) {
-      for (_(e, m, v), m++, v--; i(e[m], E) < 0; )
+    var E = e[t], m = n, w = o;
+    for (_(e, n, t), i(e[o], E) > 0 && _(e, n, o); m < w; ) {
+      for (_(e, m, w), m++, w--; i(e[m], E) < 0; )
         m++;
-      for (; i(e[v], E) > 0; )
-        v--;
+      for (; i(e[w], E) > 0; )
+        w--;
     }
-    i(e[n], E) === 0 ? _(e, n, v) : (v++, _(e, v, o)), v <= t && (n = v + 1), t <= v && (o = v - 1);
+    i(e[n], E) === 0 ? _(e, n, w) : (w++, _(e, w, o)), w <= t && (n = w + 1), t <= w && (o = w - 1);
   }
 }
 function _(e, t, n) {
@@ -724,7 +724,7 @@ class $t {
     for (; n; ) {
       for (let a = 0; a < n.children.length; a++) {
         const r = n.children[a], d = n.leaf ? i(r) : r;
-        H(t, d) && (n.leaf ? o.push(r) : G(t, d) ? this._all(r, o) : s.push(r));
+        H(t, d) && (n.leaf ? o.push(r) : K(t, d) ? this._all(r, o) : s.push(r));
       }
       n = s.pop();
     }
@@ -739,7 +739,7 @@ class $t {
       for (let i = 0; i < n.children.length; i++) {
         const s = n.children[i], a = n.leaf ? this.toBBox(s) : s;
         if (H(t, a)) {
-          if (n.leaf || G(t, a))
+          if (n.leaf || K(t, a))
             return !0;
           o.push(s);
         }
@@ -788,7 +788,7 @@ class $t {
         if (b !== -1)
           return o.children.splice(b, 1), s.push(o), this._condense(s), this;
       }
-      !u && !o.leaf && G(o, i) ? (s.push(o), a.push(r), r = 0, d = o, o = o.children[0]) : d ? (r++, o = d.children[r], u = !1) : o = null;
+      !u && !o.leaf && K(o, i) ? (s.push(o), a.push(r), r = 0, d = o, o = o.children[0]) : d ? (r++, o = d.children[r], u = !1) : o = null;
     }
     return this;
   }
@@ -835,7 +835,7 @@ class $t {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
       let s = 1 / 0, a = 1 / 0, r;
       for (let d = 0; d < n.children.length; d++) {
-        const u = n.children[d], b = K(u), h = Gt(t, u) - b;
+        const u = n.children[d], b = G(u), h = Kt(t, u) - b;
         h < a ? (a = h, s = b < s ? b : s, r = u) : h === a && b < s && (s = b, r = u);
       }
       n = r || n.children[0];
@@ -861,14 +861,14 @@ class $t {
   _chooseSplitIndex(t, n, o) {
     let i, s = 1 / 0, a = 1 / 0;
     for (let r = n; r <= o - n; r++) {
-      const d = N(t, 0, r, this.toBBox), u = N(t, r, o, this.toBBox), b = Jt(d, u), h = K(d) + K(u);
+      const d = N(t, 0, r, this.toBBox), u = N(t, r, o, this.toBBox), b = Jt(d, u), h = G(d) + G(u);
       b < s ? (s = b, i = r, a = h < a ? h : a) : b === s && h < a && (a = h, i = r);
     }
     return i || o - n;
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(t, n, o) {
-    const i = t.leaf ? this.compareMinX : qt, s = t.leaf ? this.compareMinY : Kt, a = this._allDistMargin(t, n, o, i), r = this._allDistMargin(t, n, o, s);
+    const i = t.leaf ? this.compareMinX : qt, s = t.leaf ? this.compareMinY : Gt, a = this._allDistMargin(t, n, o, i), r = this._allDistMargin(t, n, o, s);
     a < r && t.children.sort(i);
   }
   // total margin of all possible split distributions where each node is at least m full
@@ -920,23 +920,23 @@ function P(e, t) {
 function qt(e, t) {
   return e.minX - t.minX;
 }
-function Kt(e, t) {
+function Gt(e, t) {
   return e.minY - t.minY;
 }
-function K(e) {
+function G(e) {
   return (e.maxX - e.minX) * (e.maxY - e.minY);
 }
 function z(e) {
   return e.maxX - e.minX + (e.maxY - e.minY);
 }
-function Gt(e, t) {
+function Kt(e, t) {
   return (Math.max(t.maxX, e.maxX) - Math.min(t.minX, e.minX)) * (Math.max(t.maxY, e.maxY) - Math.min(t.minY, e.minY));
 }
 function Jt(e, t) {
   const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), s = Math.min(e.maxY, t.maxY);
   return Math.max(0, i - n) * Math.max(0, s - o);
 }
-function G(e, t) {
+function K(e, t) {
   return e.minX <= t.minX && e.minY <= t.minY && t.maxX <= e.maxX && t.maxY <= e.maxY;
 }
 function H(e, t) {
@@ -1025,9 +1025,9 @@ const jt = (e, t) => {
   return e;
 }, ee = (e, t) => {
   const n = new $t(), o = /* @__PURE__ */ new Map(), i = (l) => {
-    const c = t.getBoundingClientRect(), p = l.selector.range instanceof Range && !l.selector.range.collapsed && l.selector.range.startContainer.nodeType === Node.TEXT_NODE && l.selector.range.endContainer.nodeType === Node.TEXT_NODE ? l : k(l, t), y = Array.from(p.selector.range.getClientRects()), T = Qt(y);
-    return T.map((L) => {
-      const { x: f, y: x, width: A, height: B } = L;
+    const c = t.getBoundingClientRect(), p = l.selector.range instanceof Range && !l.selector.range.collapsed && l.selector.range.startContainer.nodeType === Node.TEXT_NODE && l.selector.range.endContainer.nodeType === Node.TEXT_NODE ? l : k(l, t), v = Array.from(p.selector.range.getClientRects()), T = Qt(v);
+    return T.map((M) => {
+      const { x: f, y: x, width: A, height: B } = M;
       return {
         minX: f - c.x,
         minY: x - c.y,
@@ -1050,9 +1050,9 @@ const jt = (e, t) => {
     d(l), r(l);
   }, b = (l, c = !0) => {
     c && a();
-    const g = l.map((y) => ({ target: y, rects: i(y) }));
-    g.forEach(({ target: y, rects: T }) => o.set(y.annotation, T));
-    const p = g.reduce((y, { rects: T }) => [...y, ...T], []);
+    const g = l.map((v) => ({ target: v, rects: i(v) }));
+    g.forEach(({ target: v, rects: T }) => o.set(v.annotation, T));
+    const p = g.reduce((v, { rects: T }) => [...v, ...T], []);
     n.load(p);
   }, h = (l, c) => {
     const g = n.search({
@@ -1060,19 +1060,19 @@ const jt = (e, t) => {
       minY: c,
       maxX: l,
       maxY: c
-    }), p = (y) => y.annotation.rects.reduce((T, L) => T + L.width * L.height, 0);
+    }), p = (v) => v.annotation.rects.reduce((T, M) => T + M.width * M.height, 0);
     if (g.length > 0)
-      return g.sort((y, T) => p(y) - p(T)), g[0].annotation.id;
+      return g.sort((v, T) => p(v) - p(T)), g[0].annotation.id;
   }, E = (l) => {
     const c = m(l);
     if (c.length === 0)
       return;
-    let g = c[0].left, p = c[0].top, y = c[0].right, T = c[0].bottom;
-    for (let L = 1; L < c.length; L++) {
-      const f = c[L];
-      g = Math.min(g, f.left), p = Math.min(p, f.top), y = Math.max(y, f.right), T = Math.max(T, f.bottom);
+    let g = c[0].left, p = c[0].top, v = c[0].right, T = c[0].bottom;
+    for (let M = 1; M < c.length; M++) {
+      const f = c[M];
+      g = Math.min(g, f.left), p = Math.min(p, f.top), v = Math.max(v, f.right), T = Math.max(T, f.bottom);
     }
-    return new DOMRect(g, p, y - g, T - p);
+    return new DOMRect(g, p, v - g, T - p);
   }, m = (l) => {
     const c = o.get(l);
     return c ? c[0].annotation.rects : [];
@@ -1095,47 +1095,47 @@ const jt = (e, t) => {
   const { range: t } = e.target.selector;
   return t instanceof Range && !t.collapsed;
 }, ne = (e, t) => {
-  const n = Rt(), o = ee(n, e), i = vt(n, t), s = xt(n), a = Yt(), r = (w, l = M.LOCAL) => {
-    const c = w.target.selector.range instanceof Range ? w : { ...w, target: k(w.target, e) }, { range: g } = c.target.selector, p = g && !g.collapsed;
+  const n = Rt(), o = ee(n, e), i = wt(n, t), s = xt(n), a = Yt(), r = (y, l = C.LOCAL) => {
+    const c = y.target.selector.range instanceof Range ? y : { ...y, target: k(y.target, e) }, { range: g } = c.target.selector, p = g && !g.collapsed;
     return p && n.addAnnotation(c, l), p;
-  }, d = (w, l = !0, c = M.LOCAL) => {
-    const g = w.map((y) => F(y) ? y : { ...y, target: k(y.target, e) });
-    if (g.some((y) => y.target.selector.range.collapsed)) {
-      const y = g.filter((T) => T.target.selector.range.collapsed);
-      return console.warn("Could not revive all targets"), console.warn(y), n.bulkAddAnnotation(g, l, c), y;
+  }, d = (y, l = !0, c = C.LOCAL) => {
+    const g = y.map((v) => F(v) ? v : { ...v, target: k(v.target, e) });
+    if (g.some((v) => v.target.selector.range.collapsed)) {
+      const v = g.filter((T) => T.target.selector.range.collapsed);
+      return console.warn("Could not revive all targets"), console.warn(v), n.bulkAddAnnotation(g, l, c), v;
     } else
       return n.bulkAddAnnotation(g, l, c), [];
-  }, u = (w, l = M.LOCAL) => {
-    const c = w.selector.range instanceof Range ? w : k(w, e);
+  }, u = (y, l = C.LOCAL) => {
+    const c = y.selector.range instanceof Range ? y : k(y, e);
     n.updateTarget(c, l);
-  }, b = (w, l = M.LOCAL) => {
-    const c = w.map((g) => g.selector.range instanceof Range ? g : k(g, e));
+  }, b = (y, l = C.LOCAL) => {
+    const c = y.map((g) => g.selector.range instanceof Range ? g : k(g, e));
     n.bulkUpdateTargets(c, l);
-  }, h = (w, l) => {
-    const c = o.getAt(w, l);
+  }, h = (y, l) => {
+    const c = o.getAt(y, l);
     return c ? n.getAnnotation(c) : void 0;
-  }, E = (w, l, c, g) => {
-    const p = o.getIntersectingRects(w, l, c, g);
+  }, E = (y, l, c, g) => {
+    const p = o.getIntersectingRects(y, l, c, g);
     return Array.from(new Set(p.map((T) => T.annotation.id))).map((T) => n.getAnnotation(T)).filter((T) => T);
-  }, m = (w, l, c, g = 5) => {
-    const p = o.getDOMRectsForAnnotation(w);
+  }, m = (y, l, c, g = 5) => {
+    const p = o.getDOMRectsForAnnotation(y);
     if (p.length > 0) {
       if (l && c) {
-        const y = p.find(({ top: T, right: L, bottom: f, left: x }) => l >= x - g && l <= L + g && c >= T - g && c <= f + g);
-        if (y)
-          return y;
+        const v = p.find(({ top: T, right: M, bottom: f, left: x }) => l >= x - g && l <= M + g && c >= T - g && c <= f + g);
+        if (v)
+          return v;
       }
-      return o.getBoundsForAnnotation(w);
+      return o.getBoundsForAnnotation(y);
     }
-  }, v = (w, l, c, g) => {
-    const y = o.getIntersectingRects(w, l, c, g).reduce((T, L) => ((T[L.annotation.id] = T[L.annotation.id] || []).push(L), T), {});
-    return Object.entries(y).map(([T, L]) => ({
+  }, w = (y, l, c, g) => {
+    const v = o.getIntersectingRects(y, l, c, g).reduce((T, M) => ((T[M.annotation.id] = T[M.annotation.id] || []).push(M), T), {});
+    return Object.entries(v).map(([T, M]) => ({
       annotation: n.getAnnotation(T),
-      rects: L.map(({ minX: f, minY: x, maxX: A, maxY: B }) => ({ x: f, y: x, width: A - f, height: B - x }))
+      rects: M.map(({ minX: f, minY: x, maxX: A, maxY: B }) => ({ x: f, y: x, width: A - f, height: B - x }))
     }));
-  }, C = () => o.recalculate();
-  return n.observe(({ changes: w }) => {
-    const l = (w.created || []).filter(F), c = (w.deleted || []).filter(F), g = (w.updated || []).filter((p) => F(p.newValue));
+  }, L = () => o.recalculate();
+  return n.observe(({ changes: y }) => {
+    const l = (y.created || []).filter(F), c = (y.deleted || []).filter(F), g = (y.updated || []).filter((p) => F(p.newValue));
     l.length > 0 && o.set(l.map((p) => p.target), !1), (c == null ? void 0 : c.length) > 0 && c.forEach((p) => o.remove(p.target)), (g == null ? void 0 : g.length) > 0 && g.forEach(({ newValue: p }) => o.update(p.target));
   }), {
     store: {
@@ -1146,8 +1146,8 @@ const jt = (e, t) => {
       getAnnotationBounds: m,
       getAt: h,
       getIntersecting: E,
-      getIntersectingRects: v,
-      recalculatePositions: C,
+      getIntersectingRects: w,
+      recalculatePositions: L,
       updateTarget: u
     },
     selection: i,
@@ -1162,10 +1162,10 @@ const jt = (e, t) => {
     t.font && (d.font = t.font);
     const h = n.get(s.id);
     if (h) {
-      const { x: E, y: m, height: v } = a[0];
-      d.fillStyle = h.appearance.color, d.fillRect(E - 2, m - 2.5, 2, v + 5);
-      const C = d.measureText(h.appearance.label), w = C.width + 6, l = C.actualBoundingBoxAscent + C.actualBoundingBoxDescent + 8, c = C.fontBoundingBoxAscent ? 8 : 6.5;
-      d.fillRect(E - 2, m - 2.5 - l, w, l), d.fillStyle = "#fff", d.fillText(h.appearance.label, E + 1, m - c), r.fillStyle = h.appearance.color, r.globalAlpha = u ? 0.45 : 0.18, a.forEach(({ x: g, y: p, width: y, height: T }) => r.fillRect(g, p - 2.5, y, T + 5));
+      const { x: E, y: m, height: w } = a[0];
+      d.fillStyle = h.appearance.color, d.fillRect(E - 2, m - 2.5, 2, w + 5);
+      const L = d.measureText(h.appearance.label), y = L.width + 6, l = L.actualBoundingBoxAscent + L.actualBoundingBoxDescent + 8, c = L.fontBoundingBoxAscent ? 8 : 6.5;
+      d.fillRect(E - 2, m - 2.5 - l, y, l), d.fillStyle = "#fff", d.fillText(h.appearance.label, E + 1, m - c), r.fillStyle = h.appearance.color, r.globalAlpha = u ? 0.45 : 0.18, a.forEach(({ x: g, y: p, width: v, height: T }) => r.fillRect(g, p - 2.5, v, T + 5));
     } else
       nt.paint(s, a, r, d, u, b);
   } };
@@ -1175,8 +1175,8 @@ const jt = (e, t) => {
     const i = t.getAnnotation(n.id), { range: s } = i.target.selector;
     if (!s || s.collapsed)
       return !1;
-    const a = o.getBoundingClientRect(), r = o.clientHeight, d = o.clientWidth, u = i.target.selector.range.getBoundingClientRect(), { width: b, height: h } = t.getAnnotationBounds(n.id), E = u.top - a.top, m = u.left - a.left, v = o.parentElement ? o.scrollTop : 0, C = o.parentElement ? o.scrollLeft : 0, w = E + v - (r - h) / 2, l = m + C - (d - b) / 2;
-    return o.scroll({ top: w, left: l, behavior: "smooth" }), !0;
+    const a = o.getBoundingClientRect(), r = o.clientHeight, d = o.clientWidth, u = i.target.selector.range.getBoundingClientRect(), { width: b, height: h } = t.getAnnotationBounds(n.id), E = u.top - a.top, m = u.left - a.left, w = o.parentElement ? o.scrollTop : 0, L = o.parentElement ? o.scrollLeft : 0, y = E + w - (r - h) / 2, l = m + L - (d - b) / 2;
+    return o.scroll({ top: y, left: l, behavior: "smooth" }), !0;
   }
 };
 let $;
@@ -1233,14 +1233,14 @@ const de = (e, t, n) => {
     b && clearTimeout(b), b = setTimeout(() => h(), 50);
   });
   const h = () => {
-    var m, v;
+    var m, w;
     const E = document.getSelection();
     if (!E.isCollapsed && d && a) {
-      const C = Array.from(Array(E.rangeCount).keys()).map((c) => E.getRangeAt(c));
-      te(C[0]).toString() !== ((v = (m = a.selector) == null ? void 0 : m.range) == null ? void 0 : v.toString()) && (a = {
+      const L = Array.from(Array(E.rangeCount).keys()).map((c) => E.getRangeAt(c));
+      te(L[0]).toString() !== ((w = (m = a.selector) == null ? void 0 : m.range) == null ? void 0 : w.toString()) && (a = {
         ...a,
-        selector: de(C[0], e, n)
-      }, o.getAnnotation(a.annotation) ? o.updateTarget(a, M.LOCAL) : (o.addAnnotation({
+        selector: de(L[0], e, n)
+      }, o.getAnnotation(a.annotation) ? o.updateTarget(a, C.LOCAL) : (o.addAnnotation({
         id: a.annotation,
         bodies: [],
         target: a
@@ -1250,12 +1250,12 @@ const de = (e, t, n) => {
   return e.addEventListener("pointerdown", (E) => {
     u = E, d = E.button === 0;
   }), document.addEventListener("pointerup", (E) => {
-    var v;
-    u = E, !((v = E.target.parentElement) != null && v.closest(".not-annotatable") || !d) && setTimeout(() => {
+    var w;
+    u = E, !((w = E.target.parentElement) != null && w.closest(".not-annotatable") || !d) && setTimeout(() => {
       if (a != null && a.selector)
-        o.updateTarget(a, M.LOCAL), i.clickSelect(a.annotation, E), a = null, u = void 0;
+        o.updateTarget(a, C.LOCAL), i.clickSelect(a.annotation, E), a = null, u = void 0;
       else {
-        const { x: C, y: w } = e.getBoundingClientRect(), l = o.getAt(E.clientX - C, E.clientY - w);
+        const { x: L, y } = e.getBoundingClientRect(), l = o.getAt(E.clientX - L, E.clientY - y);
         if (l) {
           const { selected: c } = i;
           (c.length !== 1 || c[0].id !== l.id) && (i.clickSelect(l.id, E), u = void 0);
@@ -1302,7 +1302,7 @@ const he = (e, t = {}) => {
   };
 };
 export {
-  M as Origin,
+  C as Origin,
   bt as createHighlightLayer,
   he as createTextAnnotator,
   ne as createTextAnnotatorState,