@recogito/text-annotator 3.0.0-rc.7 → 3.0.0-rc.8

package/dist/src/utils/getContext.d.ts

@@ -0,0 +1,4 @@
+export declare const getContext: (range: Range, container: HTMLElement, length?: number, offsetReferenceSelector?: string) => {
+    prefix: string;
+    suffix: string;
+};

package/dist/text-annotator.css

@@ -1 +1 @@
-html,body{overscroll-behavior-y:none}.r6o-annotatable,.r6o-annotatable *{position:relative}.r6o-annotatable.hovered{cursor:pointer}.r6o-highlight-layer{height:100vh;left:0;position:fixed;top:0;pointer-events:none;width:100vw}*::selection,::selection{background:rgba(0,128,255,.18)}::-moz-selection{background:rgba(0,128,255,.18)}
+html,body{overscroll-behavior-y:none}.r6o-annotatable,.r6o-annotatable *{position:relative}.r6o-annotatable.hovered{cursor:pointer}.r6o-highlight-layer{height:100vh;left:0;position:fixed;top:0;pointer-events:none;width:100vw}*::selection,::selection{background:#0080ff2e}::-moz-selection{background:#0080ff2e}

package/dist/text-annotator.es.js

@@ -9,8 +9,7 @@ const ft = { fill: "rgb(0, 128, 255", fillOpacity: 0.18 }, gt = { fill: "rgb(0,
     const i = o.map((s) => s.id);
     (t.size !== i.length || i.some((s) => !t.has(s))) && e.set(i), t = new Set(i);
   };
-};
-const mt = (e, t = 10) => {
+}, mt = (e, t = 10) => {
   let n;
   return (...o) => {
     clearTimeout(n), n = setTimeout(() => e.apply(void 0, o), t);
@@ -38,8 +37,8 @@ const mt = (e, t = 10) => {
     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 x = () => {
-    const { top: E, left: T } = e.getBoundingClientRect(), { innerWidth: L, innerHeight: f } = window, w = -T, A = -E, B = L - T, S = f - E;
-    return { top: E, left: T, minX: w, minY: A, maxX: B, maxY: S };
+    const { top: E, left: T } = e.getBoundingClientRect(), { innerWidth: L, innerHeight: f } = window, A = -T, w = -E, B = L - T, S = f - E;
+    return { top: E, left: T, minX: A, minY: w, maxX: B, maxY: S };
   }, M = () => c();
   document.addEventListener("scroll", M, { capture: !0, passive: !0 });
   const y = mt(() => {
@@ -47,7 +46,7 @@ const mt = (e, t = 10) => {
   });
   window.addEventListener("resize", y), new ResizeObserver(y).observe(e);
   const c = () => requestAnimationFrame(() => {
-    const { top: E, left: T, minX: L, minY: f, maxX: w, maxY: A } = x(), B = r ? o.getIntersectingRects(L, f, w, A).filter(({ annotation: Y }) => r(Y)) : o.getIntersectingRects(L, f, w, A), { width: S, height: R } = h, X = new Set(i.selected.map(({ id: Y }) => Y));
+    const { top: E, left: T, minX: L, minY: f, maxX: A, maxY: w } = x(), B = r ? o.getIntersectingRects(L, f, A, w).filter(({ annotation: Y }) => r(Y)) : o.getIntersectingRects(L, f, A, w), { width: S, height: R } = h, X = new Set(i.selected.map(({ id: Y }) => Y));
     m.clearRect(-0.5, -0.5, S + 1, R + 1), v.clearRect(-0.5, -0.5, S + 1, R + 1), B.forEach(({ annotation: Y, rects: at }) => {
       const rt = at.map(({ x: ct, y: dt, width: ut, height: ht }) => ({
         x: ct + T,
@@ -131,7 +130,7 @@ function U(e, t) {
 }
 function W() {
 }
-function At(e, t) {
+function wt(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
 const D = [];
@@ -139,7 +138,7 @@ function J(e, t = W) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(r) {
-    if (At(e, r) && (e = r, n)) {
+    if (wt(e, r) && (e = r, n)) {
       const d = !D.length;
       for (const u of o)
         u[1](), D.push(u, e);
@@ -161,7 +160,7 @@ function J(e, t = W) {
   }
   return { set: i, update: s, subscribe: a };
 }
-const wt = (e) => {
+const At = (e) => {
   const { subscribe: t, set: n } = J();
   let o;
   return t((i) => o = i), e.observe(({ changes: i }) => {
@@ -286,65 +285,65 @@ const Mt = (e, t) => {
   ];
   return { created: d, deleted: u, updated: b };
 }, Ct = (e) => e.id !== void 0, Rt = () => {
-  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (f, w = {}) => n.push({ onChange: f, options: w }), i = (f) => {
-    const w = n.findIndex((A) => A.onChange == f);
-    w > -1 && n.splice(w, 1);
-  }, s = (f, w) => {
-    const A = {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (f, A = {}) => n.push({ onChange: f, options: A }), i = (f) => {
+    const A = n.findIndex((w) => w.onChange == f);
+    A > -1 && n.splice(A, 1);
+  }, s = (f, A) => {
+    const w = {
       origin: f,
       changes: {
-        created: w.created || [],
-        updated: w.updated || [],
-        deleted: w.deleted || []
+        created: A.created || [],
+        updated: A.updated || [],
+        deleted: A.deleted || []
       },
       state: [...e.values()]
     };
     n.forEach((B) => {
-      Mt(B, A) && B.onChange(A);
+      Mt(B, w) && B.onChange(w);
     });
-  }, a = (f, w = C.LOCAL) => {
+  }, a = (f, A = 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(w, { created: [f] });
-  }, r = (f, w) => {
-    const A = typeof f == "string" ? w : f, B = typeof f == "string" ? f : f.id, S = e.get(B);
+    e.set(f.id, f), f.bodies.forEach((w) => t.set(w.id, f.id)), s(A, { created: [f] });
+  }, r = (f, A) => {
+    const w = typeof f == "string" ? A : f, B = typeof f == "string" ? f : f.id, S = e.get(B);
     if (S) {
-      const R = ot(S, A);
-      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;
+      const R = ot(S, w);
+      return B === w.id ? e.set(B, w) : (e.delete(B), e.set(w.id, w)), S.bodies.forEach((X) => t.delete(X.id)), w.bodies.forEach((X) => t.set(X.id, w.id)), R;
     } else
       console.warn(`Cannot update annotation ${B} - does not exist`);
-  }, d = (f, w = C.LOCAL, A = C.LOCAL) => {
-    const B = Ct(w) ? A : w, S = r(f, w);
+  }, d = (f, A = C.LOCAL, w = C.LOCAL) => {
+    const B = Ct(A) ? w : A, S = r(f, A);
     S && s(B, { updated: [S] });
-  }, u = (f, w = C.LOCAL) => {
-    const A = f.reduce((B, S) => {
+  }, u = (f, A = C.LOCAL) => {
+    const w = f.reduce((B, S) => {
       const R = r(S);
       return R ? [...B, R] : B;
     }, []);
-    A.length > 0 && s(w, { updated: A });
-  }, b = (f, w = C.LOCAL) => {
-    const A = e.get(f.annotation);
-    if (A) {
+    w.length > 0 && s(A, { updated: w });
+  }, b = (f, A = C.LOCAL) => {
+    const w = e.get(f.annotation);
+    if (w) {
       const B = {
-        ...A,
-        bodies: [...A.bodies, f]
+        ...w,
+        bodies: [...w.bodies, f]
       };
-      e.set(A.id, B), t.set(f.id, B.id), s(w, { updated: [{
-        oldValue: A,
+      e.set(w.id, B), t.set(f.id, B.id), s(A, { updated: [{
+        oldValue: w,
         newValue: B,
         bodiesCreated: [f]
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${f.annotation}`);
   }, h = () => [...e.values()], v = (f = C.LOCAL) => {
-    const w = [...e.values()];
-    e.clear(), t.clear(), s(f, { deleted: w });
-  }, m = (f, w = !0, A = C.LOCAL) => {
-    if (w) {
+    const A = [...e.values()];
+    e.clear(), t.clear(), s(f, { deleted: A });
+  }, m = (f, A = !0, w = C.LOCAL) => {
+    if (A) {
       const B = [...e.values()];
       e.clear(), t.clear(), f.forEach((S) => {
         e.set(S.id, S), S.bodies.forEach((R) => t.set(R.id, S.id));
-      }), s(A, { created: f, deleted: B });
+      }), s(w, { created: f, deleted: B });
     } else {
       const B = f.reduce((S, R) => {
         const X = e.get(R.id);
@@ -354,34 +353,34 @@ const Mt = (e, t) => {
         throw Error(`Bulk insert would overwrite the following annotations: ${B.map((S) => S.id).join(", ")}`);
       f.forEach((S) => {
         e.set(S.id, S), S.bodies.forEach((R) => t.set(R.id, S.id));
-      }), s(A, { created: f });
+      }), s(w, { created: f });
     }
   }, x = (f) => {
-    const w = typeof f == "string" ? f : f.id, A = e.get(w);
-    if (A)
-      return e.delete(w), A.bodies.forEach((B) => t.delete(B.id)), A;
-    console.warn(`Attempt to delete missing annotation: ${w}`);
-  }, M = (f, w = C.LOCAL) => {
-    const A = x(f);
-    A && s(w, { deleted: [A] });
-  }, y = (f, w = C.LOCAL) => {
-    const A = f.reduce((B, S) => {
+    const A = typeof f == "string" ? f : f.id, w = e.get(A);
+    if (w)
+      return e.delete(A), w.bodies.forEach((B) => t.delete(B.id)), w;
+    console.warn(`Attempt to delete missing annotation: ${A}`);
+  }, M = (f, A = C.LOCAL) => {
+    const w = x(f);
+    w && s(A, { deleted: [w] });
+  }, y = (f, A = C.LOCAL) => {
+    const w = f.reduce((B, S) => {
       const R = x(S);
       return R ? [...B, R] : B;
     }, []);
-    A.length > 0 && s(w, { deleted: A });
-  }, l = (f, w = C.LOCAL) => {
-    const A = e.get(f.annotation);
-    if (A) {
-      const B = A.bodies.find((S) => S.id === f.id);
+    w.length > 0 && s(A, { deleted: w });
+  }, l = (f, A = C.LOCAL) => {
+    const w = e.get(f.annotation);
+    if (w) {
+      const B = w.bodies.find((S) => S.id === f.id);
       if (B) {
         t.delete(B.id);
         const S = {
-          ...A,
-          bodies: A.bodies.filter((R) => R.id !== f.id)
+          ...w,
+          bodies: w.bodies.filter((R) => R.id !== f.id)
         };
-        e.set(A.id, S), s(w, { updated: [{
-          oldValue: A,
+        e.set(w.id, S), s(A, { updated: [{
+          oldValue: w,
           newValue: S,
           bodiesDeleted: [B]
         }] });
@@ -390,54 +389,54 @@ const Mt = (e, t) => {
     } else
       console.warn(`Attempt to delete body from missing annotation ${f.annotation}`);
   }, c = (f) => {
-    const w = e.get(f);
-    return w ? { ...w } : void 0;
+    const A = e.get(f);
+    return A ? { ...A } : void 0;
   }, g = (f) => {
-    const w = t.get(f);
-    if (w) {
-      const A = c(w).bodies.find((B) => B.id === f);
-      if (A)
-        return A;
+    const A = t.get(f);
+    if (A) {
+      const w = c(A).bodies.find((B) => B.id === f);
+      if (w)
+        return w;
       console.error(`Store integrity error: body ${f} in index, but not in annotation`);
     } else
       console.warn(`Attempt to retrieve missing body: ${f}`);
-  }, p = (f, w) => {
-    if (f.annotation !== w.annotation)
+  }, p = (f, A) => {
+    if (f.annotation !== A.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const A = e.get(f.annotation);
-    if (A) {
-      const B = A.bodies.find((R) => R.id === f.id), S = {
-        ...A,
-        bodies: A.bodies.map((R) => R.id === B.id ? w : R)
+    const w = e.get(f.annotation);
+    if (w) {
+      const B = w.bodies.find((R) => R.id === f.id), S = {
+        ...w,
+        bodies: w.bodies.map((R) => R.id === B.id ? A : R)
       };
-      return e.set(A.id, S), B.id !== w.id && (t.delete(B.id), t.set(w.id, S.id)), {
-        oldValue: A,
+      return e.set(w.id, S), B.id !== A.id && (t.delete(B.id), t.set(A.id, S.id)), {
+        oldValue: w,
         newValue: S,
-        bodiesUpdated: [{ oldBody: B, newBody: w }]
+        bodiesUpdated: [{ oldBody: B, newBody: A }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${f.annotation}`);
-  }, E = (f, w, A = C.LOCAL) => {
-    const B = p(f, w);
-    B && s(A, { updated: [B] });
-  }, T = (f, w = C.LOCAL) => {
-    const A = f.map((B) => p({ id: B.id, annotation: B.annotation }, B)).filter(Boolean);
-    s(w, { updated: A });
+  }, E = (f, A, w = C.LOCAL) => {
+    const B = p(f, A);
+    B && s(w, { updated: [B] });
+  }, T = (f, A = C.LOCAL) => {
+    const w = f.map((B) => p({ id: B.id, annotation: B.annotation }, B)).filter(Boolean);
+    s(A, { updated: w });
   }, L = (f) => {
-    const w = e.get(f.annotation);
-    if (w) {
-      const A = {
-        ...w,
+    const A = e.get(f.annotation);
+    if (A) {
+      const w = {
+        ...A,
         target: {
-          ...w.target,
+          ...A.target,
           ...f
         }
       };
-      return e.set(w.id, A), {
-        oldValue: w,
-        newValue: A,
+      return e.set(A.id, w), {
+        oldValue: A,
+        newValue: w,
         targetUpdated: {
-          oldTarget: w.target,
+          oldTarget: A.target,
           newTarget: f
         }
       };
@@ -452,9 +451,9 @@ const Mt = (e, t) => {
     bulkDeleteAnnotation: y,
     bulkUpdateAnnotation: u,
     bulkUpdateBodies: T,
-    bulkUpdateTargets: (f, w = C.LOCAL) => {
-      const A = f.map((B) => L(B)).filter(Boolean);
-      A.length > 0 && s(w, { updated: A });
+    bulkUpdateTargets: (f, A = C.LOCAL) => {
+      const w = f.map((B) => L(B)).filter(Boolean);
+      w.length > 0 && s(A, { updated: w });
     },
     clear: v,
     deleteAnnotation: M,
@@ -465,9 +464,9 @@ const Mt = (e, t) => {
     unobserve: i,
     updateAnnotation: d,
     updateBody: E,
-    updateTarget: (f, w = C.LOCAL) => {
-      const A = L(f);
-      A && s(w, { updated: [A] });
+    updateTarget: (f, A = C.LOCAL) => {
+      const w = L(f);
+      w && s(A, { updated: [w] });
     }
   };
 };
@@ -1030,12 +1029,12 @@ const jt = (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), E = Array.from(p.selector.range.getClientRects()), T = Qt(E);
     return T.map((L) => {
-      const { x: f, y: w, width: A, height: B } = L;
+      const { x: f, y: A, width: w, height: B } = L;
       return {
         minX: f - c.x,
-        minY: w - c.y,
-        maxX: f - c.x + A,
-        maxY: w - c.y + B,
+        minY: A - c.y,
+        maxX: f - c.x + w,
+        maxY: A - c.y + B,
         annotation: {
           id: l.annotation,
           rects: T
@@ -1098,7 +1097,7 @@ 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 = xt(n, t), s = wt(n), a = Ut(), r = (y, l = C.LOCAL) => {
+  const n = Rt(), o = ee(n, e), i = xt(n, t), s = At(n), a = Ut(), 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 = (y, l = !0, c = C.LOCAL) => {
@@ -1124,7 +1123,7 @@ const jt = (e, t) => {
     const p = o.getDOMRectsForAnnotation(y);
     if (p.length > 0) {
       if (l && c) {
-        const E = p.find(({ top: T, right: L, bottom: f, left: w }) => l >= w - g && l <= L + g && c >= T - g && c <= f + g);
+        const E = p.find(({ top: T, right: L, bottom: f, left: A }) => l >= A - g && l <= L + g && c >= T - g && c <= f + g);
         if (E)
           return E;
       }
@@ -1134,7 +1133,7 @@ const jt = (e, t) => {
     const E = o.getIntersectingRects(y, l, c, g).reduce((T, L) => ((T[L.annotation.id] = T[L.annotation.id] || []).push(L), T), {});
     return Object.entries(E).map(([T, L]) => ({
       annotation: n.getAnnotation(T),
-      rects: L.map(({ minX: f, minY: w, maxX: A, maxY: B }) => ({ x: f, y: w, width: A - f, height: B - w }))
+      rects: L.map(({ minX: f, minY: A, maxX: w, maxY: B }) => ({ x: f, y: A, width: w - f, height: B - A }))
     }));
   }, M = () => o.recalculate();
   return n.observe(({ changes: y }) => {
@@ -1274,8 +1273,7 @@ const de = (e, t, n) => {
   }), {
     setUser: r
   };
-};
-const he = (e, t = {}) => {
+}, he = (e, t = {}) => {
   const n = ne(e, t.pointerAction), { selection: o, viewport: i } = n, s = n.store, a = Yt(s), r = Dt(
     n,
     a,