@soomo/text-annotator 3.0.0-staging.10 → 3.0.0-staging.12

package/dist/text-annotator.es.js

@@ -59,7 +59,7 @@ const P = {
       return o;
     o += 1, i = n.nextNode();
   }
-}, yt = (t, e) => {
+}, wt = (t, e) => {
   const n = document.createNodeIterator(e);
   let o = null;
   for (let i = 0; i < t + 1; i++)
@@ -78,7 +78,7 @@ const P = {
   }), s = vt(n, e), h = vt(i, e), f = () => {
     const l = e;
     l.replaceChildren(...a);
-    const p = yt(s, l), g = yt(h, l);
+    const p = wt(s, l), g = wt(h, l);
     return t.setStart(p, o), t.setEnd(g, r), t;
   }, m = (l) => {
     const p = document.createElement("SPAN");
@@ -109,7 +109,7 @@ const P = {
   for (; r != null; )
     r === o && (a = !1), a && s.push(r), r === n && (a = !0), r = i.nextNode();
   return s;
-}, Mn = (t) => {
+}, On = (t) => {
   const { startContainer: e, endContainer: n } = t;
   if (e === n)
     return Array.from(t.getClientRects());
@@ -234,22 +234,22 @@ const P = {
   const { store: i, selection: r, hover: a } = e;
   let s, h, f;
   const m = ce(n), l = (T) => {
-    const { x: O, y: b } = t.getBoundingClientRect(), w = i.getAt(T.clientX - O, T.clientY - b);
-    w && (!h || h(w)) ? a.current !== w.id && (t.classList.add("hovered"), a.set(w.id)) : a.current && (t.classList.remove("hovered"), a.set(null));
+    const { x: I, y: b } = t.getBoundingClientRect(), y = i.getAt(T.clientX - I, T.clientY - b);
+    y && (!h || h(y)) ? a.current !== y.id && (t.classList.add("hovered"), a.set(y.id)) : a.current && (t.classList.remove("hovered"), a.set(null));
   };
   t.addEventListener("pointermove", l);
   const p = (T = !1) => {
     f && f.clear();
-    const O = ae(t), { minX: b, minY: w, maxX: A, maxY: S } = O, R = h ? i.getIntersecting(b, w, A, S).filter(({ annotation: D }) => h(D)) : i.getIntersecting(b, w, A, S), M = r.selected.map(({ id: D }) => D), H = R.map(({ annotation: D, rects: zt }) => {
-      const Ft = M.includes(D.id), Wt = D.id === a.current;
+    const I = ae(t), { minX: b, minY: y, maxX: A, maxY: S } = I, R = h ? i.getIntersecting(b, y, A, S).filter(({ annotation: D }) => h(D)) : i.getIntersecting(b, y, A, S), O = r.selected.map(({ id: D }) => D), H = R.map(({ annotation: D, rects: zt }) => {
+      const Ft = O.includes(D.id), Wt = D.id === a.current;
       return { annotation: D, rects: zt, state: { selected: Ft, hover: Wt, custom: {} } };
     });
-    o.redraw(H, O, s, f, T), setTimeout(() => m(R.map(({ annotation: D }) => D)), 1);
+    o.redraw(H, I, s, f, T), setTimeout(() => m(R.map(({ annotation: D }) => D)), 1);
   }, g = (T) => {
     f = T, p();
   }, x = (T) => {
     s = T, p();
-  }, y = (T) => {
+  }, w = (T) => {
     h = T, p(!1);
   }, u = () => p();
   i.observe(u);
@@ -270,7 +270,7 @@ const P = {
     },
     redraw: p,
     setStyle: x,
-    setFilter: y,
+    setFilter: w,
     setPainter: g,
     setVisible: o.setVisible
   };
@@ -292,26 +292,26 @@ const P = {
       return c.getTime() - v.getTime();
     }).forEach((u) => {
       var L;
-      const d = f ? typeof f == "function" ? f(u.annotation, u.state) : f : (L = u.state) != null && L.selected ? ot : P, c = m && m.paint(u, h) || d, v = u.rects.map(({ x: E, y: B, width: T, height: O }) => ({
+      const d = f ? typeof f == "function" ? f(u.annotation, u.state) : f : (L = u.state) != null && L.selected ? ot : P, c = m && m.paint(u, h) || d, v = u.rects.map(({ x: E, y: B, width: T, height: I }) => ({
         x: E + x,
         y: B + g,
         width: T,
-        height: O
+        height: I
       }));
       n.fillStyle = c.fill, n.globalAlpha = c.fillOpacity || 1;
       const C = 5;
       if (v.forEach(
-        ({ x: E, y: B, width: T, height: O }) => n.fillRect(
+        ({ x: E, y: B, width: T, height: I }) => n.fillRect(
           E,
           B - C / 2,
           T,
-          O + C
+          I + C
         )
       ), c.underlineColor) {
         n.globalAlpha = 1, n.strokeStyle = c.underlineColor, n.lineWidth = c.underlineThickness ?? 1;
         const E = C / 2 + (c.underlineOffset ?? 0);
-        v.forEach(({ x: B, y: T, width: O, height: b }) => {
-          n.beginPath(), n.moveTo(B, T + b + E), n.lineTo(B + O, T + b + E), n.stroke();
+        v.forEach(({ x: B, y: T, width: I, height: b }) => {
+          n.beginPath(), n.moveTo(B, T + b + E), n.lineTo(B + I, T + b + E), n.stroke();
         });
       }
     });
@@ -330,16 +330,16 @@ const P = {
 }, he = (t, e, n) => mt(t, e, n, ue(t));
 var fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, X = function(t) {
   return typeof t == "string" ? t.length > 0 : typeof t == "number";
-}, I = function(t, e, n) {
+}, M = function(t, e, n) {
   return e === void 0 && (e = 0), n === void 0 && (n = Math.pow(10, e)), Math.round(n * t) / n + 0;
 }, k = function(t, e, n) {
   return e === void 0 && (e = 0), n === void 0 && (n = 1), t > n ? n : t > e ? t : e;
 }, kt = function(t) {
   return (t = isFinite(t) ? t % 360 : 0) > 0 ? t : t + 360;
-}, wt = function(t) {
+}, yt = function(t) {
   return { r: k(t.r, 0, 255), g: k(t.g, 0, 255), b: k(t.b, 0, 255), a: k(t.a) };
 }, st = function(t) {
-  return { r: I(t.r), g: I(t.g), b: I(t.b), a: I(t.a, 3) };
+  return { r: M(t.r), g: M(t.g), b: M(t.b), a: M(t.a, 3) };
 }, ge = /^#([0-9a-f]{3,8})$/i, J = function(t) {
   var e = t.toString(16);
   return e.length < 2 ? "0" + e : e;
@@ -354,7 +354,7 @@ var fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, X = function(t) {
 }, xt = function(t) {
   return { h: kt(t.h), s: k(t.s, 0, 100), l: k(t.l, 0, 100), a: k(t.a) };
 }, At = function(t) {
-  return { h: I(t.h), s: I(t.s), l: I(t.l), a: I(t.a, 3) };
+  return { h: M(t.h), s: M(t.s), l: M(t.l), a: M(t.a, 3) };
 }, Et = function(t) {
   return _t((n = (e = t).s, { h: e.h, s: (n *= ((o = e.l) < 50 ? o : 100 - o) / 100) > 0 ? 2 * n / (o + n) * 100 : 0, v: o + n, a: e.a }));
   var e, n, o;
@@ -363,10 +363,10 @@ var fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, X = function(t) {
   var e, n, o, i;
 }, pe = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, me = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, be = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, ve = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, St = { string: [[function(t) {
   var e = ge.exec(t);
-  return e ? (t = e[1]).length <= 4 ? { r: parseInt(t[0] + t[0], 16), g: parseInt(t[1] + t[1], 16), b: parseInt(t[2] + t[2], 16), a: t.length === 4 ? I(parseInt(t[3] + t[3], 16) / 255, 2) : 1 } : t.length === 6 || t.length === 8 ? { r: parseInt(t.substr(0, 2), 16), g: parseInt(t.substr(2, 2), 16), b: parseInt(t.substr(4, 2), 16), a: t.length === 8 ? I(parseInt(t.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
+  return e ? (t = e[1]).length <= 4 ? { r: parseInt(t[0] + t[0], 16), g: parseInt(t[1] + t[1], 16), b: parseInt(t[2] + t[2], 16), a: t.length === 4 ? M(parseInt(t[3] + t[3], 16) / 255, 2) : 1 } : t.length === 6 || t.length === 8 ? { r: parseInt(t.substr(0, 2), 16), g: parseInt(t.substr(2, 2), 16), b: parseInt(t.substr(4, 2), 16), a: t.length === 8 ? M(parseInt(t.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
 }, "hex"], [function(t) {
   var e = be.exec(t) || ve.exec(t);
-  return e ? e[2] !== e[4] || e[4] !== e[6] ? null : wt({ r: Number(e[1]) / (e[2] ? 100 / 255 : 1), g: Number(e[3]) / (e[4] ? 100 / 255 : 1), b: Number(e[5]) / (e[6] ? 100 / 255 : 1), a: e[7] === void 0 ? 1 : Number(e[7]) / (e[8] ? 100 : 1) }) : null;
+  return e ? e[2] !== e[4] || e[4] !== e[6] ? null : yt({ r: Number(e[1]) / (e[2] ? 100 / 255 : 1), g: Number(e[3]) / (e[4] ? 100 / 255 : 1), b: Number(e[5]) / (e[6] ? 100 / 255 : 1), a: e[7] === void 0 ? 1 : Number(e[7]) / (e[8] ? 100 : 1) }) : null;
 }, "rgb"], [function(t) {
   var e = pe.exec(t) || me.exec(t);
   if (!e)
@@ -375,7 +375,7 @@ var fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, X = function(t) {
   return Et(i);
 }, "hsl"]], object: [[function(t) {
   var e = t.r, n = t.g, o = t.b, i = t.a, r = i === void 0 ? 1 : i;
-  return X(e) && X(n) && X(o) ? wt({ r: Number(e), g: Number(n), b: Number(o), a: Number(r) }) : null;
+  return X(e) && X(n) && X(o) ? yt({ r: Number(e), g: Number(n), b: Number(o), a: Number(r) }) : null;
 }, "rgb"], [function(t) {
   var e = t.h, n = t.s, o = t.l, i = t.a, r = i === void 0 ? 1 : i;
   if (!X(e) || !X(n) || !X(o))
@@ -397,7 +397,7 @@ var fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, X = function(t) {
       return [o, e[n][1]];
   }
   return [null, void 0];
-}, ye = function(t) {
+}, we = function(t) {
   return typeof t == "string" ? Ct(t.trim(), St.string) : typeof t == "object" && t !== null ? Ct(t, St.object) : [null, void 0];
 }, at = function(t, e) {
   var n = Q(t);
@@ -409,18 +409,18 @@ var fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, X = function(t) {
   return { h: n.h, s: n.s, l: k(n.l + 100 * e, 0, 100), a: n.a };
 }, Bt = function() {
   function t(e) {
-    this.parsed = ye(e)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
+    this.parsed = we(e)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
   }
   return t.prototype.isValid = function() {
     return this.parsed !== null;
   }, t.prototype.brightness = function() {
-    return I(ct(this.rgba), 2);
+    return M(ct(this.rgba), 2);
   }, t.prototype.isDark = function() {
     return ct(this.rgba) < 0.5;
   }, t.prototype.isLight = function() {
     return ct(this.rgba) >= 0.5;
   }, t.prototype.toHex = function() {
-    return e = st(this.rgba), n = e.r, o = e.g, i = e.b, a = (r = e.a) < 1 ? J(I(255 * r)) : "", "#" + J(n) + J(o) + J(i) + a;
+    return e = st(this.rgba), n = e.r, o = e.g, i = e.b, a = (r = e.a) < 1 ? J(M(255 * r)) : "", "#" + J(n) + J(o) + J(i) + a;
     var e, n, o, i, r, a;
   }, t.prototype.toRgb = function() {
     return st(this.rgba);
@@ -433,7 +433,7 @@ var fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, X = function(t) {
     return e = At(Q(this.rgba)), n = e.h, o = e.s, i = e.l, (r = e.a) < 1 ? "hsla(" + n + ", " + o + "%, " + i + "%, " + r + ")" : "hsl(" + n + ", " + o + "%, " + i + "%)";
     var e, n, o, i, r;
   }, t.prototype.toHsv = function() {
-    return e = Yt(this.rgba), { h: I(e.h), s: I(e.s), v: I(e.v), a: I(e.a, 3) };
+    return e = Yt(this.rgba), { h: M(e.h), s: M(e.s), v: M(e.v), a: M(e.a, 3) };
     var e;
   }, t.prototype.invert = function() {
     return Y({ r: 255 - (e = this.rgba).r, g: 255 - e.g, b: 255 - e.b, a: e.a });
@@ -451,18 +451,18 @@ var fe = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, X = function(t) {
   }, t.prototype.rotate = function(e) {
     return e === void 0 && (e = 15), this.hue(this.hue() + e);
   }, t.prototype.alpha = function(e) {
-    return typeof e == "number" ? Y({ r: (n = this.rgba).r, g: n.g, b: n.b, a: e }) : I(this.rgba.a, 3);
+    return typeof e == "number" ? Y({ r: (n = this.rgba).r, g: n.g, b: n.b, a: e }) : M(this.rgba.a, 3);
     var n;
   }, t.prototype.hue = function(e) {
     var n = Q(this.rgba);
-    return typeof e == "number" ? Y({ h: e, s: n.s, l: n.l, a: n.a }) : I(n.h);
+    return typeof e == "number" ? Y({ h: e, s: n.s, l: n.l, a: n.a }) : M(n.h);
   }, t.prototype.isEqual = function(e) {
     return this.toHex() === Y(e).toHex();
   }, t;
 }(), Y = function(t) {
   return t instanceof Bt ? t : new Bt(t);
 };
-const we = (t) => [
+const ye = (t) => [
   `background-color:${Y((t == null ? void 0 : t.fill) || P.fill).alpha((t == null ? void 0 : t.fillOpacity) === void 0 ? P.fillOpacity : t.fillOpacity).toHex()}`,
   t != null && t.underlineThickness ? "text-decoration:underline" : void 0,
   t != null && t.underlineColor ? `text-decoration-color:${t.underlineColor}` : void 0,
@@ -486,7 +486,7 @@ const we = (t) => [
       const m = r.map((l) => {
         var x;
         const p = s ? typeof s == "function" ? s(l.annotation, l.state) : s : (x = l.state) != null && x.selected ? ot : P, g = h && h.paint(l, a) || p;
-        return `::highlight(_${l.annotation.id}) { ${we(g)} }`;
+        return `::highlight(_${l.annotation.id}) { ${ye(g)} }`;
       });
       t.innerHTML = m.join(`
 `), CSS.highlights.clear(), r.forEach(({ annotation: l }) => {
@@ -540,10 +540,10 @@ const Ee = (t, e) => {
       e.innerHTML = "";
       const p = a.reduce((g, { rects: x }) => [...g, ...x], []);
       a.forEach((g) => {
-        const x = g.rects.map((y) => {
+        const x = g.rects.map((w) => {
           const u = document.createElement("span");
-          u.className = "r6o-annotation", u.dataset.annotation = g.annotation.id, u.style.left = `${y.x}px`, u.style.top = `${y.y}px`, u.style.width = `${y.width}px`, u.style.height = `${y.height}px`;
-          const d = Ee(y, p), c = qt(g, s, h, f, d), v = Y((c == null ? void 0 : c.fill) || P.fill).alpha((c == null ? void 0 : c.fillOpacity) === void 0 ? P.fillOpacity : c.fillOpacity).toHex();
+          u.className = "r6o-annotation", u.dataset.annotation = g.annotation.id, u.style.left = `${w.x}px`, u.style.top = `${w.y}px`, u.style.width = `${w.width}px`, u.style.height = `${w.height}px`;
+          const d = Ee(w, p), c = qt(g, s, h, f, d), v = Y((c == null ? void 0 : c.fill) || P.fill).alpha((c == null ? void 0 : c.fillOpacity) === void 0 ? P.fillOpacity : c.fillOpacity).toHex();
           return u.style.backgroundColor = v, c.underlineStyle && (u.style.borderStyle = c.underlineStyle), c.underlineColor && (u.style.borderColor = c.underlineColor), c.underlineThickness && (u.style.borderBottomWidth = `${c.underlineThickness}px`), c.underlineOffset && (u.style.paddingBottom = `${c.underlineOffset}px`), e.appendChild(u), u;
         });
         return { id: g.annotation.id, spans: x };
@@ -635,7 +635,7 @@ function bt(t, e = lt) {
   }
   return { set: i, update: r, subscribe: a };
 }
-const Me = (t) => {
+const Oe = (t) => {
   const { subscribe: e, set: n } = bt();
   let o;
   return e((i) => o = i), t.observe(({ changes: i }) => {
@@ -652,8 +652,8 @@ const Me = (t) => {
     set: n
   };
 };
-var Oe = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE = "NONE", t))(Oe || {});
-const dt = { selected: [] }, Ie = (t, e = "EDIT") => {
+var Ie = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE = "NONE", t))(Ie || {});
+const dt = { selected: [] }, Me = (t, e = "EDIT") => {
   const { subscribe: n, set: o } = bt(dt);
   let i = dt;
   n((l) => i = l);
@@ -673,8 +673,8 @@ const dt = { selected: [] }, Ie = (t, e = "EDIT") => {
     } else
       console.warn("Invalid selection: " + l);
   }, f = (l, p = !0) => {
-    const g = Array.isArray(l) ? l : [l], x = g.map((y) => t.getAnnotation(y)).filter(Boolean);
-    o({ selected: x.map(({ id: y }) => ({ id: y, editable: p })) }), x.length !== g.length && console.warn("Invalid selection", l);
+    const g = Array.isArray(l) ? l : [l], x = g.map((w) => t.getAnnotation(w)).filter(Boolean);
+    o({ selected: x.map(({ id: w }) => ({ id: w, editable: p })) }), x.length !== g.length && console.warn("Invalid selection", l);
   }, m = (l) => {
     if (i.selected.length === 0)
       return !1;
@@ -709,17 +709,17 @@ for (let t = 0; t < 256; ++t)
 function Ye(t, e = 0) {
   return U[t[e + 0]] + U[t[e + 1]] + U[t[e + 2]] + U[t[e + 3]] + "-" + U[t[e + 4]] + U[t[e + 5]] + "-" + U[t[e + 6]] + U[t[e + 7]] + "-" + U[t[e + 8]] + U[t[e + 9]] + "-" + U[t[e + 10]] + U[t[e + 11]] + U[t[e + 12]] + U[t[e + 13]] + U[t[e + 14]] + U[t[e + 15]];
 }
-const _e = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Mt = {
+const _e = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ot = {
   randomUUID: _e
 };
 function De(t, e, n) {
-  if (Mt.randomUUID && !e && !t)
-    return Mt.randomUUID();
+  if (Ot.randomUUID && !e && !t)
+    return Ot.randomUUID();
   t = t || {};
   const o = t.random || (t.rng || ke)();
   return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Ye(o);
 }
-const On = (t, e, n, o) => ({
+const In = (t, e, n, o) => ({
   id: De(),
   annotation: t.id,
   created: n || /* @__PURE__ */ new Date(),
@@ -779,7 +779,7 @@ const ze = (t, e) => {
     ...(t.updated || []).filter(({ newValue: l }) => !r.has(l.id)).map((l) => {
       const { oldValue: p, newValue: g } = l;
       if (a.has(g.id)) {
-        const x = e.updated.find((y) => y.oldValue.id === g.id).newValue;
+        const x = e.updated.find((w) => w.oldValue.id === g.id).newValue;
         return Xt(p, x);
       } else
         return l;
@@ -788,50 +788,50 @@ const ze = (t, e) => {
   ];
   return { created: h, deleted: f, updated: m };
 }, We = (t) => t.id !== void 0, qe = () => {
-  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (b, w = {}) => n.push({ onChange: b, options: w }), i = (b) => {
-    const w = n.findIndex((A) => A.onChange == b);
-    w > -1 && n.splice(w, 1);
-  }, r = (b, w) => {
+  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (b, y = {}) => n.push({ onChange: b, options: y }), i = (b) => {
+    const y = n.findIndex((A) => A.onChange == b);
+    y > -1 && n.splice(y, 1);
+  }, r = (b, y) => {
     const A = {
       origin: b,
       changes: {
-        created: w.created || [],
-        updated: w.updated || [],
-        deleted: w.deleted || []
+        created: y.created || [],
+        updated: y.updated || [],
+        deleted: y.deleted || []
       },
       state: [...t.values()]
     };
     n.forEach((S) => {
       ze(S, A) && S.onChange(A);
     });
-  }, a = (b, w = N.LOCAL) => {
+  }, a = (b, y = N.LOCAL) => {
     if (t.get(b.id))
       throw Error(`Cannot add annotation ${b.id} - exists already`);
-    t.set(b.id, b), b.bodies.forEach((A) => e.set(A.id, b.id)), r(w, { created: [b] });
-  }, s = (b, w) => {
-    const A = typeof b == "string" ? w : b, S = typeof b == "string" ? b : b.id, R = t.get(S);
+    t.set(b.id, b), b.bodies.forEach((A) => e.set(A.id, b.id)), r(y, { created: [b] });
+  }, s = (b, y) => {
+    const A = typeof b == "string" ? y : b, S = typeof b == "string" ? b : b.id, R = t.get(S);
     if (R) {
-      const M = Xt(R, A);
-      return S === A.id ? t.set(S, A) : (t.delete(S), t.set(A.id, A)), R.bodies.forEach((H) => e.delete(H.id)), A.bodies.forEach((H) => e.set(H.id, A.id)), M;
+      const O = Xt(R, A);
+      return S === A.id ? t.set(S, A) : (t.delete(S), t.set(A.id, A)), R.bodies.forEach((H) => e.delete(H.id)), A.bodies.forEach((H) => e.set(H.id, A.id)), O;
     } else
       console.warn(`Cannot update annotation ${S} - does not exist`);
-  }, h = (b, w = N.LOCAL, A = N.LOCAL) => {
-    const S = We(w) ? A : w, R = s(b, w);
+  }, h = (b, y = N.LOCAL, A = N.LOCAL) => {
+    const S = We(y) ? A : y, R = s(b, y);
     R && r(S, { updated: [R] });
-  }, f = (b, w = N.LOCAL) => {
+  }, f = (b, y = N.LOCAL) => {
     const A = b.reduce((S, R) => {
-      const M = s(R);
-      return M ? [...S, M] : S;
+      const O = s(R);
+      return O ? [...S, O] : S;
     }, []);
-    A.length > 0 && r(w, { updated: A });
-  }, m = (b, w = N.LOCAL) => {
+    A.length > 0 && r(y, { updated: A });
+  }, m = (b, y = N.LOCAL) => {
     const A = t.get(b.annotation);
     if (A) {
       const S = {
         ...A,
         bodies: [...A.bodies, b]
       };
-      t.set(A.id, S), e.set(b.id, S.id), r(w, { updated: [{
+      t.set(A.id, S), e.set(b.id, S.id), r(y, { updated: [{
         oldValue: A,
         newValue: S,
         bodiesCreated: [b]
@@ -839,51 +839,51 @@ const ze = (t, e) => {
     } else
       console.warn(`Attempt to add body to missing annotation: ${b.annotation}`);
   }, l = () => [...t.values()], p = (b = N.LOCAL) => {
-    const w = [...t.values()];
-    t.clear(), e.clear(), r(b, { deleted: w });
-  }, g = (b, w = !0, A = N.LOCAL) => {
-    if (w) {
+    const y = [...t.values()];
+    t.clear(), e.clear(), r(b, { deleted: y });
+  }, g = (b, y = !0, A = N.LOCAL) => {
+    if (y) {
       const S = [...t.values()];
       t.clear(), e.clear(), b.forEach((R) => {
-        t.set(R.id, R), R.bodies.forEach((M) => e.set(M.id, R.id));
+        t.set(R.id, R), R.bodies.forEach((O) => e.set(O.id, R.id));
       }), r(A, { created: b, deleted: S });
     } else {
-      const S = b.reduce((R, M) => {
-        const H = t.get(M.id);
+      const S = b.reduce((R, O) => {
+        const H = t.get(O.id);
         return H ? [...R, H] : R;
       }, []);
       if (S.length > 0)
         throw Error(`Bulk insert would overwrite the following annotations: ${S.map((R) => R.id).join(", ")}`);
       b.forEach((R) => {
-        t.set(R.id, R), R.bodies.forEach((M) => e.set(M.id, R.id));
+        t.set(R.id, R), R.bodies.forEach((O) => e.set(O.id, R.id));
       }), r(A, { created: b });
     }
   }, x = (b) => {
-    const w = typeof b == "string" ? b : b.id, A = t.get(w);
+    const y = typeof b == "string" ? b : b.id, A = t.get(y);
     if (A)
-      return t.delete(w), A.bodies.forEach((S) => e.delete(S.id)), A;
-    console.warn(`Attempt to delete missing annotation: ${w}`);
-  }, y = (b, w = N.LOCAL) => {
+      return t.delete(y), A.bodies.forEach((S) => e.delete(S.id)), A;
+    console.warn(`Attempt to delete missing annotation: ${y}`);
+  }, w = (b, y = N.LOCAL) => {
     const A = x(b);
-    A && r(w, { deleted: [A] });
-  }, u = (b, w = N.LOCAL) => {
+    A && r(y, { deleted: [A] });
+  }, u = (b, y = N.LOCAL) => {
     const A = b.reduce((S, R) => {
-      const M = x(R);
-      return M ? [...S, M] : S;
+      const O = x(R);
+      return O ? [...S, O] : S;
     }, []);
-    A.length > 0 && r(w, { deleted: A });
+    A.length > 0 && r(y, { deleted: A });
   }, d = (b) => {
-    const w = t.get(b.annotation);
-    if (w) {
-      const A = w.bodies.find((S) => S.id === b.id);
+    const y = t.get(b.annotation);
+    if (y) {
+      const A = y.bodies.find((S) => S.id === b.id);
       if (A) {
         e.delete(A.id);
         const S = {
-          ...w,
-          bodies: w.bodies.filter((R) => R.id !== b.id)
+          ...y,
+          bodies: y.bodies.filter((R) => R.id !== b.id)
         };
-        return t.set(w.id, S), {
-          oldValue: w,
+        return t.set(y.id, S), {
+          oldValue: y,
           newValue: S,
           bodiesDeleted: [A]
         };
@@ -891,61 +891,61 @@ const ze = (t, e) => {
         console.warn(`Attempt to delete missing body ${b.id} from annotation ${b.annotation}`);
     } else
       console.warn(`Attempt to delete body from missing annotation ${b.annotation}`);
-  }, c = (b, w = N.LOCAL) => {
+  }, c = (b, y = N.LOCAL) => {
     const A = d(b);
-    A && r(w, { updated: [A] });
-  }, v = (b, w = N.LOCAL) => {
+    A && r(y, { updated: [A] });
+  }, v = (b, y = N.LOCAL) => {
     const A = b.map((S) => d(S)).filter(Boolean);
-    A.length > 0 && r(w, { updated: A });
+    A.length > 0 && r(y, { updated: A });
   }, C = (b) => {
-    const w = t.get(b);
-    return w ? { ...w } : void 0;
+    const y = t.get(b);
+    return y ? { ...y } : void 0;
   }, L = (b) => {
-    const w = e.get(b);
-    if (w) {
-      const A = C(w).bodies.find((S) => S.id === b);
+    const y = e.get(b);
+    if (y) {
+      const A = C(y).bodies.find((S) => S.id === b);
       if (A)
         return A;
       console.error(`Store integrity error: body ${b} in index, but not in annotation`);
     } else
       console.warn(`Attempt to retrieve missing body: ${b}`);
-  }, E = (b, w) => {
-    if (b.annotation !== w.annotation)
+  }, E = (b, y) => {
+    if (b.annotation !== y.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
     const A = t.get(b.annotation);
     if (A) {
-      const S = A.bodies.find((M) => M.id === b.id), R = {
+      const S = A.bodies.find((O) => O.id === b.id), R = {
         ...A,
-        bodies: A.bodies.map((M) => M.id === S.id ? w : M)
+        bodies: A.bodies.map((O) => O.id === S.id ? y : O)
       };
-      return t.set(A.id, R), S.id !== w.id && (e.delete(S.id), e.set(w.id, R.id)), {
+      return t.set(A.id, R), S.id !== y.id && (e.delete(S.id), e.set(y.id, R.id)), {
         oldValue: A,
         newValue: R,
-        bodiesUpdated: [{ oldBody: S, newBody: w }]
+        bodiesUpdated: [{ oldBody: S, newBody: y }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${b.annotation}`);
-  }, B = (b, w, A = N.LOCAL) => {
-    const S = E(b, w);
+  }, B = (b, y, A = N.LOCAL) => {
+    const S = E(b, y);
     S && r(A, { updated: [S] });
-  }, T = (b, w = N.LOCAL) => {
+  }, T = (b, y = N.LOCAL) => {
     const A = b.map((S) => E({ id: S.id, annotation: S.annotation }, S)).filter(Boolean);
-    r(w, { updated: A });
-  }, O = (b) => {
-    const w = t.get(b.annotation);
-    if (w) {
+    r(y, { updated: A });
+  }, I = (b) => {
+    const y = t.get(b.annotation);
+    if (y) {
       const A = {
-        ...w,
+        ...y,
         target: {
-          ...w.target,
+          ...y.target,
           ...b
         }
       };
-      return t.set(w.id, A), {
-        oldValue: w,
+      return t.set(y.id, A), {
+        oldValue: y,
         newValue: A,
         targetUpdated: {
-          oldTarget: w.target,
+          oldTarget: y.target,
           newTarget: b
         }
       };
@@ -961,12 +961,12 @@ const ze = (t, e) => {
     bulkDeleteBodies: v,
     bulkUpdateAnnotation: f,
     bulkUpdateBodies: T,
-    bulkUpdateTargets: (b, w = N.LOCAL) => {
-      const A = b.map((S) => O(S)).filter(Boolean);
-      A.length > 0 && r(w, { updated: A });
+    bulkUpdateTargets: (b, y = N.LOCAL) => {
+      const A = b.map((S) => I(S)).filter(Boolean);
+      A.length > 0 && r(y, { updated: A });
     },
     clear: p,
-    deleteAnnotation: y,
+    deleteAnnotation: w,
     deleteBody: c,
     getAnnotation: C,
     getBody: L,
@@ -974,9 +974,9 @@ const ze = (t, e) => {
     unobserve: i,
     updateAnnotation: h,
     updateBody: B,
-    updateTarget: (b, w = N.LOCAL) => {
-      const A = O(b);
-      A && r(w, { updated: [A] });
+    updateTarget: (b, y = N.LOCAL) => {
+      const A = I(b);
+      A && r(y, { updated: [A] });
     }
   };
 };
@@ -999,14 +999,14 @@ const Ge = 250, Ke = (t) => {
   let o = -1, i = !1, r = 0;
   const a = (g) => {
     if (!i) {
-      const { changes: x } = g, y = performance.now();
-      if (y - r > Ge)
+      const { changes: x } = g, w = performance.now();
+      if (w - r > Ge)
         n.splice(o + 1), n.push(x), o = n.length - 1;
       else {
         const u = n.length - 1;
         n[u] = Fe(n[u], x);
       }
-      r = y;
+      r = w;
     }
     i = !1;
   };
@@ -1020,15 +1020,15 @@ const Ge = 250, Ke = (t) => {
     redo: () => {
       if (n.length - 1 > o) {
         i = !0;
-        const { created: g, updated: x, deleted: y } = n[o + 1];
-        h(g), m(x), p(y), e.emit("redo", n[o + 1]), o += 1;
+        const { created: g, updated: x, deleted: w } = n[o + 1];
+        h(g), m(x), p(w), e.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         i = !0;
-        const { created: g, updated: x, deleted: y } = n[o];
-        s(g), f(x), l(y), e.emit("undo", n[o]), o -= 1;
+        const { created: g, updated: x, deleted: w } = n[o];
+        s(g), f(x), l(w), e.emit("undo", n[o]), o -= 1;
       }
     }
   };
@@ -1041,14 +1041,14 @@ const Ge = 250, Ke = (t) => {
 }, Je = (t, e, n, o) => {
   const { store: i, selection: r, hover: a, viewport: s } = t, h = /* @__PURE__ */ new Map();
   let f = [], m;
-  const l = (y, u) => {
-    h.has(y) ? h.get(y).push(u) : h.set(y, [u]);
-  }, p = (y, u) => {
-    const d = h.get(y);
+  const l = (w, u) => {
+    h.has(w) ? h.get(w).push(u) : h.set(w, [u]);
+  }, p = (w, u) => {
+    const d = h.get(w);
     d && d.indexOf(u) > 0 && d.splice(d.indexOf(u), 1);
-  }, g = (y, u, d) => {
-    h.has(y) && setTimeout(() => {
-      h.get(y).forEach((c) => {
+  }, g = (w, u, d) => {
+    h.has(w) && setTimeout(() => {
+      h.get(w).forEach((c) => {
         if (n) {
           const v = Array.isArray(u) ? u.map((L) => n.serialize(L)) : n.serialize(u), C = d ? d instanceof PointerEvent ? d : n.serialize(d) : void 0;
           c(v, C);
@@ -1057,17 +1057,17 @@ const Ge = 250, Ke = (t) => {
       });
     }, 1);
   };
-  r.subscribe(({ selected: y }) => {
-    if (!(f.length === 0 && y.length === 0)) {
-      if (f.length === 0 && y.length > 0)
-        f = y.map(({ id: u }) => i.getAnnotation(u));
-      else if (f.length > 0 && y.length === 0)
+  r.subscribe(({ selected: w }) => {
+    if (!(f.length === 0 && w.length === 0)) {
+      if (f.length === 0 && w.length > 0)
+        f = w.map(({ id: u }) => i.getAnnotation(u));
+      else if (f.length > 0 && w.length === 0)
         f.forEach((u) => {
           const d = i.getAnnotation(u.id);
           d && !q(d, u) && g("updateAnnotation", d, u);
         }), f = [];
       else {
-        const u = new Set(f.map((c) => c.id)), d = new Set(y.map(({ id: c }) => c));
+        const u = new Set(f.map((c) => c.id)), d = new Set(w.map(({ id: c }) => c));
         f.filter((c) => !d.has(c.id)).forEach((c) => {
           const v = i.getAnnotation(c.id);
           v && !q(v, c) && g("updateAnnotation", v, c);
@@ -1075,16 +1075,16 @@ const Ge = 250, Ke = (t) => {
           // Remove annotations that were deselected
           ...f.filter((c) => d.has(c.id)),
           // Add editable annotations that were selected
-          ...y.filter(({ id: c }) => !u.has(c)).map(({ id: c }) => i.getAnnotation(c))
+          ...w.filter(({ id: c }) => !u.has(c)).map(({ id: c }) => i.getAnnotation(c))
         ];
       }
       g("selectionChanged", f);
     }
-  }), a.subscribe((y) => {
-    !m && y ? g("mouseEnterAnnotation", i.getAnnotation(y)) : m && !y ? g("mouseLeaveAnnotation", i.getAnnotation(m)) : m && y && (g("mouseLeaveAnnotation", i.getAnnotation(m)), g("mouseEnterAnnotation", i.getAnnotation(y))), m = y;
-  }), s == null || s.subscribe((y) => g("viewportIntersect", y.map((u) => i.getAnnotation(u)))), i.observe((y) => {
-    const { created: u, deleted: d } = y.changes;
-    (u || []).forEach((c) => g("createAnnotation", c)), (d || []).forEach((c) => g("deleteAnnotation", c)), (y.changes.updated || []).filter((c) => [
+  }), a.subscribe((w) => {
+    !m && w ? g("mouseEnterAnnotation", i.getAnnotation(w)) : m && !w ? g("mouseLeaveAnnotation", i.getAnnotation(m)) : m && w && (g("mouseLeaveAnnotation", i.getAnnotation(m)), g("mouseEnterAnnotation", i.getAnnotation(w))), m = w;
+  }), s == null || s.subscribe((w) => g("viewportIntersect", w.map((u) => i.getAnnotation(u)))), i.observe((w) => {
+    const { created: u, deleted: d } = w.changes;
+    (u || []).forEach((c) => g("createAnnotation", c)), (d || []).forEach((c) => g("deleteAnnotation", c)), (w.changes.updated || []).filter((c) => [
       ...c.bodiesCreated || [],
       ...c.bodiesDeleted || [],
       ...c.bodiesUpdated || []
@@ -1092,15 +1092,15 @@ const Ge = 250, Ke = (t) => {
       const C = f.find((L) => L.id === c.id) || c;
       f = f.map((L) => L.id === c.id ? v : L), g("updateAnnotation", v, C);
     });
-  }, { origin: N.LOCAL }), i.observe((y) => {
+  }, { origin: N.LOCAL }), i.observe((w) => {
     if (f) {
-      const u = new Set(f.map((c) => c.id)), d = (y.changes.updated || []).filter(({ newValue: c }) => u.has(c.id)).map(({ newValue: c }) => c);
+      const u = new Set(f.map((c) => c.id)), d = (w.changes.updated || []).filter(({ newValue: c }) => u.has(c.id)).map(({ newValue: c }) => c);
       d.length > 0 && (f = f.map((c) => d.find((C) => C.id === c.id) || c));
     }
   }, { origin: N.REMOTE });
-  const x = (y) => (u) => {
+  const x = (w) => (u) => {
     const { updated: d } = u;
-    y ? (d || []).forEach((c) => g("updateAnnotation", c.oldValue, c.newValue)) : (d || []).forEach((c) => g("updateAnnotation", c.newValue, c.oldValue));
+    w ? (d || []).forEach((c) => g("updateAnnotation", c.oldValue, c.newValue)) : (d || []).forEach((c) => g("updateAnnotation", c.newValue, c.oldValue));
   };
   return e.on("undo", x(!0)), e.on("redo", x(!1)), { on: l, off: p, emit: g };
 }, Ze = (t) => (e) => e.reduce((n, o) => {
@@ -1146,7 +1146,7 @@ const Ge = 250, Ke = (t) => {
       o.bulkAddAnnotation(u, d, N.REMOTE);
   }, x = (u) => {
     u ? i.setSelected(u) : i.clear();
-  }, y = (u) => {
+  }, w = (u) => {
     if (n) {
       const d = n.parse(u).parsed, c = n.serialize(o.getAnnotation(d.id));
       return o.updateAnnotation(d), c;
@@ -1170,7 +1170,7 @@ const Ge = 250, Ke = (t) => {
     setAnnotations: g,
     setSelected: x,
     undo: e.undo,
-    updateAnnotation: y
+    updateAnnotation: w
   };
 }, en = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 let nn = (t) => crypto.getRandomValues(new Uint8Array(t)), on = (t, e, n) => {
@@ -1199,24 +1199,29 @@ const an = () => ({ isGuest: !0, id: rn("1234567890abcdefghijklmnopqrstuvwxyzABC
   }
   return `${n}`;
 }, $t = (t) => t ? typeof t == "object" ? { ...t } : t : void 0, ln = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
-  const { id: o, type: i, purpose: r, value: a, created: s, creator: h, ...f } = n;
+  const { id: o, type: i, purpose: r, value: a, created: s, modified: h, creator: f, ...m } = n;
   return {
     id: o || `temp-${cn(n)}`,
     annotation: e,
     type: i,
     purpose: r,
     value: a,
+    creator: $t(f),
     created: s ? new Date(s) : void 0,
-    creator: $t(h),
-    ...f
+    updated: h ? new Date(h) : void 0,
+    ...m
   };
 }), dn = (t) => t.map((e) => {
-  var n, o;
-  const i = { ...e };
-  return delete i.annotation, (n = i.id) != null && n.startsWith("temp-") && delete i.id, { ...i, created: (o = i.created) == null ? void 0 : o.toISOString() };
+  var n;
+  const { annotation: o, created: i, updated: r, ...a } = e, s = {
+    ...a,
+    created: i == null ? void 0 : i.toISOString(),
+    modified: r == null ? void 0 : r.toISOString()
+  };
+  return (n = s.id) != null && n.startsWith("temp-") && delete s.id, s;
 });
 sn();
-const In = (t, e) => ({
+const Mn = (t, e) => ({
   parse: (n) => fn(n),
   serialize: (n) => gn(n, t, e)
 }), un = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, hn = (t) => {
@@ -1284,7 +1289,7 @@ const In = (t, e) => ({
     updated: f,
     ...m
   } = i, l = a.map((p) => {
-    const { quote: g, start: x, end: y, range: u } = p, { prefix: d, suffix: c } = te(u, n), v = [{
+    const { quote: g, start: x, end: w, range: u } = p, { prefix: d, suffix: c } = te(u, n), v = [{
       type: "TextQuoteSelector",
       exact: g,
       prefix: d,
@@ -1292,7 +1297,7 @@ const In = (t, e) => ({
     }, {
       type: "TextPositionSelector",
       start: x,
-      end: y
+      end: w
     }];
     return {
       ...m,
@@ -1451,10 +1456,10 @@ class bn {
       return s = W(e.slice(n, o + 1)), F(s, this.toBBox), s;
     i || (i = Math.ceil(Math.log(r) / Math.log(a)), a = Math.ceil(r / Math.pow(a, i - 1))), s = W([]), s.leaf = !1, s.height = i;
     const h = Math.ceil(r / a), f = h * Math.ceil(Math.sqrt(a));
-    Ot(e, n, o, f, this.compareMinX);
+    It(e, n, o, f, this.compareMinX);
     for (let m = n; m <= o; m += f) {
       const l = Math.min(m + f - 1, o);
-      Ot(e, m, l, h, this.compareMinY);
+      It(e, m, l, h, this.compareMinY);
       for (let p = m; p <= l; p += h) {
         const g = Math.min(p + h - 1, l);
         s.children.push(this._build(e, p, g, i - 1));
@@ -1499,7 +1504,7 @@ class bn {
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(e, n, o) {
-    const i = e.leaf ? this.compareMinX : yn, r = e.leaf ? this.compareMinY : wn, a = this._allDistMargin(e, n, o, i), s = this._allDistMargin(e, n, o, r);
+    const i = e.leaf ? this.compareMinX : wn, r = e.leaf ? this.compareMinY : yn, a = this._allDistMargin(e, n, o, i), s = this._allDistMargin(e, n, o, r);
     a < s && e.children.sort(i);
   }
   // total margin of all possible split distributions where each node is at least m full
@@ -1548,10 +1553,10 @@ function G(t, e, n, o, i) {
 function K(t, e) {
   return t.minX = Math.min(t.minX, e.minX), t.minY = Math.min(t.minY, e.minY), t.maxX = Math.max(t.maxX, e.maxX), t.maxY = Math.max(t.maxY, e.maxY), t;
 }
-function yn(t, e) {
+function wn(t, e) {
   return t.minX - e.minX;
 }
-function wn(t, e) {
+function yn(t, e) {
   return t.minY - e.minY;
 }
 function ut(t) {
@@ -1584,7 +1589,7 @@ function W(t) {
     maxY: -1 / 0
   };
 }
-function Ot(t, e, n, o, i) {
+function It(t, e, n, o, i) {
   const r = [e, n];
   for (; r.length; ) {
     if (n = r.pop(), e = r.pop(), n - e <= o)
@@ -1600,12 +1605,12 @@ const En = (t, e) => {
       return Array.from(E.getClientRects());
     }), C = re(v).map(({ left: L, top: E, right: B, bottom: T }) => new DOMRect(L - c.left, E - c.top, B - L, T - E));
     return C.map((L) => {
-      const { x: E, y: B, width: T, height: O } = L;
+      const { x: E, y: B, width: T, height: I } = L;
       return {
         minX: E,
         minY: B,
         maxX: E + T,
-        maxY: B + O,
+        maxY: B + I,
         annotation: {
           id: d.annotation,
           rects: C
@@ -1672,39 +1677,39 @@ const En = (t, e) => {
     update: f
   };
 }, Sn = (t, e) => {
-  const n = qe(), o = En(n, t), i = Ie(n, e), r = Me(n), a = Qe(), s = (y, u = N.LOCAL) => {
-    const d = rt(y, t), c = $(d.target.selector);
+  const n = qe(), o = En(n, t), i = Me(n, e), r = Oe(n), a = Qe(), s = (w, u = N.LOCAL) => {
+    const d = rt(w, t), c = $(d.target.selector);
     return c && n.addAnnotation(d, u), c;
-  }, h = (y, u = !0, d = N.LOCAL) => {
-    const c = y.map((C) => rt(C, t)), v = c.filter((C) => !$(C.target.selector));
+  }, h = (w, u = !0, d = N.LOCAL) => {
+    const c = w.map((C) => rt(C, t)), v = c.filter((C) => !$(C.target.selector));
     return v.length > 0 ? (console.warn("Could not revive all targets for these annotations:", v), n.bulkAddAnnotation(c, u, d), v) : (n.bulkAddAnnotation(c, u, d), []);
-  }, f = (y, u = N.LOCAL) => {
-    const d = y.map((v) => rt(v, t)), c = d.filter((v) => !$(v.target.selector));
+  }, f = (w, u = N.LOCAL) => {
+    const d = w.map((v) => rt(v, t)), c = d.filter((v) => !$(v.target.selector));
     return c.length > 0 && console.warn("Could not revive all targets for these annotations:", c), d.forEach((v) => {
       n.getAnnotation(v.id) ? n.updateAnnotation(v, u) : n.addAnnotation(v, u);
     }), c;
-  }, m = (y, u = N.LOCAL) => {
-    const d = it(y, t);
+  }, m = (w, u = N.LOCAL) => {
+    const d = it(w, t);
     n.updateTarget(d, u);
-  }, l = (y, u = N.LOCAL) => {
-    const d = y.map((c) => it(c, t));
+  }, l = (w, u = N.LOCAL) => {
+    const d = w.map((c) => it(c, t));
     n.bulkUpdateTargets(d, u);
-  }, p = (y, u) => {
-    const d = o.getAt(y, u);
+  }, p = (w, u) => {
+    const d = o.getAt(w, u);
     return d ? n.getAnnotation(d) : void 0;
-  }, g = (y, u, d, c = 5) => {
-    const v = o.getAnnotationRects(y);
+  }, g = (w, u, d, c = 5) => {
+    const v = o.getAnnotationRects(w);
     if (v.length !== 0) {
       if (u && d) {
         const C = v.find(({ top: L, right: E, bottom: B, left: T }) => u >= T - c && u <= E + c && d >= L - c && d <= B + c);
         if (C)
           return C;
       }
-      return o.getAnnotationBounds(y);
+      return o.getAnnotationBounds(w);
     }
   }, x = () => o.recalculate();
-  return n.observe(({ changes: y }) => {
-    const u = (y.created || []).filter((v) => $(v.target.selector)), d = (y.deleted || []).filter((v) => $(v.target.selector)), c = (y.updated || []).filter((v) => $(v.newValue.target.selector));
+  return n.observe(({ changes: w }) => {
+    const u = (w.created || []).filter((v) => $(v.target.selector)), d = (w.deleted || []).filter((v) => $(v.target.selector)), c = (w.updated || []).filter((v) => $(v.newValue.target.selector));
     u.length > 0 && o.set(u.map((v) => v.target), !1), (d == null ? void 0 : d.length) > 0 && d.forEach((v) => o.remove(v.target)), (c == null ? void 0 : c.length) > 0 && c.forEach(({ newValue: v }) => o.update(v.target));
   }), {
     store: {
@@ -1746,8 +1751,8 @@ const En = (t, e) => {
       n.font && (i.font = n.font);
       const x = r.get(l.annotation.id);
       if (x) {
-        const { height: y } = l.rects[0], u = l.rects[0].x + p.left, d = l.rects[0].y + p.top;
-        i.fillStyle = x.appearance.color, i.fillRect(u - 2, d - 2.5, 2, y + 5);
+        const { height: w } = l.rects[0], u = l.rects[0].x + p.left, d = l.rects[0].y + p.top;
+        i.fillStyle = x.appearance.color, i.fillRect(u - 2, d - 2.5, 2, w + 5);
         const c = i.measureText(x.appearance.label), v = c.width + 6, C = c.actualBoundingBoxAscent + c.actualBoundingBoxDescent + 8, L = c.fontBoundingBoxAscent ? 8 : 6.5;
         return i.fillRect(u - 2, d - 2.5 - C, v, C), i.fillStyle = "#fff", i.fillText(x.appearance.label, u + 1, d - L), {
           fill: x.appearance.color,
@@ -1768,7 +1773,7 @@ const En = (t, e) => {
   return e !== "visible" && e !== "hidden" && t.scrollHeight > t.clientHeight ? t : Pt(t.parentElement);
 }, Bn = (t, e) => (n) => {
   const o = (r) => {
-    const a = i.getBoundingClientRect(), s = i.clientHeight, h = i.clientWidth, f = r.selector[0].range.getBoundingClientRect(), { width: m, height: l } = e.getAnnotationBounds(n.id), p = f.top - a.top, g = f.left - a.left, x = i.parentElement ? i.scrollTop : 0, y = i.parentElement ? i.scrollLeft : 0, u = p + x - (s - l) / 2, d = g + y - (h - m) / 2;
+    const a = i.getBoundingClientRect(), s = i.clientHeight, h = i.clientWidth, f = r.selector[0].range.getBoundingClientRect(), { width: m, height: l } = e.getAnnotationBounds(n.id), p = f.top - a.top, g = f.left - a.left, x = i.parentElement ? i.scrollTop : 0, w = i.parentElement ? i.scrollLeft : 0, u = p + x - (s - l) / 2, d = g + w - (h - m) / 2;
     i.scroll({ top: u, left: d, behavior: "smooth" });
   }, i = Pt(t);
   if (i) {
@@ -1803,9 +1808,9 @@ const En = (t, e) => {
   };
   n && t.addEventListener("selectstart", l);
   const p = pt((u) => {
-    var E;
+    var E, B;
     const d = document.getSelection();
-    if (!!((E = d.anchorNode.parentElement) != null && E.closest(_))) {
+    if (!!((B = (E = d.anchorNode) == null ? void 0 : E.parentElement) != null && B.closest(_))) {
       s = void 0;
       return;
     }
@@ -1815,12 +1820,12 @@ const En = (t, e) => {
     if (ne(v))
       return;
     const C = Kt(v.cloneRange());
-    (C.length !== s.selector.length || C.some((B, T) => {
-      var O;
-      return B.toString() !== ((O = s.selector[T]) == null ? void 0 : O.quote);
+    (C.length !== s.selector.length || C.some((T, I) => {
+      var b;
+      return T.toString() !== ((b = s.selector[I]) == null ? void 0 : b.quote);
     })) && (s = {
       ...s,
-      selector: C.map((B) => se(B, t, o))
+      selector: C.map((T) => se(T, t, o))
     }, i.getAnnotation(s.annotation) ? i.updateTarget(s, N.LOCAL) : (i.addAnnotation({
       id: s.annotation,
       bodies: [],
@@ -1853,13 +1858,13 @@ const En = (t, e) => {
     },
     setUser: h
   };
-}, It = "SPANS", Vn = (t, e = {}) => {
+}, Mt = "SPANS", Vn = (t, e = {}) => {
   Qt(t);
   const n = Tn(e, {
     annotationEnabled: !0
   }), o = Sn(t, n.pointerAction), { selection: i, viewport: r } = o, a = o.store, s = Ke(a), h = Je(o, s, n.adapter);
   let f = an();
-  const m = n.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : It : n.renderer || It, l = m === "SPANS" ? Ce(t, o, r) : m === "CSS_HIGHLIGHTS" ? Ae(t, o, r) : m === "CANVAS" ? he(t, o, r) : void 0;
+  const m = n.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : Mt : n.renderer || Mt, l = m === "SPANS" ? Ce(t, o, r) : m === "CSS_HIGHLIGHTS" ? Ae(t, o, r) : m === "CANVAS" ? he(t, o, r) : void 0;
   if (!l)
     throw `Unknown renderer implementation: ${m}`;
   console.debug(`Using ${m} renderer`), n.style && l.setStyle(n.style);
@@ -1895,10 +1900,10 @@ export {
   Vt as NOT_ANNOTATABLE_CLASS,
   _ as NOT_ANNOTATABLE_SELECTOR,
   N as Origin,
-  Oe as PointerSelectAction,
-  In as W3CTextFormat,
+  Ie as PointerSelectAction,
+  Mn as W3CTextFormat,
   Qt as cancelSingleClickEvents,
-  On as createBody,
+  In as createBody,
   he as createCanvasRenderer,
   Ae as createHighlightsRenderer,
   xe as createRenderer,
@@ -1908,7 +1913,7 @@ export {
   pt as debounce,
   Tn as fillDefaults,
   Nn as getAnnotatableFragment,
-  Mn as getClientRectsPonyfill,
+  On as getClientRectsPonyfill,
   te as getQuoteContext,
   ft as getRangeAnnotatableContents,
   $ as isRevived,