@soomo/text-annotator 3.4.0-staging.1 → 3.4.0-staging.2

package/dist/text-annotator.es.js

@@ -2,9 +2,9 @@ import z from "debounce";
 import { colord as ot } from "colord";
 import { dequal as ut } from "dequal/lite";
 import { v4 as st } from "uuid";
-import { serializeW3CBodies as ft, parseW3CBodies as gt, parseW3CUser as mt, createStore as pt, createSelectionState as ht, createHoverState as yt, createViewportState as bt, Origin as U, createAnonymousGuest as St, createUndoStack as Ct, createLifecycleObserver as Et, createBaseAnnotator as vt } from "@annotorious/core";
+import { serializeW3CBodies as ft, parseW3CBodies as gt, parseW3CUser as mt, createStore as pt, createSelectionState as ht, createHoverState as yt, createViewportState as bt, Origin as U, createAnonymousGuest as St, createUndoStack as Ct, createLifecycleObserver as Et, createBaseAnnotator as wt } from "@annotorious/core";
 import { Origin as ke, UserSelectAction as Ne, createBody as Be } from "@annotorious/core";
-import wt from "rbush";
+import vt from "rbush";
 import { createNanoEvents as At } from "nanoevents";
 import V from "hotkeys-js";
 import { poll as xt } from "poll";
@@ -98,12 +98,12 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
       s = !0;
       break;
     } else if (i === "block-contains" || i === "block-is-contained") {
-      e.width < r.width && (o = o.map((a) => a === r ? e : a)), s = !0;
+      e.width < r.width && (o = o.map((a) => a === r ? e : a)), e.width === r.width && e.height < r.width && (o = o.map((a) => a === r ? e : a)), s = !0;
       break;
     }
   }
   return s ? o : [...o, e];
-}, []), we = (t) => ({
+}, []), ve = (t) => ({
   length: t.length,
   item: (n) => t[n],
   [Symbol.iterator]: function* () {
@@ -279,7 +279,7 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     S = C, p();
   }, R = (C) => {
     a = C, p();
-  }, w = (C) => {
+  }, v = (C) => {
     u = C, p(!1);
   }, T = () => p();
   s.observe(T);
@@ -291,16 +291,16 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
   window.addEventListener("resize", g);
   const d = new ResizeObserver(g);
   d.observe(t);
-  const h = { attributes: !0, childList: !0, subtree: !0 }, v = new MutationObserver(z((C) => {
+  const h = { attributes: !0, childList: !0, subtree: !0 }, w = new MutationObserver(z((C) => {
     C.every((B) => B.target === t || t.contains(B.target)) || p(!0);
   }, 150));
-  return v.observe(document.body, h), {
+  return w.observe(document.body, h), {
     destroy: () => {
-      t.removeEventListener("pointermove", f), o.destroy(), s.unobserve(T), E(), m(), document.removeEventListener("scroll", l), g.clear(), window.removeEventListener("resize", g), d.disconnect(), v.disconnect();
+      t.removeEventListener("pointermove", f), o.destroy(), s.unobserve(T), E(), m(), document.removeEventListener("scroll", l), g.clear(), window.removeEventListener("resize", g), d.disconnect(), w.disconnect();
     },
     redraw: p,
     setStyle: R,
-    setFilter: w,
+    setFilter: v,
     setPainter: c,
     setVisible: o.setVisible
   };
@@ -322,19 +322,19 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
       return m.getTime() - l.getTime();
     }).forEach((T) => {
       var g;
-      const E = S ? typeof S == "function" ? S(T.annotation, T.state) : S : (g = T.state) != null && g.selected ? j : H, m = y && y.paint(T, u) || E, l = T.rects.map(({ x: d, y: h, width: v, height: A }) => ({
+      const E = S ? typeof S == "function" ? S(T.annotation, T.state) : S : (g = T.state) != null && g.selected ? j : H, m = y && y.paint(T, u) || E, l = T.rects.map(({ x: d, y: h, width: w, height: A }) => ({
         x: d + R,
         y: h + c,
-        width: v,
+        width: w,
         height: A
       }));
       if (e.fillStyle = m.fill, e.globalAlpha = m.fillOpacity || 1, l.forEach(
-        ({ x: d, y: h, width: v, height: A }) => e.fillRect(d, h, v, A)
+        ({ x: d, y: h, width: w, height: A }) => e.fillRect(d, h, w, A)
       ), m.underlineColor) {
         e.globalAlpha = 1, e.strokeStyle = m.underlineColor, e.lineWidth = m.underlineThickness ?? 1;
         const d = m.underlineOffset ?? 0;
-        l.forEach(({ x: h, y: v, width: A, height: C }) => {
-          e.beginPath(), e.moveTo(h, v + C + d), e.lineTo(h + A, v + C + d), e.stroke();
+        l.forEach(({ x: h, y: w, width: A, height: C }) => {
+          e.beginPath(), e.moveTo(h, w + C + d), e.lineTo(h + A, w + C + d), e.stroke();
         });
       }
     });
@@ -396,15 +396,15 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     redraw: (i, a, u, S, y) => {
       const p = !(ut(e, i) && y);
       if (!S && !p) return;
-      p && (n.innerHTML = ""), [...i].sort((R, w) => {
-        const { annotation: { target: { created: T } } } = R, { annotation: { target: { created: E } } } = w;
+      p && (n.innerHTML = ""), [...i].sort((R, v) => {
+        const { annotation: { target: { created: T } } } = R, { annotation: { target: { created: E } } } = v;
         return T && E ? T.getTime() - E.getTime() : 0;
       }).forEach((R) => {
-        R.rects.map((w) => {
-          const T = Jt(w, i), E = Wt(R, a, u, S, T);
+        R.rects.map((v) => {
+          const T = Jt(v, i), E = Wt(R, a, u, S, T);
           if (p) {
             const m = document.createElement("span");
-            m.className = "r6o-annotation", m.dataset.annotation = R.annotation.id, m.style.left = `${w.x}px`, m.style.top = `${w.y}px`, m.style.width = `${w.width}px`, m.style.height = `${w.height}px`, m.style.backgroundColor = ot((E == null ? void 0 : E.fill) || H.fill).alpha((E == null ? void 0 : E.fillOpacity) === void 0 ? H.fillOpacity : E.fillOpacity).toHex(), E.underlineStyle && (m.style.borderStyle = E.underlineStyle), E.underlineColor && (m.style.borderColor = E.underlineColor), E.underlineThickness && (m.style.borderBottomWidth = `${E.underlineThickness}px`), E.underlineOffset && (m.style.paddingBottom = `${E.underlineOffset}px`), n.appendChild(m);
+            m.className = "r6o-annotation", m.dataset.annotation = R.annotation.id, m.style.left = `${v.x}px`, m.style.top = `${v.y}px`, m.style.width = `${v.width}px`, m.style.height = `${v.height}px`, m.style.backgroundColor = ot((E == null ? void 0 : E.fill) || H.fill).alpha((E == null ? void 0 : E.fillOpacity) === void 0 ? H.fillOpacity : E.fillOpacity).toHex(), E.underlineStyle && (m.style.borderStyle = E.underlineStyle), E.underlineColor && (m.style.borderColor = E.underlineColor), E.underlineThickness && (m.style.borderBottomWidth = `${E.underlineThickness}px`), E.underlineOffset && (m.style.paddingBottom = `${E.underlineOffset}px`), n.appendChild(m);
           }
         });
       }), e = i;
@@ -489,7 +489,7 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     updated: S,
     ...y
   } = s, f = i.map((p) => {
-    const { id: c, quote: R, start: w, end: T, range: E } = p, m = {
+    const { id: c, quote: R, start: v, end: T, range: E } = p, m = {
       type: "TextQuoteSelector",
       exact: R
     };
@@ -499,7 +499,7 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     }
     const l = {
       type: "TextPositionSelector",
-      start: w,
+      start: v,
       end: T
     };
     return {
@@ -523,13 +523,13 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     target: f
   };
 }, ie = (t, n) => {
-  const e = new wt(), o = /* @__PURE__ */ new Map(), s = At(), r = (l, g) => {
-    const d = l.selector.flatMap((v) => {
-      const A = M([v]) ? v.range : it(v, n).range;
+  const e = new vt(), o = /* @__PURE__ */ new Map(), s = At(), r = (l, g) => {
+    const d = l.selector.flatMap((w) => {
+      const A = M([w]) ? w.range : it(w, n).range;
       return Array.from(A.getClientRects());
-    }), h = Dt(d).map((v) => _t(v, g));
-    return h.map((v) => {
-      const { x: A, y: C, width: L, height: B } = v;
+    }), h = Dt(d).map((w) => _t(w, g));
+    return h.map((w) => {
+      const { x: A, y: C, width: L, height: B } = w;
       return {
         minX: A,
         minY: C,
@@ -557,26 +557,26 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     h.forEach(({ target: A, rects: C }) => {
       C.length > 0 && o.set(A.annotation, C);
     });
-    const v = h.flatMap(({ rects: A }) => A);
-    e.load(v);
+    const w = h.flatMap(({ rects: A }) => A);
+    e.load(w);
   }, p = (l, g, d = !1) => {
     const h = e.search({
       minX: l,
       minY: g,
       maxX: l,
       maxY: g
-    }), v = (A) => A.annotation.rects.reduce((C, L) => C + L.width * L.height, 0);
-    return h.length > 0 ? (h.sort((A, C) => v(A) - v(C)), d ? h.map((A) => A.annotation.id) : [h[0].annotation.id]) : [];
+    }), w = (A) => A.annotation.rects.reduce((C, L) => C + L.width * L.height, 0);
+    return h.length > 0 ? (h.sort((A, C) => w(A) - w(C)), d ? h.map((A) => A.annotation.id) : [h[0].annotation.id]) : [];
   }, c = (l) => {
     const g = R(l);
     if (g.length === 0)
       return;
-    let d = g[0].left, h = g[0].top, v = g[0].right, A = g[0].bottom;
+    let d = g[0].left, h = g[0].top, w = g[0].right, A = g[0].bottom;
     for (let C = 1; C < g.length; C++) {
       const L = g[C];
-      d = Math.min(d, L.left), h = Math.min(h, L.top), v = Math.max(v, L.right), A = Math.max(A, L.bottom);
+      d = Math.min(d, L.left), h = Math.min(h, L.top), w = Math.max(w, L.right), A = Math.max(A, L.bottom);
     }
-    return new DOMRect(d, h, v - d, A - h);
+    return new DOMRect(d, h, w - d, A - h);
   }, R = (l) => {
     const g = o.get(l);
     return g ? g[0].annotation.rects : [];
@@ -588,7 +588,7 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     getAnnotationBounds: c,
     getAnnotationRects: R,
     getIntersecting: (l, g, d, h) => {
-      const v = e.search({ minX: l, minY: g, maxX: d, maxY: h }), A = new Set(v.map((C) => C.annotation.id));
+      const w = e.search({ minX: l, minY: g, maxX: d, maxY: h }), A = new Set(w.map((C) => C.annotation.id));
       return Array.from(A).map((C) => ({
         annotation: t.getAnnotation(C),
         rects: R(C)
@@ -609,7 +609,7 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     const g = G(m, t), d = M(g.target.selector);
     return d && e.addAnnotation(g, l), d;
   }, u = (m, l = !0, g = U.LOCAL) => {
-    const d = m.map((v) => G(v, t)), h = d.filter((v) => !M(v.target.selector));
+    const d = m.map((w) => G(w, t)), h = d.filter((w) => !M(w.target.selector));
     return e.bulkAddAnnotations(d, l, g), h;
   }, S = (m, l = U.LOCAL) => {
     const g = m.map((h) => G(h, t)), d = g.filter((h) => !M(h.target.selector));
@@ -624,11 +624,11 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     e.bulkUpdateTargets(g, l);
   };
   function p(m, l, g, d) {
-    const h = g || !!d, v = o.getAt(m, l, h).map((C) => e.getAnnotation(C)), A = d ? v.filter(d) : v;
+    const h = g || !!d, w = o.getAt(m, l, h).map((C) => e.getAnnotation(C)), A = d ? w.filter(d) : w;
     if (A.length !== 0)
       return g ? A : A[0];
   }
-  const c = (m) => o.getAnnotationRects(m).length > 0 ? o.getAnnotationBounds(m) : void 0, R = (m, l, g, d) => o.getIntersecting(m, l, g, d), w = (m) => o.getAnnotationRects(m), T = () => o.recalculate(), E = (m) => o.on("recalculate", m);
+  const c = (m) => o.getAnnotationRects(m).length > 0 ? o.getAnnotationBounds(m) : void 0, R = (m, l, g, d) => o.getIntersecting(m, l, g, d), v = (m) => o.getAnnotationRects(m), T = () => o.recalculate(), E = (m) => o.on("recalculate", m);
   return e.observe(({ changes: m }) => {
     const l = (m.deleted || []).filter((h) => M(h.target.selector)), g = (m.created || []).filter((h) => M(h.target.selector)), d = (m.updated || []).filter((h) => M(h.newValue.target.selector));
     (l == null ? void 0 : l.length) > 0 && l.forEach((h) => o.remove(h.target)), g.length > 0 && o.set(g.map((h) => h.target), !1), (d == null ? void 0 : d.length) > 0 && d.forEach(({ newValue: h }) => o.update(h.target));
@@ -640,7 +640,7 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
       bulkUpdateTargets: f,
       bulkUpsertAnnotations: S,
       getAnnotationBounds: c,
-      getAnnotationRects: w,
+      getAnnotationRects: v,
       getIntersecting: R,
       getAt: p,
       recalculatePositions: T,
@@ -674,10 +674,10 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
       n.font && (o.font = n.font);
       const c = s.get(y.annotation.id);
       if (c) {
-        const { height: R } = y.rects[0], w = y.rects[0].x + f.left, T = y.rects[0].y + f.top;
-        o.fillStyle = c.appearance.color, o.fillRect(w - 2, T - 2.5, 2, R + 5);
+        const { height: R } = y.rects[0], v = y.rects[0].x + f.left, T = y.rects[0].y + f.top;
+        o.fillStyle = c.appearance.color, o.fillRect(v - 2, T - 2.5, 2, R + 5);
         const E = o.measureText(c.appearance.label), m = E.width + 6, l = E.actualBoundingBoxAscent + E.actualBoundingBoxDescent + 8, g = E.fontBoundingBoxAscent ? 8 : 6.5;
-        return o.fillRect(w - 2, T - 2.5 - l, m, l), o.fillStyle = "#fff", o.fillText(c.appearance.label, w + 1, T - g), {
+        return o.fillRect(v - 2, T - 2.5 - l, m, l), o.fillStyle = "#fff", o.fillText(c.appearance.label, v + 1, T - g), {
           fill: c.appearance.color,
           fillOpacity: p ? 0.45 : 0.18
         };
@@ -703,9 +703,9 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
   } = e, y = (b) => r = b;
   let f;
   const p = (b) => f = b;
-  let c, R, w, T = i;
+  let c, R, v, T = i;
   const E = (b) => {
-    T = b, l.clear(), b || (c = void 0, R = void 0, w = void 0);
+    T = b, l.clear(), b || (c = void 0, R = void 0, v = void 0);
   }, m = (b) => {
     T && R !== !1 && (c = X(t, b.target) ? void 0 : {
       annotation: st(),
@@ -722,8 +722,8 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
       c = void 0;
       return;
     }
-    const O = b.timeStamp - ((w == null ? void 0 : w.timeStamp) || b.timeStamp);
-    if ((w == null ? void 0 : w.type) === "pointerdown" && (O < 1e3 && !c || x.isCollapsed && O < et) && m(w || b), !c) return;
+    const O = b.timeStamp - ((v == null ? void 0 : v.timeStamp) || b.timeStamp);
+    if ((v == null ? void 0 : v.type) === "pointerdown" && (O < 1e3 && !c || x.isCollapsed && O < et) && m(v || b), !c) return;
     if (x.isCollapsed) {
       o.getAnnotation(c.annotation) && (s.clear(), o.deleteAnnotation(c.annotation));
       return;
@@ -740,7 +740,7 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
       updated: /* @__PURE__ */ new Date()
     }, o.getAnnotation(c.annotation) ? o.updateTarget(c, U.LOCAL) : s.clear());
   }, 10), g = (b) => {
-    w = Q(b), R = w.button === 0;
+    v = Q(b), R = v.button === 0;
   }, d = async (b) => {
     if (!R) return;
     const x = Q(b), O = () => {
@@ -761,7 +761,7 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
       } else
         s.clear();
     };
-    if (x.timeStamp - w.timeStamp < et) {
+    if (x.timeStamp - v.timeStamp < et) {
       await h();
       const I = document.getSelection();
       if (I != null && I.isCollapsed) {
@@ -775,7 +775,7 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     let x = !1, O = b == null ? void 0 : b.isCollapsed;
     const F = () => O || x, I = 1;
     return setTimeout(() => x = !0, 50), xt(() => O = b == null ? void 0 : b.isCollapsed, I, F);
-  }, v = (b) => {
+  }, w = (b) => {
     const x = document.getSelection();
     x != null && x.isCollapsed || ((!c || c.selector.length === 0) && l(b), c && (B(), s.userSelect(c.annotation, Q(b))));
   }, A = (b) => {
@@ -791,9 +791,9 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     document.addEventListener("selectionchange", x), m(b);
   };
   V(de.join(","), { element: t, keydown: !0, keyup: !1 }, (b) => {
-    b.repeat || (w = Y(b));
+    b.repeat || (v = Y(b));
   }), V(dt, { keydown: !0, keyup: !1 }, (b) => {
-    w = Y(b), C(b);
+    v = Y(b), C(b);
   });
   const L = (b) => {
     b.repeat || b.target !== t && b.target !== document.body || (c = void 0, s.clear());
@@ -812,9 +812,9 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     const { target: { updated: x } } = b, { updated: O } = c;
     (!x || !O || x < O) && o.updateTarget(c);
   };
-  return document.addEventListener("pointerdown", g), document.addEventListener("pointerup", d), document.addEventListener("contextmenu", v), t.addEventListener("keyup", A), t.addEventListener("selectstart", m), document.addEventListener("selectionchange", l), {
+  return document.addEventListener("pointerdown", g), document.addEventListener("pointerup", d), document.addEventListener("contextmenu", w), t.addEventListener("keyup", A), t.addEventListener("selectstart", m), document.addEventListener("selectionchange", l), {
     destroy: () => {
-      c = void 0, R = void 0, w = void 0, l.clear(), document.removeEventListener("pointerdown", g), document.removeEventListener("pointerup", d), document.removeEventListener("contextmenu", v), t.removeEventListener("keyup", A), t.removeEventListener("selectstart", m), document.removeEventListener("selectionchange", l), V.unbind();
+      c = void 0, R = void 0, v = void 0, l.clear(), document.removeEventListener("pointerdown", g), document.removeEventListener("pointerup", d), document.removeEventListener("contextmenu", w), t.removeEventListener("keyup", A), t.removeEventListener("selectstart", m), document.removeEventListener("selectionchange", l), V.unbind();
     },
     setFilter: p,
     setUser: y,
@@ -837,7 +837,7 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
   console.debug(`Using ${y} renderer`), e.style && f.setStyle(e.style);
   const p = ue(t, o, e);
   p.setUser(S), p.setAnnotatingEnabled(e.annotatingEnabled);
-  const c = vt(o, a, e.adapter), R = () => S, w = (d) => {
+  const c = wt(o, a, e.adapter), R = () => S, v = (d) => {
     p.setAnnotatingEnabled(
       d === void 0 ? !0 : d
     );
@@ -857,7 +857,7 @@ const rt = "not-annotatable", _ = `.${rt}`, X = (t, n) => {
     },
     element: t,
     getUser: R,
-    setAnnotatingEnabled: w,
+    setAnnotatingEnabled: v,
     setFilter: T,
     setStyle: f.setStyle.bind(f),
     redraw: f.redraw.bind(f),
@@ -911,7 +911,7 @@ export {
   Ft as scrollIntoView,
   re as serializeW3CTextAnnotation,
   Bt as splitAnnotatableRanges,
-  we as toDomRectList,
+  ve as toDomRectList,
   _t as toParentBounds,
   Ae as toViewportBounds,
   Ut as trimRangeToContainer,