@annotorious/annotorious 3.0.0-rc.14 → 3.0.0-rc.16

package/dist/annotorious.es.js

@@ -1,6 +1,6 @@
 function F() {
 }
-function $t(e, t) {
+function en(e, t) {
   for (const n in t)
     e[n] = t[n];
   return e;
@@ -20,7 +20,7 @@ function j(e) {
 function J(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
-function en(e) {
+function tn(e) {
   return Object.keys(e).length === 0;
 }
 function Vt(e, ...t) {
@@ -32,34 +32,34 @@ function Vt(e, ...t) {
 function dt(e, t, n) {
   e.$$.on_destroy.push(Vt(t, n));
 }
-function tn(e, t, n, o) {
+function nn(e, t, n, o) {
   if (e) {
     const i = Gt(e, t, n, o);
     return e[0](i);
   }
 }
 function Gt(e, t, n, o) {
-  return e[1] && o ? $t(n.ctx.slice(), e[1](o(t))) : n.ctx;
+  return e[1] && o ? en(n.ctx.slice(), e[1](o(t))) : n.ctx;
 }
-function nn(e, t, n, o) {
+function on(e, t, n, o) {
   if (e[2] && o) {
     const i = e[2](o(n));
     if (t.dirty === void 0)
       return i;
     if (typeof i == "object") {
-      const s = [], r = Math.max(t.dirty.length, i.length);
-      for (let a = 0; a < r; a += 1)
-        s[a] = t.dirty[a] | i[a];
-      return s;
+      const r = [], s = Math.max(t.dirty.length, i.length);
+      for (let a = 0; a < s; a += 1)
+        r[a] = t.dirty[a] | i[a];
+      return r;
     }
     return t.dirty | i;
   }
   return t.dirty;
 }
-function on(e, t, n, o, i, s) {
+function rn(e, t, n, o, i, r) {
   if (i) {
-    const r = Gt(t, n, o, s);
-    e.p(r, i);
+    const s = Gt(t, n, o, r);
+    e.p(s, i);
   }
 }
 function sn(e) {
@@ -71,7 +71,7 @@ function sn(e) {
   }
   return -1;
 }
-function re(e, t) {
+function se(e, t) {
   e.appendChild(t);
 }
 function I(e, t, n) {
@@ -80,7 +80,7 @@ function I(e, t, n) {
 function k(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
-function st(e, t) {
+function rt(e, t) {
   for (let n = 0; n < e.length; n += 1)
     e[n] && e[n].d(t);
 }
@@ -93,7 +93,7 @@ function Ft(e) {
 function $() {
   return Ft(" ");
 }
-function se() {
+function re() {
   return Ft("");
 }
 function K(e, t, n, o) {
@@ -102,13 +102,13 @@ function K(e, t, n, o) {
 function f(e, t, n) {
   n == null ? e.removeAttribute(t) : e.getAttribute(t) !== n && e.setAttribute(t, n);
 }
-function rn(e) {
+function ln(e) {
   return Array.from(e.childNodes);
 }
 function ht(e, t, n) {
   e.classList[n ? "add" : "remove"](t);
 }
-function ln(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
+function an(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
   const i = document.createEvent("CustomEvent");
   return i.initCustomEvent(e, n, o, t), i;
 }
@@ -129,10 +129,10 @@ function Se() {
   return (t, n, { cancelable: o = !1 } = {}) => {
     const i = e.$$.callbacks[t];
     if (i) {
-      const s = ln(t, n, { cancelable: o });
-      return i.slice().forEach((r) => {
-        r.call(e, s);
-      }), !s.defaultPrevented;
+      const r = an(t, n, { cancelable: o });
+      return i.slice().forEach((s) => {
+        s.call(e, r);
+      }), !r.defaultPrevented;
     }
     return !0;
   };
@@ -143,10 +143,10 @@ function Ae(e, t) {
 }
 const be = [], Ge = [];
 let Te = [];
-const mt = [], an = /* @__PURE__ */ Promise.resolve();
+const mt = [], cn = /* @__PURE__ */ Promise.resolve();
 let tt = !1;
-function cn() {
-  tt || (tt = !0, an.then(zt));
+function un() {
+  tt || (tt = !0, cn.then(zt));
 }
 function nt(e) {
   Te.push(e);
@@ -161,7 +161,7 @@ function zt() {
     try {
       for (; pe < be.length; ) {
         const t = be[pe];
-        pe++, ke(t), un(t.$$);
+        pe++, ke(t), fn(t.$$);
       }
     } catch (t) {
       throw be.length = 0, pe = 0, t;
@@ -178,14 +178,14 @@ function zt() {
     mt.pop()();
   tt = !1, Ke.clear(), ke(e);
 }
-function un(e) {
+function fn(e) {
   if (e.fragment !== null) {
     e.update(), ie(e.before_update);
     const t = e.dirty;
     e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(nt);
   }
 }
-function fn(e) {
+function dn(e) {
   const t = [], n = [];
   Te.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), Te = t;
 }
@@ -219,27 +219,27 @@ function he(e) {
   e && e.c();
 }
 function le(e, t, n, o) {
-  const { fragment: i, after_update: s } = e.$$;
+  const { fragment: i, after_update: r } = e.$$;
   i && i.m(t, n), o || nt(() => {
-    const r = e.$$.on_mount.map(Nt).filter(j);
-    e.$$.on_destroy ? e.$$.on_destroy.push(...r) : ie(r), e.$$.on_mount = [];
-  }), s.forEach(nt);
+    const s = e.$$.on_mount.map(Nt).filter(j);
+    e.$$.on_destroy ? e.$$.on_destroy.push(...s) : ie(s), e.$$.on_mount = [];
+  }), r.forEach(nt);
 }
 function ae(e, t) {
   const n = e.$$;
-  n.fragment !== null && (fn(n.after_update), ie(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
+  n.fragment !== null && (dn(n.after_update), ie(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
 }
-function dn(e, t) {
-  e.$$.dirty[0] === -1 && (be.push(e), cn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
+function hn(e, t) {
+  e.$$.dirty[0] === -1 && (be.push(e), un(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
 }
-function ee(e, t, n, o, i, s, r, a = [-1]) {
+function ee(e, t, n, o, i, r, s, a = [-1]) {
   const l = Ie;
   ke(e);
-  const c = e.$$ = {
+  const u = e.$$ = {
     fragment: null,
     ctx: [],
     // state
-    props: s,
+    props: r,
     update: F,
     not_equal: i,
     bound: ft(),
@@ -256,17 +256,17 @@ function ee(e, t, n, o, i, s, r, a = [-1]) {
     skip_bound: !1,
     root: t.target || l.$$.root
   };
-  r && r(c.root);
+  s && s(u.root);
   let h = !1;
-  if (c.ctx = n ? n(e, t.props || {}, (u, m, ...d) => {
+  if (u.ctx = n ? n(e, t.props || {}, (c, m, ...d) => {
     const g = d.length ? d[0] : m;
-    return c.ctx && i(c.ctx[u], c.ctx[u] = g) && (!c.skip_bound && c.bound[u] && c.bound[u](g), h && dn(e, u)), m;
-  }) : [], c.update(), h = !0, ie(c.before_update), c.fragment = o ? o(c.ctx) : !1, t.target) {
+    return u.ctx && i(u.ctx[c], u.ctx[c] = g) && (!u.skip_bound && u.bound[c] && u.bound[c](g), h && hn(e, c)), m;
+  }) : [], u.update(), h = !0, ie(u.before_update), u.fragment = o ? o(u.ctx) : !1, t.target) {
     if (t.hydrate) {
-      const u = rn(t.target);
-      c.fragment && c.fragment.l(u), u.forEach(k);
+      const c = ln(t.target);
+      u.fragment && u.fragment.l(c), c.forEach(k);
     } else
-      c.fragment && c.fragment.c();
+      u.fragment && u.fragment.c();
     t.intro && C(e.$$.fragment), le(e, t.target, t.anchor, t.customElement), zt();
   }
   ke(l);
@@ -285,24 +285,24 @@ class te {
     };
   }
   $set(t) {
-    this.$$set && !en(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
+    this.$$set && !tn(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
   }
 }
 var z = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(z || {});
-const rt = {}, lt = (e, t) => rt[e] = t, ot = (e) => rt[e.type].area(e), hn = (e, t, n) => rt[e.type].intersects(e, t, n), Fe = (e) => {
+const st = {}, lt = (e, t) => st[e] = t, ot = (e) => st[e.type].area(e), mn = (e, t, n) => st[e.type].intersects(e, t, n), Fe = (e) => {
   let t = 1 / 0, n = 1 / 0, o = -1 / 0, i = -1 / 0;
-  return e.forEach(([s, r]) => {
-    t = Math.min(t, s), n = Math.min(n, r), o = Math.max(o, s), i = Math.max(i, r);
+  return e.forEach(([r, s]) => {
+    t = Math.min(t, r), n = Math.min(n, s), o = Math.max(o, r), i = Math.max(i, s);
   }), { minX: t, minY: n, maxX: o, maxY: i };
-}, mn = {
+}, gn = {
   area: (e) => Math.PI * e.geometry.rx * e.geometry.ry,
   intersects: (e, t, n) => {
-    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, a = 0, l = Math.cos(a), c = Math.sin(a), h = t - o, u = n - i, m = l * h + c * u, d = c * h - l * u;
-    return m * m / (s * s) + d * d / (r * r) <= 1;
+    const { cx: o, cy: i, rx: r, ry: s } = e.geometry, a = 0, l = Math.cos(a), u = Math.sin(a), h = t - o, c = n - i, m = l * h + u * c, d = u * h - l * c;
+    return m * m / (r * r) + d * d / (s * s) <= 1;
   }
 };
-lt(z.ELLIPSE, mn);
-const gn = {
+lt(z.ELLIPSE, gn);
+const pn = {
   area: (e) => {
     const { points: t } = e.geometry;
     let n = 0, o = t.length - 1;
@@ -313,26 +313,26 @@ const gn = {
   intersects: (e, t, n) => {
     const { points: o } = e.geometry;
     let i = !1;
-    for (let s = 0, r = o.length - 1; s < o.length; r = s++) {
-      const a = o[s][0], l = o[s][1], c = o[r][0], h = o[r][1];
-      l > n != h > n && t < (c - a) * (n - l) / (h - l) + a && (i = !i);
+    for (let r = 0, s = o.length - 1; r < o.length; s = r++) {
+      const a = o[r][0], l = o[r][1], u = o[s][0], h = o[s][1];
+      l > n != h > n && t < (u - a) * (n - l) / (h - l) + a && (i = !i);
     }
     return i;
   }
 };
-lt(z.POLYGON, gn);
-const pn = {
+lt(z.POLYGON, pn);
+const yn = {
   area: (e) => e.geometry.w * e.geometry.h,
   intersects: (e, t, n) => t >= e.geometry.x && t <= e.geometry.x + e.geometry.w && n >= e.geometry.y && n <= e.geometry.y + e.geometry.h
 };
-lt(z.RECTANGLE, pn);
-const yn = (e, t = !1) => {
-  const n = typeof e == "string" ? e : e.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [s, r, a, l, c, h, u] = i;
-  if (r !== "xywh")
+lt(z.RECTANGLE, yn);
+const _n = (e, t = !1) => {
+  const n = typeof e == "string" ? e : e.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [r, s, a, l, u, h, c] = i;
+  if (s !== "xywh")
     throw new Error("Unsupported MediaFragment: " + n);
   if (a && a !== "pixel")
     throw new Error(`Unsupported MediaFragment unit: ${a}`);
-  const [m, d, g, _] = [l, c, h, u].map(parseFloat);
+  const [m, d, g, _] = [l, u, h, c].map(parseFloat);
   return {
     type: z.RECTANGLE,
     geometry: {
@@ -348,7 +348,7 @@ const yn = (e, t = !1) => {
       }
     }
   };
-}, _n = (e) => {
+}, wn = (e) => {
   const { x: t, y: n, w: o, h: i } = e;
   return {
     type: "FragmentSelector",
@@ -362,17 +362,17 @@ const yn = (e, t = !1) => {
     });
   }, n = e.getElementsByTagName("script");
   return Array.from(n).reverse().forEach((o) => o.parentNode.removeChild(o)), Array.from(e.querySelectorAll("*")).forEach(t), e;
-}, wn = (e) => {
+}, bn = (e) => {
   const o = new XMLSerializer().serializeToString(e.documentElement).replace("<svg>", `<svg xmlns="${jt}">`);
   return new DOMParser().parseFromString(o, "image/svg+xml").documentElement;
-}, bn = (e) => {
-  const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix(jt), i = n.lookupNamespaceURI(null);
-  return o || i ? gt(n).firstChild : gt(wn(n)).firstChild;
 }, En = (e) => {
+  const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix(jt), i = n.lookupNamespaceURI(null);
+  return o || i ? gt(n).firstChild : gt(bn(n)).firstChild;
+}, An = (e) => {
   const [t, n, o] = e.match(/(<polygon points=["|'])([^("|')]*)/) || [];
   if (!o)
     return;
-  const i = o.split(" ").map((s) => s.split(",").map(parseFloat));
+  const i = o.split(" ").map((r) => r.split(",").map(parseFloat));
   return {
     type: z.POLYGON,
     geometry: {
@@ -380,12 +380,12 @@ const yn = (e, t = !1) => {
       bounds: Fe(i)
     }
   };
-}, An = (e) => {
-  const t = bn(e), n = parseFloat(t.getAttribute("cx")), o = parseFloat(t.getAttribute("cy")), i = parseFloat(t.getAttribute("rx")), s = parseFloat(t.getAttribute("ry")), r = {
+}, Tn = (e) => {
+  const t = En(e), n = parseFloat(t.getAttribute("cx")), o = parseFloat(t.getAttribute("cy")), i = parseFloat(t.getAttribute("rx")), r = parseFloat(t.getAttribute("ry")), s = {
     minX: n - i,
-    minY: o - s,
+    minY: o - r,
     maxX: n + i,
-    maxY: o + s
+    maxY: o + r
   };
   return {
     type: z.ELLIPSE,
@@ -393,17 +393,17 @@ const yn = (e, t = !1) => {
       cx: n,
       cy: o,
       rx: i,
-      ry: s,
-      bounds: r
+      ry: r,
+      bounds: s
     }
   };
-}, Tn = (e) => {
+}, Sn = (e) => {
   const t = typeof e == "string" ? e : e.value;
   if (t.includes("<polygon points="))
-    return En(t);
-  if (t.includes("<ellipse "))
     return An(t);
-}, Sn = (e) => {
+  if (t.includes("<ellipse "))
+    return Tn(t);
+}, Mn = (e) => {
   let t;
   if (e.type === z.POLYGON) {
     const n = e.geometry, { points: o } = n;
@@ -417,33 +417,33 @@ const yn = (e, t = !1) => {
   throw `Unsupported shape type: ${e.type}`;
 };
 let Ce;
-const Mn = new Uint8Array(16);
-function vn() {
+const Ln = new Uint8Array(16);
+function On() {
   if (!Ce && (Ce = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Ce))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Ce(Mn);
+  return Ce(Ln);
 }
 const q = [];
 for (let e = 0; e < 256; ++e)
   q.push((e + 256).toString(16).slice(1));
-function Ln(e, t = 0) {
+function vn(e, t = 0) {
   return q[e[t + 0]] + q[e[t + 1]] + q[e[t + 2]] + q[e[t + 3]] + "-" + q[e[t + 4]] + q[e[t + 5]] + "-" + q[e[t + 6]] + q[e[t + 7]] + "-" + q[e[t + 8]] + q[e[t + 9]] + "-" + q[e[t + 10]] + q[e[t + 11]] + q[e[t + 12]] + q[e[t + 13]] + q[e[t + 14]] + q[e[t + 15]];
 }
-const On = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), pt = {
-  randomUUID: On
+const kn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), pt = {
+  randomUUID: kn
 };
 function qt(e, t, n) {
   if (pt.randomUUID && !t && !e)
     return pt.randomUUID();
   e = e || {};
-  const o = e.random || (e.rng || vn)();
+  const o = e.random || (e.rng || On)();
   if (o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, t) {
     n = n || 0;
     for (let i = 0; i < 16; ++i)
       t[n + i] = o[i];
     return t;
   }
-  return Ln(o);
+  return vn(o);
 }
 var yt = Object.prototype.hasOwnProperty;
 function de(e, t) {
@@ -473,7 +473,7 @@ function de(e, t) {
 }
 function We() {
 }
-function kn(e, t) {
+function In(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
 const ye = [];
@@ -481,36 +481,36 @@ function at(e, t = We) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(a) {
-    if (kn(e, a) && (e = a, n)) {
+    if (In(e, a) && (e = a, n)) {
       const l = !ye.length;
-      for (const c of o)
-        c[1](), ye.push(c, e);
+      for (const u of o)
+        u[1](), ye.push(u, e);
       if (l) {
-        for (let c = 0; c < ye.length; c += 2)
-          ye[c][0](ye[c + 1]);
+        for (let u = 0; u < ye.length; u += 2)
+          ye[u][0](ye[u + 1]);
         ye.length = 0;
       }
     }
   }
-  function s(a) {
+  function r(a) {
     i(a(e));
   }
-  function r(a, l = We) {
-    const c = [a, l];
-    return o.add(c), o.size === 1 && (n = t(i) || We), a(e), () => {
-      o.delete(c), o.size === 0 && n && (n(), n = null);
+  function s(a, l = We) {
+    const u = [a, l];
+    return o.add(u), o.size === 1 && (n = t(i) || We), a(e), () => {
+      o.delete(u), o.size === 0 && n && (n(), n = null);
     };
   }
-  return { set: i, update: s, subscribe: r };
+  return { set: i, update: r, subscribe: s };
 }
-const In = (e) => {
+const Bn = (e) => {
   const { subscribe: t, set: n } = at(null);
   let o = null;
   return t((i) => o = i), e.observe(({ changes: i }) => {
     if (o) {
-      i.deleted.some((r) => r.id === o) && n(null);
-      const s = i.updated.find(({ oldValue: r }) => r.id === o);
-      s && n(s.newValue.id);
+      i.deleted.some((s) => s.id === o) && n(null);
+      const r = i.updated.find(({ oldValue: s }) => s.id === o);
+      r && n(r.newValue.id);
     }
   }), {
     get current() {
@@ -521,36 +521,36 @@ const In = (e) => {
   };
 };
 var Kt = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(Kt || {});
-const Je = { selected: [] }, Bn = (e, t = "EDIT") => {
+const Je = { selected: [] }, Pn = (e, t = "EDIT") => {
   const { subscribe: n, set: o } = at(Je);
   let i = Je;
-  n((u) => i = u);
-  const s = () => o(Je), r = () => {
-    var u;
-    return ((u = i.selected) == null ? void 0 : u.length) === 0;
-  }, a = (u) => {
+  n((c) => i = c);
+  const r = () => o(Je), s = () => {
+    var c;
+    return ((c = i.selected) == null ? void 0 : c.length) === 0;
+  }, a = (c) => {
     if (i.selected.length === 0)
       return !1;
-    const m = typeof u == "string" ? u : u.id;
+    const m = typeof c == "string" ? c : c.id;
     return i.selected.some((d) => d.id === m);
-  }, l = (u, m) => {
-    const d = e.getAnnotation(u);
+  }, l = (c, m) => {
+    const d = e.getAnnotation(c);
     if (d) {
-      const g = Pn(d, t);
-      o(g === "EDIT" ? { selected: [{ id: u, editable: !0 }], pointerEvent: m } : g === "SELECT" ? { selected: [{ id: u }], pointerEvent: m } : { selected: [], pointerEvent: m });
+      const g = Yn(d, t);
+      o(g === "EDIT" ? { selected: [{ id: c, editable: !0 }], pointerEvent: m } : g === "SELECT" ? { selected: [{ id: c }], pointerEvent: m } : { selected: [], pointerEvent: m });
     } else
-      console.warn("Invalid selection: " + u);
-  }, c = (u, m = !0) => {
-    const d = Array.isArray(u) ? u : [u], g = d.map((_) => e.getAnnotation(_)).filter((_) => _);
-    o({ selected: g.map(({ id: _ }) => ({ id: _, editable: m })) }), g.length !== d.length && console.warn("Invalid selection", u);
-  }, h = (u) => {
+      console.warn("Invalid selection: " + c);
+  }, u = (c, m = !0) => {
+    const d = Array.isArray(c) ? c : [c], g = d.map((_) => e.getAnnotation(_)).filter((_) => _);
+    o({ selected: g.map(({ id: _ }) => ({ id: _, editable: m })) }), g.length !== d.length && console.warn("Invalid selection", c);
+  }, h = (c) => {
     if (i.selected.length === 0)
       return !1;
     const { selected: m } = i;
-    m.filter(({ id: d }) => u.includes(d)).length > 0 && o({ selected: m.filter(({ id: d }) => !u.includes(d)) });
+    m.filter(({ id: d }) => c.includes(d)).length > 0 && o({ selected: m.filter(({ id: d }) => !c.includes(d)) });
   };
-  return e.observe(({ changes: u }) => h(u.deleted.map((m) => m.id))), {
-    clear: s,
+  return e.observe(({ changes: c }) => h(c.deleted.map((m) => m.id))), {
+    clear: r,
     clickSelect: l,
     get selected() {
       return i ? [...i.selected] : null;
@@ -558,82 +558,82 @@ const Je = { selected: [] }, Bn = (e, t = "EDIT") => {
     get pointerEvent() {
       return i ? i.pointerEvent : null;
     },
-    isEmpty: r,
+    isEmpty: s,
     isSelected: a,
-    setSelected: c,
+    setSelected: u,
     subscribe: n
   };
-}, Pn = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", Yn = [];
+}, Yn = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", Dn = [];
 for (let e = 0; e < 256; ++e)
-  Yn.push((e + 256).toString(16).slice(1));
+  Dn.push((e + 256).toString(16).slice(1));
 typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 const Xn = (e, t) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
-}, Dn = (e, t) => {
+}, Rn = (e, t) => {
   const n = new Set(t.bodies.map((o) => o.id));
   return e.bodies.filter((o) => !n.has(o.id));
-}, Rn = (e, t) => t.bodies.map((n) => {
+}, Cn = (e, t) => t.bodies.map((n) => {
   const o = e.bodies.find((i) => i.id === n.id);
   return { newBody: n, oldBody: o && !de(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n), Cn = (e, t) => !de(e.target, t.target), Wt = (e, t) => {
-  const n = Xn(e, t), o = Dn(e, t), i = Rn(e, t);
+}).filter(({ oldBody: n }) => n), Un = (e, t) => !de(e.target, t.target), Wt = (e, t) => {
+  const n = Xn(e, t), o = Rn(e, t), i = Cn(e, t);
   return {
     oldValue: e,
     newValue: t,
     bodiesCreated: n.length > 0 ? n : void 0,
     bodiesDeleted: o.length > 0 ? o : void 0,
     bodiesUpdated: i.length > 0 ? i : void 0,
-    targetUpdated: Cn(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
+    targetUpdated: Un(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
 var V = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(V || {});
-const Un = (e, t) => {
+const Nn = (e, t) => {
   var n, o;
-  const { changes: i, origin: s } = t;
-  if (!(!e.options.origin || e.options.origin === s))
+  const { changes: i, origin: r } = t;
+  if (!(!e.options.origin || e.options.origin === r))
     return !1;
   if (e.options.ignore) {
-    const { ignore: r } = e.options, a = (l) => (l == null ? void 0 : l.length) > 0;
+    const { ignore: s } = e.options, a = (l) => (l == null ? void 0 : l.length) > 0;
     if (!(a(i.created) || a(i.deleted))) {
-      const l = (n = i.updated) == null ? void 0 : n.some((h) => a(h.bodiesCreated) || a(h.bodiesDeleted) || a(h.bodiesUpdated)), c = (o = i.updated) == null ? void 0 : o.some((h) => h.targetUpdated);
-      if (r === "BODY_ONLY" && l && !c || r === "TARGET_ONLY" && c && !l)
+      const l = (n = i.updated) == null ? void 0 : n.some((h) => a(h.bodiesCreated) || a(h.bodiesDeleted) || a(h.bodiesUpdated)), u = (o = i.updated) == null ? void 0 : o.some((h) => h.targetUpdated);
+      if (s === "BODY_ONLY" && l && !u || s === "TARGET_ONLY" && u && !l)
         return !1;
     }
   }
   if (e.options.annotations) {
-    const r = /* @__PURE__ */ new Set([
+    const s = /* @__PURE__ */ new Set([
       ...i.created.map((a) => a.id),
       ...i.deleted.map((a) => a.id),
       ...i.updated.map(({ oldValue: a }) => a.id)
     ]);
-    return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((a) => r.has(a));
+    return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((a) => s.has(a));
   } else
     return !0;
-}, Nn = (e, t) => {
-  const n = new Set((e.created || []).map((u) => u.id)), o = new Set((e.updated || []).map(({ newValue: u }) => u.id)), i = new Set((t.created || []).map((u) => u.id)), s = new Set((t.deleted || []).map((u) => u.id)), r = new Set((t.updated || []).map(({ oldValue: u }) => u.id)), a = new Set((t.updated || []).filter(({ oldValue: u }) => n.has(u.id) || o.has(u.id)).map(({ oldValue: u }) => u.id)), l = [
-    ...(e.created || []).filter((u) => !s.has(u.id)).map((u) => r.has(u.id) ? t.updated.find(({ oldValue: m }) => m.id === u.id).newValue : u),
+}, Vn = (e, t) => {
+  const n = new Set((e.created || []).map((c) => c.id)), o = new Set((e.updated || []).map(({ newValue: c }) => c.id)), i = new Set((t.created || []).map((c) => c.id)), r = new Set((t.deleted || []).map((c) => c.id)), s = new Set((t.updated || []).map(({ oldValue: c }) => c.id)), a = new Set((t.updated || []).filter(({ oldValue: c }) => n.has(c.id) || o.has(c.id)).map(({ oldValue: c }) => c.id)), l = [
+    ...(e.created || []).filter((c) => !r.has(c.id)).map((c) => s.has(c.id) ? t.updated.find(({ oldValue: m }) => m.id === c.id).newValue : c),
     ...t.created || []
-  ], c = [
-    ...(e.deleted || []).filter((u) => !i.has(u.id)),
-    ...(t.deleted || []).filter((u) => !n.has(u.id))
+  ], u = [
+    ...(e.deleted || []).filter((c) => !i.has(c.id)),
+    ...(t.deleted || []).filter((c) => !n.has(c.id))
   ], h = [
-    ...(e.updated || []).filter(({ newValue: u }) => !s.has(u.id)).map((u) => {
-      const { oldValue: m, newValue: d } = u;
-      if (r.has(d.id)) {
+    ...(e.updated || []).filter(({ newValue: c }) => !r.has(c.id)).map((c) => {
+      const { oldValue: m, newValue: d } = c;
+      if (s.has(d.id)) {
         const g = t.updated.find((_) => _.oldValue.id === d.id).newValue;
         return Wt(m, g);
       } else
-        return u;
+        return c;
     }),
-    ...(t.updated || []).filter(({ oldValue: u }) => !a.has(u.id))
+    ...(t.updated || []).filter(({ oldValue: c }) => !a.has(c.id))
   ];
-  return { created: l, deleted: c, updated: h };
-}, Vn = (e) => e.id !== void 0, Gn = () => {
+  return { created: l, deleted: u, updated: h };
+}, Gn = (e) => e.id !== void 0, Fn = () => {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (p, E = {}) => n.push({ onChange: p, options: E }), i = (p) => {
     const E = n.findIndex((b) => b.onChange == p);
     E > -1 && n.splice(E, 1);
-  }, s = (p, E) => {
+  }, r = (p, E) => {
     const b = {
       origin: p,
       changes: {
@@ -643,91 +643,91 @@ const Un = (e, t) => {
       },
       state: [...e.values()]
     };
-    n.forEach((v) => {
-      Un(v, b) && v.onChange(b);
+    n.forEach((L) => {
+      Nn(L, b) && L.onChange(b);
     });
-  }, r = (p, E = V.LOCAL) => {
+  }, s = (p, E = V.LOCAL) => {
     if (e.get(p.id))
       throw Error(`Cannot add annotation ${p.id} - exists already`);
-    e.set(p.id, p), p.bodies.forEach((b) => t.set(b.id, p.id)), s(E, { created: [p] });
+    e.set(p.id, p), p.bodies.forEach((b) => t.set(b.id, p.id)), r(E, { created: [p] });
   }, a = (p, E) => {
-    const b = typeof p == "string" ? E : p, v = typeof p == "string" ? p : p.id, B = e.get(v);
+    const b = typeof p == "string" ? E : p, L = typeof p == "string" ? p : p.id, B = e.get(L);
     if (B) {
-      const D = Wt(B, b);
-      return v === b.id ? e.set(v, b) : (e.delete(v), e.set(b.id, b)), B.bodies.forEach((Z) => t.delete(Z.id)), b.bodies.forEach((Z) => t.set(Z.id, b.id)), D;
+      const X = Wt(B, b);
+      return L === b.id ? e.set(L, b) : (e.delete(L), e.set(b.id, b)), B.bodies.forEach((Z) => t.delete(Z.id)), b.bodies.forEach((Z) => t.set(Z.id, b.id)), X;
     } else
-      console.warn(`Cannot update annotation ${v} - does not exist`);
+      console.warn(`Cannot update annotation ${L} - does not exist`);
   }, l = (p, E = V.LOCAL, b = V.LOCAL) => {
-    const v = Vn(E) ? b : E, B = a(p, E);
-    B && s(v, { updated: [B] });
-  }, c = (p, E = V.LOCAL) => {
-    const b = p.reduce((v, B) => {
-      const D = a(B);
-      return D ? [...v, D] : v;
+    const L = Gn(E) ? b : E, B = a(p, E);
+    B && r(L, { updated: [B] });
+  }, u = (p, E = V.LOCAL) => {
+    const b = p.reduce((L, B) => {
+      const X = a(B);
+      return X ? [...L, X] : L;
     }, []);
-    b.length > 0 && s(E, { updated: b });
+    b.length > 0 && r(E, { updated: b });
   }, h = (p, E = V.LOCAL) => {
     const b = e.get(p.annotation);
     if (b) {
-      const v = {
+      const L = {
         ...b,
         bodies: [...b.bodies, p]
       };
-      e.set(b.id, v), t.set(p.id, v.id), s(E, { updated: [{
+      e.set(b.id, L), t.set(p.id, L.id), r(E, { updated: [{
         oldValue: b,
-        newValue: v,
+        newValue: L,
         bodiesCreated: [p]
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${p.annotation}`);
-  }, u = () => [...e.values()], m = (p = V.LOCAL) => {
+  }, c = () => [...e.values()], m = (p = V.LOCAL) => {
     const E = [...e.values()];
-    e.clear(), t.clear(), s(p, { deleted: E });
+    e.clear(), t.clear(), r(p, { deleted: E });
   }, d = (p, E = !0, b = V.LOCAL) => {
     if (E) {
-      const v = [...e.values()];
+      const L = [...e.values()];
       e.clear(), t.clear(), p.forEach((B) => {
-        e.set(B.id, B), B.bodies.forEach((D) => t.set(D.id, B.id));
-      }), s(b, { created: p, deleted: v });
+        e.set(B.id, B), B.bodies.forEach((X) => t.set(X.id, B.id));
+      }), r(b, { created: p, deleted: L });
     } else {
-      const v = p.reduce((B, D) => {
-        const Z = e.get(D.id);
+      const L = p.reduce((B, X) => {
+        const Z = e.get(X.id);
         return Z ? [...B, Z] : B;
       }, []);
-      if (v.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${v.map((B) => B.id).join(", ")}`);
+      if (L.length > 0)
+        throw Error(`Bulk insert would overwrite the following annotations: ${L.map((B) => B.id).join(", ")}`);
       p.forEach((B) => {
-        e.set(B.id, B), B.bodies.forEach((D) => t.set(D.id, B.id));
-      }), s(b, { created: p });
+        e.set(B.id, B), B.bodies.forEach((X) => t.set(X.id, B.id));
+      }), r(b, { created: p });
     }
   }, g = (p) => {
     const E = typeof p == "string" ? p : p.id, b = e.get(E);
     if (b)
-      return e.delete(E), b.bodies.forEach((v) => t.delete(v.id)), b;
+      return e.delete(E), b.bodies.forEach((L) => t.delete(L.id)), b;
     console.warn(`Attempt to delete missing annotation: ${E}`);
   }, _ = (p, E = V.LOCAL) => {
     const b = g(p);
-    b && s(E, { deleted: [b] });
+    b && r(E, { deleted: [b] });
   }, A = (p, E = V.LOCAL) => {
-    const b = p.reduce((v, B) => {
-      const D = g(B);
-      return D ? [...v, D] : v;
+    const b = p.reduce((L, B) => {
+      const X = g(B);
+      return X ? [...L, X] : L;
     }, []);
-    b.length > 0 && s(E, { deleted: b });
+    b.length > 0 && r(E, { deleted: b });
   }, w = (p, E = V.LOCAL) => {
     const b = e.get(p.annotation);
     if (b) {
-      const v = b.bodies.find((B) => B.id === p.id);
-      if (v) {
-        t.delete(v.id);
+      const L = b.bodies.find((B) => B.id === p.id);
+      if (L) {
+        t.delete(L.id);
         const B = {
           ...b,
-          bodies: b.bodies.filter((D) => D.id !== p.id)
+          bodies: b.bodies.filter((X) => X.id !== p.id)
         };
-        e.set(b.id, B), s(E, { updated: [{
+        e.set(b.id, B), r(E, { updated: [{
           oldValue: b,
           newValue: B,
-          bodiesDeleted: [v]
+          bodiesDeleted: [L]
         }] });
       } else
         console.warn(`Attempt to delete missing body ${p.id} from annotation ${p.annotation}`);
@@ -739,7 +739,7 @@ const Un = (e, t) => {
   }, T = (p) => {
     const E = t.get(p);
     if (E) {
-      const b = y(E).bodies.find((v) => v.id === p);
+      const b = y(E).bodies.find((L) => L.id === p);
       if (b)
         return b;
       console.error(`Store integrity error: body ${p} in index, but not in annotation`);
@@ -750,23 +750,23 @@ const Un = (e, t) => {
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
     const b = e.get(p.annotation);
     if (b) {
-      const v = b.bodies.find((D) => D.id === p.id), B = {
+      const L = b.bodies.find((X) => X.id === p.id), B = {
         ...b,
-        bodies: b.bodies.map((D) => D.id === v.id ? E : D)
+        bodies: b.bodies.map((X) => X.id === L.id ? E : X)
       };
-      return e.set(b.id, B), v.id !== E.id && (t.delete(v.id), t.set(E.id, B.id)), {
+      return e.set(b.id, B), L.id !== E.id && (t.delete(L.id), t.set(E.id, B.id)), {
         oldValue: b,
         newValue: B,
-        bodiesUpdated: [{ oldBody: v, newBody: E }]
+        bodiesUpdated: [{ oldBody: L, newBody: E }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${p.annotation}`);
   }, P = (p, E, b = V.LOCAL) => {
-    const v = S(p, E);
-    s(b, { updated: [v] });
-  }, X = (p, E = V.LOCAL) => {
-    const b = p.map((v) => S({ id: v.id, annotation: v.annotation }, v));
-    s(E, { updated: b });
+    const L = S(p, E);
+    r(b, { updated: [L] });
+  }, D = (p, E = V.LOCAL) => {
+    const b = p.map((L) => S({ id: L.id, annotation: L.annotation }, L));
+    r(E, { updated: b });
   }, U = (p) => {
     const E = e.get(p.annotation);
     if (E) {
@@ -789,16 +789,16 @@ const Un = (e, t) => {
       console.warn(`Attempt to update target on missing annotation: ${p.annotation}`);
   };
   return {
-    addAnnotation: r,
+    addAnnotation: s,
     addBody: h,
-    all: u,
+    all: c,
     bulkAddAnnotation: d,
     bulkDeleteAnnotation: A,
-    bulkUpdateAnnotation: c,
-    bulkUpdateBodies: X,
+    bulkUpdateAnnotation: u,
+    bulkUpdateBodies: D,
     bulkUpdateTargets: (p, E = V.LOCAL) => {
-      const b = p.map(U).filter((v) => v);
-      b.length > 0 && s(E, { updated: b });
+      const b = p.map(U).filter((L) => L);
+      b.length > 0 && r(E, { updated: b });
     },
     clear: m,
     deleteAnnotation: _,
@@ -811,17 +811,17 @@ const Un = (e, t) => {
     updateBody: P,
     updateTarget: (p, E = V.LOCAL) => {
       const b = U(p);
-      b && s(E, { updated: [b] });
+      b && r(E, { updated: [b] });
     }
   };
-}, Fn = (e) => ({
+}, Hn = (e) => ({
   ...e,
   subscribe: (t) => {
     const n = (o) => t(o.state);
     return e.observe(n), t(e.all()), () => e.unobserve(n);
   }
 });
-let Hn = () => ({
+let zn = () => ({
   emit(e, ...t) {
     let n = this.events[e] || [];
     for (let o = 0, i = n.length; o < i; o++)
@@ -836,28 +836,28 @@ let Hn = () => ({
     };
   }
 });
-const zn = 250, jn = (e) => {
-  const t = Hn(), n = [];
-  let o = -1, i = !1, s = 0;
-  const r = (d) => {
+const jn = 250, qn = (e) => {
+  const t = zn(), n = [];
+  let o = -1, i = !1, r = 0;
+  const s = (d) => {
     if (!i) {
       const { changes: g } = d, _ = performance.now();
-      if (_ - s > zn)
+      if (_ - r > jn)
         n.splice(o + 1), n.push(g), o = n.length - 1;
       else {
         const A = n.length - 1;
-        n[A] = Nn(n[A], g);
+        n[A] = Vn(n[A], g);
       }
-      s = _;
+      r = _;
     }
     i = !1;
   };
-  e.observe(r, { origin: V.LOCAL });
-  const a = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkDeleteAnnotation(d), l = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkAddAnnotation(d, !1), c = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkUpdateAnnotation(d.map(({ oldValue: g }) => g)), h = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkUpdateAnnotation(d.map(({ newValue: g }) => g)), u = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkAddAnnotation(d, !1), m = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkDeleteAnnotation(d);
+  e.observe(s, { origin: V.LOCAL });
+  const a = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkDeleteAnnotation(d), l = (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: g }) => g)), h = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkUpdateAnnotation(d.map(({ newValue: g }) => g)), c = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkAddAnnotation(d, !1), m = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkDeleteAnnotation(d);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
-    destroy: () => e.unobserve(r),
+    destroy: () => e.unobserve(s),
     on: (d, g) => t.on(d, g),
     redo: () => {
       if (n.length - 1 > o) {
@@ -870,19 +870,19 @@ const zn = 250, jn = (e) => {
       if (o > -1) {
         i = !0;
         const { created: d, updated: g, deleted: _ } = n[o];
-        a(d), c(g), u(_), t.emit("undo", n[o]), o -= 1;
+        a(d), u(g), c(_), t.emit("undo", n[o]), o -= 1;
       }
     }
   };
-}, qn = () => {
+}, Kn = () => {
   const { subscribe: e, set: t } = at([]);
   return {
     subscribe: e,
     set: t
   };
-}, Kn = (e, t, n, o) => {
-  const { store: i, selection: s, hover: r, viewport: a } = e, l = /* @__PURE__ */ new Map();
-  let c = [], h, u;
+}, Wn = (e, t, n, o) => {
+  const { store: i, selection: r, hover: s, viewport: a } = e, l = /* @__PURE__ */ new Map();
+  let u = [], h, c;
   const m = (w, y) => {
     l.has(w) ? l.get(w).push(y) : l.set(w, [y]);
   }, d = (w, y) => {
@@ -892,90 +892,90 @@ const zn = 250, jn = (e) => {
     l.has(w) && setTimeout(() => {
       l.get(w).forEach((S) => {
         if (n) {
-          const P = Array.isArray(y) ? y.map((U) => n.serialize(U)) : n.serialize(y), X = T ? T instanceof PointerEvent ? T : n.serialize(T) : void 0;
-          S(P, X);
+          const P = Array.isArray(y) ? y.map((U) => n.serialize(U)) : n.serialize(y), D = T ? T instanceof PointerEvent ? T : n.serialize(T) : void 0;
+          S(P, D);
         } else
           S(y, T);
       });
     }, 1);
   }, _ = () => {
-    const { selected: w } = s, y = w.map(({ id: T }) => i.getAnnotation(T));
+    const { selected: w } = r, y = w.map(({ id: T }) => i.getAnnotation(T));
     y.forEach((T) => {
-      const S = c.find((P) => P.id === T.id);
+      const S = u.find((P) => P.id === T.id);
       (!S || !de(S, T)) && g("updateAnnotation", T, S);
-    }), c = c.map((T) => y.find(({ id: P }) => P === T.id) || T);
-  };
-  s.subscribe(({ selected: w }) => {
-    if (!(c.length === 0 && w.length === 0)) {
-      if (c.length === 0 && w.length > 0)
-        c = w.map(({ id: y }) => i.getAnnotation(y));
-      else if (c.length > 0 && w.length === 0)
-        c.forEach((y) => {
+    }), u = u.map((T) => y.find(({ id: P }) => P === T.id) || T);
+  };
+  r.subscribe(({ selected: w }) => {
+    if (!(u.length === 0 && w.length === 0)) {
+      if (u.length === 0 && w.length > 0)
+        u = w.map(({ id: y }) => i.getAnnotation(y));
+      else if (u.length > 0 && w.length === 0)
+        u.forEach((y) => {
           const T = i.getAnnotation(y.id);
           T && !de(T, y) && g("updateAnnotation", T, y);
-        }), c = [];
+        }), u = [];
       else {
-        const y = new Set(c.map((S) => S.id)), T = new Set(w.map(({ id: S }) => S));
-        c.filter((S) => !T.has(S.id)).forEach((S) => {
+        const y = new Set(u.map((S) => S.id)), T = new Set(w.map(({ id: S }) => S));
+        u.filter((S) => !T.has(S.id)).forEach((S) => {
           const P = i.getAnnotation(S.id);
           P && !de(P, S) && g("updateAnnotation", P, S);
-        }), c = [
+        }), u = [
           // Remove annotations that were deselected
-          ...c.filter((S) => T.has(S.id)),
+          ...u.filter((S) => T.has(S.id)),
           // Add editable annotations that were selected
           ...w.filter(({ id: S }) => !y.has(S)).map(({ id: S }) => i.getAnnotation(S))
         ];
       }
-      g("selectionChanged", c);
+      g("selectionChanged", u);
     }
-  }), r.subscribe((w) => {
+  }), s.subscribe((w) => {
     !h && w ? g("mouseEnterAnnotation", i.getAnnotation(w)) : h && !w ? g("mouseLeaveAnnotation", i.getAnnotation(h)) : h && w && (g("mouseLeaveAnnotation", i.getAnnotation(h)), g("mouseEnterAnnotation", i.getAnnotation(w))), h = w;
   }), a == null || a.subscribe((w) => g("viewportIntersect", w.map(i.getAnnotation))), i.observe((w) => {
-    o && (u && clearTimeout(u), u = setTimeout(_, 1e3));
+    o && (c && clearTimeout(c), c = setTimeout(_, 1e3));
     const { created: y, deleted: T } = w.changes;
     y.forEach((S) => g("createAnnotation", S)), T.forEach((S) => g("deleteAnnotation", S)), w.changes.updated.filter((S) => [
       ...S.bodiesCreated || [],
       ...S.bodiesDeleted || [],
       ...S.bodiesUpdated || []
     ].length > 0).forEach(({ oldValue: S, newValue: P }) => {
-      const X = c.find((U) => U.id === S.id) || S;
-      c = c.map((U) => U.id === S.id ? P : U), g("updateAnnotation", P, X);
+      const D = u.find((U) => U.id === S.id) || S;
+      u = u.map((U) => U.id === S.id ? P : U), g("updateAnnotation", P, D);
     });
   }, { origin: V.LOCAL }), i.observe((w) => {
-    if (c) {
-      const y = new Set(c.map((S) => S.id)), T = w.changes.updated.filter(({ newValue: S }) => y.has(S.id)).map(({ newValue: S }) => S);
-      T.length > 0 && (c = c.map((S) => T.find((X) => X.id === S.id) || S));
+    if (u) {
+      const y = new Set(u.map((S) => S.id)), T = w.changes.updated.filter(({ newValue: S }) => y.has(S.id)).map(({ newValue: S }) => S);
+      T.length > 0 && (u = u.map((S) => T.find((D) => D.id === S.id) || S));
     }
   }, { origin: V.REMOTE });
   const A = (w) => (y) => {
     const { created: T, deleted: S, updated: P } = y;
-    T.forEach((X) => g("createAnnotation", X)), S.forEach((X) => g("deleteAnnotation", X)), w ? P.forEach((X) => g("updateAnnotation", X.oldValue, X.newValue)) : P.forEach((X) => g("updateAnnotation", X.newValue, X.oldValue));
+    T.forEach((D) => g("createAnnotation", D)), S.forEach((D) => g("deleteAnnotation", D)), w ? P.forEach((D) => g("updateAnnotation", D.oldValue, D.newValue)) : P.forEach((D) => g("updateAnnotation", D.newValue, D.oldValue));
   };
   return t.on("undo", A(!0)), t.on("redo", A(!1)), { on: m, off: d, emit: g };
-}, Wn = (e) => (t) => t.reduce((n, o) => {
-  const { parsed: i, error: s } = e.parse(o);
-  return s ? {
+}, Jn = (e) => (t) => t.reduce((n, o) => {
+  const { parsed: i, error: r } = e.parse(o);
+  return r ? {
     parsed: n.parsed,
     failed: [...n.failed, o]
   } : {
     parsed: [...n.parsed, i],
     failed: n.failed
   };
-}, { parsed: [], failed: [] }), Jn = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (A) => {
+}, { parsed: [], failed: [] }), Zn = (e, t, n) => {
+  const { store: o, selection: i } = e, r = (A) => {
     if (n) {
       const { parsed: w, error: y } = n.parse(A);
       w ? o.addAnnotation(w, V.REMOTE) : console.error(y);
     } else
       o.addAnnotation(A, V.REMOTE);
-  }, r = () => i.clear(), a = () => o.clear(), l = (A) => {
+  }, s = () => i.clear(), a = () => o.clear(), l = (A) => {
     const w = o.getAnnotation(A);
     return n && w ? n.serialize(w) : w;
-  }, c = () => n ? o.all().map(n.serialize) : o.all(), h = () => {
+  }, u = () => n ? o.all().map(n.serialize) : o.all(), h = () => {
     var A;
     const w = (((A = i.selected) == null ? void 0 : A.map((y) => y.id)) || []).map((y) => o.getAnnotation(y));
     return n ? w.map(n.serialize) : w;
-  }, u = (A) => fetch(A).then((w) => w.json()).then((w) => (d(w), w)), m = (A) => {
+  }, c = (A) => fetch(A).then((w) => w.json()).then((w) => (d(w), w)), m = (A) => {
     if (typeof A == "string") {
       const w = o.getAnnotation(A);
       return o.deleteAnnotation(A), n ? n.serialize(w) : w;
@@ -985,7 +985,7 @@ const zn = 250, jn = (e) => {
     }
   }, d = (A) => {
     if (n) {
-      const { parsed: w, failed: y } = Wn(n)(A);
+      const { parsed: w, failed: y } = Jn(n)(A);
       y.length > 0 && console.warn(`Discarded ${y.length} invalid annotations`, y), o.bulkAddAnnotation(w, !0, V.REMOTE);
     } else
       o.bulkAddAnnotation(A, !0, V.REMOTE);
@@ -1001,15 +1001,15 @@ const zn = 250, jn = (e) => {
     }
   };
   return {
-    addAnnotation: s,
-    cancelSelected: r,
+    addAnnotation: r,
+    cancelSelected: s,
     canRedo: t.canRedo,
     canUndo: t.canUndo,
     clearAnnotations: a,
     getAnnotationById: l,
-    getAnnotations: c,
+    getAnnotations: u,
     getSelected: h,
-    loadAnnotations: u,
+    loadAnnotations: c,
     redo: t.redo,
     removeAnnotation: m,
     setAnnotations: d,
@@ -1018,71 +1018,90 @@ const zn = 250, jn = (e) => {
     updateAnnotation: _
   };
 };
-let Zn = (e) => crypto.getRandomValues(new Uint8Array(e)), Qn = (e, t, n) => {
+let Qn = (e) => crypto.getRandomValues(new Uint8Array(e)), xn = (e, t, n) => {
   let o = (2 << Math.log(e.length - 1) / Math.LN2) - 1, i = -~(1.6 * o * t / e.length);
-  return (s = t) => {
-    let r = "";
+  return (r = t) => {
+    let s = "";
     for (; ; ) {
       let a = n(i), l = i;
       for (; l--; )
-        if (r += e[a[l] & o] || "", r.length === s)
-          return r;
+        if (s += e[a[l] & o] || "", s.length === r)
+          return s;
     }
   };
-}, xn = (e, t = 21) => Qn(e, t, Zn), $n = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, n) => (n &= 63, n < 36 ? t += n.toString(36) : n < 62 ? t += (n - 26).toString(36).toUpperCase() : n > 62 ? t += "-" : t += "_", t), "");
-const eo = () => ({ isGuest: !0, id: xn("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), to = (e) => {
+}, $n = (e, t = 21) => xn(e, t, Qn), eo = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, n) => (n &= 63, n < 36 ? t += n.toString(36) : n < 62 ? t += (n - 26).toString(36).toUpperCase() : n > 62 ? t += "-" : t += "_", t), "");
+const to = () => ({ isGuest: !0, id: $n("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), no = (e) => {
   const t = JSON.stringify(e);
   let n = 0;
   for (let o = 0, i = t.length; o < i; o++) {
-    let s = t.charCodeAt(o);
-    n = (n << 5) - n + s, n |= 0;
+    let r = t.charCodeAt(o);
+    n = (n << 5) - n + r, n |= 0;
   }
   return `${n}`;
-}, no = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
-  const { id: o, type: i, purpose: s, value: r, created: a, creator: l, ...c } = n;
+}, Jt = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, oo = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
+  const { id: o, type: i, purpose: r, value: s, created: a, creator: l, ...u } = n;
   return {
-    id: o || `temp-${to(n)}`,
+    id: o || `temp-${no(n)}`,
     annotation: t,
     type: i,
-    purpose: s,
-    value: r,
-    created: a,
-    creator: l ? typeof l == "object" ? { ...l } : l : void 0,
-    ...c
+    purpose: r,
+    value: s,
+    created: a ? new Date(a) : void 0,
+    creator: Jt(l),
+    ...u
   };
-}), oo = (e) => e.map((t) => {
+}), io = (e) => e.map((t) => {
   var n;
   const o = { ...t };
   return delete o.annotation, (n = o.id) != null && n.startsWith("temp-") && delete o.id, o;
 });
-$n();
-const _i = (e, t = !1) => ({ parse: (i) => io(i, t), serialize: (i) => so(i, e) }), io = (e, t = !1) => {
-  const n = e.id || qt(), { body: o, ...i } = e, s = no(o, n), r = Array.isArray(e.target) ? e.target[0] : e.target, a = Array.isArray(r.selector) ? r.selector[0] : r.selector, l = a.type === "FragmentSelector" ? yn(a, t) : a.type === "SvgSelector" ? Tn(a) : void 0;
-  return l ? {
+eo();
+const wi = (e, t = !1) => ({ parse: (i) => ro(i, t), serialize: (i) => so(i, e) }), ro = (e, t = !1) => {
+  const n = e.id || qt(), {
+    creator: o,
+    created: i,
+    updatedBy: r,
+    updated: s,
+    body: a,
+    ...l
+  } = e, u = oo(a, n), h = Array.isArray(e.target) ? e.target[0] : e.target, c = Array.isArray(h.selector) ? h.selector[0] : h.selector, m = c.type === "FragmentSelector" ? _n(c, t) : c.type === "SvgSelector" ? Sn(c) : void 0;
+  return m ? {
     parsed: {
-      ...i,
+      ...l,
       id: n,
-      bodies: s,
+      bodies: u,
       target: {
-        ...i.target,
+        created: i ? new Date(i) : void 0,
+        creator: Jt(o),
+        ...l.target,
         annotation: n,
-        selector: l
+        selector: m
       }
     }
   } : {
-    error: Error(`Unknown selector type: ${a.type}`)
+    error: Error(`Unknown selector type: ${c.type}`)
   };
 }, so = (e, t) => {
-  const n = e.target.selector, o = n.type == z.RECTANGLE ? _n(n.geometry) : Sn(n);
+  const {
+    selector: n,
+    creator: o,
+    created: i,
+    updated: r,
+    updatedBy: s,
+    ...a
+  } = e.target, l = n.type == z.RECTANGLE ? wn(n.geometry) : Mn(n);
   return {
     ...e,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
     type: "Annotation",
-    body: oo(e.bodies),
+    body: io(e.bodies),
+    creator: o,
+    created: i == null ? void 0 : i.toISOString(),
     target: {
+      ...a,
       source: t,
-      selector: o
+      selector: l
     }
   };
 };
@@ -1091,7 +1110,7 @@ function _t(e, t, n) {
   return o[11] = t[n], o[13] = n, o;
 }
 function wt(e) {
-  let t, n, o, i, s;
+  let t, n, o, i, r;
   return {
     c() {
       t = R("rect"), f(t, "class", "a9s-corner-handle"), f(t, "x", n = /*point*/
@@ -1110,22 +1129,22 @@ function wt(e) {
         e[3]
       );
     },
-    m(r, a) {
-      I(r, t, a), i || (s = K(t, "pointerdown", function() {
+    m(s, a) {
+      I(s, t, a), i || (r = K(t, "pointerdown", function() {
         j(
           /*grab*/
-          e[10](L(
+          e[10](O(
             /*idx*/
             e[13]
           ))
-        ) && e[10](L(
+        ) && e[10](O(
           /*idx*/
           e[13]
         )).apply(this, arguments);
       }), i = !0);
     },
-    p(r, a) {
-      e = r, a & /*geom, handleSize*/
+    p(s, a) {
+      e = s, a & /*geom, handleSize*/
       24 && n !== (n = /*point*/
       e[11][0] - /*handleSize*/
       e[3] / 2) && f(t, "x", n), a & /*geom, handleSize*/
@@ -1145,51 +1164,51 @@ function wt(e) {
         e[3]
       );
     },
-    d(r) {
-      r && k(t), i = !1, s();
+    d(s) {
+      s && k(t), i = !1, r();
     }
   };
 }
-function ro(e) {
-  let t, n, o, i, s, r, a, l, c, h, u = (
+function lo(e) {
+  let t, n, o, i, r, s, a, l, u, h, c = (
     /*geom*/
     e[4].points
   ), m = [];
-  for (let d = 0; d < u.length; d += 1)
-    m[d] = wt(_t(e, u, d));
+  for (let d = 0; d < c.length; d += 1)
+    m[d] = wt(_t(e, c, d));
   return {
     c() {
-      t = R("polygon"), i = $(), s = R("polygon"), a = $();
+      t = R("polygon"), i = $(), r = R("polygon"), a = $();
       for (let d = 0; d < m.length; d += 1)
         m[d].c();
-      l = se(), f(t, "class", "a9s-outer"), f(t, "style", n = /*computedStyle*/
+      l = re(), f(t, "class", "a9s-outer"), f(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), f(t, "points", o = /*geom*/
-      e[4].points.map(bt).join(" ")), f(s, "class", "a9s-inner a9s-shape-handle"), f(
-        s,
+      e[4].points.map(bt).join(" ")), f(r, "class", "a9s-inner a9s-shape-handle"), f(
+        r,
         "style",
         /*computedStyle*/
         e[1]
-      ), f(s, "points", r = /*geom*/
+      ), f(r, "points", s = /*geom*/
       e[4].points.map(Et).join(" "));
     },
     m(d, g) {
-      I(d, t, g), I(d, i, g), I(d, s, g), I(d, a, g);
+      I(d, t, g), I(d, i, g), I(d, r, g), I(d, a, g);
       for (let _ = 0; _ < m.length; _ += 1)
         m[_] && m[_].m(d, g);
-      I(d, l, g), c || (h = [
+      I(d, l, g), u || (h = [
         K(t, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](L.SHAPE)
-          ) && e[10](L.SHAPE).apply(this, arguments);
+            e[10](O.SHAPE)
+          ) && e[10](O.SHAPE).apply(this, arguments);
         }),
-        K(s, "pointerdown", function() {
+        K(r, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](L.SHAPE)
-          ) && e[10](L.SHAPE).apply(this, arguments);
+            e[10](O.SHAPE)
+          ) && e[10](O.SHAPE).apply(this, arguments);
         })
-      ], c = !0);
+      ], u = !0);
     },
     p(d, g) {
       if (e = d, g & /*computedStyle*/
@@ -1198,34 +1217,34 @@ function ro(e) {
       16 && o !== (o = /*geom*/
       e[4].points.map(bt).join(" ")) && f(t, "points", o), g & /*computedStyle*/
       2 && f(
-        s,
+        r,
         "style",
         /*computedStyle*/
         e[1]
       ), g & /*geom*/
-      16 && r !== (r = /*geom*/
-      e[4].points.map(Et).join(" ")) && f(s, "points", r), g & /*geom, handleSize, grab, Handle*/
+      16 && s !== (s = /*geom*/
+      e[4].points.map(Et).join(" ")) && f(r, "points", s), g & /*geom, handleSize, grab, Handle*/
       1048) {
-        u = /*geom*/
+        c = /*geom*/
         e[4].points;
         let _;
-        for (_ = 0; _ < u.length; _ += 1) {
-          const A = _t(e, u, _);
+        for (_ = 0; _ < c.length; _ += 1) {
+          const A = _t(e, c, _);
           m[_] ? m[_].p(A, g) : (m[_] = wt(A), m[_].c(), m[_].m(l.parentNode, l));
         }
         for (; _ < m.length; _ += 1)
           m[_].d(1);
-        m.length = u.length;
+        m.length = c.length;
       }
     },
     d(d) {
-      d && k(t), d && k(i), d && k(s), d && k(a), st(m, d), d && k(l), c = !1, ie(h);
+      d && k(t), d && k(i), d && k(r), d && k(a), rt(m, d), d && k(l), u = !1, ie(h);
     }
   };
 }
-function lo(e) {
+function ao(e) {
   let t, n;
-  return t = new Zt({
+  return t = new Qt({
     props: {
       shape: (
         /*shape*/
@@ -1241,7 +1260,7 @@ function lo(e) {
       ),
       $$slots: {
         default: [
-          ro,
+          lo,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -1268,13 +1287,13 @@ function lo(e) {
       le(t, o, i), n = !0;
     },
     p(o, [i]) {
-      const s = {};
+      const r = {};
       i & /*shape*/
-      1 && (s.shape = /*shape*/
+      1 && (r.shape = /*shape*/
       o[0]), i & /*transform*/
-      4 && (s.transform = /*transform*/
+      4 && (r.transform = /*transform*/
       o[2]), i & /*$$scope, geom, handleSize, grab, computedStyle*/
-      17434 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
+      17434 && (r.$$scope = { dirty: i, ctx: o }), t.$set(r);
     },
     i(o) {
       n || (C(t.$$.fragment, o), n = !0);
@@ -1288,45 +1307,45 @@ function lo(e) {
   };
 }
 const bt = (e) => e.join(","), Et = (e) => e.join(",");
-function ao(e, t, n) {
-  let o, i, { shape: s } = t, { computedStyle: r = void 0 } = t, { transform: a } = t, { viewportScale: l = 1 } = t;
-  const c = (d, g, _) => {
+function co(e, t, n) {
+  let o, i, { shape: r } = t, { computedStyle: s = void 0 } = t, { transform: a } = t, { viewportScale: l = 1 } = t;
+  const u = (d, g, _) => {
     let A;
-    g === L.SHAPE ? A = d.geometry.points.map(([y, T]) => [y + _[0], T + _[1]]) : A = d.geometry.points.map(([y, T], S) => g === L(S) ? [y + _[0], T + _[1]] : [y, T]);
+    g === O.SHAPE ? A = d.geometry.points.map(([y, T]) => [y + _[0], T + _[1]]) : A = d.geometry.points.map(([y, T], S) => g === O(S) ? [y + _[0], T + _[1]] : [y, T]);
     const w = Fe(A);
     return { ...d, geometry: { points: A, bounds: w } };
   };
   function h(d) {
     Ae.call(this, e, d);
   }
-  function u(d) {
+  function c(d) {
     Ae.call(this, e, d);
   }
   function m(d) {
     Ae.call(this, e, d);
   }
   return e.$$set = (d) => {
-    "shape" in d && n(0, s = d.shape), "computedStyle" in d && n(1, r = d.computedStyle), "transform" in d && n(2, a = d.transform), "viewportScale" in d && n(6, l = d.viewportScale);
+    "shape" in d && n(0, r = d.shape), "computedStyle" in d && n(1, s = d.computedStyle), "transform" in d && n(2, a = d.transform), "viewportScale" in d && n(6, l = d.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
-    1 && n(4, o = s.geometry), e.$$.dirty & /*viewportScale*/
+    1 && n(4, o = r.geometry), e.$$.dirty & /*viewportScale*/
     64 && n(3, i = 10 / l);
   }, [
-    s,
     r,
+    s,
     a,
     i,
     o,
-    c,
+    u,
     l,
     h,
-    u,
+    c,
     m
   ];
 }
-class co extends te {
+class uo extends te {
   constructor(t) {
-    super(), ee(this, t, ao, lo, J, {
+    super(), ee(this, t, co, ao, J, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1334,23 +1353,23 @@ class co extends te {
     });
   }
 }
-function uo(e) {
-  let t, n, o, i, s, r, a, l, c, h, u, m, d, g, _, A, w, y, T, S, P, X, U, p, E, b, v, B, D, Z, me, ge, Me, O, W, G, ce, H, ue, Pe, ze, Q, Ye, Xe, je, x, De, Re, qe, ut;
+function fo(e) {
+  let t, n, o, i, r, s, a, l, u, h, c, m, d, g, _, A, w, y, T, S, P, D, U, p, E, b, L, B, X, Z, me, ge, Me, v, W, G, ce, H, ue, Pe, ze, Q, Ye, De, je, x, Xe, Re, qe, ut;
   return {
     c() {
-      t = R("rect"), a = $(), l = R("rect"), d = $(), g = R("rect"), y = $(), T = R("rect"), U = $(), p = R("rect"), B = $(), D = R("rect"), Me = $(), O = R("rect"), ce = $(), H = R("rect"), ze = $(), Q = R("rect"), je = $(), x = R("rect"), f(t, "class", "a9s-outer"), f(t, "style", n = /*computedStyle*/
+      t = R("rect"), a = $(), l = R("rect"), d = $(), g = R("rect"), y = $(), T = R("rect"), U = $(), p = R("rect"), B = $(), X = R("rect"), Me = $(), v = R("rect"), ce = $(), H = R("rect"), ze = $(), Q = R("rect"), je = $(), x = R("rect"), f(t, "class", "a9s-outer"), f(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), f(t, "x", o = /*geom*/
       e[4].x), f(t, "y", i = /*geom*/
-      e[4].y), f(t, "width", s = /*geom*/
-      e[4].w), f(t, "height", r = /*geom*/
+      e[4].y), f(t, "width", r = /*geom*/
+      e[4].w), f(t, "height", s = /*geom*/
       e[4].h), f(l, "class", "a9s-inner a9s-shape-handle"), f(
         l,
         "style",
         /*computedStyle*/
         e[1]
-      ), f(l, "x", c = /*geom*/
+      ), f(l, "x", u = /*geom*/
       e[4].x), f(l, "y", h = /*geom*/
-      e[4].y), f(l, "width", u = /*geom*/
+      e[4].y), f(l, "width", c = /*geom*/
       e[4].w), f(l, "height", m = /*geom*/
       e[4].h), f(g, "class", "a9s-edge-handle a9s-edge-handle-top"), f(g, "x", _ = /*geom*/
       e[4].x), f(g, "y", A = /*geom*/
@@ -1358,25 +1377,25 @@ function uo(e) {
       e[4].w), f(T, "class", "a9s-edge-handle a9s-edge-handle-right"), f(T, "x", S = /*geom*/
       e[4].x + /*geom*/
       e[4].w), f(T, "y", P = /*geom*/
-      e[4].y), f(T, "height", X = /*geom*/
+      e[4].y), f(T, "height", D = /*geom*/
       e[4].h), f(T, "width", 1), f(p, "class", "a9s-edge-handle a9s-edge-handle-bottom"), f(p, "x", E = /*geom*/
       e[4].x), f(p, "y", b = /*geom*/
       e[4].y + /*geom*/
-      e[4].h), f(p, "height", 1), f(p, "width", v = /*geom*/
-      e[4].w), f(D, "class", "a9s-edge-handle a9s-edge-handle-left"), f(D, "x", Z = /*geom*/
-      e[4].x), f(D, "y", me = /*geom*/
-      e[4].y), f(D, "height", ge = /*geom*/
-      e[4].h), f(D, "width", 1), f(O, "class", "a9s-corner-handle a9s-corner-handle-topleft"), f(O, "x", W = /*geom*/
+      e[4].h), f(p, "height", 1), f(p, "width", L = /*geom*/
+      e[4].w), f(X, "class", "a9s-edge-handle a9s-edge-handle-left"), f(X, "x", Z = /*geom*/
+      e[4].x), f(X, "y", me = /*geom*/
+      e[4].y), f(X, "height", ge = /*geom*/
+      e[4].h), f(X, "width", 1), f(v, "class", "a9s-corner-handle a9s-corner-handle-topleft"), f(v, "x", W = /*geom*/
       e[4].x - /*handleSize*/
-      e[3] / 2), f(O, "y", G = /*geom*/
+      e[3] / 2), f(v, "y", G = /*geom*/
       e[4].y - /*handleSize*/
       e[3] / 2), f(
-        O,
+        v,
         "height",
         /*handleSize*/
         e[3]
       ), f(
-        O,
+        v,
         "width",
         /*handleSize*/
         e[3]
@@ -1398,7 +1417,7 @@ function uo(e) {
       ), f(Q, "class", "a9s-corner-handle a9s-corner-handle-bottomright"), f(Q, "x", Ye = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
-      e[3] / 2), f(Q, "y", Xe = /*geom*/
+      e[3] / 2), f(Q, "y", De = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
       e[3] / 2), f(
@@ -1411,7 +1430,7 @@ function uo(e) {
         "width",
         /*handleSize*/
         e[3]
-      ), f(x, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), f(x, "x", De = /*geom*/
+      ), f(x, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), f(x, "x", Xe = /*geom*/
       e[4].x - /*handleSize*/
       e[3] / 2), f(x, "y", Re = /*geom*/
       e[4].y + /*geom*/
@@ -1429,66 +1448,66 @@ function uo(e) {
       );
     },
     m(Y, M) {
-      I(Y, t, M), I(Y, a, M), I(Y, l, M), I(Y, d, M), I(Y, g, M), I(Y, y, M), I(Y, T, M), I(Y, U, M), I(Y, p, M), I(Y, B, M), I(Y, D, M), I(Y, Me, M), I(Y, O, M), I(Y, ce, M), I(Y, H, M), I(Y, ze, M), I(Y, Q, M), I(Y, je, M), I(Y, x, M), qe || (ut = [
+      I(Y, t, M), I(Y, a, M), I(Y, l, M), I(Y, d, M), I(Y, g, M), I(Y, y, M), I(Y, T, M), I(Y, U, M), I(Y, p, M), I(Y, B, M), I(Y, X, M), I(Y, Me, M), I(Y, v, M), I(Y, ce, M), I(Y, H, M), I(Y, ze, M), I(Y, Q, M), I(Y, je, M), I(Y, x, M), qe || (ut = [
         K(t, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](L.SHAPE)
-          ) && e[10](L.SHAPE).apply(this, arguments);
+            e[10](O.SHAPE)
+          ) && e[10](O.SHAPE).apply(this, arguments);
         }),
         K(l, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](L.SHAPE)
-          ) && e[10](L.SHAPE).apply(this, arguments);
+            e[10](O.SHAPE)
+          ) && e[10](O.SHAPE).apply(this, arguments);
         }),
         K(g, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](L.TOP)
-          ) && e[10](L.TOP).apply(this, arguments);
+            e[10](O.TOP)
+          ) && e[10](O.TOP).apply(this, arguments);
         }),
         K(T, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](L.RIGHT)
-          ) && e[10](L.RIGHT).apply(this, arguments);
+            e[10](O.RIGHT)
+          ) && e[10](O.RIGHT).apply(this, arguments);
         }),
         K(p, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](L.BOTTOM)
-          ) && e[10](L.BOTTOM).apply(this, arguments);
+            e[10](O.BOTTOM)
+          ) && e[10](O.BOTTOM).apply(this, arguments);
         }),
-        K(D, "pointerdown", function() {
+        K(X, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](L.LEFT)
-          ) && e[10](L.LEFT).apply(this, arguments);
+            e[10](O.LEFT)
+          ) && e[10](O.LEFT).apply(this, arguments);
         }),
-        K(O, "pointerdown", function() {
+        K(v, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](L.TOP_LEFT)
-          ) && e[10](L.TOP_LEFT).apply(this, arguments);
+            e[10](O.TOP_LEFT)
+          ) && e[10](O.TOP_LEFT).apply(this, arguments);
         }),
         K(H, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](L.TOP_RIGHT)
-          ) && e[10](L.TOP_RIGHT).apply(this, arguments);
+            e[10](O.TOP_RIGHT)
+          ) && e[10](O.TOP_RIGHT).apply(this, arguments);
         }),
         K(Q, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](L.BOTTOM_RIGHT)
-          ) && e[10](L.BOTTOM_RIGHT).apply(this, arguments);
+            e[10](O.BOTTOM_RIGHT)
+          ) && e[10](O.BOTTOM_RIGHT).apply(this, arguments);
         }),
         K(x, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](L.BOTTOM_LEFT)
-          ) && e[10](L.BOTTOM_LEFT).apply(this, arguments);
+            e[10](O.BOTTOM_LEFT)
+          ) && e[10](O.BOTTOM_LEFT).apply(this, arguments);
         })
       ], qe = !0);
     },
@@ -1500,22 +1519,22 @@ function uo(e) {
       e[4].x) && f(t, "x", o), M & /*geom*/
       16 && i !== (i = /*geom*/
       e[4].y) && f(t, "y", i), M & /*geom*/
-      16 && s !== (s = /*geom*/
-      e[4].w) && f(t, "width", s), M & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].h) && f(t, "height", r), M & /*computedStyle*/
+      e[4].w) && f(t, "width", r), M & /*geom*/
+      16 && s !== (s = /*geom*/
+      e[4].h) && f(t, "height", s), M & /*computedStyle*/
       2 && f(
         l,
         "style",
         /*computedStyle*/
         e[1]
       ), M & /*geom*/
-      16 && c !== (c = /*geom*/
-      e[4].x) && f(l, "x", c), M & /*geom*/
+      16 && u !== (u = /*geom*/
+      e[4].x) && f(l, "x", u), M & /*geom*/
       16 && h !== (h = /*geom*/
       e[4].y) && f(l, "y", h), M & /*geom*/
-      16 && u !== (u = /*geom*/
-      e[4].w) && f(l, "width", u), M & /*geom*/
+      16 && c !== (c = /*geom*/
+      e[4].w) && f(l, "width", c), M & /*geom*/
       16 && m !== (m = /*geom*/
       e[4].h) && f(l, "height", m), M & /*geom*/
       16 && _ !== (_ = /*geom*/
@@ -1529,35 +1548,35 @@ function uo(e) {
       e[4].w) && f(T, "x", S), M & /*geom*/
       16 && P !== (P = /*geom*/
       e[4].y) && f(T, "y", P), M & /*geom*/
-      16 && X !== (X = /*geom*/
-      e[4].h) && f(T, "height", X), M & /*geom*/
+      16 && D !== (D = /*geom*/
+      e[4].h) && f(T, "height", D), M & /*geom*/
       16 && E !== (E = /*geom*/
       e[4].x) && f(p, "x", E), M & /*geom*/
       16 && b !== (b = /*geom*/
       e[4].y + /*geom*/
       e[4].h) && f(p, "y", b), M & /*geom*/
-      16 && v !== (v = /*geom*/
-      e[4].w) && f(p, "width", v), M & /*geom*/
+      16 && L !== (L = /*geom*/
+      e[4].w) && f(p, "width", L), M & /*geom*/
       16 && Z !== (Z = /*geom*/
-      e[4].x) && f(D, "x", Z), M & /*geom*/
+      e[4].x) && f(X, "x", Z), M & /*geom*/
       16 && me !== (me = /*geom*/
-      e[4].y) && f(D, "y", me), M & /*geom*/
+      e[4].y) && f(X, "y", me), M & /*geom*/
       16 && ge !== (ge = /*geom*/
-      e[4].h) && f(D, "height", ge), M & /*geom, handleSize*/
+      e[4].h) && f(X, "height", ge), M & /*geom, handleSize*/
       24 && W !== (W = /*geom*/
       e[4].x - /*handleSize*/
-      e[3] / 2) && f(O, "x", W), M & /*geom, handleSize*/
+      e[3] / 2) && f(v, "x", W), M & /*geom, handleSize*/
       24 && G !== (G = /*geom*/
       e[4].y - /*handleSize*/
-      e[3] / 2) && f(O, "y", G), M & /*handleSize*/
+      e[3] / 2) && f(v, "y", G), M & /*handleSize*/
       8 && f(
-        O,
+        v,
         "height",
         /*handleSize*/
         e[3]
       ), M & /*handleSize*/
       8 && f(
-        O,
+        v,
         "width",
         /*handleSize*/
         e[3]
@@ -1585,10 +1604,10 @@ function uo(e) {
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
       e[3] / 2) && f(Q, "x", Ye), M & /*geom, handleSize*/
-      24 && Xe !== (Xe = /*geom*/
+      24 && De !== (De = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
-      e[3] / 2) && f(Q, "y", Xe), M & /*handleSize*/
+      e[3] / 2) && f(Q, "y", De), M & /*handleSize*/
       8 && f(
         Q,
         "height",
@@ -1601,9 +1620,9 @@ function uo(e) {
         /*handleSize*/
         e[3]
       ), M & /*geom, handleSize*/
-      24 && De !== (De = /*geom*/
+      24 && Xe !== (Xe = /*geom*/
       e[4].x - /*handleSize*/
-      e[3] / 2) && f(x, "x", De), M & /*geom, handleSize*/
+      e[3] / 2) && f(x, "x", Xe), M & /*geom, handleSize*/
       24 && Re !== (Re = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
@@ -1622,13 +1641,13 @@ function uo(e) {
       );
     },
     d(Y) {
-      Y && k(t), Y && k(a), Y && k(l), Y && k(d), Y && k(g), Y && k(y), Y && k(T), Y && k(U), Y && k(p), Y && k(B), Y && k(D), Y && k(Me), Y && k(O), Y && k(ce), Y && k(H), Y && k(ze), Y && k(Q), Y && k(je), Y && k(x), qe = !1, ie(ut);
+      Y && k(t), Y && k(a), Y && k(l), Y && k(d), Y && k(g), Y && k(y), Y && k(T), Y && k(U), Y && k(p), Y && k(B), Y && k(X), Y && k(Me), Y && k(v), Y && k(ce), Y && k(H), Y && k(ze), Y && k(Q), Y && k(je), Y && k(x), qe = !1, ie(ut);
     }
   };
 }
-function fo(e) {
+function ho(e) {
   let t, n;
-  return t = new Zt({
+  return t = new Qt({
     props: {
       shape: (
         /*shape*/
@@ -1644,7 +1663,7 @@ function fo(e) {
       ),
       $$slots: {
         default: [
-          uo,
+          fo,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -1671,13 +1690,13 @@ function fo(e) {
       le(t, o, i), n = !0;
     },
     p(o, [i]) {
-      const s = {};
+      const r = {};
       i & /*shape*/
-      1 && (s.shape = /*shape*/
+      1 && (r.shape = /*shape*/
       o[0]), i & /*transform*/
-      4 && (s.transform = /*transform*/
+      4 && (r.transform = /*transform*/
       o[2]), i & /*$$scope, geom, handleSize, grab, computedStyle*/
-      3098 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
+      3098 && (r.$$scope = { dirty: i, ctx: o }), t.$set(r);
     },
     i(o) {
       n || (C(t.$$.fragment, o), n = !0);
@@ -1690,39 +1709,39 @@ function fo(e) {
     }
   };
 }
-function ho(e, t, n) {
-  let o, i, { shape: s } = t, { computedStyle: r = void 0 } = t, { transform: a } = t, { viewportScale: l = 1 } = t;
-  const c = (d, g, _) => {
+function mo(e, t, n) {
+  let o, i, { shape: r } = t, { computedStyle: s = void 0 } = t, { transform: a } = t, { viewportScale: l = 1 } = t;
+  const u = (d, g, _) => {
     const A = d.geometry.bounds;
     let [w, y] = [A.minX, A.minY], [T, S] = [A.maxX, A.maxY];
-    const [P, X] = _;
-    if (g === L.SHAPE)
-      w += P, T += P, y += X, S += X;
+    const [P, D] = _;
+    if (g === O.SHAPE)
+      w += P, T += P, y += D, S += D;
     else {
       switch (g) {
-        case L.TOP:
-        case L.TOP_LEFT:
-        case L.TOP_RIGHT: {
-          y += X;
+        case O.TOP:
+        case O.TOP_LEFT:
+        case O.TOP_RIGHT: {
+          y += D;
           break;
         }
-        case L.BOTTOM:
-        case L.BOTTOM_LEFT:
-        case L.BOTTOM_RIGHT: {
-          S += X;
+        case O.BOTTOM:
+        case O.BOTTOM_LEFT:
+        case O.BOTTOM_RIGHT: {
+          S += D;
           break;
         }
       }
       switch (g) {
-        case L.LEFT:
-        case L.TOP_LEFT:
-        case L.BOTTOM_LEFT: {
+        case O.LEFT:
+        case O.TOP_LEFT:
+        case O.BOTTOM_LEFT: {
           w += P;
           break;
         }
-        case L.RIGHT:
-        case L.TOP_RIGHT:
-        case L.BOTTOM_RIGHT: {
+        case O.RIGHT:
+        case O.TOP_RIGHT:
+        case O.BOTTOM_RIGHT: {
           T += P;
           break;
         }
@@ -1748,34 +1767,34 @@ function ho(e, t, n) {
   function h(d) {
     Ae.call(this, e, d);
   }
-  function u(d) {
+  function c(d) {
     Ae.call(this, e, d);
   }
   function m(d) {
     Ae.call(this, e, d);
   }
   return e.$$set = (d) => {
-    "shape" in d && n(0, s = d.shape), "computedStyle" in d && n(1, r = d.computedStyle), "transform" in d && n(2, a = d.transform), "viewportScale" in d && n(6, l = d.viewportScale);
+    "shape" in d && n(0, r = d.shape), "computedStyle" in d && n(1, s = d.computedStyle), "transform" in d && n(2, a = d.transform), "viewportScale" in d && n(6, l = d.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
-    1 && n(4, o = s.geometry), e.$$.dirty & /*viewportScale*/
+    1 && n(4, o = r.geometry), e.$$.dirty & /*viewportScale*/
     64 && n(3, i = 10 / l);
   }, [
-    s,
     r,
+    s,
     a,
     i,
     o,
-    c,
+    u,
     l,
     h,
-    u,
+    c,
     m
   ];
 }
-class mo extends te {
+class go extends te {
   constructor(t) {
-    super(), ee(this, t, ho, fo, J, {
+    super(), ee(this, t, mo, ho, J, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1783,30 +1802,30 @@ class mo extends te {
     });
   }
 }
-const Jt = /* @__PURE__ */ new Map([
-  [z.RECTANGLE, mo],
-  [z.POLYGON, co]
-]), At = (e) => Jt.get(e.type), go = (e, t) => Jt.set(e, t), L = (e) => `HANDLE-${e}`;
-L.SHAPE = "SHAPE";
-L.TOP = "TOP";
-L.RIGHT = "RIGHT";
-L.BOTTOM = "BOTTOM";
-L.LEFT = "LEFT";
-L.TOP_LEFT = "TOP_LEFT";
-L.TOP_RIGHT = "TOP_RIGHT";
-L.BOTTOM_RIGHT = "BOTTOM_RIGHT";
-L.BOTTOM_LEFT = "BOTTOM_LEFT";
-const po = (e) => ({}), Tt = (e) => ({ grab: (
+const Zt = /* @__PURE__ */ new Map([
+  [z.RECTANGLE, go],
+  [z.POLYGON, uo]
+]), At = (e) => Zt.get(e.type), po = (e, t) => Zt.set(e, t), O = (e) => `HANDLE-${e}`;
+O.SHAPE = "SHAPE";
+O.TOP = "TOP";
+O.RIGHT = "RIGHT";
+O.BOTTOM = "BOTTOM";
+O.LEFT = "LEFT";
+O.TOP_LEFT = "TOP_LEFT";
+O.TOP_RIGHT = "TOP_RIGHT";
+O.BOTTOM_RIGHT = "BOTTOM_RIGHT";
+O.BOTTOM_LEFT = "BOTTOM_LEFT";
+const yo = (e) => ({}), Tt = (e) => ({ grab: (
   /*onGrab*/
   e[0]
 ) });
-function yo(e) {
+function _o(e) {
   let t, n, o, i;
-  const s = (
+  const r = (
     /*#slots*/
     e[7].default
-  ), r = tn(
-    s,
+  ), s = nn(
+    r,
     e,
     /*$$scope*/
     e[6],
@@ -1814,10 +1833,10 @@ function yo(e) {
   );
   return {
     c() {
-      t = R("g"), r && r.c(), f(t, "class", "a9s-annotation selected");
+      t = R("g"), s && s.c(), f(t, "class", "a9s-annotation selected");
     },
     m(a, l) {
-      I(a, t, l), r && r.m(t, null), n = !0, o || (i = [
+      I(a, t, l), s && s.m(t, null), n = !0, o || (i = [
         K(
           t,
           "pointerup",
@@ -1833,19 +1852,19 @@ function yo(e) {
       ], o = !0);
     },
     p(a, [l]) {
-      r && r.p && (!n || l & /*$$scope*/
-      64) && on(
-        r,
+      s && s.p && (!n || l & /*$$scope*/
+      64) && rn(
         s,
+        r,
         a,
         /*$$scope*/
         a[6],
-        n ? nn(
-          s,
+        n ? on(
+          r,
           /*$$scope*/
           a[6],
           l,
-          po
+          yo
         ) : sn(
           /*$$scope*/
           a[6]
@@ -1854,76 +1873,76 @@ function yo(e) {
       );
     },
     i(a) {
-      n || (C(r, a), n = !0);
+      n || (C(s, a), n = !0);
     },
     o(a) {
-      N(r, a), n = !1;
+      N(s, a), n = !1;
     },
     d(a) {
-      a && k(t), r && r.d(a), o = !1, ie(i);
+      a && k(t), s && s.d(a), o = !1, ie(i);
     }
   };
 }
-function _o(e, t, n) {
+function wo(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
-  const s = Se();
-  let { shape: r } = t, { editor: a } = t, { transform: l } = t, c = null, h, u = null;
+  const r = Se();
+  let { shape: s } = t, { editor: a } = t, { transform: l } = t, u = null, h, c = null;
   const m = (_) => (A) => {
-    c = _, h = l.elementToImage(A.offsetX, A.offsetY), u = r, A.target.setPointerCapture(A.pointerId), s("grab");
+    u = _, h = l.elementToImage(A.offsetX, A.offsetY), c = s, A.target.setPointerCapture(A.pointerId), r("grab");
   }, d = (_) => {
-    if (c) {
+    if (u) {
       const [A, w] = l.elementToImage(_.offsetX, _.offsetY), y = [A - h[0], w - h[1]];
-      n(3, r = a(u, c, y)), s("change", r);
+      n(3, s = a(c, u, y)), r("change", s);
     }
   }, g = (_) => {
-    _.target.releasePointerCapture(_.pointerId), c = null, u = r, s("release");
+    _.target.releasePointerCapture(_.pointerId), u = null, c = s, r("release");
   };
   return e.$$set = (_) => {
-    "shape" in _ && n(3, r = _.shape), "editor" in _ && n(4, a = _.editor), "transform" in _ && n(5, l = _.transform), "$$scope" in _ && n(6, i = _.$$scope);
-  }, [m, d, g, r, a, l, i, o];
+    "shape" in _ && n(3, s = _.shape), "editor" in _ && n(4, a = _.editor), "transform" in _ && n(5, l = _.transform), "$$scope" in _ && n(6, i = _.$$scope);
+  }, [m, d, g, s, a, l, i, o];
 }
-class Zt extends te {
+class Qt extends te {
   constructor(t) {
-    super(), ee(this, t, _o, yo, J, { shape: 3, editor: 4, transform: 5 });
+    super(), ee(this, t, wo, _o, J, { shape: 3, editor: 4, transform: 5 });
   }
 }
 const He = (e, t) => {
   const n = typeof t == "function" ? t(e) : t;
   if (n) {
     const { fill: o, fillOpacity: i } = n;
-    let s = "";
-    return o && (s += `fill:${o};stroke:${o};`), s += `fill-opacity:${i || "0.25"};`, s;
+    let r = "";
+    return o && (r += `fill:${o};stroke:${o};`), r += `fill-opacity:${i || "0.25"};`, r;
   }
 };
-function wo(e, t, n) {
+function bo(e, t, n) {
   let o;
   const i = Se();
-  let { annotation: s } = t, { editor: r } = t, { style: a = void 0 } = t, { target: l } = t, { transform: c } = t, { viewportScale: h } = t, u;
-  return Be(() => (n(6, u = new r({
+  let { annotation: r } = t, { editor: s } = t, { style: a = void 0 } = t, { target: l } = t, { transform: u } = t, { viewportScale: h } = t, c;
+  return Be(() => (n(6, c = new s({
     target: l,
     props: {
-      shape: s.target.selector,
+      shape: r.target.selector,
       computedStyle: o,
-      transform: c,
+      transform: u,
       viewportScale: h
     }
-  })), u.$on("change", (m) => {
-    u.$$set({ shape: m.detail }), i("change", m.detail);
-  }), u.$on("grab", (m) => i("grab", m.detail)), u.$on("release", (m) => i("release", m.detail)), () => {
-    u.$destroy();
+  })), c.$on("change", (m) => {
+    c.$$set({ shape: m.detail }), i("change", m.detail);
+  }), c.$on("grab", (m) => i("grab", m.detail)), c.$on("release", (m) => i("release", m.detail)), () => {
+    c.$destroy();
   })), e.$$set = (m) => {
-    "annotation" in m && n(0, s = m.annotation), "editor" in m && n(1, r = m.editor), "style" in m && n(2, a = m.style), "target" in m && n(3, l = m.target), "transform" in m && n(4, c = m.transform), "viewportScale" in m && n(5, h = m.viewportScale);
+    "annotation" in m && n(0, r = m.annotation), "editor" in m && n(1, s = m.editor), "style" in m && n(2, a = m.style), "target" in m && n(3, l = m.target), "transform" in m && n(4, u = m.transform), "viewportScale" in m && n(5, h = m.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    5 && (o = He(s, a)), e.$$.dirty & /*annotation, editorComponent*/
-    65 && s && (u == null || u.$set({ shape: s.target.selector })), e.$$.dirty & /*editorComponent, transform*/
-    80 && u && u.$set({ transform: c }), e.$$.dirty & /*editorComponent, viewportScale*/
-    96 && u && u.$set({ viewportScale: h });
-  }, [s, r, a, l, c, h, u];
+    5 && (o = He(r, a)), e.$$.dirty & /*annotation, editorComponent*/
+    65 && r && (c == null || c.$set({ shape: r.target.selector })), e.$$.dirty & /*editorComponent, transform*/
+    80 && c && c.$set({ transform: u }), e.$$.dirty & /*editorComponent, viewportScale*/
+    96 && c && c.$set({ viewportScale: h });
+  }, [r, s, a, l, u, h, c];
 }
-class bo extends te {
+class Eo extends te {
   constructor(t) {
-    super(), ee(this, t, wo, null, J, {
+    super(), ee(this, t, bo, null, J, {
       annotation: 0,
       editor: 1,
       style: 2,
@@ -1933,35 +1952,35 @@ class bo extends te {
     });
   }
 }
-function Eo(e, t, n) {
+function Ao(e, t, n) {
   const o = Se();
-  let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: a } = t, { viewportScale: l } = t, c;
+  let { drawingMode: i } = t, { target: r } = t, { tool: s } = t, { transform: a } = t, { viewportScale: l } = t, u;
   return Be(() => {
-    const h = s.closest("svg"), u = [], m = (d, g, _) => {
-      h.addEventListener(d, g, _), u.push(() => h.removeEventListener(d, g, _));
+    const h = r.closest("svg"), c = [], m = (d, g, _) => {
+      h.addEventListener(d, g, _), c.push(() => h.removeEventListener(d, g, _));
     };
-    return n(5, c = new r({
-      target: s,
+    return n(5, u = new s({
+      target: r,
       props: {
         addEventListener: m,
         drawingMode: i,
         transform: a,
         viewportScale: l
       }
-    })), c.$on("create", (d) => o("create", d.detail)), () => {
-      u.forEach((d) => d()), c.$destroy();
+    })), u.$on("create", (d) => o("create", d.detail)), () => {
+      c.forEach((d) => d()), u.$destroy();
     };
   }), e.$$set = (h) => {
-    "drawingMode" in h && n(0, i = h.drawingMode), "target" in h && n(1, s = h.target), "tool" in h && n(2, r = h.tool), "transform" in h && n(3, a = h.transform), "viewportScale" in h && n(4, l = h.viewportScale);
+    "drawingMode" in h && n(0, i = h.drawingMode), "target" in h && n(1, r = h.target), "tool" in h && n(2, s = h.tool), "transform" in h && n(3, a = h.transform), "viewportScale" in h && n(4, l = h.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*toolComponent, transform*/
-    40 && c && c.$set({ transform: a }), e.$$.dirty & /*toolComponent, viewportScale*/
-    48 && c && c.$set({ viewportScale: l });
-  }, [i, s, r, a, l, c];
+    40 && u && u.$set({ transform: a }), e.$$.dirty & /*toolComponent, viewportScale*/
+    48 && u && u.$set({ viewportScale: l });
+  }, [i, r, s, a, l, u];
 }
-class Ao extends te {
+class To extends te {
   constructor(t) {
-    super(), ee(this, t, Eo, null, J, {
+    super(), ee(this, t, Ao, null, J, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -2075,7 +2094,7 @@ function St(e) {
     }
   };
 }
-function To(e) {
+function So(e) {
   let t, n = (
     /*origin*/
     e[0] && St(e)
@@ -2098,21 +2117,21 @@ function To(e) {
     }
   };
 }
-function So(e, t, n) {
+function Mo(e, t, n) {
   const o = Se();
-  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, a, l, c, h, u, m, d;
+  let { addEventListener: i } = t, { drawingMode: r } = t, { transform: s } = t, a, l, u, h, c, m, d;
   const g = (y) => {
-    a = performance.now(), s === "drag" && (n(0, l = r.elementToImage(y.offsetX, y.offsetY)), c = l, n(1, h = l[0]), n(2, u = l[1]), n(3, m = 1), n(4, d = 1));
+    a = performance.now(), r === "drag" && (n(0, l = s.elementToImage(y.offsetX, y.offsetY)), u = l, n(1, h = l[0]), n(2, c = l[1]), n(3, m = 1), n(4, d = 1));
   }, _ = (y) => {
-    l && (c = r.elementToImage(y.offsetX, y.offsetY), n(1, h = Math.min(c[0], l[0])), n(2, u = Math.min(c[1], l[1])), n(3, m = Math.abs(c[0] - l[0])), n(4, d = Math.abs(c[1] - l[1])));
+    l && (u = s.elementToImage(y.offsetX, y.offsetY), n(1, h = Math.min(u[0], l[0])), n(2, c = Math.min(u[1], l[1])), n(3, m = Math.abs(u[0] - l[0])), n(4, d = Math.abs(u[1] - l[1])));
   }, A = (y) => {
     const T = performance.now() - a;
-    if (s === "click") {
+    if (r === "click") {
       if (T > 300)
         return;
-      y.stopPropagation(), l ? w() : (n(0, l = r.elementToImage(y.offsetX, y.offsetY)), c = l, n(1, h = l[0]), n(2, u = l[1]), n(3, m = 1), n(4, d = 1));
+      y.stopPropagation(), l ? w() : (n(0, l = s.elementToImage(y.offsetX, y.offsetY)), u = l, n(1, h = l[0]), n(2, c = l[1]), n(3, m = 1), n(4, d = 1));
     } else
-      l && (T > 300 || m * d > 100 ? (y.stopPropagation(), w()) : (n(0, l = null), c = null));
+      l && (T > 300 || m * d > 100 ? (y.stopPropagation(), w()) : (n(0, l = null), u = null));
   }, w = () => {
     if (m * d > 15) {
       const y = {
@@ -2120,29 +2139,29 @@ function So(e, t, n) {
         geometry: {
           bounds: {
             minX: h,
-            minY: u,
+            minY: c,
             maxX: h + m,
-            maxY: u + d
+            maxY: c + d
           },
           x: h,
-          y: u,
+          y: c,
           w: m,
           h: d
         }
       };
       o("create", y);
     }
-    n(0, l = null), c = null;
+    n(0, l = null), u = null;
   };
   return Be(() => {
     i("pointerdown", g), i("pointermove", _), i("pointerup", A, !0);
   }), e.$$set = (y) => {
-    "addEventListener" in y && n(5, i = y.addEventListener), "drawingMode" in y && n(6, s = y.drawingMode), "transform" in y && n(7, r = y.transform);
-  }, [l, h, u, m, d, i, s, r];
+    "addEventListener" in y && n(5, i = y.addEventListener), "drawingMode" in y && n(6, r = y.drawingMode), "transform" in y && n(7, s = y.transform);
+  }, [l, h, c, m, d, i, r, s];
 }
-class Mo extends te {
+class Lo extends te {
   constructor(t) {
-    super(), ee(this, t, So, To, J, {
+    super(), ee(this, t, Mo, So, J, {
       addEventListener: 5,
       drawingMode: 6,
       transform: 7
@@ -2153,56 +2172,56 @@ const Ze = (e, t) => {
   const n = Math.abs(t[0] - e[0]), o = Math.abs(t[1] - e[1]);
   return Math.sqrt(Math.pow(n, 2) + Math.pow(o, 2));
 }, _e = [];
-function vo(e, t = F) {
+function Oo(e, t = F) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(a) {
     if (J(e, a) && (e = a, n)) {
       const l = !_e.length;
-      for (const c of o)
-        c[1](), _e.push(c, e);
+      for (const u of o)
+        u[1](), _e.push(u, e);
       if (l) {
-        for (let c = 0; c < _e.length; c += 2)
-          _e[c][0](_e[c + 1]);
+        for (let u = 0; u < _e.length; u += 2)
+          _e[u][0](_e[u + 1]);
         _e.length = 0;
       }
     }
   }
-  function s(a) {
+  function r(a) {
     i(a(e));
   }
-  function r(a, l = F) {
-    const c = [a, l];
-    return o.add(c), o.size === 1 && (n = t(i) || F), a(e), () => {
-      o.delete(c), o.size === 0 && n && (n(), n = null);
+  function s(a, l = F) {
+    const u = [a, l];
+    return o.add(u), o.size === 1 && (n = t(i) || F), a(e), () => {
+      o.delete(u), o.size === 0 && n && (n(), n = null);
     };
   }
-  return { set: i, update: s, subscribe: r };
+  return { set: i, update: r, subscribe: s };
 }
-const Lo = (e, t) => {
+const vo = (e, t) => {
   const { naturalWidth: n, naturalHeight: o } = e;
   if (!n && !o) {
-    const { width: i, height: s } = e;
-    t.setAttribute("viewBox", `0 0 ${i} ${s}`), e.addEventListener("load", (r) => {
-      const a = r.target;
+    const { width: i, height: r } = e;
+    t.setAttribute("viewBox", `0 0 ${i} ${r}`), e.addEventListener("load", (s) => {
+      const a = s.target;
       t.setAttribute("viewBox", `0 0 ${a.naturalWidth} ${a.naturalHeight}`);
     });
   } else
     t.setAttribute("viewBox", `0 0 ${n} ${o}`);
-}, Oo = (e, t) => {
-  Lo(e, t);
-  const { subscribe: n, set: o } = vo(1);
+}, ko = (e, t) => {
+  vo(e, t);
+  const { subscribe: n, set: o } = Oo(1);
   let i;
   return window.ResizeObserver && (i = new ResizeObserver(() => {
-    const r = t.getBoundingClientRect(), { width: a, height: l } = t.viewBox.baseVal, c = Math.max(
-      r.width / a,
-      r.height / l
+    const s = t.getBoundingClientRect(), { width: a, height: l } = t.viewBox.baseVal, u = Math.max(
+      s.width / a,
+      s.height / l
     );
-    o(c);
+    o(u);
   }), i.observe(t.parentElement)), { destroy: () => {
     i && i.disconnect();
   }, subscribe: n };
-}, wi = "ontouchstart" in window || navigator.maxTouchPoints > 0;
+}, bi = "ontouchstart" in window || navigator.maxTouchPoints > 0;
 function Qe(e) {
   const t = e.slice(), n = (
     /*isClosable*/
@@ -2219,18 +2238,18 @@ function Qe(e) {
   return t[15] = n, t;
 }
 function Mt(e) {
-  let t, n, o, i, s, r = (
+  let t, n, o, i, r, s = (
     /*isClosable*/
-    e[2] && vt(e)
+    e[2] && Lt(e)
   );
   return {
     c() {
-      t = R("polygon"), o = R("polygon"), r && r.c(), s = se(), f(t, "class", "a9s-outer"), f(t, "points", n = /*coords*/
+      t = R("polygon"), o = R("polygon"), s && s.c(), r = re(), f(t, "class", "a9s-outer"), f(t, "points", n = /*coords*/
       e[15]), f(o, "class", "a9s-inner"), f(o, "points", i = /*coords*/
       e[15]);
     },
     m(a, l) {
-      I(a, t, l), I(a, o, l), r && r.m(a, l), I(a, s, l);
+      I(a, t, l), I(a, o, l), s && s.m(a, l), I(a, r, l);
     },
     p(a, l) {
       l & /*isClosable, points, cursor*/
@@ -2238,14 +2257,14 @@ function Mt(e) {
       a[15]) && f(t, "points", n), l & /*isClosable, points, cursor*/
       7 && i !== (i = /*coords*/
       a[15]) && f(o, "points", i), /*isClosable*/
-      a[2] ? r ? r.p(a, l) : (r = vt(a), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
+      a[2] ? s ? s.p(a, l) : (s = Lt(a), s.c(), s.m(r.parentNode, r)) : s && (s.d(1), s = null);
     },
     d(a) {
-      a && k(t), a && k(o), r && r.d(a), a && k(s);
+      a && k(t), a && k(o), s && s.d(a), a && k(r);
     }
   };
 }
-function vt(e) {
+function Lt(e) {
   let t, n, o;
   return {
     c() {
@@ -2265,23 +2284,23 @@ function vt(e) {
         e[3]
       );
     },
-    m(i, s) {
-      I(i, t, s);
+    m(i, r) {
+      I(i, t, r);
     },
-    p(i, s) {
-      s & /*points, handleSize*/
+    p(i, r) {
+      r & /*points, handleSize*/
       9 && n !== (n = /*points*/
       i[0][0][0] - /*handleSize*/
-      i[3] / 2) && f(t, "x", n), s & /*points, handleSize*/
+      i[3] / 2) && f(t, "x", n), r & /*points, handleSize*/
       9 && o !== (o = /*points*/
       i[0][0][1] - /*handleSize*/
-      i[3] / 2) && f(t, "y", o), s & /*handleSize*/
+      i[3] / 2) && f(t, "y", o), r & /*handleSize*/
       8 && f(
         t,
         "height",
         /*handleSize*/
         i[3]
-      ), s & /*handleSize*/
+      ), r & /*handleSize*/
       8 && f(
         t,
         "width",
@@ -2294,7 +2313,7 @@ function vt(e) {
     }
   };
 }
-function ko(e) {
+function Io(e) {
   let t, n = (
     /*cursor*/
     e[1] && Mt(Qe(e))
@@ -2317,47 +2336,47 @@ function ko(e) {
     }
   };
 }
-const Io = 20;
-function Bo(e, t, n) {
+const Bo = 20;
+function Po(e, t, n) {
   let o;
   const i = Se();
-  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: a } = t, { viewportScale: l = 1 } = t, c, h = [], u = null, m = !1;
+  let { addEventListener: r } = t, { drawingMode: s } = t, { transform: a } = t, { viewportScale: l = 1 } = t, u, h = [], c = null, m = !1;
   const d = (y) => {
     const { timeStamp: T, offsetX: S, offsetY: P } = y;
-    if (c = { timeStamp: T, offsetX: S, offsetY: P }, r === "drag" && h.length === 0) {
-      const X = a.elementToImage(y.offsetX, y.offsetY);
-      h.push(X), n(1, u = X);
+    if (u = { timeStamp: T, offsetX: S, offsetY: P }, s === "drag" && h.length === 0) {
+      const D = a.elementToImage(y.offsetX, y.offsetY);
+      h.push(D), n(1, c = D);
     }
   }, g = (y) => {
-    if (h.length > 0 && (n(1, u = a.elementToImage(y.offsetX, y.offsetY)), h.length > 2)) {
-      const T = Ze(u, h[0]) * l;
-      n(2, m = T < Io);
+    if (h.length > 0 && (n(1, c = a.elementToImage(y.offsetX, y.offsetY)), h.length > 2)) {
+      const T = Ze(c, h[0]) * l;
+      n(2, m = T < Bo);
     }
   }, _ = (y) => {
-    if (r === "click") {
-      const T = y.timeStamp - c.timeStamp, S = Ze([c.offsetX, c.offsetY], [y.offsetX, y.offsetY]);
+    if (s === "click") {
+      const T = y.timeStamp - u.timeStamp, S = Ze([u.offsetX, u.offsetY], [y.offsetX, y.offsetY]);
       if (T > 300 || S > 15)
         return;
       if (m)
         w();
       else if (h.length === 0) {
         const P = a.elementToImage(y.offsetX, y.offsetY);
-        h.push(P), n(1, u = P);
+        h.push(P), n(1, c = P);
       } else
-        h.push(u);
+        h.push(c);
     } else {
-      if (h.length === 1 && Ze(h[0], u) <= 4) {
-        n(0, h = []), n(1, u = null);
+      if (h.length === 1 && Ze(h[0], c) <= 4) {
+        n(0, h = []), n(1, c = null);
         return;
       }
-      y.stopImmediatePropagation(), m ? w() : h.push(u);
+      y.stopImmediatePropagation(), m ? w() : h.push(c);
     }
   }, A = () => {
-    const y = [...h, u], T = {
+    const y = [...h, c], T = {
       type: z.POLYGON,
       geometry: { bounds: Fe(y), points: y }
     };
-    ot(T) > 4 && (n(0, h = []), n(1, u = null), i("create", T));
+    ot(T) > 4 && (n(0, h = []), n(1, c = null), i("create", T));
   }, w = () => {
     const y = {
       type: z.POLYGON,
@@ -2366,29 +2385,29 @@ function Bo(e, t, n) {
         points: [...h]
       }
     };
-    n(0, h = []), n(1, u = null), i("create", y);
+    n(0, h = []), n(1, c = null), i("create", y);
   };
   return Be(() => {
-    s("pointerdown", d, !0), s("pointermove", g), s("pointerup", _, !0), s("dblclick", A, !0);
+    r("pointerdown", d, !0), r("pointermove", g), r("pointerup", _, !0), r("dblclick", A, !0);
   }), e.$$set = (y) => {
-    "addEventListener" in y && n(4, s = y.addEventListener), "drawingMode" in y && n(5, r = y.drawingMode), "transform" in y && n(6, a = y.transform), "viewportScale" in y && n(7, l = y.viewportScale);
+    "addEventListener" in y && n(4, r = y.addEventListener), "drawingMode" in y && n(5, s = y.drawingMode), "transform" in y && n(6, a = y.transform), "viewportScale" in y && n(7, l = y.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*viewportScale*/
     128 && n(3, o = 10 / l);
   }, [
     h,
-    u,
+    c,
     m,
     o,
-    s,
     r,
+    s,
     a,
     l
   ];
 }
-class Po extends te {
+class Yo extends te {
   constructor(t) {
-    super(), ee(this, t, Bo, ko, J, {
+    super(), ee(this, t, Po, Io, J, {
       addEventListener: 4,
       drawingMode: 5,
       transform: 6,
@@ -2397,11 +2416,11 @@ class Po extends te {
   }
 }
 const ct = /* @__PURE__ */ new Map([
-  ["rectangle", { tool: Mo }],
-  ["polygon", { tool: Po }]
-]), it = () => [...ct.keys()], Qt = (e) => ct.get(e), Yo = (e, t, n) => ct.set(e, { tool: t, opts: n });
+  ["rectangle", { tool: Lo }],
+  ["polygon", { tool: Yo }]
+]), it = () => [...ct.keys()], xt = (e) => ct.get(e), Do = (e, t, n) => ct.set(e, { tool: t, opts: n });
 function Xo(e) {
-  let t, n, o, i, s;
+  let t, n, o, i, r;
   return {
     c() {
       t = R("g"), n = R("ellipse"), i = R("ellipse"), f(n, "class", "a9s-outer"), f(n, "style", o = /*computedStyle*/
@@ -2450,49 +2469,49 @@ function Xo(e) {
         "ry",
         /*ry*/
         e[5]
-      ), f(t, "data-id", s = /*annotation*/
+      ), f(t, "data-id", r = /*annotation*/
       e[0].id);
     },
-    m(r, a) {
-      I(r, t, a), re(t, n), re(t, i);
+    m(s, a) {
+      I(s, t, a), se(t, n), se(t, i);
     },
-    p(r, [a]) {
+    p(s, [a]) {
       a & /*computedStyle*/
       2 && o !== (o = /*computedStyle*/
-      r[1] ? "display:none;" : void 0) && f(n, "style", o), a & /*computedStyle*/
+      s[1] ? "display:none;" : void 0) && f(n, "style", o), a & /*computedStyle*/
       2 && f(
         i,
         "style",
         /*computedStyle*/
-        r[1]
+        s[1]
       ), a & /*annotation*/
-      1 && s !== (s = /*annotation*/
-      r[0].id) && f(t, "data-id", s);
+      1 && r !== (r = /*annotation*/
+      s[0].id) && f(t, "data-id", r);
     },
     i: F,
     o: F,
-    d(r) {
-      r && k(t);
+    d(s) {
+      s && k(t);
     }
   };
 }
-function Do(e, t, n) {
-  let o, { annotation: i } = t, { geom: s } = t, { style: r = void 0 } = t;
-  const { cx: a, cy: l, rx: c, ry: h } = s;
-  return e.$$set = (u) => {
-    "annotation" in u && n(0, i = u.annotation), "geom" in u && n(6, s = u.geom), "style" in u && n(7, r = u.style);
+function Ro(e, t, n) {
+  let o, { annotation: i } = t, { geom: r } = t, { style: s = void 0 } = t;
+  const { cx: a, cy: l, rx: u, ry: h } = r;
+  return e.$$set = (c) => {
+    "annotation" in c && n(0, i = c.annotation), "geom" in c && n(6, r = c.geom), "style" in c && n(7, s = c.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    129 && n(1, o = He(i, r));
-  }, [i, o, a, l, c, h, s, r];
+    129 && n(1, o = He(i, s));
+  }, [i, o, a, l, u, h, r, s];
 }
-class Ro extends te {
+class Co extends te {
   constructor(t) {
-    super(), ee(this, t, Do, Xo, J, { annotation: 0, geom: 6, style: 7 });
+    super(), ee(this, t, Ro, Xo, J, { annotation: 0, geom: 6, style: 7 });
   }
 }
-function Co(e) {
-  let t, n, o, i, s;
+function Uo(e) {
+  let t, n, o, i, r;
   return {
     c() {
       t = R("g"), n = R("polygon"), i = R("polygon"), f(n, "class", "a9s-outer"), f(n, "style", o = /*computedStyle*/
@@ -2500,7 +2519,7 @@ function Co(e) {
         n,
         "points",
         /*points*/
-        e[2].map(Uo).join(" ")
+        e[2].map(No).join(" ")
       ), f(i, "class", "a9s-inner"), f(
         i,
         "style",
@@ -2510,51 +2529,51 @@ function Co(e) {
         i,
         "points",
         /*points*/
-        e[2].map(No).join(" ")
-      ), f(t, "data-id", s = /*annotation*/
+        e[2].map(Vo).join(" ")
+      ), f(t, "data-id", r = /*annotation*/
       e[0].id);
     },
-    m(r, a) {
-      I(r, t, a), re(t, n), re(t, i);
+    m(s, a) {
+      I(s, t, a), se(t, n), se(t, i);
     },
-    p(r, [a]) {
+    p(s, [a]) {
       a & /*computedStyle*/
       2 && o !== (o = /*computedStyle*/
-      r[1] ? "display:none;" : void 0) && f(n, "style", o), a & /*computedStyle*/
+      s[1] ? "display:none;" : void 0) && f(n, "style", o), a & /*computedStyle*/
       2 && f(
         i,
         "style",
         /*computedStyle*/
-        r[1]
+        s[1]
       ), a & /*annotation*/
-      1 && s !== (s = /*annotation*/
-      r[0].id) && f(t, "data-id", s);
+      1 && r !== (r = /*annotation*/
+      s[0].id) && f(t, "data-id", r);
     },
     i: F,
     o: F,
-    d(r) {
-      r && k(t);
+    d(s) {
+      s && k(t);
     }
   };
 }
-const Uo = (e) => e.join(","), No = (e) => e.join(",");
-function Vo(e, t, n) {
-  let o, { annotation: i } = t, { geom: s } = t, { style: r = void 0 } = t;
-  const { points: a } = s;
+const No = (e) => e.join(","), Vo = (e) => e.join(",");
+function Go(e, t, n) {
+  let o, { annotation: i } = t, { geom: r } = t, { style: s = void 0 } = t;
+  const { points: a } = r;
   return e.$$set = (l) => {
-    "annotation" in l && n(0, i = l.annotation), "geom" in l && n(3, s = l.geom), "style" in l && n(4, r = l.style);
+    "annotation" in l && n(0, i = l.annotation), "geom" in l && n(3, r = l.geom), "style" in l && n(4, s = l.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    17 && n(1, o = He(i, r));
-  }, [i, o, a, s, r];
+    17 && n(1, o = He(i, s));
+  }, [i, o, a, r, s];
 }
-class Go extends te {
+class Fo extends te {
   constructor(t) {
-    super(), ee(this, t, Vo, Co, J, { annotation: 0, geom: 3, style: 4 });
+    super(), ee(this, t, Go, Uo, J, { annotation: 0, geom: 3, style: 4 });
   }
 }
-function Fo(e) {
-  let t, n, o, i, s;
+function Ho(e) {
+  let t, n, o, i, r;
   return {
     c() {
       t = R("g"), n = R("rect"), i = R("rect"), f(n, "class", "a9s-outer"), f(n, "style", o = /*computedStyle*/
@@ -2603,122 +2622,122 @@ function Fo(e) {
         "height",
         /*h*/
         e[1]
-      ), f(t, "data-id", s = /*annotation*/
+      ), f(t, "data-id", r = /*annotation*/
       e[0].id);
     },
-    m(r, a) {
-      I(r, t, a), re(t, n), re(t, i);
+    m(s, a) {
+      I(s, t, a), se(t, n), se(t, i);
     },
-    p(r, [a]) {
+    p(s, [a]) {
       a & /*computedStyle*/
       32 && o !== (o = /*computedStyle*/
-      r[5] ? "display:none;" : void 0) && f(n, "style", o), a & /*x*/
+      s[5] ? "display:none;" : void 0) && f(n, "style", o), a & /*x*/
       16 && f(
         n,
         "x",
         /*x*/
-        r[4]
+        s[4]
       ), a & /*y*/
       8 && f(
         n,
         "y",
         /*y*/
-        r[3]
+        s[3]
       ), a & /*w*/
       4 && f(
         n,
         "width",
         /*w*/
-        r[2]
+        s[2]
       ), a & /*h*/
       2 && f(
         n,
         "height",
         /*h*/
-        r[1]
+        s[1]
       ), a & /*computedStyle*/
       32 && f(
         i,
         "style",
         /*computedStyle*/
-        r[5]
+        s[5]
       ), a & /*x*/
       16 && f(
         i,
         "x",
         /*x*/
-        r[4]
+        s[4]
       ), a & /*y*/
       8 && f(
         i,
         "y",
         /*y*/
-        r[3]
+        s[3]
       ), a & /*w*/
       4 && f(
         i,
         "width",
         /*w*/
-        r[2]
+        s[2]
       ), a & /*h*/
       2 && f(
         i,
         "height",
         /*h*/
-        r[1]
+        s[1]
       ), a & /*annotation*/
-      1 && s !== (s = /*annotation*/
-      r[0].id) && f(t, "data-id", s);
+      1 && r !== (r = /*annotation*/
+      s[0].id) && f(t, "data-id", r);
     },
     i: F,
     o: F,
-    d(r) {
-      r && k(t);
+    d(s) {
+      s && k(t);
     }
   };
 }
-function Ho(e, t, n) {
-  let o, i, s, r, a, { annotation: l } = t, { geom: c } = t, { style: h = void 0 } = t;
-  return e.$$set = (u) => {
-    "annotation" in u && n(0, l = u.annotation), "geom" in u && n(6, c = u.geom), "style" in u && n(7, h = u.style);
+function zo(e, t, n) {
+  let o, i, r, s, a, { annotation: l } = t, { geom: u } = t, { style: h = void 0 } = t;
+  return e.$$set = (c) => {
+    "annotation" in c && n(0, l = c.annotation), "geom" in c && n(6, u = c.geom), "style" in c && n(7, h = c.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
     129 && n(5, o = He(l, h)), e.$$.dirty & /*geom*/
-    64 && n(4, { x: i, y: s, w: r, h: a } = c, i, (n(3, s), n(6, c)), (n(2, r), n(6, c)), (n(1, a), n(6, c)));
-  }, [l, a, r, s, i, o, c, h];
+    64 && n(4, { x: i, y: r, w: s, h: a } = u, i, (n(3, r), n(6, u)), (n(2, s), n(6, u)), (n(1, a), n(6, u)));
+  }, [l, a, s, r, i, o, u, h];
 }
-class zo extends te {
+class jo extends te {
   constructor(t) {
-    super(), ee(this, t, Ho, Fo, J, { annotation: 0, geom: 6, style: 7 });
+    super(), ee(this, t, zo, Ho, J, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const bi = {
+const Ei = {
   elementToImage: (e, t) => [e, t]
-}, jo = (e) => ({
+}, qo = (e) => ({
   elementToImage: (t, n) => {
     const o = e.getBoundingClientRect(), i = e.createSVGPoint();
     i.x = t + o.x, i.y = n + o.y;
-    const { x: s, y: r } = i.matrixTransform(e.getScreenCTM().inverse());
-    return [s, r];
+    const { x: r, y: s } = i.matrixTransform(e.getScreenCTM().inverse());
+    return [r, s];
   }
-}), qo = 250, Ko = (e, t) => {
+}), Ko = 250, Wo = (e, t) => {
   const n = Se();
   let o;
-  return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
-    if (performance.now() - o < qo) {
-      const { x: l, y: c } = Wo(r, e), h = t.getAt(l, c);
-      h ? n("click", { originalEvent: r, annotation: h }) : n("click", { originalEvent: r });
+  return { onPointerDown: () => o = performance.now(), onPointerUp: (s) => {
+    if (performance.now() - o < Ko) {
+      const { x: l, y: u } = Jo(s, e), h = t.getAt(l, u);
+      h ? n("click", { originalEvent: s, annotation: h }) : n("click", { originalEvent: s });
     }
   } };
-}, Wo = (e, t) => {
-  const n = t.createSVGPoint(), o = t.getBoundingClientRect(), i = e.clientX - o.x, s = e.clientY - o.y, { left: r, top: a } = t.getBoundingClientRect();
-  return n.x = i + r, n.y = s + a, n.matrixTransform(t.getScreenCTM().inverse());
+}, Jo = (e, t) => {
+  const n = t.createSVGPoint(), o = t.getBoundingClientRect(), i = e.clientX - o.x, r = e.clientY - o.y, { left: s, top: a } = t.getBoundingClientRect();
+  return n.x = i + s, n.y = r + a, n.matrixTransform(t.getScreenCTM().inverse());
 };
-function Lt(e, t, n) {
+function Ot(e, t, n) {
   const o = e.slice();
   return o[29] = t[n], o;
 }
-function Ot(e, t, n) {
+function vt(e, t, n) {
   const o = e.slice();
   return o[32] = t[n], o;
 }
@@ -2736,30 +2755,30 @@ function kt(e) {
   ), n, o, i = It(e);
   return {
     c() {
-      i.c(), n = se();
+      i.c(), n = re();
     },
-    m(s, r) {
-      i.m(s, r), I(s, n, r), o = !0;
+    m(r, s) {
+      i.m(r, s), I(r, n, s), o = !0;
     },
-    p(s, r) {
-      r[0] & /*$store*/
+    p(r, s) {
+      s[0] & /*$store*/
       8192 && J(t, t = /*annotation*/
-      s[32].id) ? (ne(), N(i, 1, 1, F), oe(), i = It(s), i.c(), C(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      r[32].id) ? (ne(), N(i, 1, 1, F), oe(), i = It(r), i.c(), C(i, 1), i.m(n.parentNode, n)) : i.p(r, s);
     },
-    i(s) {
+    i(r) {
       o || (C(i), o = !0);
     },
-    o(s) {
+    o(r) {
       N(i), o = !1;
     },
-    d(s) {
-      s && k(n), i.d(s);
+    d(r) {
+      r && k(n), i.d(r);
     }
   };
 }
-function Jo(e) {
+function Zo(e) {
   let t, n;
-  return t = new Go({
+  return t = new Fo({
     props: {
       annotation: (
         /*annotation*/
@@ -2782,14 +2801,14 @@ function Jo(e) {
       le(t, o, i), n = !0;
     },
     p(o, i) {
-      const s = {};
+      const r = {};
       i[0] & /*$store*/
-      8192 && (s.annotation = /*annotation*/
+      8192 && (r.annotation = /*annotation*/
       o[32]), i[0] & /*$store*/
-      8192 && (s.geom = /*selector*/
+      8192 && (r.geom = /*selector*/
       o[35].geometry), i[0] & /*style*/
-      2 && (s.style = /*style*/
-      o[1]), t.$set(s);
+      2 && (r.style = /*style*/
+      o[1]), t.$set(r);
     },
     i(o) {
       n || (C(t.$$.fragment, o), n = !0);
@@ -2802,9 +2821,9 @@ function Jo(e) {
     }
   };
 }
-function Zo(e) {
+function Qo(e) {
   let t, n;
-  return t = new zo({
+  return t = new jo({
     props: {
       annotation: (
         /*annotation*/
@@ -2827,14 +2846,14 @@ function Zo(e) {
       le(t, o, i), n = !0;
     },
     p(o, i) {
-      const s = {};
+      const r = {};
       i[0] & /*$store*/
-      8192 && (s.annotation = /*annotation*/
+      8192 && (r.annotation = /*annotation*/
       o[32]), i[0] & /*$store*/
-      8192 && (s.geom = /*selector*/
+      8192 && (r.geom = /*selector*/
       o[35].geometry), i[0] & /*style*/
-      2 && (s.style = /*style*/
-      o[1]), t.$set(s);
+      2 && (r.style = /*style*/
+      o[1]), t.$set(r);
     },
     i(o) {
       n || (C(t.$$.fragment, o), n = !0);
@@ -2847,9 +2866,9 @@ function Zo(e) {
     }
   };
 }
-function Qo(e) {
+function xo(e) {
   let t, n;
-  return t = new Ro({
+  return t = new Co({
     props: {
       annotation: (
         /*annotation*/
@@ -2872,14 +2891,14 @@ function Qo(e) {
       le(t, o, i), n = !0;
     },
     p(o, i) {
-      const s = {};
+      const r = {};
       i[0] & /*$store*/
-      8192 && (s.annotation = /*annotation*/
+      8192 && (r.annotation = /*annotation*/
       o[32]), i[0] & /*$store*/
-      8192 && (s.geom = /*selector*/
+      8192 && (r.geom = /*selector*/
       o[35].geometry), i[0] & /*style*/
-      2 && (s.style = /*style*/
-      o[1]), t.$set(s);
+      2 && (r.style = /*style*/
+      o[1]), t.$set(r);
     },
     i(o) {
       n || (C(t.$$.fragment, o), n = !0);
@@ -2894,8 +2913,8 @@ function Qo(e) {
 }
 function It(e) {
   let t, n, o, i;
-  const s = [Qo, Zo, Jo], r = [];
-  function a(l, c) {
+  const r = [xo, Qo, Zo], s = [];
+  function a(l, u) {
     return (
       /*selector*/
       l[35].type === z.ELLIPSE ? 0 : (
@@ -2907,18 +2926,18 @@ function It(e) {
       )
     );
   }
-  return ~(t = a(e)) && (n = r[t] = s[t](e)), {
+  return ~(t = a(e)) && (n = s[t] = r[t](e)), {
     c() {
-      n && n.c(), o = se();
+      n && n.c(), o = re();
     },
-    m(l, c) {
-      ~t && r[t].m(l, c), I(l, o, c), i = !0;
+    m(l, u) {
+      ~t && s[t].m(l, u), I(l, o, u), i = !0;
     },
-    p(l, c) {
+    p(l, u) {
       let h = t;
-      t = a(l), t === h ? ~t && r[t].p(l, c) : (n && (ne(), N(r[h], 1, 1, () => {
-        r[h] = null;
-      }), oe()), ~t ? (n = r[t], n ? n.p(l, c) : (n = r[t] = s[t](l), n.c()), C(n, 1), n.m(o.parentNode, o)) : n = null);
+      t = a(l), t === h ? ~t && s[t].p(l, u) : (n && (ne(), N(s[h], 1, 1, () => {
+        s[h] = null;
+      }), oe()), ~t ? (n = s[t], n ? n.p(l, u) : (n = s[t] = r[t](l), n.c()), C(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(l) {
       i || (C(n), i = !0);
@@ -2927,7 +2946,7 @@ function It(e) {
       N(n), i = !1;
     },
     d(l) {
-      ~t && r[t].d(l), l && k(o);
+      ~t && s[t].d(l), l && k(o);
     }
   };
 }
@@ -2939,37 +2958,37 @@ function Bt(e) {
   ), n, o, i = t && kt(xe(e));
   return {
     c() {
-      i && i.c(), n = se();
+      i && i.c(), n = re();
     },
-    m(s, r) {
-      i && i.m(s, r), I(s, n, r), o = !0;
+    m(r, s) {
+      i && i.m(r, s), I(r, n, s), o = !0;
     },
-    p(s, r) {
-      r[0] & /*isEditable, $store*/
+    p(r, s) {
+      s[0] & /*isEditable, $store*/
       8320 && (t = !/*isEditable*/
-      s[7](
+      r[7](
         /*annotation*/
-        s[32]
-      )), t ? i ? (i.p(xe(s), r), r[0] & /*isEditable, $store*/
-      8320 && C(i, 1)) : (i = kt(xe(s)), i.c(), C(i, 1), i.m(n.parentNode, n)) : i && (ne(), N(i, 1, 1, () => {
+        r[32]
+      )), t ? i ? (i.p(xe(r), s), s[0] & /*isEditable, $store*/
+      8320 && C(i, 1)) : (i = kt(xe(r)), i.c(), C(i, 1), i.m(n.parentNode, n)) : i && (ne(), N(i, 1, 1, () => {
         i = null;
       }), oe());
     },
-    i(s) {
+    i(r) {
       o || (C(i), o = !0);
     },
-    o(s) {
+    o(r) {
       N(i), o = !1;
     },
-    d(s) {
-      i && i.d(s), s && k(n);
+    d(r) {
+      i && i.d(r), r && k(n);
     }
   };
 }
 function Pt(e) {
   let t, n, o, i;
-  const s = [$o, xo], r = [];
-  function a(l, c) {
+  const r = [ei, $o], s = [];
+  function a(l, u) {
     return (
       /*editableAnnotations*/
       l[6] ? 0 : (
@@ -2979,18 +2998,18 @@ function Pt(e) {
       )
     );
   }
-  return ~(t = a(e)) && (n = r[t] = s[t](e)), {
+  return ~(t = a(e)) && (n = s[t] = r[t](e)), {
     c() {
-      n && n.c(), o = se();
+      n && n.c(), o = re();
     },
-    m(l, c) {
-      ~t && r[t].m(l, c), I(l, o, c), i = !0;
+    m(l, u) {
+      ~t && s[t].m(l, u), I(l, o, u), i = !0;
     },
-    p(l, c) {
+    p(l, u) {
       let h = t;
-      t = a(l), t === h ? ~t && r[t].p(l, c) : (n && (ne(), N(r[h], 1, 1, () => {
-        r[h] = null;
-      }), oe()), ~t ? (n = r[t], n ? n.p(l, c) : (n = r[t] = s[t](l), n.c()), C(n, 1), n.m(o.parentNode, o)) : n = null);
+      t = a(l), t === h ? ~t && s[t].p(l, u) : (n && (ne(), N(s[h], 1, 1, () => {
+        s[h] = null;
+      }), oe()), ~t ? (n = s[t], n ? n.p(l, u) : (n = s[t] = r[t](l), n.c()), C(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(l) {
       i || (C(n), i = !0);
@@ -2999,95 +3018,95 @@ function Pt(e) {
       N(n), i = !1;
     },
     d(l) {
-      ~t && r[t].d(l), l && k(o);
+      ~t && s[t].d(l), l && k(o);
     }
   };
 }
-function xo(e) {
+function $o(e) {
   let t = (
     /*toolName*/
     e[2]
   ), n, o, i = Yt(e);
   return {
     c() {
-      i.c(), n = se();
+      i.c(), n = re();
     },
-    m(s, r) {
-      i.m(s, r), I(s, n, r), o = !0;
+    m(r, s) {
+      i.m(r, s), I(r, n, s), o = !0;
     },
-    p(s, r) {
-      r[0] & /*toolName*/
+    p(r, s) {
+      s[0] & /*toolName*/
       4 && J(t, t = /*toolName*/
-      s[2]) ? (ne(), N(i, 1, 1, F), oe(), i = Yt(s), i.c(), C(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      r[2]) ? (ne(), N(i, 1, 1, F), oe(), i = Yt(r), i.c(), C(i, 1), i.m(n.parentNode, n)) : i.p(r, s);
     },
-    i(s) {
+    i(r) {
       o || (C(i), o = !0);
     },
-    o(s) {
+    o(r) {
       N(i), o = !1;
     },
-    d(s) {
-      s && k(n), i.d(s);
+    d(r) {
+      r && k(n), i.d(r);
     }
   };
 }
-function $o(e) {
+function ei(e) {
   let t, n, o = (
     /*editableAnnotations*/
     e[6]
   ), i = [];
-  for (let r = 0; r < o.length; r += 1)
-    i[r] = Dt(Lt(e, o, r));
-  const s = (r) => N(i[r], 1, 1, () => {
-    i[r] = null;
+  for (let s = 0; s < o.length; s += 1)
+    i[s] = Xt(Ot(e, o, s));
+  const r = (s) => N(i[s], 1, 1, () => {
+    i[s] = null;
   });
   return {
     c() {
-      for (let r = 0; r < i.length; r += 1)
-        i[r].c();
-      t = se();
+      for (let s = 0; s < i.length; s += 1)
+        i[s].c();
+      t = re();
     },
-    m(r, a) {
+    m(s, a) {
       for (let l = 0; l < i.length; l += 1)
-        i[l] && i[l].m(r, a);
-      I(r, t, a), n = !0;
+        i[l] && i[l].m(s, a);
+      I(s, t, a), n = !0;
     },
-    p(r, a) {
+    p(s, a) {
       if (a[0] & /*editableAnnotations, drawingEl, style, transform, $scale, onChangeSelected*/
       279634) {
         o = /*editableAnnotations*/
-        r[6];
+        s[6];
         let l;
         for (l = 0; l < o.length; l += 1) {
-          const c = Lt(r, o, l);
-          i[l] ? (i[l].p(c, a), C(i[l], 1)) : (i[l] = Dt(c), i[l].c(), C(i[l], 1), i[l].m(t.parentNode, t));
+          const u = Ot(s, o, l);
+          i[l] ? (i[l].p(u, a), C(i[l], 1)) : (i[l] = Xt(u), i[l].c(), C(i[l], 1), i[l].m(t.parentNode, t));
         }
         for (ne(), l = o.length; l < i.length; l += 1)
-          s(l);
+          r(l);
         oe();
       }
     },
-    i(r) {
+    i(s) {
       if (!n) {
         for (let a = 0; a < o.length; a += 1)
           C(i[a]);
         n = !0;
       }
     },
-    o(r) {
+    o(s) {
       i = i.filter(Boolean);
       for (let a = 0; a < i.length; a += 1)
         N(i[a]);
       n = !1;
     },
-    d(r) {
-      st(i, r), r && k(t);
+    d(s) {
+      rt(i, s), s && k(t);
     }
   };
 }
 function Yt(e) {
   let t, n;
-  return t = new Ao({
+  return t = new To({
     props: {
       target: (
         /*drawingEl*/
@@ -3122,18 +3141,18 @@ function Yt(e) {
       le(t, o, i), n = !0;
     },
     p(o, i) {
-      const s = {};
+      const r = {};
       i[0] & /*drawingEl*/
-      16 && (s.target = /*drawingEl*/
+      16 && (r.target = /*drawingEl*/
       o[4]), i[0] & /*tool*/
-      4096 && (s.tool = /*tool*/
+      4096 && (r.tool = /*tool*/
       o[12]), i[0] & /*drawingMode*/
-      2048 && (s.drawingMode = /*drawingMode*/
+      2048 && (r.drawingMode = /*drawingMode*/
       o[11]), i[0] & /*transform*/
-      1024 && (s.transform = /*transform*/
+      1024 && (r.transform = /*transform*/
       o[10]), i[0] & /*$scale*/
-      16384 && (s.viewportScale = /*$scale*/
-      o[14]), t.$set(s);
+      16384 && (r.viewportScale = /*$scale*/
+      o[14]), t.$set(r);
     },
     i(o) {
       n || (C(t.$$.fragment, o), n = !0);
@@ -3146,9 +3165,9 @@ function Yt(e) {
     }
   };
 }
-function Xt(e) {
+function Dt(e) {
   let t, n;
-  return t = new bo({
+  return t = new Eo({
     props: {
       target: (
         /*drawingEl*/
@@ -3195,22 +3214,22 @@ function Xt(e) {
     },
     p(o, i) {
       e = o;
-      const s = {};
+      const r = {};
       i[0] & /*drawingEl*/
-      16 && (s.target = /*drawingEl*/
+      16 && (r.target = /*drawingEl*/
       e[4]), i[0] & /*editableAnnotations*/
-      64 && (s.editor = At(
+      64 && (r.editor = At(
         /*editable*/
         e[29].target.selector
       )), i[0] & /*editableAnnotations*/
-      64 && (s.annotation = /*editable*/
+      64 && (r.annotation = /*editable*/
       e[29]), i[0] & /*style*/
-      2 && (s.style = /*style*/
+      2 && (r.style = /*style*/
       e[1]), i[0] & /*transform*/
-      1024 && (s.transform = /*transform*/
+      1024 && (r.transform = /*transform*/
       e[10]), i[0] & /*$scale*/
-      16384 && (s.viewportScale = /*$scale*/
-      e[14]), t.$set(s);
+      16384 && (r.viewportScale = /*$scale*/
+      e[14]), t.$set(r);
     },
     i(o) {
       n || (C(t.$$.fragment, o), n = !0);
@@ -3223,43 +3242,43 @@ function Xt(e) {
     }
   };
 }
-function Dt(e) {
+function Xt(e) {
   let t = (
     /*editable*/
     e[29].id
-  ), n, o, i = Xt(e);
+  ), n, o, i = Dt(e);
   return {
     c() {
-      i.c(), n = se();
+      i.c(), n = re();
     },
-    m(s, r) {
-      i.m(s, r), I(s, n, r), o = !0;
+    m(r, s) {
+      i.m(r, s), I(r, n, s), o = !0;
     },
-    p(s, r) {
-      r[0] & /*editableAnnotations*/
+    p(r, s) {
+      s[0] & /*editableAnnotations*/
       64 && J(t, t = /*editable*/
-      s[29].id) ? (ne(), N(i, 1, 1, F), oe(), i = Xt(s), i.c(), C(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      r[29].id) ? (ne(), N(i, 1, 1, F), oe(), i = Dt(r), i.c(), C(i, 1), i.m(n.parentNode, n)) : i.p(r, s);
     },
-    i(s) {
+    i(r) {
       o || (C(i), o = !0);
     },
-    o(s) {
+    o(r) {
       N(i), o = !1;
     },
-    d(s) {
-      s && k(n), i.d(s);
+    d(r) {
+      r && k(n), i.d(r);
     }
   };
 }
-function ei(e) {
-  let t, n, o, i, s, r, a = (
+function ti(e) {
+  let t, n, o, i, r, s, a = (
     /*$store*/
     e[13]
   ), l = [];
-  for (let u = 0; u < a.length; u += 1)
-    l[u] = Bt(Ot(e, a, u));
-  const c = (u) => N(l[u], 1, 1, () => {
-    l[u] = null;
+  for (let c = 0; c < a.length; c += 1)
+    l[c] = Bt(vt(e, a, c));
+  const u = (c) => N(l[c], 1, 1, () => {
+    l[c] = null;
   });
   let h = (
     /*drawingEl*/
@@ -3268,8 +3287,8 @@ function ei(e) {
   return {
     c() {
       t = R("svg"), n = R("g");
-      for (let u = 0; u < l.length; u += 1)
-        l[u].c();
+      for (let c = 0; c < l.length; c += 1)
+        l[c].c();
       o = R("g"), h && h.c(), f(o, "class", "drawing"), f(t, "class", "a9s-annotationlayer"), ht(
         t,
         "drawing",
@@ -3277,11 +3296,11 @@ function ei(e) {
         e[12]
       );
     },
-    m(u, m) {
-      I(u, t, m), re(t, n);
+    m(c, m) {
+      I(c, t, m), se(t, n);
       for (let d = 0; d < l.length; d += 1)
         l[d] && l[d].m(n, null);
-      re(t, o), h && h.m(o, null), e[25](o), e[26](t), i = !0, s || (r = [
+      se(t, o), h && h.m(o, null), e[25](o), e[26](t), i = !0, r || (s = [
         K(t, "pointerup", function() {
           j(
             /*onPointerUp*/
@@ -3294,20 +3313,20 @@ function ei(e) {
             e[9]
           ) && e[9].apply(this, arguments);
         })
-      ], s = !0);
+      ], r = !0);
     },
-    p(u, m) {
-      if (e = u, m[0] & /*$store, style, isEditable*/
+    p(c, m) {
+      if (e = c, m[0] & /*$store, style, isEditable*/
       8322) {
         a = /*$store*/
         e[13];
         let d;
         for (d = 0; d < a.length; d += 1) {
-          const g = Ot(e, a, d);
+          const g = vt(e, a, d);
           l[d] ? (l[d].p(g, m), C(l[d], 1)) : (l[d] = Bt(g), l[d].c(), C(l[d], 1), l[d].m(n, null));
         }
         for (ne(), d = a.length; d < l.length; d += 1)
-          c(d);
+          u(d);
         oe();
       }
       /*drawingEl*/
@@ -3322,54 +3341,54 @@ function ei(e) {
         e[12]
       );
     },
-    i(u) {
+    i(c) {
       if (!i) {
         for (let m = 0; m < a.length; m += 1)
           C(l[m]);
         C(h), i = !0;
       }
     },
-    o(u) {
+    o(c) {
       l = l.filter(Boolean);
       for (let m = 0; m < l.length; m += 1)
         N(l[m]);
       N(h), i = !1;
     },
-    d(u) {
-      u && k(t), st(l, u), h && h.d(), e[25](null), e[26](null), s = !1, ie(r);
+    d(c) {
+      c && k(t), rt(l, c), h && h.d(), e[25](null), e[26](null), r = !1, ie(s);
     }
   };
 }
-function ti(e, t, n) {
-  let o, i, s, r, a, l, c, h, u, m, d = F, g = () => (d(), d = Vt(p, (O) => n(14, m = O)), p);
+function ni(e, t, n) {
+  let o, i, r, s, a, l, u, h, c, m, d = F, g = () => (d(), d = Vt(p, (v) => n(14, m = v)), p);
   e.$$.on_destroy.push(() => d());
-  let { drawingEnabled: _ } = t, { image: A } = t, { preferredDrawingMode: w } = t, { state: y } = t, { style: T = void 0 } = t, { toolName: S = it().length > 0 ? it()[0] : void 0 } = t, { user: P } = t, X, U, p;
-  Be(() => g(n(5, p = Oo(A, U))));
+  let { drawingEnabled: _ } = t, { image: A } = t, { preferredDrawingMode: w } = t, { state: y } = t, { style: T = void 0 } = t, { toolName: S = it().length > 0 ? it()[0] : void 0 } = t, { user: P } = t, D, U, p;
+  Be(() => g(n(5, p = ko(A, U))));
   const { selection: E, store: b } = y;
-  dt(e, E, (O) => n(24, h = O)), dt(e, b, (O) => n(13, u = O));
-  let v = null, B = null;
-  const D = (O) => {
-    b.unobserve(v);
-    const W = O.filter(({ editable: G }) => G).map(({ id: G }) => G);
-    W.length > 0 ? (n(6, B = W.map((G) => b.getAnnotation(G))), v = (G) => {
+  dt(e, E, (v) => n(24, h = v)), dt(e, b, (v) => n(13, c = v));
+  let L = null, B = null;
+  const X = (v) => {
+    b.unobserve(L);
+    const W = v.filter(({ editable: G }) => G).map(({ id: G }) => G);
+    W.length > 0 ? (n(6, B = W.map((G) => b.getAnnotation(G))), L = (G) => {
       const { updated: ce } = G.changes;
       n(6, B = ce.map((H) => H.newValue));
-    }, b.observe(v, { annotations: W })) : n(6, B = null);
-  }, Z = (O) => {
+    }, b.observe(L, { annotations: W })) : n(6, B = null);
+  }, Z = (v) => {
     const W = qt(), G = {
       id: W,
       bodies: [],
       target: {
         annotation: W,
-        selector: O.detail,
+        selector: v.detail,
         creator: P,
         created: /* @__PURE__ */ new Date()
       }
     };
     b.addAnnotation(G), E.setSelected(G.id);
-  }, me = (O) => (W) => {
+  }, me = (v) => (W) => {
     var ue;
-    const { target: G } = O, ce = 10 * 60 * 1e3, H = ((ue = G.creator) == null ? void 0 : ue.id) !== P.id || !G.created || (/* @__PURE__ */ new Date()).getTime() - G.created.getTime() > ce;
+    const { target: G } = v, ce = 10 * 60 * 1e3, H = ((ue = G.creator) == null ? void 0 : ue.id) !== P.id || !G.created || (/* @__PURE__ */ new Date()).getTime() - G.created.getTime() > ce;
     b.updateTarget({
       ...G,
       selector: W.detail,
@@ -3378,41 +3397,41 @@ function ti(e, t, n) {
       updatedBy: H ? P : null
     });
   };
-  function ge(O) {
-    Ge[O ? "unshift" : "push"](() => {
-      X = O, n(4, X);
+  function ge(v) {
+    Ge[v ? "unshift" : "push"](() => {
+      D = v, n(4, D);
     });
   }
-  function Me(O) {
-    Ge[O ? "unshift" : "push"](() => {
-      U = O, n(3, U);
+  function Me(v) {
+    Ge[v ? "unshift" : "push"](() => {
+      U = v, n(3, U);
     });
   }
-  return e.$$set = (O) => {
-    "drawingEnabled" in O && n(0, _ = O.drawingEnabled), "image" in O && n(19, A = O.image), "preferredDrawingMode" in O && n(20, w = O.preferredDrawingMode), "state" in O && n(21, y = O.state), "style" in O && n(1, T = O.style), "toolName" in O && n(2, S = O.toolName), "user" in O && n(22, P = O.user);
+  return e.$$set = (v) => {
+    "drawingEnabled" in v && n(0, _ = v.drawingEnabled), "image" in v && n(19, A = v.image), "preferredDrawingMode" in v && n(20, w = v.preferredDrawingMode), "state" in v && n(21, y = v.state), "style" in v && n(1, T = v.style), "toolName" in v && n(2, S = v.toolName), "user" in v && n(22, P = v.user);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
-    4 && n(12, { tool: o, opts: i } = Qt(S), o, (n(23, i), n(2, S))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
-    9437184 && n(11, s = (i == null ? void 0 : i.drawingMode) || w), e.$$.dirty[0] & /*svgEl*/
-    8 && n(10, r = jo(U)), e.$$.dirty[0] & /*svgEl*/
-    8 && n(9, { onPointerDown: a, onPointerUp: l } = Ko(U, b), a, (n(8, l), n(3, U))), e.$$.dirty[0] & /*$selection*/
-    16777216 && n(7, c = (O) => h.selected.find((W) => W.id === O.id && W.editable)), e.$$.dirty[0] & /*$selection*/
-    16777216 && D(h.selected);
+    4 && n(12, { tool: o, opts: i } = xt(S), o, (n(23, i), n(2, S))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
+    9437184 && n(11, r = (i == null ? void 0 : i.drawingMode) || w), e.$$.dirty[0] & /*svgEl*/
+    8 && n(10, s = qo(U)), e.$$.dirty[0] & /*svgEl*/
+    8 && n(9, { onPointerDown: a, onPointerUp: l } = Wo(U, b), a, (n(8, l), n(3, U))), e.$$.dirty[0] & /*$selection*/
+    16777216 && n(7, u = (v) => h.selected.find((W) => W.id === v.id && W.editable)), e.$$.dirty[0] & /*$selection*/
+    16777216 && X(h.selected);
   }, [
     _,
     T,
     S,
     U,
-    X,
+    D,
     p,
     B,
-    c,
+    u,
     l,
     a,
-    r,
     s,
+    r,
     o,
-    u,
+    c,
     m,
     E,
     b,
@@ -3428,13 +3447,13 @@ function ti(e, t, n) {
     Me
   ];
 }
-class ni extends te {
+class oi extends te {
   constructor(t) {
     super(), ee(
       this,
       t,
+      ni,
       ti,
-      ei,
       J,
       {
         drawingEnabled: 0,
@@ -3450,30 +3469,30 @@ class ni extends te {
     );
   }
 }
-function oi(e, t, n, o, i) {
-  xt(e, t, n || 0, o || e.length - 1, i || ii);
+function ii(e, t, n, o, i) {
+  $t(e, t, n || 0, o || e.length - 1, i || ri);
 }
-function xt(e, t, n, o, i) {
+function $t(e, t, n, o, i) {
   for (; o > n; ) {
     if (o - n > 600) {
-      var s = o - n + 1, r = t - n + 1, a = Math.log(s), l = 0.5 * Math.exp(2 * a / 3), c = 0.5 * Math.sqrt(a * l * (s - l) / s) * (r - s / 2 < 0 ? -1 : 1), h = Math.max(n, Math.floor(t - r * l / s + c)), u = Math.min(o, Math.floor(t + (s - r) * l / s + c));
-      xt(e, t, h, u, i);
+      var r = o - n + 1, s = t - n + 1, a = Math.log(r), l = 0.5 * Math.exp(2 * a / 3), u = 0.5 * Math.sqrt(a * l * (r - l) / r) * (s - r / 2 < 0 ? -1 : 1), h = Math.max(n, Math.floor(t - s * l / r + u)), c = Math.min(o, Math.floor(t + (r - s) * l / r + u));
+      $t(e, t, h, c, i);
     }
     var m = e[t], d = n, g = o;
-    for (ve(e, n, t), i(e[o], m) > 0 && ve(e, n, o); d < g; ) {
-      for (ve(e, d, g), d++, g--; i(e[d], m) < 0; )
+    for (Le(e, n, t), i(e[o], m) > 0 && Le(e, n, o); d < g; ) {
+      for (Le(e, d, g), d++, g--; i(e[d], m) < 0; )
         d++;
       for (; i(e[g], m) > 0; )
         g--;
     }
-    i(e[n], m) === 0 ? ve(e, n, g) : (g++, ve(e, g, o)), g <= t && (n = g + 1), t <= g && (o = g - 1);
+    i(e[n], m) === 0 ? Le(e, n, g) : (g++, Le(e, g, o)), g <= t && (n = g + 1), t <= g && (o = g - 1);
   }
 }
-function ve(e, t, n) {
+function Le(e, t, n) {
   var o = e[t];
   e[t] = e[n], e[n] = o;
 }
-function ii(e, t) {
+function ri(e, t) {
   return e < t ? -1 : e > t ? 1 : 0;
 }
 class si {
@@ -3488,13 +3507,13 @@ class si {
     const o = [];
     if (!Ne(t, n))
       return o;
-    const i = this.toBBox, s = [];
+    const i = this.toBBox, r = [];
     for (; n; ) {
-      for (let r = 0; r < n.children.length; r++) {
-        const a = n.children[r], l = n.leaf ? i(a) : a;
-        Ne(t, l) && (n.leaf ? o.push(a) : et(t, l) ? this._all(a, o) : s.push(a));
+      for (let s = 0; s < n.children.length; s++) {
+        const a = n.children[s], l = n.leaf ? i(a) : a;
+        Ne(t, l) && (n.leaf ? o.push(a) : et(t, l) ? this._all(a, o) : r.push(a));
       }
-      n = s.pop();
+      n = r.pop();
     }
     return o;
   }
@@ -3505,11 +3524,11 @@ class si {
     const o = [];
     for (; n; ) {
       for (let i = 0; i < n.children.length; i++) {
-        const s = n.children[i], r = n.leaf ? this.toBBox(s) : s;
-        if (Ne(t, r)) {
-          if (n.leaf || et(t, r))
+        const r = n.children[i], s = n.leaf ? this.toBBox(r) : r;
+        if (Ne(t, s)) {
+          if (n.leaf || et(t, s))
             return !0;
-          o.push(s);
+          o.push(r);
         }
       }
       n = o.pop();
@@ -3548,15 +3567,15 @@ class si {
     if (!t)
       return this;
     let o = this.data;
-    const i = this.toBBox(t), s = [], r = [];
-    let a, l, c;
-    for (; o || s.length; ) {
-      if (o || (o = s.pop(), l = s[s.length - 1], a = r.pop(), c = !0), o.leaf) {
-        const h = ri(t, o.children, n);
+    const i = this.toBBox(t), r = [], s = [];
+    let a, l, u;
+    for (; o || r.length; ) {
+      if (o || (o = r.pop(), l = r[r.length - 1], a = s.pop(), u = !0), o.leaf) {
+        const h = li(t, o.children, n);
         if (h !== -1)
-          return o.children.splice(h, 1), s.push(o), this._condense(s), this;
+          return o.children.splice(h, 1), r.push(o), this._condense(r), this;
       }
-      !c && !o.leaf && et(o, i) ? (s.push(o), r.push(a), a = 0, l = o, o = o.children[0]) : l ? (a++, o = l.children[a], c = !1) : o = null;
+      !u && !o.leaf && et(o, i) ? (r.push(o), s.push(a), a = 0, l = o, o = o.children[0]) : l ? (a++, o = l.children[a], u = !1) : o = null;
     }
     return this;
   }
@@ -3582,18 +3601,18 @@ class si {
     return n;
   }
   _build(t, n, o, i) {
-    const s = o - n + 1;
-    let r = this._maxEntries, a;
-    if (s <= r)
+    const r = o - n + 1;
+    let s = this._maxEntries, a;
+    if (r <= s)
       return a = Ee(t.slice(n, o + 1)), we(a, this.toBBox), a;
-    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), a = Ee([]), a.leaf = !1, a.height = i;
-    const l = Math.ceil(s / r), c = l * Math.ceil(Math.sqrt(r));
-    Rt(t, n, o, c, this.compareMinX);
-    for (let h = n; h <= o; h += c) {
-      const u = Math.min(h + c - 1, o);
-      Rt(t, h, u, l, this.compareMinY);
-      for (let m = h; m <= u; m += l) {
-        const d = Math.min(m + l - 1, u);
+    i || (i = Math.ceil(Math.log(r) / Math.log(s)), s = Math.ceil(r / Math.pow(s, i - 1))), a = Ee([]), a.leaf = !1, a.height = i;
+    const l = Math.ceil(r / s), u = l * Math.ceil(Math.sqrt(s));
+    Rt(t, n, o, u, this.compareMinX);
+    for (let h = n; h <= o; h += u) {
+      const c = Math.min(h + u - 1, o);
+      Rt(t, h, c, l, this.compareMinY);
+      for (let m = h; m <= c; m += l) {
+        const d = Math.min(m + l - 1, c);
         a.children.push(this._build(t, m, d, i - 1));
       }
     }
@@ -3601,69 +3620,69 @@ class si {
   }
   _chooseSubtree(t, n, o, i) {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
-      let s = 1 / 0, r = 1 / 0, a;
+      let r = 1 / 0, s = 1 / 0, a;
       for (let l = 0; l < n.children.length; l++) {
-        const c = n.children[l], h = $e(c), u = ci(t, c) - h;
-        u < r ? (r = u, s = h < s ? h : s, a = c) : u === r && h < s && (s = h, a = c);
+        const u = n.children[l], h = $e(u), c = ui(t, u) - h;
+        c < s ? (s = c, r = h < r ? h : r, a = u) : c === s && h < r && (r = h, a = u);
       }
       n = a || n.children[0];
     }
     return n;
   }
   _insert(t, n, o) {
-    const i = o ? t : this.toBBox(t), s = [], r = this._chooseSubtree(i, this.data, n, s);
-    for (r.children.push(t), Oe(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
-      this._split(s, n), n--;
-    this._adjustParentBBoxes(i, s, n);
+    const i = o ? t : this.toBBox(t), r = [], s = this._chooseSubtree(i, this.data, n, r);
+    for (s.children.push(t), ve(s, i); n >= 0 && r[n].children.length > this._maxEntries; )
+      this._split(r, n), n--;
+    this._adjustParentBBoxes(i, r, n);
   }
   // split overflowed node into two
   _split(t, n) {
-    const o = t[n], i = o.children.length, s = this._minEntries;
-    this._chooseSplitAxis(o, s, i);
-    const r = this._chooseSplitIndex(o, s, i), a = Ee(o.children.splice(r, o.children.length - r));
+    const o = t[n], i = o.children.length, r = this._minEntries;
+    this._chooseSplitAxis(o, r, i);
+    const s = this._chooseSplitIndex(o, r, i), a = Ee(o.children.splice(s, o.children.length - s));
     a.height = o.height, a.leaf = o.leaf, we(o, this.toBBox), we(a, this.toBBox), n ? t[n - 1].children.push(a) : this._splitRoot(o, a);
   }
   _splitRoot(t, n) {
     this.data = Ee([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, we(this.data, this.toBBox);
   }
   _chooseSplitIndex(t, n, o) {
-    let i, s = 1 / 0, r = 1 / 0;
+    let i, r = 1 / 0, s = 1 / 0;
     for (let a = n; a <= o - n; a++) {
-      const l = Le(t, 0, a, this.toBBox), c = Le(t, a, o, this.toBBox), h = ui(l, c), u = $e(l) + $e(c);
-      h < s ? (s = h, i = a, r = u < r ? u : r) : h === s && u < r && (r = u, i = a);
+      const l = Oe(t, 0, a, this.toBBox), u = Oe(t, a, o, this.toBBox), h = fi(l, u), c = $e(l) + $e(u);
+      h < r ? (r = h, i = a, s = c < s ? c : s) : h === r && c < s && (s = c, i = a);
     }
     return i || o - n;
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(t, n, o) {
-    const i = t.leaf ? this.compareMinX : li, s = t.leaf ? this.compareMinY : ai, r = this._allDistMargin(t, n, o, i), a = this._allDistMargin(t, n, o, s);
-    r < a && t.children.sort(i);
+    const i = t.leaf ? this.compareMinX : ai, r = t.leaf ? this.compareMinY : ci, s = this._allDistMargin(t, n, o, i), a = this._allDistMargin(t, n, o, r);
+    s < a && t.children.sort(i);
   }
   // total margin of all possible split distributions where each node is at least m full
   _allDistMargin(t, n, o, i) {
     t.children.sort(i);
-    const s = this.toBBox, r = Le(t, 0, n, s), a = Le(t, o - n, o, s);
-    let l = Ue(r) + Ue(a);
-    for (let c = n; c < o - n; c++) {
-      const h = t.children[c];
-      Oe(r, t.leaf ? s(h) : h), l += Ue(r);
+    const r = this.toBBox, s = Oe(t, 0, n, r), a = Oe(t, o - n, o, r);
+    let l = Ue(s) + Ue(a);
+    for (let u = n; u < o - n; u++) {
+      const h = t.children[u];
+      ve(s, t.leaf ? r(h) : h), l += Ue(s);
     }
-    for (let c = o - n - 1; c >= n; c--) {
-      const h = t.children[c];
-      Oe(a, t.leaf ? s(h) : h), l += Ue(a);
+    for (let u = o - n - 1; u >= n; u--) {
+      const h = t.children[u];
+      ve(a, t.leaf ? r(h) : h), l += Ue(a);
     }
     return l;
   }
   _adjustParentBBoxes(t, n, o) {
     for (let i = o; i >= 0; i--)
-      Oe(n[i], t);
+      ve(n[i], t);
   }
   _condense(t) {
     for (let n = t.length - 1, o; n >= 0; n--)
       t[n].children.length === 0 ? n > 0 ? (o = t[n - 1].children, o.splice(o.indexOf(t[n]), 1)) : this.clear() : we(t[n], this.toBBox);
   }
 }
-function ri(e, t, n) {
+function li(e, t, n) {
   if (!n)
     return t.indexOf(e);
   for (let o = 0; o < t.length; o++)
@@ -3672,23 +3691,23 @@ function ri(e, t, n) {
   return -1;
 }
 function we(e, t) {
-  Le(e, 0, e.children.length, t, e);
+  Oe(e, 0, e.children.length, t, e);
 }
-function Le(e, t, n, o, i) {
+function Oe(e, t, n, o, i) {
   i || (i = Ee(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
-  for (let s = t; s < n; s++) {
-    const r = e.children[s];
-    Oe(i, e.leaf ? o(r) : r);
+  for (let r = t; r < n; r++) {
+    const s = e.children[r];
+    ve(i, e.leaf ? o(s) : s);
   }
   return i;
 }
-function Oe(e, t) {
+function ve(e, t) {
   return e.minX = Math.min(e.minX, t.minX), e.minY = Math.min(e.minY, t.minY), e.maxX = Math.max(e.maxX, t.maxX), e.maxY = Math.max(e.maxY, t.maxY), e;
 }
-function li(e, t) {
+function ai(e, t) {
   return e.minX - t.minX;
 }
-function ai(e, t) {
+function ci(e, t) {
   return e.minY - t.minY;
 }
 function $e(e) {
@@ -3697,12 +3716,12 @@ function $e(e) {
 function Ue(e) {
   return e.maxX - e.minX + (e.maxY - e.minY);
 }
-function ci(e, t) {
+function ui(e, t) {
   return (Math.max(t.maxX, e.maxX) - Math.min(t.minX, e.minX)) * (Math.max(t.maxY, e.maxY) - Math.min(t.minY, e.minY));
 }
-function ui(e, t) {
-  const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), s = Math.min(e.maxY, t.maxY);
-  return Math.max(0, i - n) * Math.max(0, s - o);
+function fi(e, t) {
+  const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), r = Math.min(e.maxY, t.maxY);
+  return Math.max(0, i - n) * Math.max(0, r - o);
 }
 function et(e, t) {
   return e.minX <= t.minX && e.minY <= t.minY && t.maxX <= e.maxX && t.maxY <= e.maxY;
@@ -3722,82 +3741,82 @@ function Ee(e) {
   };
 }
 function Rt(e, t, n, o, i) {
-  const s = [t, n];
-  for (; s.length; ) {
-    if (n = s.pop(), t = s.pop(), n - t <= o)
+  const r = [t, n];
+  for (; r.length; ) {
+    if (n = r.pop(), t = r.pop(), n - t <= o)
       continue;
-    const r = t + Math.ceil((n - t) / o / 2) * o;
-    oi(e, r, t, n, i), s.push(t, r, r, n);
+    const s = t + Math.ceil((n - t) / o / 2) * o;
+    ii(e, s, t, n, i), r.push(t, s, s, n);
   }
 }
-const fi = () => {
+const di = () => {
   const e = new si(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
     e.clear(), t.clear();
-  }, i = (u) => {
-    const { minX: m, minY: d, maxX: g, maxY: _ } = u.selector.geometry.bounds, A = { minX: m, minY: d, maxX: g, maxY: _, target: u };
-    e.insert(A), t.set(u.annotation, A);
-  }, s = (u) => {
-    const m = t.get(u.annotation);
-    e.remove(m), t.delete(u.annotation);
+  }, i = (c) => {
+    const { minX: m, minY: d, maxX: g, maxY: _ } = c.selector.geometry.bounds, A = { minX: m, minY: d, maxX: g, maxY: _, target: c };
+    e.insert(A), t.set(c.annotation, A);
+  }, r = (c) => {
+    const m = t.get(c.annotation);
+    e.remove(m), t.delete(c.annotation);
   };
   return {
     all: n,
     clear: o,
-    getAt: (u, m) => {
+    getAt: (c, m) => {
       const g = e.search({
-        minX: u,
+        minX: c,
         minY: m,
-        maxX: u,
+        maxX: c,
         maxY: m
-      }).map((_) => _.target).filter((_) => _.selector.type === z.RECTANGLE || hn(_.selector, u, m));
+      }).map((_) => _.target).filter((_) => _.selector.type === z.RECTANGLE || mn(_.selector, c, m));
       if (g.length > 0)
         return g.sort((_, A) => ot(_.selector) - ot(A.selector)), g[0];
     },
-    getIntersecting: (u, m, d, g) => e.search({
-      minX: u,
+    getIntersecting: (c, m, d, g) => e.search({
+      minX: c,
       minY: m,
-      maxX: u + d,
+      maxX: c + d,
       maxY: m + g
     }).map((_) => _.target),
     insert: i,
-    remove: s,
-    set: (u, m = !0) => {
+    remove: r,
+    set: (c, m = !0) => {
       m && o();
-      const d = u.map((g) => {
+      const d = c.map((g) => {
         const { minX: _, minY: A, maxX: w, maxY: y } = g.selector.geometry.bounds;
         return { minX: _, minY: A, maxX: w, maxY: y, target: g };
       });
       d.forEach((g) => t.set(g.target.annotation, g)), e.load(d);
     },
     size: () => e.all().length,
-    update: (u, m) => {
-      s(u), i(m);
+    update: (c, m) => {
+      r(c), i(m);
     }
   };
-}, di = (e) => {
-  const t = Gn(), n = fi(), o = Bn(t, e.pointerSelectAction), i = In(t), s = qn();
+}, hi = (e) => {
+  const t = Fn(), n = di(), o = Pn(t, e.pointerSelectAction), i = Bn(t), r = Kn();
   return t.observe(({ changes: l }) => {
-    n.set(l.created.map((c) => c.target), !1), l.deleted.forEach((c) => n.remove(c.target)), l.updated.forEach(({ oldValue: c, newValue: h }) => n.update(c.target, h.target));
+    n.set(l.created.map((u) => u.target), !1), l.deleted.forEach((u) => n.remove(u.target)), l.updated.forEach(({ oldValue: u, newValue: h }) => n.update(u.target, h.target));
   }), {
     store: {
       ...t,
-      getAt: (l, c) => {
-        const h = n.getAt(l, c);
+      getAt: (l, u) => {
+        const h = n.getAt(l, u);
         return h ? t.getAnnotation(h.annotation) : void 0;
       },
-      getIntersecting: (l, c, h, u) => n.getIntersecting(l, c, h, u).map((m) => t.getAnnotation(m.annotation))
+      getIntersecting: (l, u, h, c) => n.getIntersecting(l, u, h, c).map((m) => t.getAnnotation(m.annotation))
     },
     selection: o,
     hover: i,
-    viewport: s
+    viewport: r
   };
-}, hi = (e) => {
-  const t = di(e);
+}, mi = (e) => {
+  const t = hi(e);
   return {
     ...t,
-    store: Fn(t.store)
+    store: Hn(t.store)
   };
-}, mi = (e) => {
+}, gi = (e) => {
   let t, n;
   if (e.nodeName === "CANVAS")
     t = e, n = t.getContext("2d", { willReadFrequently: !0 });
@@ -3807,70 +3826,75 @@ const fi = () => {
   }
   let o = 0;
   for (let i = 1; i < 10; i++)
-    for (let s = 1; s < 10; s++) {
-      const r = Math.round(s * t.width / 10), a = Math.round(i * t.height / 10), l = n.getImageData(r, a, 1, 1).data, c = (0.299 * l[0] + 0.587 * l[1] + 0.114 * l[2]) / 255;
-      o += c;
+    for (let r = 1; r < 10; r++) {
+      const s = Math.round(r * t.width / 10), a = Math.round(i * t.height / 10), l = n.getImageData(s, a, 1, 1).data, u = (0.299 * l[0] + 0.587 * l[1] + 0.114 * l[2]) / 255;
+      o += u;
     }
   return o / 81;
-}, gi = (e) => {
-  const t = mi(e), n = t > 0.6 ? "dark" : "light";
+}, pi = (e) => {
+  const t = gi(e), n = t > 0.6 ? "dark" : "light";
   return console.log(`[Annotorious] Image brightness: ${t.toFixed(1)}. Setting ${n} theme.`), n;
-}, Ct = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? gi(e) : n), pi = (e) => ({
+}, Ct = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? pi(e) : n), yi = (e, t) => ({
   ...e,
-  drawingEnabled: e.drawingEnabled === void 0 ? !0 : e.drawingEnabled,
-  drawingMode: e.drawingMode || "drag",
-  pointerSelectAction: e.pointerSelectAction || Kt.EDIT,
-  theme: e.theme || "light"
-}), Ut = navigator.userAgent.indexOf("Mac OS X") !== -1, yi = (e, t) => {
-  const n = t || document, o = (r) => {
-    r.key === "Z" && r.ctrlKey ? e.undo() : r.key === "Y" && r.ctrlKey && e.redo();
-  }, i = (r) => {
-    r.key === "z" && r.metaKey && (r.shiftKey ? e.redo() : e.undo());
-  }, s = () => {
+  drawingEnabled: e.drawingEnabled === void 0 ? t.drawingEnabled : e.drawingEnabled,
+  drawingMode: e.drawingMode || t.drawingMode,
+  pointerSelectAction: e.pointerSelectAction || t.pointerSelectAction,
+  theme: e.theme || t.theme
+}), Ut = navigator.userAgent.indexOf("Mac OS X") !== -1, _i = (e, t) => {
+  const n = t || document, o = (s) => {
+    s.key === "Z" && s.ctrlKey ? e.undo() : s.key === "Y" && s.ctrlKey && e.redo();
+  }, i = (s) => {
+    s.key === "z" && s.metaKey && (s.shiftKey ? e.redo() : e.undo());
+  }, r = () => {
     Ut ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
   };
   return Ut ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
-    destroy: s
+    destroy: r
   };
 };
-const Ei = (e, t = {}) => {
+const Ai = (e, t = {}) => {
   if (!e)
     throw "Missing argument: image";
-  const n = typeof e == "string" ? document.getElementById(e) : e, o = pi(t), i = hi(o), { selection: s, store: r } = i, a = jn(r), l = Kn(
+  const n = typeof e == "string" ? document.getElementById(e) : e, o = yi(t, {
+    drawingEnabled: !0,
+    drawingMode: "drag",
+    pointerSelectAction: Kt.EDIT,
+    theme: "light"
+  }), i = mi(o), { selection: r, store: s } = i, a = qn(s), l = Wn(
     i,
     a,
     o.adapter,
     o.autoSave
-  ), c = document.createElement("DIV");
-  c.style.position = "relative", c.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(c, n), c.appendChild(n);
-  const h = yi(a);
-  let u = eo();
-  Ct(n, c, o.theme);
-  const m = new ni({
-    target: c,
+  ), u = document.createElement("DIV");
+  u.style.position = "relative", u.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(u, n), u.appendChild(n);
+  const h = _i(a);
+  let c = to();
+  Ct(n, u, o.theme);
+  const m = new oi({
+    target: u,
     props: {
       drawingEnabled: o.drawingEnabled,
       image: n,
       preferredDrawingMode: o.drawingMode,
       state: i,
       style: o.style,
-      user: u
+      user: c
     }
   });
   m.$on("click", (p) => {
     const { originalEvent: E, annotation: b } = p.detail;
-    b ? s.clickSelect(b.id, E) : s.isEmpty() || s.clear();
+    b ? r.clickSelect(b.id, E) : r.isEmpty() || r.clear();
   });
-  const d = Jn(i, a, o.adapter), g = () => {
-    m.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), h.destroy(), a.destroy();
-  }, _ = () => u, A = (p, E, b) => Yo(p, E, b), w = (p, E) => go(p, E), y = (p) => {
-    if (!Qt(p))
+  const d = Zn(i, a, o.adapter), g = () => {
+    m.$destroy(), u.parentNode.insertBefore(n, u), u.parentNode.removeChild(u), h.destroy(), a.destroy();
+  }, _ = () => c, A = (p, E, b) => Do(p, E, b), w = (p, E) => po(p, E), y = (p) => {
+    if (!xt(p))
       throw `No drawing tool named ${p}`;
     m.$set({ toolName: p });
   }, T = (p) => m.$set({ drawingEnabled: p }), S = (p) => {
     console.warn("Filter not implemented yet");
-  }, P = (p) => m.$set({ style: p }), X = (p) => Ct(n, c, p), U = (p) => {
-    u = p, m.$set({ user: p });
+  }, P = (p) => m.$set({ style: p }), D = (p) => Ct(n, u, p), U = (p) => {
+    c = p, m.$set({ user: p });
   };
   return {
     ...d,
@@ -3885,50 +3909,50 @@ const Ei = (e, t = {}) => {
     setDrawingTool: y,
     setFilter: S,
     setStyle: P,
-    setTheme: X,
+    setTheme: D,
     setUser: U,
     state: i
   };
 };
 export {
-  Zt as Editor,
-  bo as EditorMount,
-  L as Handle,
-  bi as IdentityTransform,
-  co as PolygonEditor,
-  mo as RectangleEditor,
-  pn as RectangleUtil,
-  Mo as RubberbandRectangle,
-  ni as SVGAnnotationLayer,
+  Qt as Editor,
+  Eo as EditorMount,
+  O as Handle,
+  Ei as IdentityTransform,
+  uo as PolygonEditor,
+  go as RectangleEditor,
+  yn as RectangleUtil,
+  Lo as RubberbandRectangle,
+  oi as SVGAnnotationLayer,
   z as ShapeType,
-  Ao as ToolMount,
-  _i as W3CImageFormat,
-  Ko as addEventListeners,
+  To as ToolMount,
+  wi as W3CImageFormat,
+  Wo as addEventListeners,
   Fe as boundsFromPoints,
   ot as computeArea,
-  Ei as createImageAnnotator,
-  di as createImageAnnotatorState,
-  jo as createSVGTransform,
-  hi as createSvelteImageAnnotatorState,
-  gi as detectTheme,
+  Ai as createImageAnnotator,
+  hi as createImageAnnotatorState,
+  qo as createSVGTransform,
+  mi as createSvelteImageAnnotatorState,
+  pi as detectTheme,
   Ze as distance,
-  Oo as enableResponsive,
-  pi as fillDefaults,
+  ko as enableResponsive,
+  yi as fillDefaults,
   At as getEditor,
-  Qt as getTool,
-  yi as initKeyboardCommands,
-  hn as intersects,
-  wi as isTouch,
+  xt as getTool,
+  _i as initKeyboardCommands,
+  mn as intersects,
+  bi as isTouch,
   it as listDrawingTools,
-  yn as parseFragmentSelector,
-  Tn as parseSVGSelector,
-  io as parseW3CImageAnnotation,
-  go as registerEditor,
+  _n as parseFragmentSelector,
+  Sn as parseSVGSelector,
+  ro as parseW3CImageAnnotation,
+  po as registerEditor,
   lt as registerShapeUtil,
-  Yo as registerTool,
-  mi as sampleBrightness,
-  _n as serializeFragmentSelector,
-  Sn as serializeSVGSelector,
+  Do as registerTool,
+  gi as sampleBrightness,
+  wn as serializeFragmentSelector,
+  Mn as serializeSVGSelector,
   so as serializeW3CImageAnnotation,
   Ct as setTheme
 };