@soomo/text-annotator 3.2.0-staging.3 → 3.2.0-staging.5

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{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{position:absolute;display:block;border-style:solid;border-width:0;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;overflow:hidden;z-index:1}.r6o-annotatable .r6o-span-highlight-layer.hidden{display:none}.r6o-annotatable .r6o-span-highlight-layer .r6o-annotation{position:absolute;display:block;border-style:solid;border-width:0;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

@@ -72,7 +72,7 @@ const fe = "not-annotatable", nt = `.${fe}`, rt = (t) => {
 }, Xe = (t, e) => {
   const n = Math.min(t.left, e.left), o = Math.max(t.right, e.right), i = Math.min(t.top, e.top), s = Math.max(t.bottom, e.bottom);
   return new DOMRect(n, i, o - n, s - i);
-}, Pe = (t) => t.reduce((e, n) => {
+}, $e = (t) => t.reduce((e, n) => {
   if (n.width === 0 || n.height === 0)
     return e;
   let o = [...e], i = !1;
@@ -100,7 +100,7 @@ const fe = "not-annotatable", nt = `.${fe}`, rt = (t) => {
     for (let e = 0; e < this.length; e++)
       yield this.item(e);
   }
-}), $e = (t, e, n) => {
+}), Pe = (t, e, n) => {
   const o = document.createRange(), i = n ? t.startContainer.parentElement.closest(n) : e;
   o.setStart(i, 0), o.setEnd(t.startContainer, t.startOffset);
   const s = Kt(o).textContent, a = t.toString(), r = s.length || 0, l = r + a.length;
@@ -217,17 +217,16 @@ const fe = "not-annotatable", nt = `.${fe}`, rt = (t) => {
   n.scroll({ top: x, left: p, behavior: "smooth" });
 }, Fe = (t, e) => (n, o) => {
   const i = typeof n == "string" ? n : n.id, s = o ? typeof o == "string" ? document.getElementById(o) : o : ge(t);
-  if (s) {
-    const a = e.getAnnotation(i), { range: r } = a.target.selector[0];
-    if (r && !r.collapsed)
-      return zt(e, a.target, s), !0;
-    {
-      const l = vt(a.target, t), { range: d } = l.selector[0];
-      if (d && !d.collapsed)
-        return zt(e, l, s), !0;
-    }
-  }
-  return !1;
+  if (!s)
+    return console.warn(`The scroll parent is missing for the annotation: ${i}`, { container: t }), !1;
+  const a = e.getAnnotation(i);
+  if (!a)
+    return console.warn(`The annotation is missing in the store: ${i}`), !1;
+  const { range: r } = a.target.selector[0];
+  if (r && !r.collapsed)
+    return zt(e, a.target, s), !0;
+  const l = vt(a.target, t), { range: d } = l.selector[0];
+  return d && !d.collapsed ? (zt(e, l, s), !0) : !1;
 }, G = {
   fill: "rgb(0, 128, 255)",
   fillOpacity: 0.18
@@ -283,7 +282,7 @@ function Ge() {
   return gt.exports.debounce = t, gt.exports = t, gt.exports;
 }
 var Qe = /* @__PURE__ */ Ge();
-const Pt = /* @__PURE__ */ qe(Qe), Je = (t) => {
+const $t = /* @__PURE__ */ qe(Qe), Je = (t) => {
   const { top: e, left: n } = t.getBoundingClientRect(), { innerWidth: o, innerHeight: i } = window, s = -n, a = -e, r = o - n, l = i - e;
   return { top: e, left: n, minX: s, minY: a, maxX: r, maxY: l };
 }, Ze = (t) => {
@@ -292,17 +291,17 @@ const Pt = /* @__PURE__ */ qe(Qe), Je = (t) => {
     const i = o.map((s) => s.id);
     (e.size !== i.length || i.some((s) => !e.has(s))) && t.set(i), e = new Set(i);
   };
-}, $t = (t, e, n, o) => {
+}, Pt = (t, e, n, o) => {
   const { store: i, selection: s, hover: a } = e;
   let r, l, d;
   const g = Ze(n), u = (T) => {
-    const { x: M, y: _ } = t.getBoundingClientRect(), P = i.getAt(T.clientX - M, T.clientY - _, !1, l);
-    P ? a.current !== P.id && (t.classList.add("hovered"), a.set(P.id)) : a.current && (t.classList.remove("hovered"), a.set(null));
+    const { x: M, y: _ } = t.getBoundingClientRect(), $ = i.getAt(T.clientX - M, T.clientY - _, !1, l);
+    $ ? a.current !== $.id && (t.classList.add("hovered"), a.set($.id)) : a.current && (t.classList.remove("hovered"), a.set(null));
   };
   t.addEventListener("pointermove", u);
   const h = (T = !1) => {
     d && d.clear();
-    const M = Je(t), { minX: _, minY: P, maxX: f, maxY: b } = M, A = l ? i.getIntersecting(_, P, f, b).filter(({ annotation: O }) => l(O)) : i.getIntersecting(_, P, f, b), C = s.selected.map(({ id: O }) => O), B = A.map(({ annotation: O, rects: I }) => {
+    const M = Je(t), { minX: _, minY: $, maxX: f, maxY: b } = M, A = l ? i.getIntersecting(_, $, f, b).filter(({ annotation: O }) => l(O)) : i.getIntersecting(_, $, f, b), C = s.selected.map(({ id: O }) => O), B = A.map(({ annotation: O, rects: I }) => {
       const V = C.includes(O.id), Q = O.id === a.current;
       return { annotation: O, rects: I, state: { selected: V, hover: Q } };
     });
@@ -317,7 +316,7 @@ const Pt = /* @__PURE__ */ qe(Qe), Je = (t) => {
   i.observe(E);
   const m = s.subscribe(() => h()), c = () => h(!0);
   document.addEventListener("scroll", c, { capture: !0, passive: !0 });
-  const y = Pt(() => {
+  const y = $t(() => {
     i.recalculatePositions(), d == null || d.reset(), h();
   }, 10);
   window.addEventListener("resize", y);
@@ -370,7 +369,7 @@ const Pt = /* @__PURE__ */ qe(Qe), Je = (t) => {
         });
       }
     });
-  }), i = Pt(() => en(e), 10);
+  }), i = $t(() => en(e), 10);
   return window.addEventListener("resize", i), {
     destroy: () => {
       e.remove(), i.clear(), window.removeEventListener("resize", i);
@@ -380,17 +379,17 @@ const Pt = /* @__PURE__ */ qe(Qe), Je = (t) => {
     },
     redraw: o
   };
-}, on = (t, e, n) => $t(t, e, n, nn(t));
+}, on = (t, e, n) => Pt(t, e, n, nn(t));
 var sn = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
   return typeof t == "string" ? t.length > 0 : typeof t == "number";
 }, D = function(t, e, n) {
   return e === void 0 && (e = 0), n === void 0 && (n = Math.pow(10, e)), Math.round(n * t) / n + 0;
-}, $ = function(t, e, n) {
+}, P = function(t, e, n) {
   return e === void 0 && (e = 0), n === void 0 && (n = 1), t > n ? n : t > e ? t : e;
 }, me = function(t) {
   return (t = isFinite(t) ? t % 360 : 0) > 0 ? t : t + 360;
 }, Wt = function(t) {
-  return { r: $(t.r, 0, 255), g: $(t.g, 0, 255), b: $(t.b, 0, 255), a: $(t.a) };
+  return { r: P(t.r, 0, 255), g: P(t.g, 0, 255), b: P(t.b, 0, 255), a: P(t.a) };
 }, Ot = function(t) {
   return { r: D(t.r), g: D(t.g), b: D(t.b), a: D(t.a, 3) };
 }, rn = /^#([0-9a-f]{3,8})$/i, mt = function(t) {
@@ -405,7 +404,7 @@ var sn = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
   var s = Math.floor(e), a = o * (1 - n), r = o * (1 - (e - s) * n), l = o * (1 - (1 - e + s) * n), d = s % 6;
   return { r: 255 * [o, r, a, a, l, o][d], g: 255 * [l, o, o, r, a, a][d], b: 255 * [a, a, l, o, o, r][d], a: i };
 }, qt = function(t) {
-  return { h: me(t.h), s: $(t.s, 0, 100), l: $(t.l, 0, 100), a: $(t.a) };
+  return { h: me(t.h), s: P(t.s, 0, 100), l: P(t.l, 0, 100), a: P(t.a) };
 }, Gt = function(t) {
   return { h: D(t.h), s: D(t.s), l: D(t.l), a: D(t.a, 3) };
 }, Qt = function(t) {
@@ -437,7 +436,7 @@ var sn = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
   var e = t.h, n = t.s, o = t.v, i = t.a, s = i === void 0 ? 1 : i;
   if (!F(e) || !F(n) || !F(o)) return null;
   var a = function(r) {
-    return { h: me(r.h), s: $(r.s, 0, 100), v: $(r.v, 0, 100), a: $(r.a) };
+    return { h: me(r.h), s: P(r.s, 0, 100), v: P(r.v, 0, 100), a: P(r.a) };
   }({ h: Number(e), s: Number(n), v: Number(o), a: Number(s) });
   return be(a);
 }, "hsv"]] }, Zt = function(t, e) {
@@ -450,12 +449,12 @@ var sn = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, F = function(t) {
   return typeof t == "string" ? Zt(t.trim(), Jt.string) : typeof t == "object" && t !== null ? Zt(t, Jt.object) : [null, void 0];
 }, Rt = function(t, e) {
   var n = lt(t);
-  return { h: n.h, s: $(n.s + 100 * e, 0, 100), l: n.l, a: n.a };
+  return { h: n.h, s: P(n.s + 100 * e, 0, 100), l: n.l, a: n.a };
 }, Mt = function(t) {
   return (299 * t.r + 587 * t.g + 114 * t.b) / 1e3 / 255;
 }, te = function(t, e) {
   var n = lt(t);
-  return { h: n.h, s: n.s, l: $(n.l + 100 * e, 0, 100), a: n.a };
+  return { h: n.h, s: n.s, l: P(n.l + 100 * e, 0, 100), a: n.a };
 }, ee = function() {
   function t(e) {
     this.parsed = un(e)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
@@ -544,7 +543,7 @@ const fn = (t) => [
       }), e = d;
     }
   };
-}, pn = (t, e, n) => $t(t, e, n, hn());
+}, pn = (t, e, n) => Pt(t, e, n, hn());
 var ne = Object.prototype.hasOwnProperty;
 function Xt(t, e) {
   var n, o;
@@ -598,7 +597,7 @@ const gn = (t, e) => {
       a ? e.classList.remove("hidden") : e.classList.add("hidden");
     }
   };
-}, yn = (t, e, n) => $t(t, e, n, mn(t)), Y = [];
+}, yn = (t, e, n) => Pt(t, e, n, mn(t)), Y = [];
 for (let t = 0; t < 256; ++t)
   Y.push((t + 256).toString(16).slice(1));
 function bn(t, e = 0) {
@@ -1045,7 +1044,7 @@ const Nn = (t, e) => {
   }, _ = (f, b = k.LOCAL) => {
     const A = f.map((C) => T({ id: C.id, annotation: C.annotation }, C)).filter(Boolean);
     s(b, { updated: A });
-  }, P = (f) => {
+  }, $ = (f) => {
     const b = t.get(f.annotation);
     if (b) {
       const A = {
@@ -1076,7 +1075,7 @@ const Nn = (t, e) => {
     bulkUpdateAnnotations: g,
     bulkUpdateBodies: _,
     bulkUpdateTargets: (f, b = k.LOCAL) => {
-      const A = f.map((C) => P(C)).filter(Boolean);
+      const A = f.map((C) => $(C)).filter(Boolean);
       A.length > 0 && s(b, { updated: A });
     },
     bulkUpsertAnnotations: u,
@@ -1090,7 +1089,7 @@ const Nn = (t, e) => {
     updateAnnotation: l,
     updateBody: M,
     updateTarget: (f, b = k.LOCAL) => {
-      const A = P(f);
+      const A = $(f);
       A && s(b, { updated: [A] });
     },
     upsertAnnotation: d
@@ -1155,7 +1154,7 @@ const Yn = 250, Kn = (t, e) => {
     subscribe: t,
     set: e
   };
-}, Pn = (t, e, n, o) => {
+}, $n = (t, e, n, o) => {
   const { hover: i, selection: s, store: a, viewport: r } = t, l = /* @__PURE__ */ new Map();
   let d = [], g;
   const u = (w, E) => {
@@ -1223,7 +1222,7 @@ const Yn = 250, Kn = (t, e) => {
     w ? (m || []).forEach((c) => x("updateAnnotation", c.oldValue, c.newValue)) : (m || []).forEach((c) => x("updateAnnotation", c.newValue, c.oldValue));
   };
   return e.on("undo", p(!0)), e.on("redo", p(!1)), { on: u, off: h, emit: x };
-}, $n = (t) => (e) => e.reduce((n, o) => {
+}, Pn = (t) => (e) => e.reduce((n, o) => {
   const { parsed: i, error: s } = t.parse(o);
   return s ? {
     parsed: n.parsed,
@@ -1260,7 +1259,7 @@ const Yn = 250, Kn = (t, e) => {
     }
   }, x = (m, c = !0) => {
     if (n) {
-      const y = n.parseAll || $n(n), { parsed: S, failed: v } = y(m);
+      const y = n.parseAll || Pn(n), { parsed: S, failed: v } = y(m);
       v.length > 0 && console.warn(`Discarded ${v.length} invalid annotations`, v), o.bulkAddAnnotations(S, c, k.REMOTE);
     } else
       o.bulkAddAnnotations(m.map(Nt), c, k.REMOTE);
@@ -1741,14 +1740,14 @@ const ho = (t, e) => {
     const v = y.selector.flatMap((R) => {
       const T = q([R]) ? R.range : he(R, e).range;
       return Array.from(T.getClientRects());
-    }), L = Pe(v).map((R) => ze(R, S));
+    }), L = $e(v).map((R) => ze(R, S));
     return L.map((R) => {
-      const { x: T, y: M, width: _, height: P } = R;
+      const { x: T, y: M, width: _, height: $ } = R;
       return {
         minX: T,
         minY: M,
         maxX: T + _,
-        maxY: M + P,
+        maxY: M + $,
         annotation: {
           id: y.annotation,
           rects: L
@@ -2292,7 +2291,7 @@ const de = 300, Re = ["up", "down", "left", "right"], Me = Ie ? "⌘+a" : "ctrl+
       creator: s,
       created: /* @__PURE__ */ new Date()
     });
-  }, c = Pt((f) => {
+  }, c = $t((f) => {
     if (!w) return;
     const b = document.getSelection();
     if (!(b != null && b.anchorNode))
@@ -2315,7 +2314,7 @@ const de = 300, Re = ["up", "down", "left", "right"], Me = Ie ? "⌘+a" : "ctrl+
       return V.toString() !== ((Ct = h.selector[Q]) == null ? void 0 : Ct.quote);
     })) && (h = {
       ...h,
-      selector: O.map((V) => $e(V, t, r)),
+      selector: O.map((V) => Pe(V, t, r)),
       updated: /* @__PURE__ */ new Date()
     }, o.getAnnotation(h.annotation) ? o.updateTarget(h, k.LOCAL) : i.clear());
   }, 10), y = (f) => {
@@ -2398,7 +2397,7 @@ const de = 300, Re = ["up", "down", "left", "right"], Me = Ie ? "⌘+a" : "ctrl+
   const n = Bo(e, {
     annotatingEnabled: !0,
     user: Gn()
-  }), o = po(t, n), { selection: i, viewport: s } = o, a = o.store, r = Kn(a), l = Pn(o, r, n.adapter);
+  }), o = po(t, n), { selection: i, viewport: s } = o, a = o.store, r = Kn(a), l = $n(o, r, n.adapter);
   let d = n.user;
   const g = n.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : ue : n.renderer || ue, u = g === "SPANS" ? yn(t, o, s) : g === "CSS_HIGHLIGHTS" ? pn(t, o, s) : g === "CANVAS" ? on(t, o, s) : void 0;
   if (!u)
@@ -2468,12 +2467,12 @@ export {
   Be as isRangeAnnotatable,
   q as isRevived,
   Ye as isWhitespaceOrEmpty,
-  Pe as mergeClientRects,
+  $e as mergeClientRects,
   We as paint,
   no as parseW3CTextAnnotation,
   Ne as programmaticallyFocusable,
   He as rangeContains,
-  $e as rangeToSelector,
+  Pe as rangeToSelector,
   Lt as reviveAnnotation,
   he as reviveSelector,
   vt as reviveTarget,