@soomo/text-annotator 3.2.0-staging.16 → 3.2.0-staging.17

package/dist/src/TextAnnotatorOptions.d.ts

@@ -9,13 +9,12 @@ export interface TextAnnotatorOptions<I extends TextAnnotation = TextAnnotation,
      * Determines whether an active selection should be dismissed
      * when a user ends their interaction (click, selection)
      * on a non-annotatable element.
-     * - ALWAYS - always dismiss the selection.
-     * - ANNOTATABLE_AREAS - will dismiss selection only if you click on annotatable areas
-     *                       (inside the `container`, not marked as not-annotatable)
-     * - function - a custom matcher that takes an event and container as arguments
-     *              and returns true if the selection should be dismissed.
+     * - NEVER - don't dismiss the selection, ignore the action.
+     * - ALWAYS - dismiss the selection.
+     * - function - a custom matcher that takes an event and container as arguments.
+     *              Returns `true` if the selection should be dismissed.
      *
-     * @defaut ANNOTATABLE_AREAS
+     * @defaut NEVER
      */
     dismissOnNotAnnotatable?: DismissOnNotAnnotatableExpression;
     renderer?: RendererType;
@@ -27,5 +26,5 @@ export interface TextAnnotatorOptions<I extends TextAnnotation = TextAnnotation,
     user?: User;
 }
 export type RendererType = 'SPANS' | 'CANVAS' | 'CSS_HIGHLIGHTS';
-export type DismissOnNotAnnotatableExpression = 'ALWAYS' | 'ANNOTATABLE_AREAS' | ((event: Event, container: HTMLElement) => boolean);
+export type DismissOnNotAnnotatableExpression = 'NEVER' | 'ALWAYS' | ((event: Event, container: HTMLElement) => boolean);
 export declare const fillDefaults: <I extends TextAnnotation = TextAnnotation, E extends unknown = TextAnnotation>(opts: TextAnnotatorOptions<I, E>, defaults: TextAnnotatorOptions<I, E>) => TextAnnotatorOptions<I, E>;

package/dist/text-annotator.es.js

@@ -2,21 +2,21 @@ import X 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 _, createAnonymousGuest as St, createUndoStack as Ct, createLifecycleObserver as Et, createBaseAnnotator as At } 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 $, createAnonymousGuest as St, createUndoStack as Ct, createLifecycleObserver as Et, createBaseAnnotator as wt } from "@annotorious/core";
 import { Origin as Le, UserSelectAction as ke, createBody as Ne } from "@annotorious/core";
-import wt from "rbush";
+import At from "rbush";
 import { createNanoEvents as vt } from "nanoevents";
 import V from "hotkeys-js";
 import { poll as xt } from "poll";
-const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
+const rt = "not-annotatable", _ = `.${rt}`, U = (t, n) => {
   var o;
-  return t.contains(n) ? !!(n instanceof HTMLElement ? n.closest($) : (o = n.parentElement) == null ? void 0 : o.closest($)) : !0;
-}, Tt = (t, n) => {
+  return t.contains(n) ? !!(n instanceof HTMLElement ? n.closest(_) : (o = n.parentElement) == null ? void 0 : o.closest(_)) : !0;
+}, Rt = (t, n) => {
   const e = n.commonAncestorContainer;
   return !U(t, e);
-}, Rt = (t) => t.addEventListener("click", (n) => {
+}, Tt = (t) => t.addEventListener("click", (n) => {
   // Allow clicks within not-annotatable elements
-  !n.target.closest($) && !n.target.closest("a") && n.preventDefault();
+  !n.target.closest(_) && !n.target.closest("a") && n.preventDefault();
 }), Lt = typeof navigator < "u" && // @ts-ignore
 /mac/i.test(navigator.userAgentData ? navigator.userAgentData.platform : navigator.platform), kt = (t) => {
   !t.hasAttribute("tabindex") && t.tabIndex < 0 && t.setAttribute("tabindex", "-1"), t.classList.add("no-focus-outline");
@@ -24,13 +24,13 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
   const n = document.createNodeIterator(
     t.commonAncestorContainer,
     NodeFilter.SHOW_ELEMENT,
-    (o) => o instanceof HTMLElement && o.classList.contains(rt) && !o.parentElement.closest($) && t.intersectsNode(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
+    (o) => o instanceof HTMLElement && o.classList.contains(rt) && !o.parentElement.closest(_) && t.intersectsNode(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
   );
   let e;
   for (; e = n.nextNode(); )
     e instanceof HTMLElement && (yield e);
 }, Bt = (t, n) => {
-  if (!Tt(t, n)) return [];
+  if (!Rt(t, n)) return [];
   const e = [];
   let o = null;
   for (const s of Nt(n)) {
@@ -44,7 +44,7 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
   return e.length > 0 ? e : [n];
 }, Z = (t) => {
   const n = t.cloneContents();
-  return n.querySelectorAll($).forEach((e) => e.remove()), n;
+  return n.querySelectorAll(_).forEach((e) => e.remove()), n;
 }, Ot = (t, n, e = 10, o) => {
   const s = o ? t.startContainer.parentElement.closest(o) : n, r = document.createRange();
   r.setStart(s, 0), r.setEnd(t.startContainer, t.startOffset);
@@ -103,7 +103,7 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     }
   }
   return s ? o : [...o, e];
-}, []), Ae = (t) => ({
+}, []), we = (t) => ({
   length: t.length,
   item: (n) => t[n],
   [Symbol.iterator]: function* () {
@@ -122,7 +122,7 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     NodeFilter.SHOW_TEXT,
     (p) => {
       var c;
-      return (c = p.parentElement) != null && c.closest($) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+      return (c = p.parentElement) != null && c.closest(_) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
     }
   );
   let i = 0;
@@ -163,12 +163,12 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     if (at(e, n))
       return !0;
   return !1;
-}, _t = (t, n) => {
+}, $t = (t, n) => {
   const e = t.cloneContents();
   return at(e, n);
-}, $t = (t, n) => {
+}, _t = (t, n) => {
   const e = t.cloneRange(), o = n.contains(e.startContainer), s = n.contains(e.endContainer);
-  return !o && !s && !_t(e, n) ? (e.collapse(), e) : (o || e.setStart(n, 0), s || e.setEnd(n, n.childNodes.length), e);
+  return !o && !s && !$t(e, n) ? (e.collapse(), e) : (o || e.setStart(n, 0), s || e.setEnd(n, n.childNodes.length), e);
 }, Q = (t) => ({
   ...t,
   type: t.type,
@@ -214,7 +214,7 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
 }), Ft = (t, n) => {
   const { left: e, top: o, right: s, bottom: r } = t;
   return new DOMRect(e - n.left, o - n.top, s - e, r - o);
-}, we = (t, n) => {
+}, Ae = (t, n) => {
   const { left: e, top: o, right: s, bottom: r } = t;
   return new DOMRect(e + n.left, o + n.top, s - e, r - o);
 }, ct = (t) => {
@@ -266,7 +266,7 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
   t.addEventListener("pointermove", f);
   const p = (C = !1) => {
     S && S.clear();
-    const k = Vt(t), { minX: B, minY: D, maxX: h, maxY: R } = k, O = u ? s.getIntersecting(B, D, h, R).filter(({ annotation: L }) => u(L)) : s.getIntersecting(B, D, h, R), I = r.selected.map(({ id: L }) => L), H = O.map(({ annotation: L, rects: W }) => {
+    const k = Vt(t), { minX: B, minY: D, maxX: h, maxY: T } = k, O = u ? s.getIntersecting(B, D, h, T).filter(({ annotation: L }) => u(L)) : s.getIntersecting(B, D, h, T), I = r.selected.map(({ id: L }) => L), H = O.map(({ annotation: L, rects: W }) => {
       const N = I.includes(L.id), K = L.id === i.current;
       return {
         annotation: L,
@@ -279,10 +279,10 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     S = C, p();
   }, x = (C) => {
     a = C, p();
-  }, w = (C) => {
+  }, A = (C) => {
     u = C, p(!1);
-  }, T = () => p();
-  s.observe(T);
+  }, R = () => p();
+  s.observe(R);
   const E = r.subscribe(() => p()), m = i.subscribe(() => p()), l = () => p(!0);
   document.addEventListener("scroll", l, { capture: !0, passive: !0 });
   const g = X(() => {
@@ -291,16 +291,16 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
   window.addEventListener("resize", g);
   const d = new ResizeObserver(g);
   d.observe(t);
-  const y = { attributes: !0, childList: !0, subtree: !0 }, A = new MutationObserver(X((C) => {
+  const y = { attributes: !0, childList: !0, subtree: !0 }, w = new MutationObserver(X((C) => {
     C.every((B) => B.target === t || t.contains(B.target)) || p(!0);
   }, 150));
-  return A.observe(document.body, y), {
+  return w.observe(document.body, y), {
     destroy: () => {
-      t.removeEventListener("pointermove", f), o.destroy(), s.unobserve(T), E(), m(), document.removeEventListener("scroll", l), g.clear(), window.removeEventListener("resize", g), d.disconnect(), A.disconnect();
+      t.removeEventListener("pointermove", f), o.destroy(), s.unobserve(R), E(), m(), document.removeEventListener("scroll", l), g.clear(), window.removeEventListener("resize", g), d.disconnect(), w.disconnect();
     },
     redraw: p,
     setStyle: x,
-    setFilter: w,
+    setFilter: A,
     setPainter: c,
     setVisible: o.setVisible
   };
@@ -317,24 +317,24 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     const { width: f, height: p } = n;
     e.clearRect(-0.5, -0.5, f + 1, p + 1), b && b.clear();
     const { top: c, left: x } = u;
-    [...a].sort((T, E) => {
-      const { annotation: { target: { created: m } } } = T, { annotation: { target: { created: l } } } = E;
+    [...a].sort((R, E) => {
+      const { annotation: { target: { created: m } } } = R, { annotation: { target: { created: l } } } = E;
       return m.getTime() - l.getTime();
-    }).forEach((T) => {
+    }).forEach((R) => {
       var g;
-      const E = S ? typeof S == "function" ? S(T.annotation, T.state) : S : (g = T.state) != null && g.selected ? q : P, m = b && b.paint(T, u) || E, l = T.rects.map(({ x: d, y, width: A, height: v }) => ({
+      const E = S ? typeof S == "function" ? S(R.annotation, R.state) : S : (g = R.state) != null && g.selected ? q : P, m = b && b.paint(R, u) || E, l = R.rects.map(({ x: d, y, width: w, height: v }) => ({
         x: d + x,
         y: y + c,
-        width: A,
+        width: w,
         height: v
       }));
       if (e.fillStyle = m.fill, e.globalAlpha = m.fillOpacity || 1, l.forEach(
-        ({ x: d, y, width: A, height: v }) => e.fillRect(d, y, A, v)
+        ({ x: d, y, width: w, height: v }) => e.fillRect(d, y, w, v)
       ), m.underlineColor) {
         e.globalAlpha = 1, e.strokeStyle = m.underlineColor, e.lineWidth = m.underlineThickness ?? 1;
         const d = m.underlineOffset ?? 0;
-        l.forEach(({ x: y, y: A, width: v, height: C }) => {
-          e.beginPath(), e.moveTo(y, A + C + d), e.lineTo(y + v, A + C + d), e.stroke();
+        l.forEach(({ x: y, y: w, width: v, height: C }) => {
+          e.beginPath(), e.moveTo(y, w + C + d), e.lineTo(y + v, w + C + d), e.stroke();
         });
       }
     });
@@ -396,15 +396,15 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     redraw: (i, a, u, S, b) => {
       const p = !(ut(e, i) && b);
       if (!S && !p) return;
-      p && (n.innerHTML = ""), [...i].sort((x, w) => {
-        const { annotation: { target: { created: T } } } = x, { annotation: { target: { created: E } } } = w;
-        return T && E ? T.getTime() - E.getTime() : 0;
+      p && (n.innerHTML = ""), [...i].sort((x, A) => {
+        const { annotation: { target: { created: R } } } = x, { annotation: { target: { created: E } } } = A;
+        return R && E ? R.getTime() - E.getTime() : 0;
       }).forEach((x) => {
-        x.rects.map((w) => {
-          const T = Jt(w, i), E = Wt(x, a, u, S, T);
+        x.rects.map((A) => {
+          const R = Jt(A, i), E = Wt(x, a, u, S, R);
           if (p) {
             const m = document.createElement("span");
-            m.className = "r6o-annotation", m.dataset.annotation = x.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) || P.fill).alpha((E == null ? void 0 : E.fillOpacity) === void 0 ? P.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 = x.annotation.id, m.style.left = `${A.x}px`, m.style.top = `${A.y}px`, m.style.width = `${A.width}px`, m.style.height = `${A.height}px`, m.style.backgroundColor = ot((E == null ? void 0 : E.fill) || P.fill).alpha((E == null ? void 0 : E.fillOpacity) === void 0 ? P.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}`, U = (t, n) => {
     updated: S,
     ...b
   } = s, f = i.map((p) => {
-    const { id: c, quote: x, start: w, end: T, range: E } = p, m = {
+    const { id: c, quote: x, start: A, end: R, range: E } = p, m = {
       type: "TextQuoteSelector",
       exact: x
     };
@@ -499,8 +499,8 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     }
     const l = {
       type: "TextPositionSelector",
-      start: w,
-      end: T
+      start: A,
+      end: R
     };
     return {
       ...b,
@@ -523,13 +523,13 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     target: f
   };
 }, ie = (t, n) => {
-  const e = new wt(), o = /* @__PURE__ */ new Map(), s = vt(), r = (l, g) => {
-    const d = l.selector.flatMap((A) => {
-      const v = M([A]) ? A.range : it(A, n).range;
+  const e = new At(), o = /* @__PURE__ */ new Map(), s = vt(), r = (l, g) => {
+    const d = l.selector.flatMap((w) => {
+      const v = M([w]) ? w.range : it(w, n).range;
       return Array.from(v.getClientRects());
-    }), y = Dt(d).map((A) => Ft(A, g));
-    return y.map((A) => {
-      const { x: v, y: C, width: k, height: B } = A;
+    }), y = Dt(d).map((w) => Ft(w, g));
+    return y.map((w) => {
+      const { x: v, y: C, width: k, height: B } = w;
       return {
         minX: v,
         minY: C,
@@ -557,26 +557,26 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     y.forEach(({ target: v, rects: C }) => {
       C.length > 0 && o.set(v.annotation, C);
     });
-    const A = y.flatMap(({ rects: v }) => v);
-    e.load(A);
+    const w = y.flatMap(({ rects: v }) => v);
+    e.load(w);
   }, p = (l, g, d = !1) => {
     const y = e.search({
       minX: l,
       minY: g,
       maxX: l,
       maxY: g
-    }), A = (v) => v.annotation.rects.reduce((C, k) => C + k.width * k.height, 0);
-    return y.length > 0 ? (y.sort((v, C) => A(v) - A(C)), d ? y.map((v) => v.annotation.id) : [y[0].annotation.id]) : [];
+    }), w = (v) => v.annotation.rects.reduce((C, k) => C + k.width * k.height, 0);
+    return y.length > 0 ? (y.sort((v, C) => w(v) - w(C)), d ? y.map((v) => v.annotation.id) : [y[0].annotation.id]) : [];
   }, c = (l) => {
     const g = x(l);
     if (g.length === 0)
       return;
-    let d = g[0].left, y = g[0].top, A = g[0].right, v = g[0].bottom;
+    let d = g[0].left, y = g[0].top, w = g[0].right, v = g[0].bottom;
     for (let C = 1; C < g.length; C++) {
       const k = g[C];
-      d = Math.min(d, k.left), y = Math.min(y, k.top), A = Math.max(A, k.right), v = Math.max(v, k.bottom);
+      d = Math.min(d, k.left), y = Math.min(y, k.top), w = Math.max(w, k.right), v = Math.max(v, k.bottom);
     }
-    return new DOMRect(d, y, A - d, v - y);
+    return new DOMRect(d, y, w - d, v - y);
   }, x = (l) => {
     const g = o.get(l);
     return g ? g[0].annotation.rects : [];
@@ -588,7 +588,7 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     getAnnotationBounds: c,
     getAnnotationRects: x,
     getIntersecting: (l, g, d, y) => {
-      const A = e.search({ minX: l, minY: g, maxX: d, maxY: y }), v = new Set(A.map((C) => C.annotation.id));
+      const w = e.search({ minX: l, minY: g, maxX: d, maxY: y }), v = new Set(w.map((C) => C.annotation.id));
       return Array.from(v).map((C) => ({
         annotation: t.getAnnotation(C),
         rects: x(C)
@@ -605,30 +605,30 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     on: (l, g) => s.on(l, g)
   };
 }, ae = (t, n) => {
-  const e = pt(), o = ie(e, t), s = ht(e, n.userSelectAction, n.adapter), r = yt(e), i = bt(), a = (m, l = _.LOCAL) => {
+  const e = pt(), o = ie(e, t), s = ht(e, n.userSelectAction, n.adapter), r = yt(e), i = bt(), a = (m, l = $.LOCAL) => {
     const g = G(m, t), d = M(g.target.selector);
     return d && e.addAnnotation(g, l), d;
-  }, u = (m, l = !0, g = _.LOCAL) => {
-    const d = m.map((A) => G(A, t)), y = d.filter((A) => !M(A.target.selector));
+  }, u = (m, l = !0, g = $.LOCAL) => {
+    const d = m.map((w) => G(w, t)), y = d.filter((w) => !M(w.target.selector));
     return e.bulkAddAnnotations(d, l, g), y;
-  }, S = (m, l = _.LOCAL) => {
+  }, S = (m, l = $.LOCAL) => {
     const g = m.map((y) => G(y, t)), d = g.filter((y) => !M(y.target.selector));
     return g.forEach((y) => {
       e.getAnnotation(y.id) ? e.updateAnnotation(y, l) : e.addAnnotation(y, l);
     }), d;
-  }, b = (m, l = _.LOCAL) => {
+  }, b = (m, l = $.LOCAL) => {
     const g = z(m, t);
     e.updateTarget(g, l);
-  }, f = (m, l = _.LOCAL) => {
+  }, f = (m, l = $.LOCAL) => {
     const g = m.map((d) => z(d, t));
     e.bulkUpdateTargets(g, l);
   };
   function p(m, l, g, d) {
-    const y = g || !!d, A = o.getAt(m, l, y).map((C) => e.getAnnotation(C)), v = d ? A.filter(d) : A;
+    const y = g || !!d, w = o.getAt(m, l, y).map((C) => e.getAnnotation(C)), v = d ? w.filter(d) : w;
     if (v.length !== 0)
       return g ? v : v[0];
   }
-  const c = (m) => o.getAnnotationRects(m).length > 0 ? o.getAnnotationBounds(m) : void 0, x = (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, x = (m, l, g, d) => o.getIntersecting(m, l, g, d), A = (m) => o.getAnnotationRects(m), R = () => o.recalculate(), E = (m) => o.on("recalculate", m);
   return e.observe(({ changes: m }) => {
     const l = (m.deleted || []).filter((y) => M(y.target.selector)), g = (m.created || []).filter((y) => M(y.target.selector)), d = (m.updated || []).filter((y) => M(y.newValue.target.selector));
     (l == null ? void 0 : l.length) > 0 && l.forEach((y) => o.remove(y.target)), g.length > 0 && o.set(g.map((y) => y.target), !1), (d == null ? void 0 : d.length) > 0 && d.forEach(({ newValue: y }) => o.update(y.target));
@@ -640,10 +640,10 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
       bulkUpdateTargets: f,
       bulkUpsertAnnotations: S,
       getAnnotationBounds: c,
-      getAnnotationRects: w,
+      getAnnotationRects: A,
       getIntersecting: x,
       getAt: p,
-      recalculatePositions: T,
+      recalculatePositions: R,
       onRecalculatePositions: E,
       updateTarget: b
     },
@@ -674,10 +674,10 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
       n.font && (o.font = n.font);
       const c = s.get(b.annotation.id);
       if (c) {
-        const { height: x } = b.rects[0], w = b.rects[0].x + f.left, T = b.rects[0].y + f.top;
-        o.fillStyle = c.appearance.color, o.fillRect(w - 2, T - 2.5, 2, x + 5);
+        const { height: x } = b.rects[0], A = b.rects[0].x + f.left, R = b.rects[0].y + f.top;
+        o.fillStyle = c.appearance.color, o.fillRect(A - 2, R - 2.5, 2, x + 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(A - 2, R - 2.5 - l, m, l), o.fillStyle = "#fff", o.fillText(c.appearance.label, A + 1, R - g), {
           fill: c.appearance.color,
           fillOpacity: p ? 0.45 : 0.18
         };
@@ -699,36 +699,36 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     annotatingEnabled: i,
     offsetReferenceSelector: a,
     selectionMode: u,
-    dismissOnNotAnnotatable: S = "ANNOTATABLE_AREAS"
+    dismissOnNotAnnotatable: S = "NEVER"
   } = e, b = (h) => r = h;
   let f;
   const p = (h) => f = h;
-  let c, x, w, T = i;
+  let c, x, A, R = i;
   const E = (h) => {
-    T = h, l.clear(), h || (c = void 0, x = void 0, w = void 0);
+    R = h, l.clear(), h || (c = void 0, x = void 0, A = void 0);
   }, m = (h) => {
-    T && x !== !1 && (c = U(t, h.target) ? void 0 : {
+    R && x !== !1 && (c = U(t, h.target) ? void 0 : {
       annotation: st(),
       selector: [],
       creator: r,
       created: /* @__PURE__ */ new Date()
     });
   }, l = X((h) => {
-    if (!T) return;
-    const R = document.getSelection();
-    if (!(R != null && R.anchorNode))
+    if (!R) return;
+    const T = document.getSelection();
+    if (!(T != null && T.anchorNode))
       return;
-    if (U(t, R.anchorNode)) {
+    if (U(t, T.anchorNode)) {
       c = void 0;
       return;
     }
-    const O = h.timeStamp - ((w == null ? void 0 : w.timeStamp) || h.timeStamp);
-    if ((w == null ? void 0 : w.type) === "pointerdown" && (O < 1e3 && !c || R.isCollapsed && O < et) && m(w || h), !c) return;
-    if (R.isCollapsed) {
+    const O = h.timeStamp - ((A == null ? void 0 : A.timeStamp) || h.timeStamp);
+    if ((A == null ? void 0 : A.type) === "pointerdown" && (O < 1e3 && !c || T.isCollapsed && O < et) && m(A || h), !c) return;
+    if (T.isCollapsed) {
       o.getAnnotation(c.annotation) && (s.clear(), o.deleteAnnotation(c.annotation));
       return;
     }
-    const H = Array.from(Array(R.rangeCount).keys()).map((N) => R.getRangeAt(N)).map((N) => $t(N, t));
+    const H = Array.from(Array(T.rangeCount).keys()).map((N) => T.getRangeAt(N)).map((N) => _t(N, t));
     if (H.every((N) => Mt(N))) return;
     const L = H.flatMap((N) => Bt(t, N.cloneRange()));
     (L.length !== c.selector.length || L.some((N, K) => {
@@ -738,16 +738,16 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
       ...c,
       selector: L.map((N) => Kt(N, t, a)),
       updated: /* @__PURE__ */ new Date()
-    }, o.getAnnotation(c.annotation) ? o.updateTarget(c, _.LOCAL) : s.clear());
+    }, o.getAnnotation(c.annotation) ? o.updateTarget(c, $.LOCAL) : s.clear());
   }, 10), g = (h) => {
-    U(t, h.target) || (w = Q(h), x = w.button === 0);
+    U(t, h.target) || (A = Q(h), x = A.button === 0);
   }, d = async (h) => {
     if (!x) return;
     if (U(t, h.target)) {
       (typeof S == "function" ? S(h, t) : S === "ALWAYS") && s.clear();
       return;
     }
-    const R = () => {
+    const T = () => {
       const { x: I, y: H } = t.getBoundingClientRect(), L = h.target instanceof Node && t.contains(h.target) && o.getAt(h.clientX - I, h.clientY - H, u === "all", f);
       if (L) {
         const { selected: W } = s, N = new Set(W.map((F) => F.id)), K = Array.isArray(L) ? L.map((F) => F.id) : [L.id];
@@ -755,39 +755,39 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
       } else
         s.clear();
     };
-    if (h.timeStamp - w.timeStamp < et) {
+    if (h.timeStamp - A.timeStamp < et) {
       await y();
       const I = document.getSelection();
       if (I != null && I.isCollapsed) {
-        c = void 0, R();
+        c = void 0, T();
         return;
       }
     }
     c && c.selector.length > 0 && (B(), s.userSelect(c.annotation, Q(h)));
   }, y = async () => {
     const h = document.getSelection();
-    let R = !1, O = h == null ? void 0 : h.isCollapsed;
-    const I = () => O || R, H = 1;
-    return setTimeout(() => R = !0, 50), xt(() => O = h == null ? void 0 : h.isCollapsed, H, I);
-  }, A = (h) => {
-    const R = document.getSelection();
-    R != null && R.isCollapsed || ((!c || c.selector.length === 0) && l(h), c && (B(), s.userSelect(c.annotation, Q(h))));
+    let T = !1, O = h == null ? void 0 : h.isCollapsed;
+    const I = () => O || T, H = 1;
+    return setTimeout(() => T = !0, 50), xt(() => O = h == null ? void 0 : h.isCollapsed, H, I);
+  }, w = (h) => {
+    const T = document.getSelection();
+    T != null && T.isCollapsed || ((!c || c.selector.length === 0) && l(h), c && (B(), s.userSelect(c.annotation, Q(h))));
   }, v = (h) => {
-    T && h.key === "Shift" && c && (document.getSelection().isCollapsed || (B(), s.userSelect(c.annotation, Y(h))));
+    R && h.key === "Shift" && c && (document.getSelection().isCollapsed || (B(), s.userSelect(c.annotation, Y(h))));
   }, C = (h) => {
-    const R = () => setTimeout(() => {
+    const T = () => setTimeout(() => {
       (c == null ? void 0 : c.selector.length) > 0 && (s.clear(), o.addAnnotation({
         id: c.annotation,
         bodies: [],
         target: c
-      }), s.userSelect(c.annotation, Y(h))), document.removeEventListener("selectionchange", R);
+      }), s.userSelect(c.annotation, Y(h))), document.removeEventListener("selectionchange", T);
     }, 100);
-    document.addEventListener("selectionchange", R), m(h);
+    document.addEventListener("selectionchange", T), m(h);
   };
   V(de.join(","), { element: t, keydown: !0, keyup: !1 }, (h) => {
-    h.repeat || (w = Y(h));
+    h.repeat || (A = Y(h));
   }), V(dt, { keydown: !0, keyup: !1 }, (h) => {
-    w = Y(h), C(h);
+    A = Y(h), C(h);
   });
   const k = (h) => {
     h.repeat || h.target !== t && h.target !== document.body || (c = void 0, s.clear());
@@ -803,12 +803,12 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
       });
       return;
     }
-    const { target: { updated: R } } = h, { updated: O } = c;
-    (!R || !O || R < O) && o.updateTarget(c);
+    const { target: { updated: T } } = h, { updated: O } = c;
+    (!T || !O || T < O) && o.updateTarget(c);
   };
-  return t.addEventListener("pointerdown", g), document.addEventListener("pointerup", d), document.addEventListener("contextmenu", A), t.addEventListener("keyup", v), t.addEventListener("selectstart", m), document.addEventListener("selectionchange", l), {
+  return t.addEventListener("pointerdown", g), document.addEventListener("pointerup", d), document.addEventListener("contextmenu", w), t.addEventListener("keyup", v), t.addEventListener("selectstart", m), document.addEventListener("selectionchange", l), {
     destroy: () => {
-      c = void 0, x = void 0, w = void 0, l.clear(), t.removeEventListener("pointerdown", g), document.removeEventListener("pointerup", d), document.removeEventListener("contextmenu", A), t.removeEventListener("keyup", v), t.removeEventListener("selectstart", m), document.removeEventListener("selectionchange", l), V.unbind();
+      c = void 0, x = void 0, A = void 0, l.clear(), t.removeEventListener("pointerdown", g), document.removeEventListener("pointerup", d), document.removeEventListener("contextmenu", w), t.removeEventListener("keyup", v), t.removeEventListener("selectstart", m), document.removeEventListener("selectionchange", l), V.unbind();
     },
     setFilter: p,
     setUser: b,
@@ -819,7 +819,7 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
   annotatingEnabled: t.annotatingEnabled ?? n.annotatingEnabled,
   user: t.user || n.user
 }), nt = "SPANS", xe = (t, n = {}) => {
-  Rt(t), kt(t);
+  Tt(t), kt(t);
   const e = fe(n, {
     annotatingEnabled: !0,
     user: St()
@@ -831,11 +831,11 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
   console.debug(`Using ${b} renderer`), e.style && f.setStyle(e.style);
   const p = ue(t, o, e);
   p.setUser(S), p.setAnnotatingEnabled(e.annotatingEnabled);
-  const c = At(o, a, e.adapter), x = () => S, w = (d) => {
+  const c = wt(o, a, e.adapter), x = () => S, A = (d) => {
     p.setAnnotatingEnabled(
       d === void 0 ? !0 : d
     );
-  }, T = (d) => {
+  }, R = (d) => {
     f.setFilter(d), p.setFilter(d);
   }, E = (d) => {
     S = d, p.setUser(d);
@@ -851,8 +851,8 @@ const rt = "not-annotatable", $ = `.${rt}`, U = (t, n) => {
     },
     element: t,
     getUser: x,
-    setAnnotatingEnabled: w,
-    setFilter: T,
+    setAnnotatingEnabled: A,
+    setFilter: R,
     setStyle: f.setStyle.bind(f),
     redraw: f.redraw.bind(f),
     setUser: E,
@@ -869,11 +869,11 @@ export {
   q as DEFAULT_SELECTED_STYLE,
   P as DEFAULT_STYLE,
   rt as NOT_ANNOTATABLE_CLASS,
-  $ as NOT_ANNOTATABLE_SELECTOR,
+  _ as NOT_ANNOTATABLE_SELECTOR,
   Le as Origin,
   ke as UserSelectAction,
   ve as W3CTextFormat,
-  Rt as cancelSingleClickEvents,
+  Tt as cancelSingleClickEvents,
   Y as cloneKeyboardEvent,
   Q as clonePointerEvent,
   Ne as createBody,
@@ -890,14 +890,14 @@ export {
   Z as getRangeAnnotatableContents,
   Lt as isMac,
   U as isNotAnnotatable,
-  Tt as isRangeAnnotatable,
+  Rt as isRangeAnnotatable,
   M as isRevived,
   Mt as isWhitespaceOrEmpty,
   Dt as mergeClientRects,
   Wt as paint,
   se as parseW3CTextAnnotation,
   kt as programmaticallyFocusable,
-  _t as rangeContains,
+  $t as rangeContains,
   Kt as rangeToSelector,
   G as reviveAnnotation,
   it as reviveSelector,
@@ -905,10 +905,10 @@ export {
   Ut as scrollIntoView,
   re as serializeW3CTextAnnotation,
   Bt as splitAnnotatableRanges,
-  Ae as toDomRectList,
+  we as toDomRectList,
   Ft as toParentBounds,
-  we as toViewportBounds,
-  $t as trimRangeToContainer,
+  Ae as toViewportBounds,
+  _t as trimRangeToContainer,
   It as whitespaceOrEmptyRegex
 };
 //# sourceMappingURL=text-annotator.es.js.map