@soomo/text-annotator 4.4.0-staging.0 → 4.4.2-staging.0

package/dist/text-annotator.es.js

@@ -1,8 +1,8 @@
 import { v4 as dt } from "uuid";
-import { parseW3CBodies as Ct, serializeW3CBodies as vt, parseW3CUser as Tt, UserSelectAction as At, createStore as Rt, createSelectionState as wt, createHoverState as xt, createViewportState as Lt, Origin as F, createAnonymousGuest as Nt, createUndoStack as Ot, createLifecycleObserver as kt, createBaseAnnotator as Mt } from "@annotorious/core";
+import { parseW3CBodies as Ct, serializeW3CBodies as vt, parseW3CUser as At, UserSelectAction as Tt, createStore as Rt, createSelectionState as wt, createHoverState as xt, createViewportState as Lt, Origin as F, createAnonymousGuest as Nt, createUndoStack as Ot, createLifecycleObserver as kt, createBaseAnnotator as Mt } from "@annotorious/core";
 import { Origin as De, UserSelectAction as Pe, createBody as He } from "@annotorious/core";
 import { createNanoEvents as ut } from "nanoevents";
-import { colord as nt } from "colord";
+import { colord as ot } from "colord";
 import { dequal as _t } from "dequal/lite";
 import Bt from "rbush";
 import It from "debounce";
@@ -12,9 +12,9 @@ const xe = (t) => t.target.selector.every(H), Le = (t) => t.selector.every(H);
 function H(t) {
   return Array.isArray(t) ? t.every((e) => "range" in e && e.range instanceof Range && !e.range.collapsed) : "range" in t && t.range instanceof Range && !t.range.collapsed;
 }
-const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt = "not-annotatable", K = `.${gt}`, Z = (t, e) => t.contains(e) ? !!(e instanceof HTMLElement ? e.closest(K) : e.parentElement?.closest(K)) : !0, mt = (t, e) => {
+const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt = "not-annotatable", K = `.${gt}`, J = (t, e) => t.contains(e) ? !!(e instanceof HTMLElement ? e.closest(K) : e.parentElement?.closest(K)) : !0, mt = (t, e) => {
   const o = e.commonAncestorContainer;
-  return !Z(t, o);
+  return !J(t, o);
 }, pt = /^\s*$/, Pt = (t) => pt.test(t.toString()), Ne = (t) => pt.test(t.textContent || ""), Ht = (t) => {
   if (t.length === 0) return [];
   if (t.length === 1) return [t[0]];
@@ -48,76 +48,76 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     s.setStartAfter(i), s.collapsed || o.push(s);
   }
   return o.length > 0 ? o : [e];
-}, ot = (t) => {
+}, st = (t) => {
   const e = t.cloneContents();
   return e.querySelectorAll(K).forEach((o) => o.remove()), e;
 }, Wt = (t, e) => {
   const o = t.cloneRange();
   return e.contains(o.startContainer) || o.setStart(e, 0), e.contains(o.endContainer) || o.setEnd(e, e.childNodes.length), o;
-}, rt = new Intl.Segmenter(void 0, { granularity: "grapheme" }), $t = (t, e, o = 10, i) => {
+}, it = new Intl.Segmenter(void 0, { granularity: "grapheme" }), $t = (t, e, o = 10, i) => {
   const s = i ? t.startContainer.parentElement.closest(i) : e, n = document.createRange();
   n.setStart(s, 0), n.setEnd(t.startContainer, t.startOffset);
-  const r = ot(n).textContent, a = document.createRange();
-  a.setStart(t.endContainer, t.endOffset), s === document.body ? a.setEnd(s, s.childNodes.length) : a.setEndAfter(s);
-  const l = ot(a).textContent, h = [...rt.segment(r)], g = [...rt.segment(l)];
+  const r = st(n).textContent, c = document.createRange();
+  c.setStart(t.endContainer, t.endOffset), s === document.body ? c.setEnd(s, s.childNodes.length) : c.setEndAfter(s);
+  const l = st(c).textContent, y = [...it.segment(r)], m = [...it.segment(l)];
   return {
-    prefix: h.slice(-o).map((S) => S.segment).join(""),
-    suffix: g.slice(0, o).map((S) => S.segment).join("")
+    prefix: y.slice(-o).map((E) => E.segment).join(""),
+    suffix: m.slice(0, o).map((E) => E.segment).join("")
   };
 }, Yt = (t, e, o) => {
   const i = document.createRange(), s = o ? t.startContainer.parentElement.closest(o) : e;
   i.setStart(s, 0), i.setEnd(t.startContainer, t.startOffset);
-  const n = ot(i).textContent, r = t.toString(), a = n.length || 0, l = a + r.length;
-  return o ? { quote: r, start: a, end: l, range: t, offsetReference: s } : { quote: r, start: a, end: l, range: t };
+  const n = st(i).textContent, r = t.toString(), c = n.length || 0, l = c + r.length;
+  return o ? { quote: r, start: c, end: l, range: t, offsetReference: s } : { quote: r, start: c, end: l, range: t };
 }, Xt = (t, e) => {
   if (H(t)) return t;
   const { start: o, end: i } = t, s = t.offsetReference || e, n = document.createTreeWalker(
     e,
     NodeFilter.SHOW_TEXT,
-    (g) => g.parentElement?.closest(K) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT
+    (m) => m.parentElement?.closest(K) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT
   );
   let r = 0;
-  const a = document.createRange();
+  const c = document.createRange();
   let l = n.nextNode();
   l === null && console.error("Could not revive annotation target. Content missing.");
-  let h = !s;
+  let y = !s;
   for (; l !== null; ) {
-    if (h ||= typeof s?.contains == "function" ? s.contains(l) : !1, h) {
-      const g = l.textContent?.length || 0;
-      if (r + g > o) {
-        a.setStart(l, o - r);
+    if (y ||= typeof s?.contains == "function" ? s.contains(l) : !1, y) {
+      const m = l.textContent?.length || 0;
+      if (r + m > o) {
+        c.setStart(l, o - r);
         break;
       }
-      r += g;
+      r += m;
     }
     l = n.nextNode();
   }
   for (; l !== null; ) {
-    const g = l.textContent?.length || 0;
-    if (r + g >= i) {
-      a.setEnd(l, i - r);
+    const m = l.textContent?.length || 0;
+    if (r + m >= i) {
+      c.setEnd(l, i - r);
       break;
     }
-    r += g, l = n.nextNode();
+    r += m, l = n.nextNode();
   }
   return {
     ...t,
-    range: a
+    range: c
   };
-}, J = (t, e, o = (i, s) => Xt(i, s)) => ({
+}, tt = (t, e, o = (i, s) => Xt(i, s)) => ({
   ...t,
   selector: t.selector.flatMap((i) => o(i, e))
-}), it = (t, e, o) => ({
+}), Q = (t, e, o) => ({
   ...t,
-  target: J(t.target, e, o)
+  target: tt(t.target, e, o)
 }), ht = (t) => {
   if (!t)
     return document.scrollingElement;
   const { overflowY: e } = window.getComputedStyle(t);
   return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : ht(t.parentElement);
 }, at = (t, e, o) => {
-  const i = o.getBoundingClientRect(), s = o.clientHeight, n = o.clientWidth, r = e.selector[0].range.getBoundingClientRect(), { width: a, height: l } = t.getAnnotationBounds(e.annotation), h = r.top - i.top, g = r.left - i.left, S = o.parentElement ? o.scrollTop : 0, m = o.parentElement ? o.scrollLeft : 0, T = h + S - (s - l) / 2, d = g + m - (n - a) / 2;
-  o.scroll({ top: T, left: d, behavior: "smooth" });
+  const i = o.getBoundingClientRect(), s = o.clientHeight, n = o.clientWidth, r = e.selector[0].range.getBoundingClientRect(), { width: c, height: l } = t.getAnnotationBounds(e.annotation), y = r.top - i.top, m = r.left - i.left, E = o.parentElement ? o.scrollTop : 0, h = o.parentElement ? o.scrollLeft : 0, A = y + E - (s - l) / 2, u = m + h - (n - c) / 2;
+  o.scroll({ top: A, left: u, behavior: "smooth" });
 }, Vt = (t, e) => (o, i) => {
   const s = typeof o == "string" ? o : o.id, n = i ? typeof i == "string" ? document.getElementById(i) : i : ht(t);
   if (!n)
@@ -125,11 +125,11 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   const r = e.getAnnotation(s);
   if (!r)
     return console.warn(`The annotation is missing in the store: ${s}`), !1;
-  const { range: a } = r.target.selector[0];
-  if (a && !a.collapsed)
+  const { range: c } = r.target.selector[0];
+  if (c && !c.collapsed)
     return at(e, r.target, n), !0;
-  const l = J(r.target, t), { range: h } = l.selector[0];
-  return h && !h.collapsed ? (at(e, l, n), !0) : !1;
+  const l = tt(r.target, t), { range: y } = l.selector[0];
+  return y && !y.collapsed ? (at(e, l, n), !0) : !1;
 }, Oe = (t, e) => ({
   parse: (o) => jt(o),
   serialize: (o) => Gt(o, t, e)
@@ -143,8 +143,8 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   } = t, r = Array.isArray(n) ? n : [n];
   if (r.length === 0)
     return { error: Error(`No targets found for annotation: ${t.id}`) };
-  const a = {
-    creator: Tt(o),
+  const c = {
+    creator: At(o),
     created: i ? new Date(i) : void 0,
     updated: s ? new Date(s) : void 0,
     annotation: e,
@@ -153,35 +153,35 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     styleClass: "styleClass" in r[0] ? r[0].styleClass : void 0
   };
   for (const l of r) {
-    const g = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((S, m) => {
-      switch (m.type) {
+    const m = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((E, h) => {
+      switch (h.type) {
         case "TextQuoteSelector":
-          S.quote = m.exact;
+          E.quote = h.exact;
           break;
         case "TextPositionSelector":
-          S.start = m.start, S.end = m.end;
+          E.start = h.start, E.end = h.end;
           break;
       }
-      return S;
+      return E;
     }, {});
-    if (a.outdated ||= "outdated" in l ? l.outdated : void 0, a.migrationPending ||= "migrationPending" in l ? l.migrationPending : void 0, zt(g))
-      a.selector.push(
+    if (c.outdated ||= "outdated" in l ? l.outdated : void 0, c.migrationPending ||= "migrationPending" in l ? l.migrationPending : void 0, zt(m))
+      c.selector.push(
         {
-          ...g,
+          ...m,
           id: l.id,
           // @ts-expect-error: `scope` is not part of the core `TextSelector` type
           scope: l.scope
         }
       );
     else {
-      const S = [
-        g.start ? void 0 : "TextPositionSelector",
-        g.quote ? void 0 : "TextQuoteSelector"
+      const E = [
+        m.start ? void 0 : "TextPositionSelector",
+        m.quote ? void 0 : "TextQuoteSelector"
       ].filter(Boolean);
-      return { error: Error(`Missing selector types: ${S.join(" and ")} for annotation: ${t.id}`) };
+      return { error: Error(`Missing selector types: ${E.join(" and ")} for annotation: ${t.id}`) };
     }
   }
-  return { parsed: a };
+  return { parsed: c };
 }, jt = (t) => {
   const e = t.id || dt(), {
     creator: o,
@@ -189,43 +189,43 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     modified: s,
     body: n,
     ...r
-  } = t, a = Ct(n, e), l = qt(t);
+  } = t, c = Ct(n, e), l = qt(t);
   return "error" in l ? { error: l.error } : {
     parsed: {
       ...r,
       id: e,
-      bodies: a,
+      bodies: c,
       target: l.parsed
     }
   };
 }, Gt = (t, e, o) => {
   const { bodies: i, target: s, ...n } = t, {
     selector: r,
-    creator: a,
+    creator: c,
     created: l,
-    updated: h,
-    ...g
-  } = s, S = r.map((m) => {
-    const { id: T, quote: d } = m, R = {
+    updated: y,
+    ...m
+  } = s, E = r.map((h) => {
+    const { id: A, quote: u } = h, R = {
       type: "TextQuoteSelector",
-      exact: d
+      exact: u
     };
-    if (o && "range" in m) {
-      const { prefix: x, suffix: b } = $t(m.range, o);
-      R.prefix = x, R.suffix = b;
+    if (o && "range" in h) {
+      const { prefix: x, suffix: _ } = $t(h.range, o);
+      R.prefix = x, R.suffix = _;
     }
-    if (!("start" in m))
+    if (!("start" in h))
       throw new Error("W3C serialization requires TextSelector with start/end");
-    const { start: w, end: A } = m, N = {
+    const { start: w, end: T } = h, N = {
       type: "TextPositionSelector",
       start: w,
-      end: A
+      end: T
     };
     return {
-      ...g,
-      id: T,
+      ...m,
+      id: A,
       // @ts-expect-error: `scope` is not part of the core `TextSelector` type
-      scope: "scope" in m ? m.scope : void 0,
+      scope: "scope" in h ? h.scope : void 0,
       source: e,
       selector: [R, N]
     };
@@ -236,15 +236,15 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     id: t.id,
     type: "Annotation",
     body: vt(t.bodies),
-    creator: a,
+    creator: c,
     created: l?.toISOString(),
-    modified: h?.toISOString(),
-    target: S
+    modified: y?.toISOString(),
+    target: E
   };
 }, Qt = (t) => t.addEventListener("click", (e) => {
   // Allow clicks within not-annotatable elements
   !e.target.closest(K) && !e.target.closest("a") && e.preventDefault();
-}), tt = (t) => ({
+}), et = (t) => ({
   ...t,
   type: t.type,
   x: t.x,
@@ -270,7 +270,7 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   pointerId: t.pointerId,
   pointerType: t.pointerType,
   timeStamp: t.timeStamp
-}), Q = (t) => ({
+}), Z = (t) => ({
   ...t,
   type: t.type,
   key: t.key,
@@ -286,76 +286,76 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   defaultPrevented: t.defaultPrevented,
   detail: t.detail,
   timeStamp: t.timeStamp
-}), et = (t, e = 10) => {
+}), nt = (t, e = 10) => {
   let o;
   return ((...i) => {
     clearTimeout(o), o = setTimeout(() => t.apply(void 0, i), e);
   });
 }, yt = (t, e, o, i) => {
-  const { store: s, selection: n, hover: r } = o, a = ut();
+  const { store: s, selection: n, hover: r } = o, c = ut();
   let l;
-  const h = /* @__PURE__ */ new Map();
-  let g;
-  const S = ce(i), m = (y) => {
-    const { x: v, y: O } = e.getBoundingClientRect(), _ = s.getAt(y.clientX - v, y.clientY - O, !1, g);
-    _ && o.selection.evalSelectAction(_) !== At.NONE ? r.current !== _.id && (e.classList.add("hovered"), r.set(_.id)) : r.current && (e.classList.remove("hovered"), r.set(null));
+  const y = /* @__PURE__ */ new Map();
+  let m;
+  const E = ce(i), h = (S) => {
+    const { x: b, y: L } = e.getBoundingClientRect(), M = s.getAt(S.clientX - b, S.clientY - L, !1, m);
+    M && o.selection.evalSelectAction(M) !== Tt.NONE ? r.current !== M.id && (e.classList.add("hovered"), r.set(M.id)) : r.current && (e.classList.remove("hovered"), r.set(null));
   };
-  e.addEventListener("pointermove", m);
-  const T = et((y = !1) => requestAnimationFrame(() => {
-    const v = ae(e), { minX: O, minY: _, maxX: V, maxY: z } = v, q = g ? s.getIntersecting(O, _, V, z).filter(({ annotation: f }) => g?.(f)) : s.getIntersecting(O, _, V, z), W = n.selected.map(({ id: f }) => f), $ = q.map(({ annotation: f, rects: C }) => {
-      const M = W.includes(f.id), I = f.id === r.current;
+  e.addEventListener("pointermove", h);
+  const A = nt((S = !1) => requestAnimationFrame(() => {
+    const b = ae(e), { minX: L, minY: M, maxX: V, maxY: z } = b, q = m ? s.getIntersecting(L, M, V, z).filter(({ annotation: f }) => m?.(f)) : s.getIntersecting(L, M, V, z), W = n.selected.map(({ id: f }) => f), $ = q.map(({ annotation: f, rects: C }) => {
+      const k = W.includes(f.id), I = f.id === r.current;
       return {
         annotation: f,
         rects: C,
-        state: { selected: M, hovered: I }
+        state: { selected: k, hovered: I }
       };
     });
-    t.redraw($, v, l, h, y), setTimeout(() => {
-      S(q.map(({ annotation: f }) => f)), a.emit("onRedraw");
+    t.redraw($, b, l, y, S), setTimeout(() => {
+      E(q.map(({ annotation: f }) => f)), c.emit("onRedraw");
     }, 1);
-  }), 10), d = (y, v) => {
-    v ? y ? h.set(v, y) : h.delete(v) : l = y, T(!0);
-  }, R = (y) => {
-    g = y, T(!1);
-  }, w = (y, v) => a.on(y, v), A = () => {
-    T();
+  }), 10), u = (S, b) => {
+    b ? S ? y.set(b, S) : y.delete(b) : l = S, A(!0);
+  }, R = (S) => {
+    m = S, A(!1);
+  }, w = (S, b) => c.on(S, b), T = () => {
+    A();
   };
-  s.observe(A);
+  s.observe(T);
   const N = n.subscribe(() => {
-    T();
+    A();
   }), x = r.subscribe(() => {
-    T();
-  }), b = () => {
-    T(!0);
+    A();
+  }), _ = () => {
+    A(!0);
   };
-  document.addEventListener("scroll", b, { capture: !0, passive: !0 });
-  const c = et(() => {
-    s.recalculatePositions(), T();
+  document.addEventListener("scroll", _, { capture: !0, passive: !0 });
+  const a = nt(() => {
+    s.recalculatePositions(), A();
   }, 10);
-  window.addEventListener("resize", c);
-  const u = new ResizeObserver(c);
-  u.observe(e);
-  const p = { attributes: !0, childList: !0, subtree: !0 }, E = new MutationObserver(et((y) => {
-    y.every((O) => O.target === e || e.contains(O.target)) || T(!0);
+  window.addEventListener("resize", a);
+  const d = new ResizeObserver(a);
+  d.observe(e);
+  const p = { attributes: !0, childList: !0, subtree: !0 }, g = new MutationObserver(nt((S) => {
+    S.every((L) => L.target === e || e.contains(L.target)) || A(!0);
   }, 150));
-  return E.observe(document.body, p), {
+  return g.observe(document.body, p), {
     destroy: () => {
-      e.removeEventListener("pointermove", m), t.destroy(), s.unobserve(A), N(), x(), document.removeEventListener("scroll", b), window.removeEventListener("resize", c), u.disconnect(), E.disconnect();
+      e.removeEventListener("pointermove", h), t.destroy(), s.unobserve(T), N(), x(), document.removeEventListener("scroll", _), window.removeEventListener("resize", a), d.disconnect(), g.disconnect();
     },
     on: w,
-    redraw: T,
-    setStyle: d,
+    redraw: A,
+    setStyle: u,
     setFilter: R,
     setVisible: t.setVisible.bind(t)
   };
 }, U = {
   fill: "rgb(0, 128, 255)",
   fillOpacity: 0.18
-}, st = {
+}, rt = {
   fill: "rgb(0, 128, 255)",
   fillOpacity: 0.45
-}, Zt = (t) => t?.fillOpacity !== void 0 ? nt(t?.fill || U.fill).alpha(t.fillOpacity).toHex() : t?.fill ? t.fill : nt(U.fill).alpha(U.fillOpacity).toHex(), St = (t, e, o) => e ? typeof e == "function" ? e(t.annotation, t.state, o) || (t.state?.selected ? st : U) : e : t.state?.selected ? st : U, Jt = (t, e) => {
-  const o = (n, r) => n.x <= r.x + r.width && n.x + n.width >= r.x && n.y <= r.y + r.height && n.y + n.height >= r.y, i = (n) => n.rects.reduce((r, a) => r + a.width, 0), s = e.filter(({ rects: n }) => n.some((r) => o(t, r)));
+}, Zt = (t) => t?.fillOpacity !== void 0 ? ot(t?.fill || U.fill).alpha(t.fillOpacity).toHex() : t?.fill ? t.fill : ot(U.fill).alpha(U.fillOpacity).toHex(), St = (t, e, o) => e ? typeof e == "function" ? e(t.annotation, t.state, o) || (t.state?.selected ? rt : U) : e : t.state?.selected ? rt : U, Jt = (t, e) => {
+  const o = (n, r) => n.x <= r.x + r.width && n.x + n.width >= r.x && n.y <= r.y + r.height && n.y + n.height >= r.y, i = (n) => n.rects.reduce((r, c) => r + c.width, 0), s = e.filter(({ rects: n }) => n.some((r) => o(t, r)));
   return s.sort((n, r) => i(r) - i(n)), s.findIndex((n) => n.rects.includes(t));
 }, te = (t) => {
   const e = [], o = document.createTreeWalker(
@@ -372,32 +372,32 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   if (e.length < 2)
     return Array.from(t.getClientRects());
   {
-    const n = e[0], r = e[e.length - 1], a = document.createRange();
-    if (a.selectNode(n), t.startContainer.nodeType === Node.TEXT_NODE)
-      a.setStart(n, t.startOffset);
+    const n = e[0], r = e[e.length - 1], c = document.createRange();
+    if (c.selectNode(n), t.startContainer.nodeType === Node.TEXT_NODE)
+      c.setStart(n, t.startOffset);
     else {
-      const g = t.startContainer.childNodes[t.startOffset];
-      g ? a.setStartBefore(g) : a.setStartAfter(t.startContainer);
+      const m = t.startContainer.childNodes[t.startOffset];
+      m ? c.setStartBefore(m) : c.setStartAfter(t.startContainer);
     }
     const l = document.createRange();
     if (l.selectNode(r), t.endContainer.nodeType === Node.TEXT_NODE)
       l.setEnd(r, t.endOffset);
     else {
-      const g = t.endContainer.childNodes[t.endOffset];
-      g ? l.setEndBefore(g) : l.setEndAfter(t.endContainer);
+      const m = t.endContainer.childNodes[t.endOffset];
+      m ? l.setEndBefore(m) : l.setEndAfter(t.endContainer);
     }
-    const h = (g) => {
-      const S = document.createRange();
-      return S.selectNode(g), Array.from(S.getClientRects());
+    const y = (m) => {
+      const E = document.createRange();
+      return E.selectNode(m), Array.from(E.getClientRects());
     };
     return [
-      ...Array.from(a.getClientRects()),
-      ...e.slice(1, -1).flatMap(h),
+      ...Array.from(c.getClientRects()),
+      ...e.slice(1, -1).flatMap(y),
       ...Array.from(l.getClientRects())
     ];
   }
 }, ee = (t, e, o, i) => {
-  const s = (a) => Math.round(a * 10) / 10, n = {
+  const s = (c) => Math.round(c * 10) / 10, n = {
     top: s(t.top),
     bottom: s(t.bottom),
     left: s(t.left),
@@ -427,19 +427,19 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   if (s.width === 0 || s.height === 0)
     return i;
   let n = [...i], r = !1;
-  for (const a of i) {
-    const l = ee(s, a, e, o);
+  for (const c of i) {
+    const l = ee(s, c, e, o);
     if (l === "inline-adjacent") {
-      n = n.map((h) => h === a ? ne(s, a) : h), r = !0;
+      n = n.map((y) => y === c ? ne(s, c) : y), r = !0;
       break;
     } else if (l === "inline-contains") {
-      n = n.map((h) => h === a ? s : h), r = !0;
+      n = n.map((y) => y === c ? s : y), r = !0;
       break;
     } else if (l === "inline-is-contained") {
       r = !0;
       break;
     } else if (l === "block-contains" || l === "block-is-contained") {
-      s.width < a.width && (n = n.map((h) => h === a ? s : h)), s.width === a.width && s.height < a.width && (n = n.map((h) => h === a ? s : h)), r = !0;
+      s.width < c.width && (n = n.map((y) => y === c ? s : y)), s.width === c.width && s.height < c.width && (n = n.map((y) => y === c ? s : y)), r = !0;
       break;
     }
   }
@@ -466,16 +466,16 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     destroy: () => {
       e.remove();
     },
-    redraw: (r, a, l, h, g) => {
-      if (!(!_t(o, r) || g)) return;
-      e.innerHTML = "", [...r].sort((d, R) => {
-        const { annotation: { target: { created: w } } } = d, { annotation: { target: { created: A } } } = R;
-        return w && A ? w.getTime() - A.getTime() : 0;
-      }).forEach((d) => {
-        const R = h?.get(d.annotation.id) || l;
-        d.rects.map((w) => {
-          const A = Jt(w, r), N = St(d, R, A), x = document.createElement("span");
-          x.className = "r6o-annotation", x.dataset.annotation = d.annotation.id, x.style.left = `${w.x}px`, x.style.top = `${w.y}px`, x.style.width = `${w.width}px`, x.style.height = `${w.height}px`, x.style.backgroundColor = Zt(N), N.underlineStyle && (x.style.borderStyle = N.underlineStyle), N.underlineColor && (x.style.borderColor = N.underlineColor), N.underlineThickness && (x.style.borderBottomWidth = `${N.underlineThickness}px`), N.underlineOffset && (x.style.paddingBottom = `${N.underlineOffset}px`), e.appendChild(x);
+    redraw: (r, c, l, y, m) => {
+      if (!(!_t(o, r) || m)) return;
+      e.innerHTML = "", [...r].sort((u, R) => {
+        const { annotation: { target: { created: w } } } = u, { annotation: { target: { created: T } } } = R;
+        return w && T ? w.getTime() - T.getTime() : 0;
+      }).forEach((u) => {
+        const R = y?.get(u.annotation.id) || l;
+        u.rects.map((w) => {
+          const T = Jt(w, r), N = St(u, R, T), x = document.createElement("span");
+          x.className = "r6o-annotation", x.dataset.annotation = u.annotation.id, x.style.left = `${w.x}px`, x.style.top = `${w.y}px`, x.style.width = `${w.width}px`, x.style.height = `${w.height}px`, x.style.backgroundColor = Zt(N), N.underlineStyle && (x.style.borderStyle = N.underlineStyle), N.underlineColor && (x.style.borderColor = N.underlineColor), N.underlineThickness && (x.style.borderBottomWidth = `${N.underlineThickness}px`), N.underlineOffset && (x.style.paddingBottom = `${N.underlineOffset}px`), e.appendChild(x);
         });
       }), o = r;
     },
@@ -484,8 +484,8 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     }
   };
 }, ie = (t, e, o) => yt(re(t), t, e, o), ae = (t) => {
-  const { top: e, left: o } = t.getBoundingClientRect(), { innerWidth: i, innerHeight: s } = window, n = -o, r = -e, a = i - o, l = s - e;
-  return { top: e, left: o, minX: n, minY: r, maxX: a, maxY: l };
+  const { top: e, left: o } = t.getBoundingClientRect(), { innerWidth: i, innerHeight: s } = window, n = -o, r = -e, c = i - o, l = s - e;
+  return { top: e, left: o, minX: n, minY: r, maxX: c, maxY: l };
 }, ce = (t) => {
   let e = /* @__PURE__ */ new Set();
   return (i) => {
@@ -493,83 +493,83 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     (e.size !== s.length || s.some((n) => !e.has(n))) && t.set(s), e = new Set(s);
   };
 }, le = (t, e, o, i) => {
-  const s = new Bt(), n = /* @__PURE__ */ new Map(), r = ut(), a = (c, u) => {
-    const p = c.selector.flatMap((L) => te(L.range)), E = oe(p, o, i).map((L) => se(L, u));
-    return E.map((L) => {
-      const { x: y, y: v, width: O, height: _ } = L;
+  const s = new Bt(), n = /* @__PURE__ */ new Map(), r = ut(), c = (a, d) => {
+    const p = a.selector.flatMap((v) => te(v.range)), g = oe(p, o, i).map((v) => se(v, d));
+    return g.map((v) => {
+      const { x: S, y: b, width: L, height: M } = v;
       return {
-        minX: y,
-        minY: v,
-        maxX: y + O,
-        maxY: v + _,
+        minX: S,
+        minY: b,
+        maxX: S + L,
+        maxY: b + M,
         annotation: {
-          id: c.annotation,
-          rects: E
+          id: a.annotation,
+          rects: g
         }
       };
     });
-  }, l = () => [...n.values()], h = () => {
+  }, l = () => [...n.values()], y = () => {
     s.clear(), n.clear();
-  }, g = (c) => {
-    const u = a(c, e.getBoundingClientRect());
-    u.length !== 0 && (u.forEach((p) => s.insert(p)), n.set(c.annotation, u));
-  }, S = (c) => {
-    const u = n.get(c.annotation);
-    u && (u.forEach((p) => s.remove(p)), n.delete(c.annotation));
-  }, m = (c) => {
-    S(c), g(c);
-  }, T = (c, u = !0) => {
-    u && h();
-    const p = e.getBoundingClientRect(), E = c.map((y) => ({ target: y, rects: a(y, p) }));
-    E.forEach(({ target: y, rects: v }) => {
-      v.length > 0 && n.set(y.annotation, v);
+  }, m = (a) => {
+    const d = c(a, e.getBoundingClientRect());
+    d.length !== 0 && (d.forEach((p) => s.insert(p)), n.set(a.annotation, d));
+  }, E = (a) => {
+    const d = n.get(a.annotation);
+    d && (d.forEach((p) => s.remove(p)), n.delete(a.annotation));
+  }, h = (a) => {
+    E(a), m(a);
+  }, A = (a, d = !0) => {
+    d && y();
+    const p = e.getBoundingClientRect(), g = a.map((S) => ({ target: S, rects: c(S, p) }));
+    g.forEach(({ target: S, rects: b }) => {
+      b.length > 0 && n.set(S.annotation, b);
     });
-    const L = E.flatMap(({ rects: y }) => y);
-    s.load(L);
-  }, d = (c, u, p = !1) => {
-    const E = s.search({
-      minX: c,
-      minY: u,
-      maxX: c,
-      maxY: u
-    }), L = (y) => y.annotation.rects.reduce((v, O) => v + O.width * O.height, 0);
-    return E.length > 0 ? (E.sort((y, v) => L(y) - L(v)), p ? E.map((y) => y.annotation.id) : [E[0].annotation.id]) : [];
-  }, R = (c) => {
-    const u = w(c);
-    if (u.length === 0)
+    const v = g.flatMap(({ rects: S }) => S);
+    s.load(v);
+  }, u = (a, d, p = !1) => {
+    const g = s.search({
+      minX: a,
+      minY: d,
+      maxX: a,
+      maxY: d
+    }), v = (S) => S.annotation.rects.reduce((b, L) => b + L.width * L.height, 0);
+    return g.length > 0 ? (g.sort((S, b) => v(S) - v(b)), p ? g.map((S) => S.annotation.id) : [g[0].annotation.id]) : [];
+  }, R = (a) => {
+    const d = w(a);
+    if (d.length === 0)
       return;
-    let p = u[0].left, E = u[0].top, L = u[0].right, y = u[0].bottom;
-    for (let v = 1; v < u.length; v++) {
-      const O = u[v];
-      p = Math.min(p, O.left), E = Math.min(E, O.top), L = Math.max(L, O.right), y = Math.max(y, O.bottom);
+    let p = d[0].left, g = d[0].top, v = d[0].right, S = d[0].bottom;
+    for (let b = 1; b < d.length; b++) {
+      const L = d[b];
+      p = Math.min(p, L.left), g = Math.min(g, L.top), v = Math.max(v, L.right), S = Math.max(S, L.bottom);
     }
-    return new DOMRect(p, E, L - p, y - E);
-  }, w = (c) => {
-    const u = n.get(c);
-    return u ? u[0].annotation.rects : [];
+    return new DOMRect(p, g, v - p, S - g);
+  }, w = (a) => {
+    const d = n.get(a);
+    return d ? d[0].annotation.rects : [];
   };
   return {
     all: l,
-    clear: h,
-    getAt: d,
+    clear: y,
+    getAt: u,
     getAnnotationBounds: R,
     getAnnotationRects: w,
-    getIntersecting: (c, u, p, E) => {
-      const L = s.search({ minX: c, minY: u, maxX: p, maxY: E }), y = new Set(L.map((v) => v.annotation.id));
-      return Array.from(y).map((v) => ({
-        annotation: t.getAnnotation(v),
-        rects: w(v)
-      })).filter((v) => !!v.annotation);
+    getIntersecting: (a, d, p, g) => {
+      const v = s.search({ minX: a, minY: d, maxX: p, maxY: g }), S = new Set(v.map((b) => b.annotation.id));
+      return Array.from(S).map((b) => ({
+        annotation: t.getAnnotation(b),
+        rects: w(b)
+      })).filter((b) => !!b.annotation);
     },
-    insert: g,
+    insert: m,
     recalculate: () => {
-      T(t.all().map((c) => c.target), !0), r.emit("recalculate");
+      A(t.all().map((a) => a.target), !0), r.emit("recalculate");
     },
-    remove: S,
-    set: T,
+    remove: E,
+    set: A,
     size: () => s.all().length,
-    update: m,
-    on: (c, u) => r.on(c, u)
+    update: h,
+    on: (a, d) => r.on(a, d)
   };
 }, de = (t, e) => {
   const o = Rt(), i = le(
@@ -577,49 +577,58 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     t,
     e.mergeHighlights?.horizontalTolerance,
     e.mergeHighlights?.verticalTolerance
-  ), s = wt(o, e.userSelectAction, e.adapter), n = xt(o), r = Lt(), a = (b, c = F.LOCAL) => {
-    const u = it(b, t, e.selectorReviveFn), p = H(u.target.selector);
-    return p && o.addAnnotation(u, c), p;
-  }, l = (b) => {
-    const c = b.map((p) => it(p, t, e.selectorReviveFn)), u = c.filter((p) => !H(p.target.selector));
-    return { revived: c, couldNotRevive: u };
-  }, h = (b, c = F.LOCAL) => {
-    const { revived: u, couldNotRevive: p } = l(b);
-    return o.syncAnnotations(u, c), p;
-  }, g = (b, c = F.LOCAL) => {
-    const { revived: u, couldNotRevive: p } = l(b);
-    return o.bulkUpsertAnnotations(u, c), p;
-  }, S = (b, c = !0, u = F.LOCAL) => c ? h(b, u) : g(b, u), m = (b, c = F.LOCAL) => {
-    const u = J(b, t);
-    o.updateTarget(u, c);
-  }, T = (b, c = F.LOCAL) => {
-    const u = b.map((p) => J(p, t));
-    o.bulkUpdateTargets(u, c);
+  ), s = wt(o, e.userSelectAction, e.adapter), n = xt(o), r = Lt(), c = (a) => {
+    const d = a.map((g) => Q(g, t, e.selectorReviveFn)), p = d.filter((g) => !H(g.target.selector));
+    return { revived: d, couldNotRevive: p };
+  }, l = (a, d = F.LOCAL) => {
+    const p = Q(a, t, e.selectorReviveFn), g = H(p.target.selector);
+    return g && o.addAnnotation(p, d), g;
+  }, y = (a, d = F.LOCAL) => {
+    const { revived: p, couldNotRevive: g } = c(a);
+    return o.syncAnnotations(p, d), g;
+  }, m = (a, d = !0, p = F.LOCAL) => d ? y(a, p) : h(a, p), E = (a, d, p) => {
+    if (typeof a == "string") {
+      const g = Q(d, t, e.selectorReviveFn);
+      o.updateAnnotation(a, g, p);
+    } else {
+      const g = Q(a, t, e.selectorReviveFn);
+      o.updateAnnotation(g, d);
+    }
+  }, h = (a, d = F.LOCAL) => {
+    const { revived: p, couldNotRevive: g } = c(a);
+    return o.bulkUpsertAnnotations(p, d), g;
+  }, A = (a, d = F.LOCAL) => {
+    const p = tt(a, t);
+    o.updateTarget(p, d);
+  }, u = (a, d = F.LOCAL) => {
+    const p = a.map((g) => tt(g, t));
+    o.bulkUpdateTargets(p, d);
   };
-  function d(b, c, u, p) {
-    const E = u || !!p, L = i.getAt(b, c, E).map((v) => o.getAnnotation(v)).filter(Boolean), y = p ? L.filter(p) : L;
-    if (y.length !== 0)
-      return u ? y : y[0];
+  function R(a, d, p, g) {
+    const v = p || !!g, S = i.getAt(a, d, v).map((L) => o.getAnnotation(L)).filter(Boolean), b = g ? S.filter(g) : S;
+    if (b.length !== 0)
+      return p ? b : b[0];
   }
-  const R = (b) => i.getAnnotationRects(b).length > 0 ? i.getAnnotationBounds(b) : void 0, w = (b, c, u, p) => i.getIntersecting(b, c, u, p), A = (b) => i.getAnnotationRects(b), N = () => i.recalculate(), x = (b) => i.on("recalculate", b);
-  return o.observe(({ changes: b }) => {
-    const c = (b.deleted || []).filter((E) => H(E.target.selector)), u = (b.created || []).filter((E) => H(E.target.selector)), p = (b.updated || []).filter((E) => H(E.newValue.target.selector));
-    c?.length > 0 && c.forEach((E) => i.remove(E.target)), u.length > 0 && i.set(u.map((E) => E.target), !1), p?.length > 0 && p.forEach(({ newValue: E }) => i.update(E.target));
+  const w = (a) => i.getAnnotationRects(a).length > 0 ? i.getAnnotationBounds(a) : void 0, T = (a, d, p, g) => i.getIntersecting(a, d, p, g), N = (a) => i.getAnnotationRects(a), x = () => i.recalculate(), _ = (a) => i.on("recalculate", a);
+  return o.observe(({ changes: a }) => {
+    const d = (a.deleted || []).filter((v) => H(v.target.selector)), p = (a.created || []).filter((v) => H(v.target.selector)), g = (a.updated || []).filter((v) => H(v.newValue.target.selector));
+    d?.length > 0 && d.forEach((v) => i.remove(v.target)), p.length > 0 && i.set(p.map((v) => v.target), !1), g?.length > 0 && g.forEach(({ newValue: v }) => i.update(v.target));
   }), {
     store: {
       ...o,
-      addAnnotation: a,
-      bulkAddAnnotations: S,
-      bulkUpdateTargets: T,
-      bulkUpsertAnnotations: g,
-      getAnnotationBounds: R,
-      getAnnotationRects: A,
-      getIntersecting: w,
-      getAt: d,
-      recalculatePositions: N,
-      onRecalculatePositions: x,
-      syncAnnotations: h,
-      updateTarget: m
+      addAnnotation: l,
+      bulkAddAnnotations: m,
+      bulkUpdateTargets: u,
+      bulkUpsertAnnotations: h,
+      getAnnotationBounds: w,
+      getAnnotationRects: N,
+      getIntersecting: T,
+      getAt: R,
+      recalculatePositions: x,
+      onRecalculatePositions: _,
+      syncAnnotations: y,
+      updateAnnotation: E,
+      updateTarget: A
     },
     selection: s,
     hover: n,
@@ -632,16 +641,16 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   const { store: s, selection: n } = e;
   let r;
   const {
-    annotatingEnabled: a,
+    annotatingEnabled: c,
     offsetReferenceSelector: l,
-    selectionMode: h,
-    dismissOnNotAnnotatable: g = "NEVER"
+    selectionMode: y,
+    dismissOnNotAnnotatable: m = "NEVER"
   } = i;
-  let S, m = a, T = "CREATE_NEW", d, R, w, A;
+  let E, h = c, A = "CREATE_NEW", u, R, w, T;
   const N = (f) => {
-    m = f, E.clear(), f || (R = void 0, d = void 0, w = void 0, A = void 0);
-  }, x = (f) => T = f || "CREATE_NEW", b = (f) => S = f, c = (f) => r = f, u = (f) => {
-    if (T === "ADD_TO_CURRENT")
+    h = f, g.clear(), f || (R = void 0, u = void 0, w = void 0, T = void 0);
+  }, x = (f) => A = f || "CREATE_NEW", _ = (f) => E = f, a = (f) => r = f, d = (f) => {
+    if (A === "ADD_TO_CURRENT")
       return !0;
     if (i.allowModifierSelect) {
       const C = f;
@@ -649,13 +658,13 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     } else
       return !1;
   }, p = () => {
-    if (!m || w === !1) return;
+    if (!h || w === !1) return;
     const { selected: f } = n;
-    if ((u(A) || T === "REPLACE_CURRENT") && f.length === 1 && f[0].editable) {
-      const M = s.getAnnotation(f[0].id);
-      if (M?.target) {
-        R = M.target, d = {
-          annotation: M.id,
+    if ((d(T) || A === "REPLACE_CURRENT") && f.length === 1 && f[0].editable) {
+      const k = s.getAnnotation(f[0].id);
+      if (k?.target) {
+        R = k.target, u = {
+          annotation: k.id,
           selector: [],
           created: R.created,
           creator: R.creator,
@@ -665,130 +674,130 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
         return;
       }
     }
-    R = void 0, d = {
+    R = void 0, u = {
       annotation: dt(),
       selector: [],
       created: /* @__PURE__ */ new Date(),
       creator: r
     };
-  }, E = It((f) => {
-    if (!m) return;
+  }, g = It((f) => {
+    if (!h) return;
     const C = document.getSelection();
     if (!C?.anchorNode) return;
-    const I = W().map((k) => Wt(k, t));
-    if (I.every((k) => !mt(t, k))) {
-      d = void 0;
+    const I = W().map((O) => Wt(O, t));
+    if (I.every((O) => !mt(t, O))) {
+      u = void 0;
       return;
     }
-    const D = f.timeStamp - (A?.timeStamp || f.timeStamp);
-    if (A?.type === "pointerdown" && (D < 1e3 && !d || C.isCollapsed && D < ct) && p(), !d && (p(), !d))
+    const D = f.timeStamp - (T?.timeStamp || f.timeStamp);
+    if (T?.type === "pointerdown" && (D < 1e3 && !u || C.isCollapsed && D < ct) && p(), !u && (p(), !u))
       return;
     if (C.isCollapsed) {
-      s.getAnnotation(d.annotation) && !(u(A) || T === "REPLACE_CURRENT") && (n.clear(), s.deleteAnnotation(d.annotation));
+      s.getAnnotation(u.annotation) && !(d(T) || A === "REPLACE_CURRENT") && (n.clear(), s.deleteAnnotation(u.annotation));
       return;
     }
-    if (I.every((k) => Pt(k))) return;
-    const B = I.flatMap((k) => Kt(t, k.cloneRange()));
-    if (!(B.length > 0 && !d || B.length !== d.selector.length || B.some((k, Y) => k.toString() !== d?.selector[Y]?.quote))) return;
-    const j = u(A) && R ? Ht([
-      ...R.selector.map((k) => k.range),
+    if (I.every((O) => Pt(O))) return;
+    const B = I.flatMap((O) => Kt(t, O.cloneRange()));
+    if (!(B.length > 0 && !u || B.length !== u.selector.length || B.some((O, Y) => O.toString() !== u?.selector[Y]?.quote))) return;
+    const j = d(T) && R ? Ht([
+      ...R.selector.map((O) => O.range),
       ...B
     ]) : B;
-    d = {
-      ...d,
-      selector: j.map((k) => Yt(k, t, l)),
+    u = {
+      ...u,
+      selector: j.map((O) => Yt(O, t, l)),
       updated: /* @__PURE__ */ new Date()
-    }, !(u(A) || T === "REPLACE_CURRENT") && (s.getAnnotation(d.annotation) ? s.updateTarget(d, F.LOCAL) : n.clear());
-  }, 10), L = (f) => {
-    A = tt(f), w = A.button === 0;
-  }, y = async (f) => {
+    }, !(d(T) || A === "REPLACE_CURRENT") && (s.getAnnotation(u.annotation) ? s.updateTarget(u, F.LOCAL) : n.clear());
+  }, 10), v = (f) => {
+    T = et(f), w = T.button === 0;
+  }, S = async (f) => {
     if (!w) return;
-    const C = tt(f), M = () => {
+    const C = et(f), k = () => {
       const { x: D, y: B } = t.getBoundingClientRect();
-      if (Z(t, C.target)) {
-        (typeof g == "function" ? g(C, t) : g === "ALWAYS") && n.clear();
+      if (J(t, C.target)) {
+        (typeof m == "function" ? m(C, t) : m === "ALWAYS") && n.clear();
         return;
       }
       const P = C.target instanceof Node && t.contains(C.target) && s.getAt(
         C.clientX - D,
         C.clientY - B,
-        h === "all",
-        S
+        y === "all",
+        E
       );
       if (P) {
-        const { selected: j } = n, k = new Set(j.map((X) => X.id)), Y = Array.isArray(P) ? P.map((X) => X.id) : [P.id];
-        (k.size !== Y.length || !Y.every((X) => k.has(X))) && (o.emit("clickAnnotation", P), n.userSelect(Y, C));
+        const { selected: j } = n, O = new Set(j.map((X) => X.id)), Y = Array.isArray(P) ? P.map((X) => X.id) : [P.id];
+        (O.size !== Y.length || !Y.every((X) => O.has(X))) && (o.emit("clickAnnotation", P), n.userSelect(Y, C));
       } else
         n.clear();
     };
-    if (C.timeStamp - (A?.timeStamp || 0) < ct) {
-      await v();
-      const D = document.getSelection(), B = Z(t, A?.target), P = Z(t, C.target);
+    if (C.timeStamp - (T?.timeStamp || 0) < ct) {
+      await b();
+      const D = document.getSelection(), B = J(t, T?.target), P = J(t, C.target);
       if (D?.isCollapsed || B && P) {
-        d = void 0, M();
+        u = void 0, k();
         return;
       }
     }
-    d && d.selector.length > 0 && ($(), n.userSelect(d.annotation, C));
-  }, v = async () => {
+    u && u.selector.length > 0 && ($(), n.userSelect(u.annotation, C));
+  }, b = async () => {
     const f = document.getSelection();
-    let C = !1, M = f?.isCollapsed;
-    const I = () => M || C, D = 1;
-    return setTimeout(() => C = !0, 50), Dt(() => M = f?.isCollapsed, D, I);
-  }, O = (f) => {
-    document.getSelection()?.isCollapsed || ((!d || d.selector.length === 0) && E(f), d && ($(), n.userSelect(d.annotation, tt(f))));
-  }, _ = (f) => {
-    if (m && !f.repeat && W().length !== 0 && f.key === "Shift" && d) {
+    let C = !1, k = f?.isCollapsed;
+    const I = () => k || C, D = 1;
+    return setTimeout(() => C = !0, 50), Dt(() => k = f?.isCollapsed, D, I);
+  }, L = (f) => {
+    document.getSelection()?.isCollapsed || ((!u || u.selector.length === 0) && g(f), u && ($(), n.userSelect(u.annotation, et(f))));
+  }, M = (f) => {
+    if (h && !f.repeat && W().length !== 0 && f.key === "Shift" && u) {
       const C = document.getSelection();
-      C && !C.isCollapsed && ($(), n.userSelect(d.annotation, Q(f)));
+      C && !C.isCollapsed && ($(), n.userSelect(u.annotation, Z(f)));
     }
   }, V = (f) => {
     const C = () => setTimeout(() => {
-      d && (d.selector.length > 0 && (n.clear(), s.addAnnotation({
-        id: d.annotation,
+      u && (u.selector.length > 0 && (n.clear(), s.addAnnotation({
+        id: u.annotation,
         bodies: [],
-        target: d
-      }), n.userSelect(d.annotation, Q(f))), document.removeEventListener("selectionchange", C));
+        target: u
+      }), n.userSelect(u.annotation, Z(f))), document.removeEventListener("selectionchange", C));
     }, 100);
     document.addEventListener("selectionchange", C), p();
   };
   G(ue.join(","), { element: t, keydown: !0, keyup: !1 }, (f) => {
-    f.repeat || (A = Q(f));
+    f.repeat || (T = Z(f));
   }), G(bt, { keydown: !0, keyup: !1 }, (f) => {
-    A = Q(f), V(f);
+    T = Z(f), V(f);
   });
   const z = (f) => {
-    f.repeat || W().length !== 0 && (d = void 0, n.clear());
+    f.repeat || W().length !== 0 && (u = void 0, n.clear());
   };
-  G(Et.join(","), { keydown: !0, keyup: !1 }, z), document.addEventListener("pointerdown", L), document.addEventListener("pointerup", y), document.addEventListener("contextmenu", O), document.addEventListener("keyup", _), t.addEventListener("selectstart", p), document.addEventListener("selectionchange", E);
+  G(Et.join(","), { keydown: !0, keyup: !1 }, z), document.addEventListener("pointerdown", v), document.addEventListener("pointerup", S), document.addEventListener("contextmenu", L), document.addEventListener("keyup", M), t.addEventListener("selectstart", p), document.addEventListener("selectionchange", g);
   const q = () => {
-    d = void 0, R = void 0, w = void 0, A = void 0, E.clear(), document.removeEventListener("pointerdown", L), document.removeEventListener("pointerup", y), document.removeEventListener("contextmenu", O), document.removeEventListener("keyup", _), t.removeEventListener("selectstart", p), document.removeEventListener("selectionchange", E), G.unbind();
+    u = void 0, R = void 0, w = void 0, T = void 0, g.clear(), document.removeEventListener("pointerdown", v), document.removeEventListener("pointerup", S), document.removeEventListener("contextmenu", L), document.removeEventListener("keyup", M), t.removeEventListener("selectstart", p), document.removeEventListener("selectionchange", g), G.unbind();
   }, W = () => {
     const f = document.getSelection();
     return f ? Array.from(Array(f.rangeCount).keys()).map((C) => f.getRangeAt(C)).filter((C) => C.intersectsNode(t)) : [];
   }, $ = () => {
-    if (!d) return;
-    const f = s.getAnnotation(d.annotation);
+    if (!u) return;
+    const f = s.getAnnotation(u.annotation);
     if (!f)
       s.addAnnotation({
-        id: d.annotation,
+        id: u.annotation,
         bodies: [],
-        target: d
+        target: u
       });
     else {
-      const { target: { updated: C } } = f, { updated: M } = d;
-      (!C || !M || C < M) && s.updateTarget(d);
+      const { target: { updated: C } } = f, { updated: k } = u;
+      (!C || !k || C < k) && s.updateTarget(u);
     }
   };
   return {
     destroy: q,
-    setFilter: b,
-    setUser: c,
+    setFilter: _,
+    setUser: a,
     setAnnotatingEnabled: N,
     setAnnotatingMode: x
   };
 }, ge = (t) => [
-  `background-color:${nt(t?.fill || U.fill).alpha(t?.fillOpacity === void 0 ? U.fillOpacity : t.fillOpacity).toHex()}`,
+  `background-color:${ot(t?.fill || U.fill).alpha(t?.fillOpacity === void 0 ? U.fillOpacity : t.fillOpacity).toHex()}`,
   t?.underlineThickness ? "text-decoration:underline" : void 0,
   t?.underlineColor ? `text-decoration-color:${t.underlineColor}` : void 0,
   t?.underlineOffset ? `text-underline-offset:${t.underlineOffset}px` : void 0,
@@ -804,19 +813,19 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
     setVisible: (n) => {
       console.log("setVisible not implemented on CSS Custom Highlights renderer");
     },
-    redraw: (n, r, a, l, h) => {
-      const g = new Set(n.map((m) => m.annotation.id));
-      Array.from(e).filter((m) => !g.has(m));
-      const S = n.map((m) => {
-        a ? typeof a == "function" && a(m.annotation, m.state) : m.state?.selected;
-        const T = St(m, a);
-        return `::highlight(_${m.annotation.id}) { ${ge(T)} }`;
+    redraw: (n, r, c, l, y) => {
+      const m = new Set(n.map((h) => h.annotation.id));
+      Array.from(e).filter((h) => !m.has(h));
+      const E = n.map((h) => {
+        c ? typeof c == "function" && c(h.annotation, h.state) : h.state?.selected;
+        const A = St(h, c);
+        return `::highlight(_${h.annotation.id}) { ${ge(A)} }`;
       });
-      t.innerHTML = S.join(`
-`), CSS.highlights.clear(), n.forEach(({ annotation: m }) => {
-        const T = m.target.selector.map((R) => R.range), d = new Highlight(...T);
-        CSS.highlights.set(`_${m.id}`, d);
-      }), e = g;
+      t.innerHTML = E.join(`
+`), CSS.highlights.clear(), n.forEach(({ annotation: h }) => {
+        const A = h.target.selector.map((R) => R.range), u = new Highlight(...A);
+        CSS.highlights.set(`_${h.id}`, u);
+      }), e = m;
     }
   };
 }, pe = (t, e, o) => yt(me(), t, e, o), he = (t, e) => ({
@@ -828,59 +837,59 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   const o = he(e, {
     annotatingEnabled: !0,
     user: Nt()
-  }), i = de(t, o), { selection: s, viewport: n } = i, r = i.store, a = Ot(r), l = kt(i, a, o.adapter);
-  let h = o.user;
-  const g = typeof o.renderer != "function" ? o.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : lt : o.renderer || lt : null, S = g === null ? o.renderer(
+  }), i = de(t, o), { selection: s, viewport: n } = i, r = i.store, c = Ot(r), l = kt(i, c, o.adapter);
+  let y = o.user;
+  const m = typeof o.renderer != "function" ? o.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : lt : o.renderer || lt : null, E = m === null ? o.renderer(
     t,
     i,
     n
-  ) : g === "SPANS" ? ie(
+  ) : m === "SPANS" ? ie(
     t,
     i,
     n
-  ) : g === "CSS_HIGHLIGHTS" ? pe(
+  ) : m === "CSS_HIGHLIGHTS" ? pe(
     t,
     i,
     n
   ) : void 0;
-  if (!S)
+  if (!E)
     throw `Unknown renderer implementation: ${o.renderer}`;
-  console.debug(g ? `Using ${g} renderer` : "Using custom renderer implementation"), o.style && S.setStyle(o.style);
-  const m = fe(
+  console.debug(m ? `Using ${m} renderer` : "Using custom renderer implementation"), o.style && E.setStyle(o.style);
+  const h = fe(
     t,
     i,
     l,
     o
   );
-  m.setUser(h);
-  const T = Mt(i, a, o.adapter), d = () => h, R = (c) => {
-    m.setAnnotatingEnabled(
-      c === void 0 ? !0 : c
+  h.setUser(y);
+  const A = Mt(i, c, o.adapter), u = () => y, R = (a) => {
+    h.setAnnotatingEnabled(
+      a === void 0 ? !0 : a
     );
-  }, w = (c) => {
-    m.setAnnotatingMode(c);
-  }, A = (c) => {
-    S.setFilter(c), m.setFilter(c);
-  }, N = (c) => {
-    h = c, m.setUser(c);
-  }, x = (c) => {
-    c ? s.setSelected(c) : s.clear();
+  }, w = (a) => {
+    h.setAnnotatingMode(a);
+  }, T = (a) => {
+    E.setFilter(a), h.setFilter(a);
+  }, N = (a) => {
+    y = a, h.setUser(a);
+  }, x = (a) => {
+    a ? s.setSelected(a) : s.clear();
   };
   return {
-    ...T,
+    ...A,
     destroy: () => {
-      S.destroy(), m.destroy(), a.destroy();
+      E.destroy(), h.destroy(), c.destroy();
     },
     element: t,
-    getUser: d,
-    renderer: S,
+    getUser: u,
+    renderer: E,
     setAnnotatingEnabled: R,
     setAnnotatingMode: w,
-    setFilter: A,
-    setStyle: S.setStyle.bind(S),
+    setFilter: T,
+    setStyle: E.setStyle.bind(E),
     setUser: N,
     setSelected: x,
-    setVisible: S.setVisible.bind(S),
+    setVisible: E.setVisible.bind(E),
     on: l.on,
     off: l.off,
     scrollIntoView: Vt(t, r),
@@ -888,7 +897,7 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
   };
 };
 export {
-  st as DEFAULT_SELECTED_STYLE,
+  rt as DEFAULT_SELECTED_STYLE,
   U as DEFAULT_STYLE,
   gt as NOT_ANNOTATABLE_CLASS,
   K as NOT_ANNOTATABLE_SELECTOR,
@@ -896,8 +905,8 @@ export {
   Pe as UserSelectAction,
   Oe as W3CTextFormat,
   Qt as cancelSingleClickEvents,
-  Q as cloneKeyboardEvent,
-  tt as clonePointerEvent,
+  Z as cloneKeyboardEvent,
+  et as clonePointerEvent,
   St as computeStyle,
   Jt as computeZIndex,
   He as createBody,
@@ -906,16 +915,16 @@ export {
   ie as createSpansRenderer,
   _e as createTextAnnotator,
   de as createTextAnnotatorState,
-  et as debounce,
+  nt as debounce,
   he as fillDefaults,
   Zt as getBackgroundColor,
   te as getHighlightClientRects,
   $t as getQuoteContext,
-  ot as getRangeAnnotatableContents,
+  st as getRangeAnnotatableContents,
   ae as getViewportBounds,
   ft as isMac,
   Ne as isNodeWhitespaceOrEmpty,
-  Z as isNotAnnotatable,
+  J as isNotAnnotatable,
   mt as isRangeAnnotatable,
   Pt as isRangeWhitespaceOrEmpty,
   H as isRevived,
@@ -926,8 +935,8 @@ export {
   jt as parseW3CTextAnnotation,
   Ut as programmaticallyFocusable,
   Yt as rangeToSelector,
-  it as reviveAnnotation,
-  J as reviveTarget,
+  Q as reviveAnnotation,
+  tt as reviveTarget,
   Xt as reviveTextSelector,
   Vt as scrollIntoView,
   Gt as serializeW3CTextAnnotation,