@recogito/text-annotator 3.0.0-rc.17 → 3.0.0-rc.18

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

@@ -1,4 +1,4 @@
-export declare const NOT_ANNTOTATABLE_SELECTOR = ".not-annotatable";
+export declare const NOT_ANNOTATABLE_SELECTOR = ".not-annotatable";
 /**
  * Splits a DOM Range into one or more ranges that span annotatable content only.
  */

package/dist/text-annotator.es.js

@@ -280,10 +280,10 @@ const Ot = (t) => {
   window.addEventListener("resize", m);
   const f = new ResizeObserver(m);
   f.observe(t);
-  const w = { attributes: !0, childList: !0, subtree: !0 }, T = new MutationObserver(p);
-  return T.observe(document.body, w), {
+  const w = { attributes: !0, childList: !0, subtree: !0 }, R = new MutationObserver(p);
+  return R.observe(document.body, w), {
     destroy: () => {
-      t.removeEventListener("pointermove", b), t.removeChild(y), o.unobserve(E), l(), document.removeEventListener("scroll", h), window.removeEventListener("resize", m), f.disconnect(), T.disconnect();
+      t.removeEventListener("pointermove", b), t.removeChild(y), o.unobserve(E), l(), document.removeEventListener("scroll", h), window.removeEventListener("resize", m), f.disconnect(), R.disconnect();
     },
     refresh: p,
     setDrawingStyle: v,
@@ -450,20 +450,20 @@ const me = (t) => `background-color: ${Y(t.fill || Z.fill).alpha(t.fillOpacity |
 }, ve = (t, e, n) => {
   const { store: o, selection: i, hover: s } = e;
   let r, a, d;
-  const u = be(), y = It(n), c = (R) => {
-    const { x: g, y: A } = t.getBoundingClientRect(), x = o.getAt(R.clientX - g, R.clientY - A);
+  const u = be(), y = It(n), c = (T) => {
+    const { x: g, y: A } = t.getBoundingClientRect(), x = o.getAt(T.clientX - g, T.clientY - A);
     x && (!d || d(x)) ? s.current !== x.id && (t.classList.add("hovered"), s.set(x.id)) : s.current && (t.classList.remove("hovered"), s.set(null));
   };
   t.addEventListener("pointermove", c);
   const b = () => {
-    const R = Ot(t), { minX: g, minY: A, maxX: x, maxY: S } = R, B = d ? o.getIntersectingRects(g, A, x, S).filter(({ annotation: I }) => d(I)) : o.getIntersectingRects(g, A, x, S), N = i.selected.map(({ id: I }) => I);
-    u.refresh(B, R, N, a), setTimeout(() => y(B.map(({ annotation: I }) => I)), 1);
-  }, p = (R) => {
-    r = R, u.setPainter(R);
-  }, v = (R) => {
-    a = R, b();
-  }, C = (R) => {
-    d = R, b();
+    const T = Ot(t), { minX: g, minY: A, maxX: x, maxY: S } = T, B = d ? o.getIntersectingRects(g, A, x, S).filter(({ annotation: I }) => d(I)) : o.getIntersectingRects(g, A, x, S), N = i.selected.map(({ id: I }) => I);
+    u.refresh(B, T, N, a), setTimeout(() => y(B.map(({ annotation: I }) => I)), 1);
+  }, p = (T) => {
+    r = T, u.setPainter(T);
+  }, v = (T) => {
+    a = T, b();
+  }, C = (T) => {
+    d = T, b();
   }, E = () => b();
   o.observe(E);
   const l = i.subscribe(() => b());
@@ -831,10 +831,10 @@ const Oe = (t, e) => {
   }, w = (g, A, x = L.LOCAL) => {
     const S = f(g, A);
     S && s(x, { updated: [S] });
-  }, T = (g, A = L.LOCAL) => {
+  }, R = (g, A = L.LOCAL) => {
     const x = g.map((S) => f({ id: S.id, annotation: S.annotation }, S)).filter(Boolean);
     s(A, { updated: x });
-  }, R = (g) => {
+  }, T = (g) => {
     const A = t.get(g.annotation);
     if (A) {
       const x = {
@@ -862,9 +862,9 @@ const Oe = (t, e) => {
     bulkAddAnnotation: p,
     bulkDeleteAnnotation: E,
     bulkUpdateAnnotation: u,
-    bulkUpdateBodies: T,
+    bulkUpdateBodies: R,
     bulkUpdateTargets: (g, A = L.LOCAL) => {
-      const x = g.map((S) => R(S)).filter(Boolean);
+      const x = g.map((S) => T(S)).filter(Boolean);
       x.length > 0 && s(A, { updated: x });
     },
     clear: b,
@@ -877,7 +877,7 @@ const Oe = (t, e) => {
     updateAnnotation: d,
     updateBody: w,
     updateTarget: (g, A = L.LOCAL) => {
-      const x = R(g);
+      const x = T(g);
       x && s(A, { updated: [x] });
     }
   };
@@ -952,8 +952,8 @@ const Ue = 250, De = (t) => {
     d.has(l) && setTimeout(() => {
       d.get(l).forEach((f) => {
         if (n) {
-          const w = Array.isArray(h) ? h.map((R) => n.serialize(R)) : n.serialize(h), T = m ? m instanceof PointerEvent ? m : n.serialize(m) : void 0;
-          f(w, T);
+          const w = Array.isArray(h) ? h.map((T) => n.serialize(T)) : n.serialize(h), R = m ? m instanceof PointerEvent ? m : n.serialize(m) : void 0;
+          f(w, R);
         } else
           f(h, m);
       });
@@ -998,18 +998,18 @@ const Ue = 250, De = (t) => {
       ...f.bodiesDeleted || [],
       ...f.bodiesUpdated || []
     ].length > 0).forEach(({ oldValue: f, newValue: w }) => {
-      const T = u.find((R) => R.id === f.id) || f;
-      u = u.map((R) => R.id === f.id ? w : R), v("updateAnnotation", w, T);
+      const R = u.find((T) => T.id === f.id) || f;
+      u = u.map((T) => T.id === f.id ? w : T), v("updateAnnotation", w, R);
     });
   }, { origin: L.LOCAL }), i.observe((l) => {
     if (u) {
       const h = new Set(u.map((f) => f.id)), m = (l.changes.updated || []).filter(({ newValue: f }) => h.has(f.id)).map(({ newValue: f }) => f);
-      m.length > 0 && (u = u.map((f) => m.find((T) => T.id === f.id) || f));
+      m.length > 0 && (u = u.map((f) => m.find((R) => R.id === f.id) || f));
     }
   }, { origin: L.REMOTE });
   const E = (l) => (h) => {
     const { created: m, deleted: f, updated: w } = h;
-    (m || []).forEach((T) => v("createAnnotation", T)), (f || []).forEach((T) => v("deleteAnnotation", T)), l ? (w || []).forEach((T) => v("updateAnnotation", T.oldValue, T.newValue)) : (w || []).forEach((T) => v("updateAnnotation", T.newValue, T.oldValue));
+    (m || []).forEach((R) => v("createAnnotation", R)), (f || []).forEach((R) => v("deleteAnnotation", R)), l ? (w || []).forEach((R) => v("updateAnnotation", R.oldValue, R.newValue)) : (w || []).forEach((R) => v("updateAnnotation", R.newValue, R.oldValue));
   };
   return e.on("undo", E(!0)), e.on("redo", E(!1)), { on: b, off: p, emit: v };
 }, Pe = (t) => (e) => e.reduce((n, o) => {
@@ -1495,16 +1495,16 @@ function Mt(t, e, n, o, i) {
 const dn = (t, e) => {
   const n = new on(), o = /* @__PURE__ */ new Map(), i = (l) => {
     const h = e.getBoundingClientRect(), m = l.selector.flatMap((w) => {
-      const R = w.range instanceof Range && !w.range.collapsed && w.range.startContainer.nodeType === Node.TEXT_NODE && w.range.endContainer.nodeType === Node.TEXT_NODE ? w.range : _t(w, e).range;
-      return Array.from(R.getClientRects());
+      const T = w.range instanceof Range && !w.range.collapsed && w.range.startContainer.nodeType === Node.TEXT_NODE && w.range.endContainer.nodeType === Node.TEXT_NODE ? w.range : _t(w, e).range;
+      return Array.from(T.getClientRects());
     }), f = oe(m);
     return f.map((w) => {
-      const { x: T, y: R, width: g, height: A } = w;
+      const { x: R, y: T, width: g, height: A } = w;
       return {
-        minX: T - h.x,
-        minY: R - h.y,
-        maxX: T - h.x + g,
-        maxY: R - h.y + A,
+        minX: R - h.x,
+        minY: T - h.y,
+        maxX: R - h.x + g,
+        maxY: T - h.y + A,
         annotation: {
           id: l.annotation,
           rects: f
@@ -1524,8 +1524,8 @@ const dn = (t, e) => {
   }, y = (l, h = !0) => {
     h && r();
     const m = l.map((w) => ({ target: w, rects: i(w) }));
-    m.forEach(({ target: w, rects: T }) => o.set(w.annotation, T));
-    const f = m.reduce((w, { rects: T }) => [...w, ...T], []);
+    m.forEach(({ target: w, rects: R }) => o.set(w.annotation, R));
+    const f = m.reduce((w, { rects: R }) => [...w, ...R], []);
     n.load(f);
   }, c = (l, h) => {
     const m = n.search({
@@ -1533,19 +1533,19 @@ const dn = (t, e) => {
       minY: h,
       maxX: l,
       maxY: h
-    }), f = (w) => w.annotation.rects.reduce((T, R) => T + R.width * R.height, 0);
+    }), f = (w) => w.annotation.rects.reduce((R, T) => R + T.width * T.height, 0);
     if (m.length > 0)
-      return m.sort((w, T) => f(w) - f(T)), m[0].annotation.id;
+      return m.sort((w, R) => f(w) - f(R)), m[0].annotation.id;
   }, b = (l) => {
     const h = p(l);
     if (h.length === 0)
       return;
-    let m = h[0].left, f = h[0].top, w = h[0].right, T = h[0].bottom;
-    for (let R = 1; R < h.length; R++) {
-      const g = h[R];
-      m = Math.min(m, g.left), f = Math.min(f, g.top), w = Math.max(w, g.right), T = Math.max(T, g.bottom);
+    let m = h[0].left, f = h[0].top, w = h[0].right, R = h[0].bottom;
+    for (let T = 1; T < h.length; T++) {
+      const g = h[T];
+      m = Math.min(m, g.left), f = Math.min(f, g.top), w = Math.max(w, g.right), R = Math.max(R, g.bottom);
     }
-    return new DOMRect(m, f, w - m, T - f);
+    return new DOMRect(m, f, w - m, R - f);
   }, p = (l) => {
     const h = o.get(l);
     return h ? h[0].annotation.rects : [];
@@ -1569,7 +1569,7 @@ const dn = (t, e) => {
     const m = st(l, t), f = D(m.target.selector);
     return f && n.addAnnotation(m, h), f;
   }, d = (l, h = !0, m = L.LOCAL) => {
-    const f = l.map((T) => st(T, t)), w = f.filter((T) => !D(T.target.selector));
+    const f = l.map((R) => st(R, t)), w = f.filter((R) => !D(R.target.selector));
     return w.length > 0 ? (console.warn("Could not revive all targets for these annotations:", w), n.bulkAddAnnotation(f, h, m), w) : (n.bulkAddAnnotation(f, h, m), []);
   }, u = (l, h = L.LOCAL) => {
     const m = l.map((w) => st(w, t)), f = m.filter((w) => !D(w.target.selector));
@@ -1587,23 +1587,23 @@ const dn = (t, e) => {
     return m ? n.getAnnotation(m) : void 0;
   }, p = (l, h, m, f) => {
     const w = o.getIntersectingRects(l, h, m, f);
-    return Array.from(new Set(w.map((R) => R.annotation.id))).map((R) => n.getAnnotation(R)).filter(Boolean);
+    return Array.from(new Set(w.map((T) => T.annotation.id))).map((T) => n.getAnnotation(T)).filter(Boolean);
   }, v = (l, h, m, f = 5) => {
     const w = o.getDOMRectsForAnnotation(l);
     if (w.length !== 0) {
       if (h && m) {
-        const T = w.find(({ top: R, right: g, bottom: A, left: x }) => h >= x - f && h <= g + f && m >= R - f && m <= A + f);
-        if (T)
-          return T;
+        const R = w.find(({ top: T, right: g, bottom: A, left: x }) => h >= x - f && h <= g + f && m >= T - f && m <= A + f);
+        if (R)
+          return R;
       }
       return o.getBoundsForAnnotation(l);
     }
   }, C = (l, h, m, f) => {
-    const T = o.getIntersectingRects(l, h, m, f).reduce((R, g) => ((R[g.annotation.id] = R[g.annotation.id] || []).push(g), R), {});
-    return Object.entries(T).map(([R, g]) => ({
-      annotation: n.getAnnotation(R),
+    const R = o.getIntersectingRects(l, h, m, f).reduce((T, g) => ((T[g.annotation.id] = T[g.annotation.id] || []).push(g), T), {});
+    return Object.entries(R).map(([T, g]) => ({
+      annotation: n.getAnnotation(T),
       rects: g.map(({ minX: A, minY: x, maxX: S, maxY: B }) => ({ x: A, y: x, width: S - A, height: B - x }))
-    }));
+    })).filter((T) => !!T.annotation);
   }, E = () => o.recalculate();
   return n.observe(({ changes: l }) => {
     const h = (l.created || []).filter((w) => D(w.target.selector)), m = (l.deleted || []).filter((w) => D(w.target.selector)), f = (l.updated || []).filter((w) => D(w.newValue.target.selector));
@@ -1707,9 +1707,9 @@ const dn = (t, e) => {
     if (C.timeStamp - ((u == null ? void 0 : u.timeStamp) || C.timeStamp) < 1e3 && !r && y(u), E.isCollapsed || !d || !r)
       return;
     const l = E.getRangeAt(0), h = se(l.cloneRange()), m = Gt(h);
-    (m.length !== r.selector.length || m.some((w, T) => {
-      var R;
-      return w.toString() !== ((R = r.selector[T]) == null ? void 0 : R.quote);
+    (m.length !== r.selector.length || m.some((w, R) => {
+      var T;
+      return w.toString() !== ((T = r.selector[R]) == null ? void 0 : T.quote);
     })) && (r = {
       ...r,
       selector: m.map((w) => ie(w, t, n))
@@ -1730,10 +1730,10 @@ const dn = (t, e) => {
     if (!!((m = C.target.parentElement) != null && m.closest(".not-annotatable")) || !d)
       return;
     const l = () => {
-      const { x: f, y: w } = t.getBoundingClientRect(), T = o.getAt(C.clientX - f, C.clientY - w);
-      if (T) {
-        const { selected: R } = i;
-        (R.length !== 1 || R[0].id !== T.id) && i.clickSelect(T.id, C);
+      const { x: f, y: w } = t.getBoundingClientRect(), R = o.getAt(C.clientX - f, C.clientY - w);
+      if (R) {
+        const { selected: T } = i;
+        (T.length !== 1 || T[0].id !== R.id) && i.clickSelect(R.id, C);
       } else
         i.isEmpty() || i.clear();
     }, h = C.timeStamp - u.timeStamp;
@@ -1783,7 +1783,7 @@ const dn = (t, e) => {
   };
 };
 export {
-  q as NOT_ANNTOTATABLE_SELECTOR,
+  q as NOT_ANNOTATABLE_SELECTOR,
   L as Origin,
   vn as W3CTextFormat,
   ve as createCSSHighlightRenderer,