@soomo/text-annotator 3.0.0-staging.35 → 3.0.0-staging.37

package/dist/text-annotator.css

@@ -1 +1 @@
-.r6o-canvas-highlight-layer{position:fixed;top:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none}.r6o-canvas-highlight-layer.bg{mix-blend-mode:multiply;z-index:1}.r6o-annotatable .r6o-span-highlight-layer{height:100%;left:0;mix-blend-mode:multiply;pointer-events:none;position:absolute;top:0;width:100%}.r6o-annotatable .r6o-span-highlight-layer.hidden{display:none}.r6o-annotatable .r6o-span-highlight-layer .r6o-annotation{border-style:solid;border-width:0;box-sizing:content-box;display:block;position:absolute}.r6o-annotation{box-sizing:content-box}.r6o-presence-layer{left:0;position:fixed;top:0;bottom:0;width:100vw;pointer-events:none}html,body{overscroll-behavior-y:none}.r6o-annotatable{position:relative;-webkit-tap-highlight-color:transparent}.r6o-annotatable.no-focus-outline{outline:none}.hovered *{cursor:pointer}*::selection,::selection{background:#0080ff2e}::-moz-selection{background:#0080ff2e}
+.r6o-canvas-highlight-layer{position:fixed;top:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none}.r6o-canvas-highlight-layer.bg{mix-blend-mode:multiply;z-index:1}.r6o-annotatable .r6o-span-highlight-layer{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply;pointer-events:none;z-index:1}.r6o-annotatable .r6o-span-highlight-layer.hidden{display:none}.r6o-annotatable .r6o-span-highlight-layer .r6o-annotation{border-style:solid;border-width:0;box-sizing:content-box;display:block;position:absolute}.r6o-annotation{box-sizing:content-box}.r6o-presence-layer{left:0;position:fixed;top:0;bottom:0;width:100vw;pointer-events:none}html,body{overscroll-behavior-y:none}.r6o-annotatable{position:relative;-webkit-tap-highlight-color:transparent}.r6o-annotatable.no-focus-outline{outline:none}.hovered *{cursor:pointer}*::selection,::selection{background:#0080ff2e}::-moz-selection{background:#0080ff2e}

package/dist/text-annotator.es.js

@@ -291,17 +291,17 @@ const q = {
   const { store: i, selection: r, hover: s } = t;
   let a, d, f;
   const g = _e(n), l = (T) => {
-    const { x: B, y: b } = e.getBoundingClientRect(), C = i.getAt(T.clientX - B, T.clientY - b, d);
+    const { x: M, y: b } = e.getBoundingClientRect(), C = i.getAt(T.clientX - M, T.clientY - b, d);
     C ? s.current !== C.id && (e.classList.add("hovered"), s.set(C.id)) : s.current && (e.classList.remove("hovered"), s.set(null));
   };
   e.addEventListener("pointermove", l);
   const m = (T = !1) => {
     f && f.clear();
-    const B = He(e), { minX: b, minY: C, maxX: x, maxY: L } = B, R = d ? i.getIntersecting(b, C, x, L).filter(({ annotation: j }) => d(j)) : i.getIntersecting(b, C, x, L), I = r.selected.map(({ id: j }) => j), _ = R.map(({ annotation: j, rects: we }) => {
+    const M = He(e), { minX: b, minY: C, maxX: x, maxY: L } = M, R = d ? i.getIntersecting(b, C, x, L).filter(({ annotation: j }) => d(j)) : i.getIntersecting(b, C, x, L), I = r.selected.map(({ id: j }) => j), _ = R.map(({ annotation: j, rects: we }) => {
       const Ae = I.includes(j.id), Se = j.id === s.current;
       return { annotation: j, rects: we, state: { selected: Ae, hover: Se } };
     });
-    o.redraw(_, B, a, f, T), setTimeout(() => g(R.map(({ annotation: j }) => j)), 1);
+    o.redraw(_, M, a, f, T), setTimeout(() => g(R.map(({ annotation: j }) => j)), 1);
   }, c = (T) => {
     f = T, m();
   }, S = (T) => {
@@ -318,12 +318,12 @@ const q = {
   window.addEventListener("resize", A);
   const h = new ResizeObserver(A);
   h.observe(e);
-  const E = { attributes: !0, childList: !0, subtree: !0 }, M = new MutationObserver((T) => {
+  const E = { attributes: !0, childList: !0, subtree: !0 }, B = new MutationObserver((T) => {
     T.every((b) => b.target === e || e.contains(b.target)) || m(!0);
   });
-  return M.observe(document.body, E), {
+  return B.observe(document.body, E), {
     destroy: () => {
-      e.removeEventListener("pointermove", l), o.destroy(), i.unobserve(w), p(), document.removeEventListener("scroll", u), window.removeEventListener("resize", A), h.disconnect(), M.disconnect();
+      e.removeEventListener("pointermove", l), o.destroy(), i.unobserve(w), p(), document.removeEventListener("scroll", u), window.removeEventListener("resize", A), h.disconnect(), B.disconnect();
     },
     redraw: m,
     setStyle: S,
@@ -349,19 +349,19 @@ const q = {
       return u.getTime() - A.getTime();
     }).forEach((w) => {
       var h;
-      const p = f ? typeof f == "function" ? f(w.annotation, w.state) : f : (h = w.state) != null && h.selected ? gt : q, u = g && g.paint(w, d) || p, A = w.rects.map(({ x: E, y: M, width: k, height: T }) => ({
+      const p = f ? typeof f == "function" ? f(w.annotation, w.state) : f : (h = w.state) != null && h.selected ? gt : q, u = g && g.paint(w, d) || p, A = w.rects.map(({ x: E, y: B, width: k, height: T }) => ({
         x: E + S,
-        y: M + c,
+        y: B + c,
         width: k,
         height: T
       }));
       if (n.fillStyle = u.fill, n.globalAlpha = u.fillOpacity || 1, A.forEach(
-        ({ x: E, y: M, width: k, height: T }) => n.fillRect(E, M, k, T)
+        ({ x: E, y: B, width: k, height: T }) => n.fillRect(E, B, k, T)
       ), u.underlineColor) {
         n.globalAlpha = 1, n.strokeStyle = u.underlineColor, n.lineWidth = u.underlineThickness ?? 1;
         const E = u.underlineOffset ?? 0;
-        A.forEach(({ x: M, y: k, width: T, height: B }) => {
-          n.beginPath(), n.moveTo(M, k + B + E), n.lineTo(M + T, k + B + E), n.stroke();
+        A.forEach(({ x: B, y: k, width: T, height: M }) => {
+          n.beginPath(), n.moveTo(B, k + M + E), n.lineTo(B + T, k + M + E), n.stroke();
         });
       }
     });
@@ -959,7 +959,7 @@ const xn = (e, t) => {
       console.error(`Store integrity error: body ${b} in index, but not in annotation`);
     } else
       console.warn(`Attempt to retrieve missing body: ${b}`);
-  }, M = (b, C) => {
+  }, B = (b, C) => {
     if (b.annotation !== C.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
     const x = e.get(b.annotation);
@@ -976,12 +976,12 @@ const xn = (e, t) => {
     } else
       console.warn(`Attempt to add body to missing annotation ${b.annotation}`);
   }, k = (b, C, x = V.LOCAL) => {
-    const L = M(b, C);
+    const L = B(b, C);
     L && r(x, { updated: [L] });
   }, T = (b, C = V.LOCAL) => {
-    const x = b.map((L) => M({ id: L.id, annotation: L.annotation }, L)).filter(Boolean);
+    const x = b.map((L) => B({ id: L.id, annotation: L.annotation }, L)).filter(Boolean);
     r(C, { updated: x });
-  }, B = (b) => {
+  }, M = (b) => {
     const C = e.get(b.annotation);
     if (C) {
       const x = {
@@ -1012,7 +1012,7 @@ const xn = (e, t) => {
     bulkUpdateAnnotation: f,
     bulkUpdateBodies: T,
     bulkUpdateTargets: (b, C = V.LOCAL) => {
-      const x = b.map((L) => B(L)).filter(Boolean);
+      const x = b.map((L) => M(L)).filter(Boolean);
       x.length > 0 && r(C, { updated: x });
     },
     clear: m,
@@ -1025,7 +1025,7 @@ const xn = (e, t) => {
     updateAnnotation: d,
     updateBody: k,
     updateTarget: (b, C = V.LOCAL) => {
-      const x = B(b);
+      const x = M(b);
       x && r(C, { updated: [x] });
     }
   };
@@ -1662,17 +1662,17 @@ const no = (e, t) => {
     const E = A.selector.flatMap((k) => {
       const T = z([k]) ? k.range : oe(k, t).range;
       return Array.from(T.getClientRects());
-    }), M = Ie(E).map((k) => De(k, h));
-    return M.map((k) => {
-      const { x: T, y: B, width: b, height: C } = k;
+    }), B = Ie(E).map((k) => De(k, h));
+    return B.map((k) => {
+      const { x: T, y: M, width: b, height: C } = k;
       return {
         minX: T,
-        minY: B,
+        minY: M,
         maxX: T + b,
-        maxY: B + C,
+        maxY: M + C,
         annotation: {
           id: A.annotation,
-          rects: M
+          rects: B
         }
       };
     });
@@ -1688,28 +1688,28 @@ const no = (e, t) => {
     f(A), d(A);
   }, l = (A, h = !0) => {
     h && a();
-    const E = t.getBoundingClientRect(), M = A.map((T) => ({ target: T, rects: r(T, E) }));
-    M.forEach(({ target: T, rects: B }) => o.set(T.annotation, B));
-    const k = M.flatMap(({ rects: T }) => T);
+    const E = t.getBoundingClientRect(), B = A.map((T) => ({ target: T, rects: r(T, E) }));
+    B.forEach(({ target: T, rects: M }) => o.set(T.annotation, M));
+    const k = B.flatMap(({ rects: T }) => T);
     n.load(k);
   }, m = (A, h, E = !1) => {
-    const M = n.search({
+    const B = n.search({
       minX: A,
       minY: h,
       maxX: A,
       maxY: h
-    }), k = (T) => T.annotation.rects.reduce((B, b) => B + b.width * b.height, 0);
-    return M.length > 0 ? (M.sort((T, B) => k(T) - k(B)), E ? M.map((T) => T.annotation.id) : [M[0].annotation.id]) : [];
+    }), k = (T) => T.annotation.rects.reduce((M, b) => M + b.width * b.height, 0);
+    return B.length > 0 ? (B.sort((T, M) => k(T) - k(M)), E ? B.map((T) => T.annotation.id) : [B[0].annotation.id]) : [];
   }, c = (A) => {
     const h = S(A);
     if (h.length === 0)
       return;
-    let E = h[0].left, M = h[0].top, k = h[0].right, T = h[0].bottom;
-    for (let B = 1; B < h.length; B++) {
-      const b = h[B];
-      E = Math.min(E, b.left), M = Math.min(M, b.top), k = Math.max(k, b.right), T = Math.max(T, b.bottom);
+    let E = h[0].left, B = h[0].top, k = h[0].right, T = h[0].bottom;
+    for (let M = 1; M < h.length; M++) {
+      const b = h[M];
+      E = Math.min(E, b.left), B = Math.min(B, b.top), k = Math.max(k, b.right), T = Math.max(T, b.bottom);
     }
-    return new DOMRect(E, M, k - E, T - M);
+    return new DOMRect(E, B, k - E, T - B);
   }, S = (A) => {
     const h = o.get(A);
     return h ? h[0].annotation.rects : [];
@@ -1720,12 +1720,12 @@ const no = (e, t) => {
     getAt: m,
     getAnnotationBounds: c,
     getAnnotationRects: S,
-    getIntersecting: (A, h, E, M) => {
-      const k = n.search({ minX: A, minY: h, maxX: E, maxY: M }), T = new Set(k.map((B) => B.annotation.id));
-      return Array.from(T).map((B) => ({
-        annotation: e.getAnnotation(B),
-        rects: S(B)
-      })).filter((B) => !!B.annotation);
+    getIntersecting: (A, h, E, B) => {
+      const k = n.search({ minX: A, minY: h, maxX: E, maxY: B }), T = new Set(k.map((M) => M.annotation.id));
+      return Array.from(T).map((M) => ({
+        annotation: e.getAnnotation(M),
+        rects: S(M)
+      })).filter((M) => !!M.annotation);
     },
     insert: d,
     recalculate: () => {
@@ -1762,7 +1762,7 @@ const no = (e, t) => {
     const h = o.getAnnotationRects(w);
     if (h.length !== 0) {
       if (p && u) {
-        const E = h.find(({ top: M, right: k, bottom: T, left: B }) => p >= B - A && p <= k + A && u >= M - A && u <= T + A);
+        const E = h.find(({ top: B, right: k, bottom: T, left: M }) => p >= M - A && p <= k + A && u >= B - A && u <= T + A);
         if (E) return E;
       }
       return o.getAnnotationBounds(w);
@@ -2231,10 +2231,10 @@ const So = (e, t, n) => {
   const d = (h) => a = h, { store: f, selection: g } = t;
   let l, m, c;
   const S = (h) => {
-    var M;
+    var B;
     if (!a || m === !1)
       return;
-    l = !((M = h.target.parentElement) != null && M.closest(X)) ? {
+    l = !((B = h.target.parentElement) != null && B.closest(X)) ? {
       annotation: se(),
       selector: [],
       creator: o,
@@ -2252,9 +2252,9 @@ const So = (e, t, n) => {
     }
     if (h.timeStamp - ((c == null ? void 0 : c.timeStamp) || h.timeStamp) < 1e3 && !l && S(c || h), E.isCollapsed || !l || m === !1)
       return;
-    const T = E.getRangeAt(0), B = Pe(T, e);
-    if (Ve(B)) return;
-    const b = Ee(B.cloneRange());
+    const T = E.getRangeAt(0), M = Pe(T, e);
+    if (Ve(M)) return;
+    const b = Ee(M.cloneRange());
     (b.length !== l.selector.length || b.some((R, I) => {
       var _;
       return R.toString() !== ((_ = l.selector[I]) == null ? void 0 : _.quote);
@@ -2277,14 +2277,17 @@ const So = (e, t, n) => {
     var T;
     if (!!((T = h.target.parentElement) != null && T.closest(X)) || !m)
       return;
-    const M = () => {
-      const { x: B, y: b } = e.getBoundingClientRect(), C = h.target instanceof Node && e.contains(h.target) && f.getAt(h.clientX - B, h.clientY - b, r);
+    const B = () => {
+      const { x: M, y: b } = e.getBoundingClientRect(), C = h.target instanceof Node && e.contains(h.target) && f.getAt(h.clientX - M, h.clientY - b, r);
       if (C) {
         const { selected: x } = g;
         (x.length !== 1 || x[0].id !== C.id) && g.userSelect(C.id, h);
       } else g.isEmpty() || g.clear();
     }, k = h.timeStamp - c.timeStamp;
-    document.getSelection().isCollapsed && k < 300 ? (l = void 0, M()) : l && g.userSelect(l.annotation, h);
+    setTimeout(() => {
+      const { isCollapsed: M } = document.getSelection();
+      M && k < 300 ? (l = void 0, B()) : l && g.userSelect(l.annotation, h);
+    });
   };
   document.addEventListener("pointerup", p), U("*", { element: e, keyup: !1, keydown: !0 }, (h, E) => {
     h.repeat || (c = Ue(h));