@annotorious/core 3.0.0-rc.16 → 3.0.0-rc.18

package/dist/annotorious-core.es.js

@@ -1,5 +1,5 @@
 var Y = Object.prototype.hasOwnProperty;
-function B(e, n) {
+function x(e, n) {
   var t, o;
   if (e === n)
     return !0;
@@ -10,14 +10,14 @@ function B(e, n) {
       return e.toString() === n.toString();
     if (t === Array) {
       if ((o = e.length) === n.length)
-        for (; o-- && B(e[o], n[o]); )
+        for (; o-- && x(e[o], n[o]); )
           ;
       return o === -1;
     }
     if (!t || typeof e == "object") {
       o = 0;
       for (t in e)
-        if (Y.call(e, t) && ++o && !Y.call(n, t) || !(t in n) || !B(e[t], n[t]))
+        if (Y.call(e, t) && ++o && !Y.call(n, t) || !(t in n) || !x(e[t], n[t]))
           return !1;
       return Object.keys(n).length === o;
     }
@@ -45,24 +45,24 @@ function _(e, n = $) {
       }
     }
   }
-  function h(b) {
+  function p(b) {
     i(b(e));
   }
   function U(b, w = $) {
     const u = [b, w];
-    return o.add(u), o.size === 1 && (t = n(i) || $), b(e), () => {
+    return o.add(u), o.size === 1 && (t = n(i, p) || $), b(e), () => {
       o.delete(u), o.size === 0 && t && (t(), t = null);
     };
   }
-  return { set: i, update: h, subscribe: U };
+  return { set: i, update: p, subscribe: U };
 }
 const be = (e) => {
-  const { subscribe: n, set: t } = _(null);
-  let o = null;
+  const { subscribe: n, set: t } = _();
+  let o;
   return n((i) => o = i), e.observe(({ changes: i }) => {
     if (o) {
-      i.deleted.some((b) => b.id === o) && t(null);
-      const U = i.updated.find(({ oldValue: b }) => b.id === o);
+      (i.deleted || []).some((b) => b.id === o) && t(void 0);
+      const U = (i.updated || []).find(({ oldValue: b }) => b.id === o);
       U && t(U.newValue.id);
     }
   }), {
@@ -78,32 +78,32 @@ const V = { selected: [] }, ve = (e, n = "EDIT") => {
   const { subscribe: t, set: o } = _(V);
   let i = V;
   t((s) => i = s);
-  const h = () => o(V), U = () => {
+  const p = () => o(V), U = () => {
     var s;
     return ((s = i.selected) == null ? void 0 : s.length) === 0;
   }, b = (s) => {
     if (i.selected.length === 0)
       return !1;
-    const f = typeof s == "string" ? s : s.id;
-    return i.selected.some((y) => y.id === f);
-  }, w = (s, f) => {
+    const g = typeof s == "string" ? s : s.id;
+    return i.selected.some((y) => y.id === g);
+  }, w = (s, g) => {
     const y = e.getAnnotation(s);
     if (y) {
       const A = G(y, n);
-      o(A === "EDIT" ? { selected: [{ id: s, editable: !0 }], pointerEvent: f } : A === "SELECT" ? { selected: [{ id: s }], pointerEvent: f } : { selected: [], pointerEvent: f });
+      o(A === "EDIT" ? { selected: [{ id: s, editable: !0 }], pointerEvent: g } : A === "SELECT" ? { selected: [{ id: s }], pointerEvent: g } : { selected: [], pointerEvent: g });
     } else
       console.warn("Invalid selection: " + s);
-  }, u = (s, f = !0) => {
-    const y = Array.isArray(s) ? s : [s], A = y.map((L) => e.getAnnotation(L)).filter((L) => L);
-    o({ selected: A.map(({ id: L }) => ({ id: L, editable: f })) }), A.length !== y.length && console.warn("Invalid selection", s);
-  }, T = (s) => {
+  }, u = (s, g = !0) => {
+    const y = Array.isArray(s) ? s : [s], A = y.map((O) => e.getAnnotation(O)).filter(Boolean);
+    o({ selected: A.map(({ id: O }) => ({ id: O, editable: g })) }), A.length !== y.length && console.warn("Invalid selection", s);
+  }, S = (s) => {
     if (i.selected.length === 0)
       return !1;
-    const { selected: f } = i;
-    f.filter(({ id: A }) => s.includes(A)).length > 0 && o({ selected: f.filter(({ id: A }) => !s.includes(A)) });
+    const { selected: g } = i;
+    g.filter(({ id: A }) => s.includes(A)).length > 0 && o({ selected: g.filter(({ id: A }) => !s.includes(A)) });
   };
-  return e.observe(({ changes: s }) => T(s.deleted.map((f) => f.id))), {
-    clear: h,
+  return e.observe(({ changes: s }) => S((s.deleted || []).map((g) => g.id))), {
+    clear: p,
     clickSelect: w,
     get selected() {
       return i ? [...i.selected] : null;
@@ -147,7 +147,7 @@ function X(e, n, t) {
   return J(o);
 }
 const Ce = (e) => {
-  const { creator: n, updatedBy: t } = e.target, o = e.bodies.reduce((i, h) => [...i, h.creator, h.updatedBy], []);
+  const { creator: n, updatedBy: t } = e.target, o = e.bodies.reduce((i, p) => [...i, p.creator, p.updatedBy].filter(Boolean), []);
   return [
     n,
     t,
@@ -167,8 +167,8 @@ const Ce = (e) => {
   return e.bodies.filter((o) => !t.has(o.id));
 }, ee = (e, n) => n.bodies.map((t) => {
   const o = e.bodies.find((i) => i.id === t.id);
-  return { newBody: t, oldBody: o && !B(o, t) ? o : void 0 };
-}).filter(({ oldBody: t }) => t), te = (e, n) => !B(e.target, n.target), M = (e, n) => {
+  return { newBody: t, oldBody: o && !x(o, t) ? o : void 0 };
+}).filter(({ oldBody: t }) => t).map(({ oldBody: t, newBody: o }) => ({ oldBody: t, newBody: o })), te = (e, n) => !x(e.target, n.target), M = (e, n) => {
   const t = Z(e, n), o = K(e, n), i = ee(e, n);
   return {
     oldValue: e,
@@ -179,55 +179,55 @@ const Ce = (e) => {
     targetUpdated: te(e, n) ? { oldTarget: e.target, newTarget: n.target } : void 0
   };
 };
-var ne = /* @__PURE__ */ ((e) => (e.BODY_ONLY = "BODY_ONLY", e.TARGET_ONLY = "TARGET_ONLY", e))(ne || {}), O = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(O || {});
+var ne = /* @__PURE__ */ ((e) => (e.BODY_ONLY = "BODY_ONLY", e.TARGET_ONLY = "TARGET_ONLY", e))(ne || {}), T = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(T || {});
 const oe = (e, n) => {
-  var h, U;
+  var p, U;
   const { changes: t, origin: o } = n;
   if (!(!e.options.origin || e.options.origin === o))
     return !1;
   if (e.options.ignore) {
-    const { ignore: b } = e.options, w = (T) => (T == null ? void 0 : T.length) > 0;
+    const { ignore: b } = e.options, w = (S) => S && S.length > 0;
     if (!(w(t.created) || w(t.deleted))) {
-      const T = (h = t.updated) == null ? void 0 : h.some((f) => w(f.bodiesCreated) || w(f.bodiesDeleted) || w(f.bodiesUpdated)), s = (U = t.updated) == null ? void 0 : U.some((f) => f.targetUpdated);
-      if (b === "BODY_ONLY" && T && !s || b === "TARGET_ONLY" && s && !T)
+      const S = (p = t.updated) == null ? void 0 : p.some((g) => w(g.bodiesCreated) || w(g.bodiesDeleted) || w(g.bodiesUpdated)), s = (U = t.updated) == null ? void 0 : U.some((g) => g.targetUpdated);
+      if (b === "BODY_ONLY" && S && !s || b === "TARGET_ONLY" && s && !S)
         return !1;
     }
   }
   if (e.options.annotations) {
     const b = /* @__PURE__ */ new Set([
-      ...t.created.map((u) => u.id),
-      ...t.deleted.map((u) => u.id),
-      ...t.updated.map(({ oldValue: u }) => u.id)
+      ...(t.created || []).map((u) => u.id),
+      ...(t.deleted || []).map((u) => u.id),
+      ...(t.updated || []).map(({ oldValue: u }) => u.id)
     ]);
     return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((u) => b.has(u));
   } else
     return !0;
 }, se = (e, n) => {
-  const t = new Set((e.created || []).map((s) => s.id)), o = new Set((e.updated || []).map(({ newValue: s }) => s.id)), i = new Set((n.created || []).map((s) => s.id)), h = new Set((n.deleted || []).map((s) => s.id)), U = new Set((n.updated || []).map(({ oldValue: s }) => s.id)), b = new Set((n.updated || []).filter(({ oldValue: s }) => t.has(s.id) || o.has(s.id)).map(({ oldValue: s }) => s.id)), w = [
-    ...(e.created || []).filter((s) => !h.has(s.id)).map((s) => U.has(s.id) ? n.updated.find(({ oldValue: f }) => f.id === s.id).newValue : s),
+  const t = new Set((e.created || []).map((s) => s.id)), o = new Set((e.updated || []).map(({ newValue: s }) => s.id)), i = new Set((n.created || []).map((s) => s.id)), p = new Set((n.deleted || []).map((s) => s.id)), U = new Set((n.updated || []).map(({ oldValue: s }) => s.id)), b = new Set((n.updated || []).filter(({ oldValue: s }) => t.has(s.id) || o.has(s.id)).map(({ oldValue: s }) => s.id)), w = [
+    ...(e.created || []).filter((s) => !p.has(s.id)).map((s) => U.has(s.id) ? n.updated.find(({ oldValue: g }) => g.id === s.id).newValue : s),
     ...n.created || []
   ], u = [
     ...(e.deleted || []).filter((s) => !i.has(s.id)),
     ...(n.deleted || []).filter((s) => !t.has(s.id))
-  ], T = [
-    ...(e.updated || []).filter(({ newValue: s }) => !h.has(s.id)).map((s) => {
-      const { oldValue: f, newValue: y } = s;
+  ], S = [
+    ...(e.updated || []).filter(({ newValue: s }) => !p.has(s.id)).map((s) => {
+      const { oldValue: g, newValue: y } = s;
       if (U.has(y.id)) {
-        const A = n.updated.find((L) => L.oldValue.id === y.id).newValue;
-        return M(f, A);
+        const A = n.updated.find((O) => O.oldValue.id === y.id).newValue;
+        return M(g, A);
       } else
         return s;
     }),
     ...(n.updated || []).filter(({ oldValue: s }) => !b.has(s.id))
   ];
-  return { created: w, deleted: u, updated: T };
+  return { created: w, deleted: u, updated: S };
 }, ie = (e) => e.id !== void 0, ye = () => {
-  const e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), t = [], o = (r, l = {}) => t.push({ onChange: r, options: l }), i = (r) => {
-    const l = t.findIndex((a) => a.onChange == r);
+  const e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), t = [], o = (d, l = {}) => t.push({ onChange: d, options: l }), i = (d) => {
+    const l = t.findIndex((c) => c.onChange == d);
     l > -1 && t.splice(l, 1);
-  }, h = (r, l) => {
-    const a = {
-      origin: r,
+  }, p = (d, l) => {
+    const c = {
+      origin: d,
       changes: {
         created: l.created || [],
         updated: l.updated || [],
@@ -235,175 +235,175 @@ const oe = (e, n) => {
       },
       state: [...e.values()]
     };
-    t.forEach((p) => {
-      oe(p, a) && p.onChange(a);
+    t.forEach((f) => {
+      oe(f, c) && f.onChange(c);
     });
-  }, U = (r, l = O.LOCAL) => {
-    if (e.get(r.id))
-      throw Error(`Cannot add annotation ${r.id} - exists already`);
-    e.set(r.id, r), r.bodies.forEach((p) => n.set(p.id, r.id)), h(l, { created: [r] });
-  }, b = (r, l) => {
-    const a = typeof r == "string" ? l : r, p = typeof r == "string" ? r : r.id, v = e.get(p);
+  }, U = (d, l = T.LOCAL) => {
+    if (e.get(d.id))
+      throw Error(`Cannot add annotation ${d.id} - exists already`);
+    e.set(d.id, d), d.bodies.forEach((f) => n.set(f.id, d.id)), p(l, { created: [d] });
+  }, b = (d, l) => {
+    const c = typeof d == "string" ? l : d, f = typeof d == "string" ? d : d.id, v = e.get(f);
     if (v) {
-      const D = M(v, a);
-      return p === a.id ? e.set(p, a) : (e.delete(p), e.set(a.id, a)), v.bodies.forEach((x) => n.delete(x.id)), a.bodies.forEach((x) => n.set(x.id, a.id)), D;
+      const D = M(v, c);
+      return f === c.id ? e.set(f, c) : (e.delete(f), e.set(c.id, c)), v.bodies.forEach((B) => n.delete(B.id)), c.bodies.forEach((B) => n.set(B.id, c.id)), D;
     } else
-      console.warn(`Cannot update annotation ${p} - does not exist`);
-  }, w = (r, l = O.LOCAL, a = O.LOCAL) => {
-    const p = ie(l) ? a : l, v = b(r, l);
-    v && h(p, { updated: [v] });
-  }, u = (r, l = O.LOCAL) => {
-    const a = r.reduce((p, v) => {
+      console.warn(`Cannot update annotation ${f} - does not exist`);
+  }, w = (d, l = T.LOCAL, c = T.LOCAL) => {
+    const f = ie(l) ? c : l, v = b(d, l);
+    v && p(f, { updated: [v] });
+  }, u = (d, l = T.LOCAL) => {
+    const c = d.reduce((f, v) => {
       const D = b(v);
-      return D ? [...p, D] : p;
+      return D ? [...f, D] : f;
     }, []);
-    a.length > 0 && h(l, { updated: a });
-  }, T = (r, l = O.LOCAL) => {
-    const a = e.get(r.annotation);
-    if (a) {
-      const p = {
-        ...a,
-        bodies: [...a.bodies, r]
+    c.length > 0 && p(l, { updated: c });
+  }, S = (d, l = T.LOCAL) => {
+    const c = e.get(d.annotation);
+    if (c) {
+      const f = {
+        ...c,
+        bodies: [...c.bodies, d]
       };
-      e.set(a.id, p), n.set(r.id, p.id), h(l, { updated: [{
-        oldValue: a,
-        newValue: p,
-        bodiesCreated: [r]
+      e.set(c.id, f), n.set(d.id, f.id), p(l, { updated: [{
+        oldValue: c,
+        newValue: f,
+        bodiesCreated: [d]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${r.annotation}`);
-  }, s = () => [...e.values()], f = (r = O.LOCAL) => {
+      console.warn(`Attempt to add body to missing annotation: ${d.annotation}`);
+  }, s = () => [...e.values()], g = (d = T.LOCAL) => {
     const l = [...e.values()];
-    e.clear(), n.clear(), h(r, { deleted: l });
-  }, y = (r, l = !0, a = O.LOCAL) => {
+    e.clear(), n.clear(), p(d, { deleted: l });
+  }, y = (d, l = !0, c = T.LOCAL) => {
     if (l) {
-      const p = [...e.values()];
-      e.clear(), n.clear(), r.forEach((v) => {
+      const f = [...e.values()];
+      e.clear(), n.clear(), d.forEach((v) => {
         e.set(v.id, v), v.bodies.forEach((D) => n.set(D.id, v.id));
-      }), h(a, { created: r, deleted: p });
+      }), p(c, { created: d, deleted: f });
     } else {
-      const p = r.reduce((v, D) => {
-        const x = e.get(D.id);
-        return x ? [...v, x] : v;
+      const f = d.reduce((v, D) => {
+        const B = e.get(D.id);
+        return B ? [...v, B] : v;
       }, []);
-      if (p.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${p.map((v) => v.id).join(", ")}`);
-      r.forEach((v) => {
+      if (f.length > 0)
+        throw Error(`Bulk insert would overwrite the following annotations: ${f.map((v) => v.id).join(", ")}`);
+      d.forEach((v) => {
         e.set(v.id, v), v.bodies.forEach((D) => n.set(D.id, v.id));
-      }), h(a, { created: r });
+      }), p(c, { created: d });
     }
-  }, A = (r) => {
-    const l = typeof r == "string" ? r : r.id, a = e.get(l);
-    if (a)
-      return e.delete(l), a.bodies.forEach((p) => n.delete(p.id)), a;
+  }, A = (d) => {
+    const l = typeof d == "string" ? d : d.id, c = e.get(l);
+    if (c)
+      return e.delete(l), c.bodies.forEach((f) => n.delete(f.id)), c;
     console.warn(`Attempt to delete missing annotation: ${l}`);
-  }, L = (r, l = O.LOCAL) => {
-    const a = A(r);
-    a && h(l, { deleted: [a] });
-  }, C = (r, l = O.LOCAL) => {
-    const a = r.reduce((p, v) => {
+  }, O = (d, l = T.LOCAL) => {
+    const c = A(d);
+    c && p(l, { deleted: [c] });
+  }, C = (d, l = T.LOCAL) => {
+    const c = d.reduce((f, v) => {
       const D = A(v);
-      return D ? [...p, D] : p;
+      return D ? [...f, D] : f;
     }, []);
-    a.length > 0 && h(l, { deleted: a });
-  }, c = (r, l = O.LOCAL) => {
-    const a = e.get(r.annotation);
-    if (a) {
-      const p = a.bodies.find((v) => v.id === r.id);
-      if (p) {
-        n.delete(p.id);
+    c.length > 0 && p(l, { deleted: c });
+  }, a = (d, l = T.LOCAL) => {
+    const c = e.get(d.annotation);
+    if (c) {
+      const f = c.bodies.find((v) => v.id === d.id);
+      if (f) {
+        n.delete(f.id);
         const v = {
-          ...a,
-          bodies: a.bodies.filter((x) => x.id !== r.id)
+          ...c,
+          bodies: c.bodies.filter((B) => B.id !== d.id)
         };
-        e.set(a.id, v), h(l, { updated: [{
-          oldValue: a,
+        e.set(c.id, v), p(l, { updated: [{
+          oldValue: c,
           newValue: v,
-          bodiesDeleted: [p]
+          bodiesDeleted: [f]
         }] });
       } else
-        console.warn(`Attempt to delete missing body ${r.id} from annotation ${r.annotation}`);
+        console.warn(`Attempt to delete missing body ${d.id} from annotation ${d.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${r.annotation}`);
-  }, m = (r) => {
-    const l = e.get(r);
+      console.warn(`Attempt to delete body from missing annotation ${d.annotation}`);
+  }, m = (d) => {
+    const l = e.get(d);
     return l ? { ...l } : void 0;
-  }, d = (r) => {
-    const l = n.get(r);
+  }, r = (d) => {
+    const l = n.get(d);
     if (l) {
-      const p = m(l).bodies.find((v) => v.id === r);
-      if (p)
-        return p;
-      console.error(`Store integrity error: body ${r} in index, but not in annotation`);
+      const f = m(l).bodies.find((v) => v.id === d);
+      if (f)
+        return f;
+      console.error(`Store integrity error: body ${d} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${r}`);
-  }, E = (r, l) => {
-    if (r.annotation !== l.annotation)
+      console.warn(`Attempt to retrieve missing body: ${d}`);
+  }, E = (d, l) => {
+    if (d.annotation !== l.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const a = e.get(r.annotation);
-    if (a) {
-      const p = a.bodies.find((D) => D.id === r.id), v = {
-        ...a,
-        bodies: a.bodies.map((D) => D.id === p.id ? l : D)
+    const c = e.get(d.annotation);
+    if (c) {
+      const f = c.bodies.find((D) => D.id === d.id), v = {
+        ...c,
+        bodies: c.bodies.map((D) => D.id === f.id ? l : D)
       };
-      return e.set(a.id, v), p.id !== l.id && (n.delete(p.id), n.set(l.id, v.id)), {
-        oldValue: a,
+      return e.set(c.id, v), f.id !== l.id && (n.delete(f.id), n.set(l.id, v.id)), {
+        oldValue: c,
         newValue: v,
-        bodiesUpdated: [{ oldBody: p, newBody: l }]
+        bodiesUpdated: [{ oldBody: f, newBody: l }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${r.annotation}`);
-  }, g = (r, l, a = O.LOCAL) => {
-    const p = E(r, l);
-    h(a, { updated: [p] });
-  }, S = (r, l = O.LOCAL) => {
-    const a = r.map((p) => E({ id: p.id, annotation: p.annotation }, p));
-    h(l, { updated: a });
-  }, I = (r) => {
-    const l = e.get(r.annotation);
+      console.warn(`Attempt to add body to missing annotation ${d.annotation}`);
+  }, h = (d, l, c = T.LOCAL) => {
+    const f = E(d, l);
+    f && p(c, { updated: [f] });
+  }, L = (d, l = T.LOCAL) => {
+    const c = d.map((f) => E({ id: f.id, annotation: f.annotation }, f)).filter(Boolean);
+    p(l, { updated: c });
+  }, I = (d) => {
+    const l = e.get(d.annotation);
     if (l) {
-      const a = {
+      const c = {
         ...l,
         target: {
           ...l.target,
-          ...r
+          ...d
         }
       };
-      return e.set(l.id, a), {
+      return e.set(l.id, c), {
         oldValue: l,
-        newValue: a,
+        newValue: c,
         targetUpdated: {
           oldTarget: l.target,
-          newTarget: r
+          newTarget: d
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${r.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${d.annotation}`);
   };
   return {
     addAnnotation: U,
-    addBody: T,
+    addBody: S,
     all: s,
     bulkAddAnnotation: y,
     bulkDeleteAnnotation: C,
     bulkUpdateAnnotation: u,
-    bulkUpdateBodies: S,
-    bulkUpdateTargets: (r, l = O.LOCAL) => {
-      const a = r.map(I).filter((p) => p);
-      a.length > 0 && h(l, { updated: a });
+    bulkUpdateBodies: L,
+    bulkUpdateTargets: (d, l = T.LOCAL) => {
+      const c = d.map((f) => I(f)).filter(Boolean);
+      c.length > 0 && p(l, { updated: c });
     },
-    clear: f,
-    deleteAnnotation: L,
-    deleteBody: c,
+    clear: g,
+    deleteAnnotation: O,
+    deleteBody: a,
     getAnnotation: m,
-    getBody: d,
+    getBody: r,
     observe: o,
     unobserve: i,
     updateAnnotation: w,
-    updateBody: g,
-    updateTarget: (r, l = O.LOCAL) => {
-      const a = I(r);
-      a && h(l, { updated: [a] });
+    updateBody: h,
+    updateTarget: (d, l = T.LOCAL) => {
+      const c = I(d);
+      c && p(l, { updated: [c] });
     }
   };
 }, Ue = (e) => ({
@@ -415,14 +415,13 @@ const oe = (e, n) => {
 });
 let P = () => ({
   emit(e, ...n) {
-    let t = this.events[e] || [];
-    for (let o = 0, i = t.length; o < i; o++)
-      t[o](...n);
+    for (let t = 0, o = this.events[e] || [], i = o.length; t < i; t++)
+      o[t](...n);
   },
   events: {},
   on(e, n) {
     var t;
-    return (t = this.events[e]) != null && t.push(n) || (this.events[e] = [n]), () => {
+    return ((t = this.events)[e] || (t[e] = [])).push(n), () => {
       var o;
       this.events[e] = (o = this.events[e]) == null ? void 0 : o.filter((i) => n !== i);
     };
@@ -430,39 +429,39 @@ let P = () => ({
 });
 const de = 250, Le = (e) => {
   const n = P(), t = [];
-  let o = -1, i = !1, h = 0;
-  const U = (d) => {
+  let o = -1, i = !1, p = 0;
+  const U = (r) => {
     if (!i) {
-      const { changes: E } = d, g = performance.now();
-      if (g - h > de)
+      const { changes: E } = r, h = performance.now();
+      if (h - p > de)
         t.splice(o + 1), t.push(E), o = t.length - 1;
       else {
-        const S = t.length - 1;
-        t[S] = se(t[S], E);
+        const L = t.length - 1;
+        t[L] = se(t[L], E);
       }
-      h = g;
+      p = h;
     }
     i = !1;
   };
-  e.observe(U, { origin: O.LOCAL });
-  const b = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkDeleteAnnotation(d), w = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkAddAnnotation(d, !1), u = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkUpdateAnnotation(d.map(({ oldValue: E }) => E)), T = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkUpdateAnnotation(d.map(({ newValue: E }) => E)), s = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkAddAnnotation(d, !1), f = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkDeleteAnnotation(d);
+  e.observe(U, { origin: T.LOCAL });
+  const b = (r) => r && r.length > 0 && e.bulkDeleteAnnotation(r), w = (r) => r && r.length > 0 && e.bulkAddAnnotation(r, !1), u = (r) => r && r.length > 0 && e.bulkUpdateAnnotation(r.map(({ oldValue: E }) => E)), S = (r) => r && r.length > 0 && e.bulkUpdateAnnotation(r.map(({ newValue: E }) => E)), s = (r) => r && r.length > 0 && e.bulkAddAnnotation(r, !1), g = (r) => r && r.length > 0 && e.bulkDeleteAnnotation(r);
   return {
     canRedo: () => t.length - 1 > o,
     canUndo: () => o > -1,
     destroy: () => e.unobserve(U),
-    on: (d, E) => n.on(d, E),
+    on: (r, E) => n.on(r, E),
     redo: () => {
       if (t.length - 1 > o) {
         i = !0;
-        const { created: d, updated: E, deleted: g } = t[o + 1];
-        w(d), T(E), f(g), n.emit("redo", t[o + 1]), o += 1;
+        const { created: r, updated: E, deleted: h } = t[o + 1];
+        w(r), S(E), g(h), n.emit("redo", t[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         i = !0;
-        const { created: d, updated: E, deleted: g } = t[o];
-        b(d), u(E), s(g), n.emit("undo", t[o]), o -= 1;
+        const { created: r, updated: E, deleted: h } = t[o];
+        b(r), u(E), s(h), n.emit("undo", t[o]), o -= 1;
       }
     }
   };
@@ -472,158 +471,162 @@ const de = 250, Le = (e) => {
     subscribe: e,
     set: n
   };
-}, Te = (e, n, t, o) => {
-  const { store: i, selection: h, hover: U, viewport: b } = e, w = /* @__PURE__ */ new Map();
-  let u = [], T, s;
-  const f = (c, m) => {
-    w.has(c) ? w.get(c).push(m) : w.set(c, [m]);
-  }, y = (c, m) => {
-    const d = w.get(c);
-    d && d.indexOf(m) > 0 && d.splice(d.indexOf(m), 1);
-  }, A = (c, m, d) => {
-    w.has(c) && setTimeout(() => {
-      w.get(c).forEach((E) => {
+}, Oe = (e, n, t, o) => {
+  const { store: i, selection: p, hover: U, viewport: b } = e, w = /* @__PURE__ */ new Map();
+  let u = [], S, s;
+  const g = (a, m) => {
+    w.has(a) ? w.get(a).push(m) : w.set(a, [m]);
+  }, y = (a, m) => {
+    const r = w.get(a);
+    r && r.indexOf(m) > 0 && r.splice(r.indexOf(m), 1);
+  }, A = (a, m, r) => {
+    w.has(a) && setTimeout(() => {
+      w.get(a).forEach((E) => {
         if (t) {
-          const g = Array.isArray(m) ? m.map((I) => t.serialize(I)) : t.serialize(m), S = d ? d instanceof PointerEvent ? d : t.serialize(d) : void 0;
-          E(g, S);
+          const h = Array.isArray(m) ? m.map((I) => t.serialize(I)) : t.serialize(m), L = r ? r instanceof PointerEvent ? r : t.serialize(r) : void 0;
+          E(h, L);
         } else
-          E(m, d);
+          E(m, r);
       });
     }, 1);
-  }, L = () => {
-    const { selected: c } = h, m = c.map(({ id: d }) => i.getAnnotation(d));
-    m.forEach((d) => {
-      const E = u.find((g) => g.id === d.id);
-      (!E || !B(E, d)) && A("updateAnnotation", d, E);
-    }), u = u.map((d) => {
-      const E = m.find(({ id: g }) => g === d.id);
-      return E || d;
+  }, O = () => {
+    const { selected: a } = p, m = (a || []).map(({ id: r }) => i.getAnnotation(r));
+    m.forEach((r) => {
+      const E = u.find((h) => h.id === r.id);
+      (!E || !x(E, r)) && A("updateAnnotation", r, E);
+    }), u = u.map((r) => {
+      const E = m.find(({ id: h }) => h === r.id);
+      return E || r;
     });
   };
-  h.subscribe(({ selected: c }) => {
-    if (!(u.length === 0 && c.length === 0)) {
-      if (u.length === 0 && c.length > 0)
-        u = c.map(({ id: m }) => i.getAnnotation(m));
-      else if (u.length > 0 && c.length === 0)
+  p.subscribe(({ selected: a }) => {
+    if (!(u.length === 0 && a.length === 0)) {
+      if (u.length === 0 && a.length > 0)
+        u = a.map(({ id: m }) => i.getAnnotation(m));
+      else if (u.length > 0 && a.length === 0)
         u.forEach((m) => {
-          const d = i.getAnnotation(m.id);
-          d && !B(d, m) && A("updateAnnotation", d, m);
+          const r = i.getAnnotation(m.id);
+          r && !x(r, m) && A("updateAnnotation", r, m);
         }), u = [];
       else {
-        const m = new Set(u.map((g) => g.id)), d = new Set(c.map(({ id: g }) => g));
-        u.filter((g) => !d.has(g.id)).forEach((g) => {
-          const S = i.getAnnotation(g.id);
-          S && !B(S, g) && A("updateAnnotation", S, g);
+        const m = new Set(u.map((h) => h.id)), r = new Set(a.map(({ id: h }) => h));
+        u.filter((h) => !r.has(h.id)).forEach((h) => {
+          const L = i.getAnnotation(h.id);
+          L && !x(L, h) && A("updateAnnotation", L, h);
         }), u = [
           // Remove annotations that were deselected
-          ...u.filter((g) => d.has(g.id)),
+          ...u.filter((h) => r.has(h.id)),
           // Add editable annotations that were selected
-          ...c.filter(({ id: g }) => !m.has(g)).map(({ id: g }) => i.getAnnotation(g))
+          ...a.filter(({ id: h }) => !m.has(h)).map(({ id: h }) => i.getAnnotation(h))
         ];
       }
       A("selectionChanged", u);
     }
-  }), U.subscribe((c) => {
-    !T && c ? A("mouseEnterAnnotation", i.getAnnotation(c)) : T && !c ? A("mouseLeaveAnnotation", i.getAnnotation(T)) : T && c && (A("mouseLeaveAnnotation", i.getAnnotation(T)), A("mouseEnterAnnotation", i.getAnnotation(c))), T = c;
-  }), b == null || b.subscribe((c) => A("viewportIntersect", c.map(i.getAnnotation))), i.observe((c) => {
-    o && (s && clearTimeout(s), s = setTimeout(L, 1e3));
-    const { created: m, deleted: d } = c.changes;
-    m.forEach((g) => A("createAnnotation", g)), d.forEach((g) => A("deleteAnnotation", g)), c.changes.updated.filter((g) => [
-      ...g.bodiesCreated || [],
-      ...g.bodiesDeleted || [],
-      ...g.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: g, newValue: S }) => {
-      const I = u.find((N) => N.id === g.id) || g;
-      u = u.map((N) => N.id === g.id ? S : N), A("updateAnnotation", S, I);
+  }), U.subscribe((a) => {
+    !S && a ? A("mouseEnterAnnotation", i.getAnnotation(a)) : S && !a ? A("mouseLeaveAnnotation", i.getAnnotation(S)) : S && a && (A("mouseLeaveAnnotation", i.getAnnotation(S)), A("mouseEnterAnnotation", i.getAnnotation(a))), S = a;
+  }), b == null || b.subscribe((a) => A("viewportIntersect", a.map((m) => i.getAnnotation(m)))), i.observe((a) => {
+    o && (s && clearTimeout(s), s = setTimeout(O, 1e3));
+    const { created: m, deleted: r } = a.changes;
+    (m || []).forEach((h) => A("createAnnotation", h)), (r || []).forEach((h) => A("deleteAnnotation", h)), (a.changes.updated || []).filter((h) => [
+      ...h.bodiesCreated || [],
+      ...h.bodiesDeleted || [],
+      ...h.bodiesUpdated || []
+    ].length > 0).forEach(({ oldValue: h, newValue: L }) => {
+      const I = u.find((N) => N.id === h.id) || h;
+      u = u.map((N) => N.id === h.id ? L : N), A("updateAnnotation", L, I);
     });
-  }, { origin: O.LOCAL }), i.observe((c) => {
+  }, { origin: T.LOCAL }), i.observe((a) => {
     if (u) {
-      const m = new Set(u.map((E) => E.id)), d = c.changes.updated.filter(({ newValue: E }) => m.has(E.id)).map(({ newValue: E }) => E);
-      d.length > 0 && (u = u.map((E) => {
-        const g = d.find((S) => S.id === E.id);
-        return g || E;
+      const m = new Set(u.map((E) => E.id)), r = (a.changes.updated || []).filter(({ newValue: E }) => m.has(E.id)).map(({ newValue: E }) => E);
+      r.length > 0 && (u = u.map((E) => {
+        const h = r.find((L) => L.id === E.id);
+        return h || E;
       }));
     }
-  }, { origin: O.REMOTE });
-  const C = (c) => (m) => {
-    const { created: d, deleted: E, updated: g } = m;
-    d.forEach((S) => A("createAnnotation", S)), E.forEach((S) => A("deleteAnnotation", S)), c ? g.forEach((S) => A("updateAnnotation", S.oldValue, S.newValue)) : g.forEach((S) => A("updateAnnotation", S.newValue, S.oldValue));
+  }, { origin: T.REMOTE });
+  const C = (a) => (m) => {
+    const { created: r, deleted: E, updated: h } = m;
+    (r || []).forEach((L) => A("createAnnotation", L)), (E || []).forEach((L) => A("deleteAnnotation", L)), a ? (h || []).forEach((L) => A("updateAnnotation", L.oldValue, L.newValue)) : (h || []).forEach((L) => A("updateAnnotation", L.newValue, L.oldValue));
   };
-  return n.on("undo", C(!0)), n.on("redo", C(!1)), { on: f, off: y, emit: A };
-}, Oe = (e) => (n) => n.map((t) => e.serialize(t)), re = (e) => (n) => n.reduce((t, o) => {
-  const { parsed: i, error: h } = e.parse(o);
-  return h ? {
+  return n.on("undo", C(!0)), n.on("redo", C(!1)), { on: g, off: y, emit: A };
+}, Te = (e) => (n) => n.map((t) => e.serialize(t)), re = (e) => (n) => n.reduce((t, o) => {
+  const { parsed: i, error: p } = e.parse(o);
+  return p ? {
     parsed: t.parsed,
     failed: [...t.failed, o]
-  } : {
+  } : i ? {
     parsed: [...t.parsed, i],
     failed: t.failed
+  } : {
+    ...t
   };
 }, { parsed: [], failed: [] }), De = (e, n, t) => {
-  const { store: o, selection: i } = e, h = (C) => {
+  const { store: o, selection: i } = e, p = (C) => {
     if (t) {
-      const { parsed: c, error: m } = t.parse(C);
-      c ? o.addAnnotation(c, O.REMOTE) : console.error(m);
+      const { parsed: a, error: m } = t.parse(C);
+      a ? o.addAnnotation(a, T.REMOTE) : console.error(m);
     } else
-      o.addAnnotation(C, O.REMOTE);
+      o.addAnnotation(C, T.REMOTE);
   }, U = () => i.clear(), b = () => o.clear(), w = (C) => {
-    const c = o.getAnnotation(C);
-    return t && c ? t.serialize(c) : c;
-  }, u = () => t ? o.all().map(t.serialize) : o.all(), T = () => {
+    const a = o.getAnnotation(C);
+    return t && a ? t.serialize(a) : a;
+  }, u = () => t ? o.all().map(t.serialize) : o.all(), S = () => {
     var m;
-    const c = (((m = i.selected) == null ? void 0 : m.map((d) => d.id)) || []).map((d) => o.getAnnotation(d));
-    return t ? c.map(t.serialize) : c;
-  }, s = (C) => fetch(C).then((c) => c.json()).then((c) => (y(c), c)), f = (C) => {
+    const a = (((m = i.selected) == null ? void 0 : m.map((r) => r.id)) || []).map((r) => o.getAnnotation(r)).filter(Boolean);
+    return t ? a.map(t.serialize) : a;
+  }, s = (C) => fetch(C).then((a) => a.json()).then((a) => (y(a), a)), g = (C) => {
     if (typeof C == "string") {
-      const c = o.getAnnotation(C);
-      return o.deleteAnnotation(C), t ? t.serialize(c) : c;
+      const a = o.getAnnotation(C);
+      if (o.deleteAnnotation(C), a)
+        return t ? t.serialize(a) : a;
     } else {
-      const c = t ? t.parse(C).parsed : C;
-      return o.deleteAnnotation(c), C;
+      const a = t ? t.parse(C).parsed : C;
+      if (a)
+        return o.deleteAnnotation(a), C;
     }
   }, y = (C) => {
     if (t) {
-      const { parsed: c, failed: m } = re(t)(C);
-      m.length > 0 && console.warn(`Discarded ${m.length} invalid annotations`, m), o.bulkAddAnnotation(c, !0, O.REMOTE);
+      const { parsed: a, failed: m } = re(t)(C);
+      m.length > 0 && console.warn(`Discarded ${m.length} invalid annotations`, m), o.bulkAddAnnotation(a, !0, T.REMOTE);
     } else
-      o.bulkAddAnnotation(C, !0, O.REMOTE);
+      o.bulkAddAnnotation(C, !0, T.REMOTE);
   }, A = (C) => {
     C ? i.setSelected(C) : i.clear();
-  }, L = (C) => {
+  }, O = (C) => {
     if (t) {
-      const c = t.parse(C).parsed, m = t.serialize(o.getAnnotation(c.id));
-      return o.updateAnnotation(c), m;
+      const a = t.parse(C).parsed, m = t.serialize(o.getAnnotation(a.id));
+      return o.updateAnnotation(a), m;
     } else {
-      const c = o.getAnnotation(C.id);
-      return o.updateAnnotation(C), c;
+      const a = o.getAnnotation(C.id);
+      return o.updateAnnotation(C), a;
     }
   };
   return {
-    addAnnotation: h,
+    addAnnotation: p,
     cancelSelected: U,
     canRedo: n.canRedo,
     canUndo: n.canUndo,
     clearAnnotations: b,
     getAnnotationById: w,
     getAnnotations: u,
-    getSelected: T,
+    getSelected: S,
     loadAnnotations: s,
     redo: n.redo,
-    removeAnnotation: f,
+    removeAnnotation: g,
     setAnnotations: y,
     setSelected: A,
     undo: n.undo,
-    updateAnnotation: L
+    updateAnnotation: O
   };
 };
 let ae = (e) => crypto.getRandomValues(new Uint8Array(e)), ce = (e, n, t) => {
   let o = (2 << Math.log(e.length - 1) / Math.LN2) - 1, i = -~(1.6 * o * n / e.length);
-  return (h = n) => {
+  return (p = n) => {
     let U = "";
     for (; ; ) {
       let b = t(i), w = i;
       for (; w--; )
-        if (U += e[b[w] & o] || "", U.length === h)
+        if (U += e[b[w] & o] || "", U.length === p)
           return U;
     }
   };
@@ -632,27 +635,27 @@ const Re = () => ({ isGuest: !0, id: le("1234567890abcdefghijklmnopqrstuvwxyzABC
   const n = JSON.stringify(e);
   let t = 0;
   for (let o = 0, i = n.length; o < i; o++) {
-    let h = n.charCodeAt(o);
-    t = (t << 5) - t + h, t |= 0;
+    let p = n.charCodeAt(o);
+    t = (t << 5) - t + p, t |= 0;
   }
   return `${t}`;
-}, pe = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, xe = (e, n) => (Array.isArray(e) ? e : [e]).map((t) => {
-  const { id: o, type: i, purpose: h, value: U, created: b, creator: w, ...u } = t;
+}, pe = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, Be = (e, n) => (Array.isArray(e) ? e : [e]).map((t) => {
+  const { id: o, type: i, purpose: p, value: U, created: b, creator: w, ...u } = t;
   return {
     id: o || `temp-${fe(t)}`,
     annotation: n,
     type: i,
-    purpose: h,
+    purpose: p,
     value: U,
     created: b ? new Date(b) : void 0,
     creator: pe(w),
     ...u
   };
-}), Be = (e) => e.map((n) => {
-  var o;
+}), xe = (e) => e.map((n) => {
+  var o, i;
   const t = { ...n };
-  return delete t.annotation, (o = t.id) != null && o.startsWith("temp-") && delete t.id, t;
-}), he = [
+  return delete t.annotation, (o = t.id) != null && o.startsWith("temp-") && delete t.id, { ...t, created: (i = t.created) == null ? void 0 : i.toISOString() };
+}), ge = [
   "#ff7c00",
   // orange
   "#1ac938",
@@ -671,74 +674,74 @@ const Re = () => ({ isGuest: !0, id: le("1234567890abcdefghijklmnopqrstuvwxyzABC
   // cyan
   "#023eff"
   // blue
-], ge = () => {
-  const e = [...he];
+], he = () => {
+  const e = [...ge];
   return { assignRandomColor: () => {
     const o = Math.floor(Math.random() * e.length), i = e[o];
     return e.splice(o, 1), i;
   }, releaseColor: (o) => e.push(o) };
 }, me = () => {
-  const e = ge();
+  const e = he();
   return { addUser: (o, i) => {
-    const h = e.assignRandomColor();
+    const p = e.assignRandomColor();
     return {
       label: i.name || i.id,
       avatar: i.avatar,
-      color: h
+      color: p
     };
   }, removeUser: (o) => e.releaseColor(o.appearance.color) };
 }, Ae = (e, n) => e.every((t) => e.includes(t)) && n.every((t) => e.includes(t)), Ie = ue(), ke = (e = me()) => {
-  const n = P(), t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), i = (s, f) => {
+  const n = P(), t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), i = (s, g) => {
     if (t.has(s)) {
-      console.warn("Attempt to add user that is already present", s, f);
+      console.warn("Attempt to add user that is already present", s, g);
       return;
     }
-    const y = e.addUser(s, f);
+    const y = e.addUser(s, g);
     t.set(s, {
-      ...f,
+      ...g,
       presenceKey: s,
       appearance: y
     });
-  }, h = (s) => {
-    const f = t.get(s);
-    if (!f) {
+  }, p = (s) => {
+    const g = t.get(s);
+    if (!g) {
       console.warn("Attempt to remove user that is not present", s);
       return;
     }
-    e.removeUser(f), t.delete(s);
+    e.removeUser(g), t.delete(s);
   }, U = (s) => {
-    const f = new Set(s.map((L) => L.presenceKey)), y = s.filter(({ presenceKey: L }) => !t.has(L)), A = Array.from(t.values()).filter((L) => !f.has(L.presenceKey));
-    y.forEach(({ presenceKey: L, user: C }) => i(L, C)), A.forEach((L) => {
-      const { presenceKey: C } = L;
-      o.has(C) && n.emit("selectionChange", L, null), h(C);
+    const g = new Set(s.map((O) => O.presenceKey)), y = s.filter(({ presenceKey: O }) => !t.has(O)), A = Array.from(t.values()).filter((O) => !g.has(O.presenceKey));
+    y.forEach(({ presenceKey: O, user: C }) => i(O, C)), A.forEach((O) => {
+      const { presenceKey: C } = O;
+      o.has(C) && n.emit("selectionChange", O, null), p(C);
     }), (y.length > 0 || A.length > 0) && n.emit("presence", u());
-  }, b = (s, f) => {
+  }, b = (s, g) => {
     const y = t.get(s);
     if (!y) {
       console.warn("Activity notification from user that is not present");
       return;
     }
     const A = o.get(s);
-    (!A || !Ae(A, f)) && (o.set(s, f), n.emit("selectionChange", y, f));
-  }, w = (s, f) => {
+    (!A || !Ae(A, g)) && (o.set(s, g), n.emit("selectionChange", y, g));
+  }, w = (s, g) => {
     const y = t.get(s);
     if (!y) {
       console.warn("Selection change for user that is not present", s);
       return;
     }
-    f ? o.set(s, f) : o.delete(s), n.emit("selectionChange", y, f);
+    g ? o.set(s, g) : o.delete(s), n.emit("selectionChange", y, g);
   }, u = () => [...Array.from(t.values())];
   return {
     getPresentUsers: u,
     notifyActivity: b,
-    on: (s, f) => n.on(s, f),
+    on: (s, g) => n.on(s, g),
     syncUsers: U,
     updateSelection: w
   };
 };
 export {
   ne as Ignore,
-  O as Origin,
+  T as Origin,
   Ie as PRESENCE_KEY,
   q as PointerSelectAction,
   Re as createAnonymousGuest,
@@ -746,22 +749,22 @@ export {
   we as createBody,
   me as createDefaultAppearenceProvider,
   be as createHoverState,
-  Te as createLifecyleObserver,
+  Oe as createLifecyleObserver,
   ke as createPresenceState,
   ve as createSelectionState,
   ye as createStore,
   Le as createUndoStack,
   Se as createViewportState,
-  ge as defaultColorProvider,
+  he as defaultColorProvider,
   M as diffAnnotations,
   Ce as getContributors,
   se as mergeChanges,
   G as onPointerSelect,
   re as parseAll,
-  xe as parseW3CBodies,
+  Be as parseW3CBodies,
   pe as parseW3CUser,
-  Oe as serializeAll,
-  Be as serializeW3CBodies,
+  Te as serializeAll,
+  xe as serializeW3CBodies,
   oe as shouldNotify,
   Ue as toSvelteStore
 };