@annotorious/annotorious 3.0.19 → 3.0.20

package/dist/annotorious.es.js

@@ -10,16 +10,16 @@ function ft(e, t) {
     e
   );
 }
-function Kt(e) {
+function qt(e) {
   return e();
 }
 function wt() {
   return /* @__PURE__ */ Object.create(null);
 }
 function ge(e) {
-  e.forEach(Kt);
+  e.forEach(qt);
 }
-function W(e) {
+function K(e) {
   return typeof e == "function";
 }
 function Q(e, t) {
@@ -84,35 +84,35 @@ function bt(e) {
   for (const n in e) n[0] !== "$" && (t[n] = e[n]);
   return t;
 }
-function We(e) {
+function Ke(e) {
   return e ?? "";
 }
 function he(e, t) {
   e.appendChild(t);
 }
-function O(e, t, n) {
+function B(e, t, n) {
   e.insertBefore(t, n || null);
 }
-function B(e) {
+function I(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
 function gt(e, t) {
   for (let n = 0; n < e.length; n += 1)
     e[n] && e[n].d(t);
 }
-function X(e) {
+function C(e) {
   return document.createElementNS("http://www.w3.org/2000/svg", e);
 }
 function Zt(e) {
   return document.createTextNode(e);
 }
-function ie() {
+function se() {
   return Zt(" ");
 }
-function le() {
+function ae() {
   return Zt("");
 }
-function H(e, t, n, o) {
+function z(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
 }
 function d(e, t, n) {
@@ -121,24 +121,24 @@ function d(e, t, n) {
 function bn(e) {
   return Array.from(e.childNodes);
 }
-function pe(e, t, n) {
+function ye(e, t, n) {
   e.classList.toggle(t, !!n);
 }
 function En(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
   return new CustomEvent(e, { detail: t, bubbles: n, cancelable: o });
 }
-let Ue;
-function Xe(e) {
-  Ue = e;
+let Re;
+function Ue(e) {
+  Re = e;
 }
 function xt() {
-  if (!Ue) throw new Error("Function called outside component initialization");
-  return Ue;
+  if (!Re) throw new Error("Function called outside component initialization");
+  return Re;
 }
-function Re(e) {
+function Ne(e) {
   xt().$$.on_mount.push(e);
 }
-function ke() {
+function Ie() {
   const e = xt();
   return (t, n, { cancelable: o = !1 } = {}) => {
     const i = e.$$.callbacks[t];
@@ -160,41 +160,41 @@ function me(e, t) {
   const n = e.$$.callbacks[t.type];
   n && n.slice().forEach((o) => o.call(this, t));
 }
-const Te = [], qe = [];
-let ve = [];
+const Me = [], We = [];
+let Le = [];
 const Et = [], An = /* @__PURE__ */ Promise.resolve();
 let ut = !1;
 function Sn() {
   ut || (ut = !0, An.then($t));
 }
 function dt(e) {
-  ve.push(e);
+  Le.push(e);
 }
 const $e = /* @__PURE__ */ new Set();
-let be = 0;
+let Ee = 0;
 function $t() {
-  if (be !== 0)
+  if (Ee !== 0)
     return;
-  const e = Ue;
+  const e = Re;
   do {
     try {
-      for (; be < Te.length; ) {
-        const t = Te[be];
-        be++, Xe(t), Tn(t.$$);
+      for (; Ee < Me.length; ) {
+        const t = Me[Ee];
+        Ee++, Ue(t), Tn(t.$$);
       }
     } catch (t) {
-      throw Te.length = 0, be = 0, t;
+      throw Me.length = 0, Ee = 0, t;
     }
-    for (Xe(null), Te.length = 0, be = 0; qe.length; ) qe.pop()();
-    for (let t = 0; t < ve.length; t += 1) {
-      const n = ve[t];
+    for (Ue(null), Me.length = 0, Ee = 0; We.length; ) We.pop()();
+    for (let t = 0; t < Le.length; t += 1) {
+      const n = Le[t];
       $e.has(n) || ($e.add(n), n());
     }
-    ve.length = 0;
-  } while (Te.length);
+    Le.length = 0;
+  } while (Me.length);
   for (; Et.length; )
     Et.pop()();
-  ut = !1, $e.clear(), Xe(e);
+  ut = !1, $e.clear(), Ue(e);
 }
 function Tn(e) {
   if (e.fragment !== null) {
@@ -205,55 +205,55 @@ function Tn(e) {
 }
 function Mn(e) {
   const t = [], n = [];
-  ve.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), ve = t;
+  Le.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), Le = t;
 }
 const He = /* @__PURE__ */ new Set();
-let we;
-function se() {
-  we = {
+let be;
+function re() {
+  be = {
     r: 0,
     c: [],
-    p: we
+    p: be
     // parent group
   };
 }
-function re() {
-  we.r || ge(we.c), we = we.p;
+function le() {
+  be.r || ge(be.c), be = be.p;
 }
-function Y(e, t) {
+function O(e, t) {
   e && e.i && (He.delete(e), e.i(t));
 }
-function C(e, t, n, o) {
+function P(e, t, n, o) {
   if (e && e.o) {
     if (He.has(e)) return;
-    He.add(e), we.c.push(() => {
+    He.add(e), be.c.push(() => {
       He.delete(e), o && (n && e.d(1), o());
     }), e.o(t);
   } else o && o();
 }
-function Le(e) {
+function ke(e) {
   return (e == null ? void 0 : e.length) !== void 0 ? e : Array.from(e);
 }
-function ee(e) {
+function ne(e) {
   e && e.c();
 }
-function x(e, t, n) {
+function ee(e, t, n) {
   const { fragment: o, after_update: i } = e.$$;
   o && o.m(t, n), dt(() => {
-    const s = e.$$.on_mount.map(Kt).filter(W);
+    const s = e.$$.on_mount.map(qt).filter(K);
     e.$$.on_destroy ? e.$$.on_destroy.push(...s) : ge(s), e.$$.on_mount = [];
   }), i.forEach(dt);
 }
-function $(e, t) {
+function te(e, t) {
   const n = e.$$;
   n.fragment !== null && (Mn(n.after_update), ge(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
 }
 function vn(e, t) {
-  e.$$.dirty[0] === -1 && (Te.push(e), Sn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
+  e.$$.dirty[0] === -1 && (Me.push(e), Sn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
 }
-function te(e, t, n, o, i, s, r = null, l = [-1]) {
-  const a = Ue;
-  Xe(e);
+function oe(e, t, n, o, i, s, r = null, l = [-1]) {
+  const a = Re;
+  Ue(e);
   const c = e.$$ = {
     fragment: null,
     ctx: [],
@@ -277,20 +277,20 @@ function te(e, t, n, o, i, s, r = null, l = [-1]) {
   };
   r && r(c.root);
   let u = !1;
-  if (c.ctx = n ? n(e, t.props || {}, (f, h, ...p) => {
-    const g = p.length ? p[0] : h;
+  if (c.ctx = n ? n(e, t.props || {}, (f, h, ...y) => {
+    const g = y.length ? y[0] : h;
     return c.ctx && i(c.ctx[f], c.ctx[f] = g) && (!c.skip_bound && c.bound[f] && c.bound[f](g), u && vn(e, f)), h;
   }) : [], c.update(), u = !0, ge(c.before_update), c.fragment = o ? o(c.ctx) : !1, t.target) {
     if (t.hydrate) {
       const f = bn(t.target);
-      c.fragment && c.fragment.l(f), f.forEach(B);
+      c.fragment && c.fragment.l(f), f.forEach(I);
     } else
       c.fragment && c.fragment.c();
-    t.intro && Y(e.$$.fragment), x(e, t.target, t.anchor), $t();
+    t.intro && O(e.$$.fragment), ee(e, t.target, t.anchor), $t();
   }
-  Xe(a);
+  Ue(a);
 }
-class ne {
+class ie {
   constructor() {
     /**
      * ### PRIVATE API
@@ -311,7 +311,7 @@ class ne {
   }
   /** @returns {void} */
   $destroy() {
-    $(this, 1), this.$destroy = j;
+    te(this, 1), this.$destroy = j;
   }
   /**
    * @template {Extract<keyof Events, string>} K
@@ -320,7 +320,7 @@ class ne {
    * @returns {() => void}
    */
   $on(t, n) {
-    if (!W(n))
+    if (!K(n))
       return j;
     const o = this.$$.callbacks[t] || (this.$$.callbacks[t] = []);
     return o.push(n), () => {
@@ -339,7 +339,7 @@ class ne {
 const Ln = "4";
 typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(Ln);
 var F = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(F || {});
-const mt = {}, pt = (e, t) => mt[e] = t, ht = (e) => mt[e.type].area(e), kn = (e, t, n) => mt[e.type].intersects(e, t, n), Ke = (e) => {
+const mt = {}, pt = (e, t) => mt[e] = t, ht = (e) => mt[e.type].area(e), kn = (e, t, n) => mt[e.type].intersects(e, t, n), qe = (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);
@@ -347,8 +347,8 @@ const mt = {}, pt = (e, t) => mt[e] = t, ht = (e) => mt[e.type].area(e), kn = (e
 }, In = {
   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, l = 0, a = Math.cos(l), c = Math.sin(l), u = t - o, f = n - i, h = a * u + c * f, p = c * u - a * f;
-    return h * h / (s * s) + p * p / (r * r) <= 1;
+    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, l = 0, a = Math.cos(l), c = Math.sin(l), u = t - o, f = n - i, h = a * u + c * f, y = c * u - a * f;
+    return h * h / (s * s) + y * y / (r * r) <= 1;
   }
 };
 pt(F.ELLIPSE, In);
@@ -383,19 +383,19 @@ const Je = (e) => Fe(e.target), Fe = (e) => {
   const n = typeof e == "string" ? e : e.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [s, r, l, a, c, u, f] = i;
   if (r !== "xywh") throw new Error("Unsupported MediaFragment: " + n);
   if (l && l !== "pixel") throw new Error(`Unsupported MediaFragment unit: ${l}`);
-  const [h, p, g, _] = [a, c, u, f].map(parseFloat);
+  const [h, y, g, m] = [a, c, u, f].map(parseFloat);
   return {
     type: F.RECTANGLE,
     geometry: {
       x: h,
-      y: p,
+      y,
       w: g,
-      h: _,
+      h: m,
       bounds: {
         minX: h,
-        minY: t ? p - _ : p,
+        minY: t ? y - m : y,
         maxX: h + g,
-        maxY: t ? p : p + _
+        maxY: t ? y : y + m
       }
     }
   };
@@ -425,7 +425,7 @@ const Je = (e) => Fe(e.target), Fe = (e) => {
     type: F.POLYGON,
     geometry: {
       points: i,
-      bounds: Ke(i)
+      bounds: qe(i)
     }
   };
 }, Un = (e) => {
@@ -464,11 +464,11 @@ const Je = (e) => Fe(e.target), Fe = (e) => {
   if (t)
     return { type: "SvgSelector", value: t };
   throw `Unsupported shape type: ${e.type}`;
-}, q = [];
+}, W = [];
 for (let e = 0; e < 256; ++e)
-  q.push((e + 256).toString(16).slice(1));
+  W.push((e + 256).toString(16).slice(1));
 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]]).toLowerCase();
+  return (W[e[t + 0]] + W[e[t + 1]] + W[e[t + 2]] + W[e[t + 3]] + "-" + W[e[t + 4]] + W[e[t + 5]] + "-" + W[e[t + 6]] + W[e[t + 7]] + "-" + W[e[t + 8]] + W[e[t + 9]] + "-" + W[e[t + 10]] + W[e[t + 11]] + W[e[t + 12]] + W[e[t + 13]] + W[e[t + 14]] + W[e[t + 15]]).toLowerCase();
 }
 let et;
 const Gn = new Uint8Array(16);
@@ -489,7 +489,7 @@ function tn(e, t, n) {
   return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Vn(o);
 }
 var Tt = Object.prototype.hasOwnProperty;
-function ye(e, t) {
+function _e(e, t) {
   var n, o;
   if (e === t) return !0;
   if (e && t && (n = e.constructor) === t.constructor) {
@@ -497,13 +497,13 @@ function ye(e, t) {
     if (n === RegExp) return e.toString() === t.toString();
     if (n === Array) {
       if ((o = e.length) === t.length)
-        for (; o-- && ye(e[o], t[o]); ) ;
+        for (; o-- && _e(e[o], t[o]); ) ;
       return o === -1;
     }
     if (!n || typeof e == "object") {
       o = 0;
       for (n in e)
-        if (Tt.call(e, n) && ++o && !Tt.call(t, n) || !(n in t) || !ye(e[n], t[n])) return !1;
+        if (Tt.call(e, n) && ++o && !Tt.call(t, n) || !(n in t) || !_e(e[n], t[n])) return !1;
       return Object.keys(t).length === o;
     }
   }
@@ -514,19 +514,19 @@ function tt() {
 function Hn(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
-const Ee = [];
+const Ae = [];
 function yt(e, t = tt) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
     if (Hn(e, l) && (e = l, n)) {
-      const a = !Ee.length;
+      const a = !Ae.length;
       for (const c of o)
-        c[1](), Ee.push(c, e);
+        c[1](), Ae.push(c, e);
       if (a) {
-        for (let c = 0; c < Ee.length; c += 2)
-          Ee[c][0](Ee[c + 1]);
-        Ee.length = 0;
+        for (let c = 0; c < Ae.length; c += 2)
+          Ae[c][0](Ae[c + 1]);
+        Ae.length = 0;
       }
     }
   }
@@ -559,56 +559,58 @@ const Fn = (e) => {
   };
 };
 var nn = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(nn || {});
-const Ge = { selected: [] }, Wn = (e, t, n) => {
+const Ge = { selected: [] }, Kn = (e, t, n) => {
   const { subscribe: o, set: i } = yt(Ge);
   let s = t, r = Ge;
   o((g) => r = g);
   const l = () => {
-    ye(r, Ge) || i(Ge);
+    _e(r, Ge) || i(Ge);
   }, a = () => {
     var g;
     return ((g = r.selected) == null ? void 0 : g.length) === 0;
   }, c = (g) => {
     if (a())
       return !1;
-    const _ = typeof g == "string" ? g : g.id;
-    return r.selected.some((A) => A.id === _);
-  }, u = (g, _) => {
+    const m = typeof g == "string" ? g : g.id;
+    return r.selected.some((A) => A.id === m);
+  }, u = (g, m) => {
     let A;
     if (Array.isArray(g)) {
-      if (A = g.map((y) => e.getAnnotation(y)).filter(Boolean), A.length < g.length) {
-        console.warn("Invalid selection: " + g.filter((y) => !A.some((w) => w.id === y)));
+      if (A = g.map((_) => e.getAnnotation(_)).filter(Boolean), A.length < g.length) {
+        console.warn("Invalid selection: " + g.filter((_) => !A.some((w) => w.id === _)));
         return;
       }
     } else {
-      const y = e.getAnnotation(g);
-      if (!y) {
+      const _ = e.getAnnotation(g);
+      if (!_) {
         console.warn("Invalid selection: " + g);
         return;
       }
-      A = [y];
+      A = [_];
     }
-    const m = A.reduce((y, w) => {
+    const p = A.reduce((_, w) => {
       const E = Mt(w, s, n);
-      return E === "EDIT" ? [...y, { id: w.id, editable: !0 }] : E === "SELECT" ? [...y, { id: w.id }] : y;
+      return E === "EDIT" ? [..._, { id: w.id, editable: !0 }] : E === "SELECT" ? [..._, { id: w.id }] : _;
     }, []);
-    i({ selected: m, event: _ });
-  }, f = (g, _) => {
-    const A = Array.isArray(g) ? g : [g], m = A.map((y) => e.getAnnotation(y)).filter((y) => !!y);
+    i({ selected: p, event: m });
+  }, f = (g, m) => {
+    const A = Array.isArray(g) ? g : [g], p = A.map((_) => e.getAnnotation(_)).filter((_) => !!_);
     i({
-      selected: m.map((y) => {
-        const w = _ === void 0 ? Mt(y, s, n) === "EDIT" : _;
-        return { id: y.id, editable: w };
+      selected: p.map((_) => {
+        const w = m === void 0 ? Mt(_, s, n) === "EDIT" : m;
+        return { id: _.id, editable: w };
       })
-    }), m.length !== A.length && console.warn("Invalid selection", g);
+    }), p.length !== A.length && console.warn("Invalid selection", g);
   }, h = (g) => {
     if (a())
       return !1;
-    const { selected: _ } = r;
-    _.some(({ id: A }) => g.includes(A)) && i({ selected: _.filter(({ id: A }) => !g.includes(A)) });
-  }, p = (g) => s = g;
+    const { selected: m } = r;
+    m.some(({ id: A }) => g.includes(A)) && i({ selected: m.filter(({ id: A }) => !g.includes(A)) });
+  }, y = (g) => {
+    s = g, f(r.selected.map(({ id: m }) => m));
+  };
   return e.observe(
-    ({ changes: g }) => h((g.deleted || []).map((_) => _.id))
+    ({ changes: g }) => h((g.deleted || []).map((m) => m.id))
   ), {
     get event() {
       return r ? r.event : null;
@@ -623,28 +625,28 @@ const Ge = { selected: [] }, Wn = (e, t, n) => {
     isEmpty: a,
     isSelected: c,
     setSelected: f,
-    setUserSelectAction: p,
+    setUserSelectAction: y,
     subscribe: o,
     userSelect: u
   };
 }, Mt = (e, t, n) => {
   const o = n ? n.serialize(e) : e;
   return typeof t == "function" ? t(o) : t || "EDIT";
-}, K = [];
+}, q = [];
 for (let e = 0; e < 256; ++e)
-  K.push((e + 256).toString(16).slice(1));
-function qn(e, t = 0) {
-  return (K[e[t + 0]] + K[e[t + 1]] + K[e[t + 2]] + K[e[t + 3]] + "-" + K[e[t + 4]] + K[e[t + 5]] + "-" + K[e[t + 6]] + K[e[t + 7]] + "-" + K[e[t + 8]] + K[e[t + 9]] + "-" + K[e[t + 10]] + K[e[t + 11]] + K[e[t + 12]] + K[e[t + 13]] + K[e[t + 14]] + K[e[t + 15]]).toLowerCase();
+  q.push((e + 256).toString(16).slice(1));
+function Wn(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]]).toLowerCase();
 }
 let nt;
-const Kn = new Uint8Array(16);
+const qn = new Uint8Array(16);
 function Jn() {
   if (!nt) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     nt = crypto.getRandomValues.bind(crypto);
   }
-  return nt(Kn);
+  return nt(qn);
 }
 const Qn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), vt = { randomUUID: Qn };
 function on(e, t, n) {
@@ -652,7 +654,7 @@ function on(e, t, n) {
     return vt.randomUUID();
   e = e || {};
   const o = e.random || (e.rng || Jn)();
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, qn(o);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Wn(o);
 }
 const ot = (e) => {
   const t = (n) => {
@@ -678,8 +680,8 @@ const ot = (e) => {
   return e.bodies.filter((o) => !n.has(o.id));
 }, $n = (e, t) => t.bodies.map((n) => {
   const o = e.bodies.find((i) => i.id === n.id);
-  return { newBody: n, oldBody: o && !ye(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), eo = (e, t) => !ye(e.target, t.target), sn = (e, t) => {
+  return { newBody: n, oldBody: o && !_e(o, n) ? o : void 0 };
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), eo = (e, t) => !_e(e.target, t.target), sn = (e, t) => {
   const n = Zn(e, t), o = xn(e, t), i = $n(e, t);
   return {
     oldValue: e,
@@ -722,9 +724,9 @@ const to = (e, t) => {
     ...(t.deleted || []).filter((f) => !n.has(f.id))
   ], u = [
     ...(e.updated || []).filter(({ newValue: f }) => !s.has(f.id)).map((f) => {
-      const { oldValue: h, newValue: p } = f;
-      if (r.has(p.id)) {
-        const g = t.updated.find((_) => _.oldValue.id === p.id).newValue;
+      const { oldValue: h, newValue: y } = f;
+      if (r.has(y.id)) {
+        const g = t.updated.find((m) => m.oldValue.id === y.id).newValue;
         return sn(h, g);
       } else
         return f;
@@ -747,170 +749,170 @@ const to = (e, t) => {
     }
   };
 }, oo = (e) => e.id !== void 0, io = () => {
-  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (S, T = {}) => {
-    n.push({ onChange: S, options: T });
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (S, v = {}) => {
+    n.push({ onChange: S, options: v });
   }, i = (S) => {
-    const T = n.findIndex((b) => b.onChange == S);
-    T > -1 && n.splice(T, 1);
-  }, s = (S, T) => {
+    const v = n.findIndex((b) => b.onChange == S);
+    v > -1 && n.splice(v, 1);
+  }, s = (S, v) => {
     const b = {
       origin: S,
       changes: {
-        created: T.created || [],
-        updated: T.updated || [],
-        deleted: T.deleted || []
+        created: v.created || [],
+        updated: v.updated || [],
+        deleted: v.deleted || []
       },
       state: [...e.values()]
     };
-    n.forEach((M) => {
-      to(M, b) && M.onChange(b);
+    n.forEach((T) => {
+      to(T, b) && T.onChange(b);
     });
-  }, r = (S, T = G.LOCAL) => {
+  }, r = (S, v = G.LOCAL) => {
     if (S.id && e.get(S.id))
       throw Error(`Cannot add annotation ${S.id} - exists already`);
     {
       const b = it(S);
-      e.set(b.id, b), b.bodies.forEach((M) => t.set(M.id, b.id)), s(T, { created: [b] });
+      e.set(b.id, b), b.bodies.forEach((T) => t.set(T.id, b.id)), s(v, { created: [b] });
     }
-  }, l = (S, T) => {
-    const b = it(typeof S == "string" ? T : S), M = typeof S == "string" ? S : S.id, P = M && e.get(M);
-    if (P) {
-      const D = sn(P, b);
-      return M === b.id ? e.set(M, b) : (e.delete(M), e.set(b.id, b)), P.bodies.forEach((z) => t.delete(z.id)), b.bodies.forEach((z) => t.set(z.id, b.id)), D;
+  }, l = (S, v) => {
+    const b = it(typeof S == "string" ? v : S), T = typeof S == "string" ? S : S.id, Y = T && e.get(T);
+    if (Y) {
+      const D = sn(Y, b);
+      return T === b.id ? e.set(T, b) : (e.delete(T), e.set(b.id, b)), Y.bodies.forEach((H) => t.delete(H.id)), b.bodies.forEach((H) => t.set(H.id, b.id)), D;
     } else
-      console.warn(`Cannot update annotation ${M} - does not exist`);
-  }, a = (S, T = G.LOCAL, b = G.LOCAL) => {
-    const M = oo(T) ? b : T, P = l(S, T);
-    P && s(M, { updated: [P] });
-  }, c = (S, T = G.LOCAL) => {
-    const b = S.reduce((M, P) => {
-      const D = l(P);
-      return D ? [...M, D] : M;
+      console.warn(`Cannot update annotation ${T} - does not exist`);
+  }, a = (S, v = G.LOCAL, b = G.LOCAL) => {
+    const T = oo(v) ? b : v, Y = l(S, v);
+    Y && s(T, { updated: [Y] });
+  }, c = (S, v = G.LOCAL) => {
+    const b = S.reduce((T, Y) => {
+      const D = l(Y);
+      return D ? [...T, D] : T;
     }, []);
-    b.length > 0 && s(T, { updated: b });
-  }, u = (S, T = G.LOCAL) => {
+    b.length > 0 && s(v, { updated: b });
+  }, u = (S, v = G.LOCAL) => {
     const b = e.get(S.annotation);
     if (b) {
-      const M = {
+      const T = {
         ...b,
         bodies: [...b.bodies, S]
       };
-      e.set(b.id, M), t.set(S.id, M.id), s(T, { updated: [{
+      e.set(b.id, T), t.set(S.id, T.id), s(v, { updated: [{
         oldValue: b,
-        newValue: M,
+        newValue: T,
         bodiesCreated: [S]
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${S.annotation}`);
   }, f = () => [...e.values()], h = (S = G.LOCAL) => {
-    const T = [...e.values()];
-    e.clear(), t.clear(), s(S, { deleted: T });
-  }, p = (S, T = !0, b = G.LOCAL) => {
-    const M = S.map(it);
-    if (T) {
-      const P = [...e.values()];
-      e.clear(), t.clear(), M.forEach((D) => {
-        e.set(D.id, D), D.bodies.forEach((z) => t.set(z.id, D.id));
-      }), s(b, { created: M, deleted: P });
+    const v = [...e.values()];
+    e.clear(), t.clear(), s(S, { deleted: v });
+  }, y = (S, v = !0, b = G.LOCAL) => {
+    const T = S.map(it);
+    if (v) {
+      const Y = [...e.values()];
+      e.clear(), t.clear(), T.forEach((D) => {
+        e.set(D.id, D), D.bodies.forEach((H) => t.set(H.id, D.id));
+      }), s(b, { created: T, deleted: Y });
     } else {
-      const P = S.reduce((D, z) => {
-        const oe = z.id && e.get(z.id);
-        return oe ? [...D, oe] : D;
+      const Y = S.reduce((D, H) => {
+        const J = H.id && e.get(H.id);
+        return J ? [...D, J] : D;
       }, []);
-      if (P.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${P.map((D) => D.id).join(", ")}`);
-      M.forEach((D) => {
-        e.set(D.id, D), D.bodies.forEach((z) => t.set(z.id, D.id));
-      }), s(b, { created: M });
+      if (Y.length > 0)
+        throw Error(`Bulk insert would overwrite the following annotations: ${Y.map((D) => D.id).join(", ")}`);
+      T.forEach((D) => {
+        e.set(D.id, D), D.bodies.forEach((H) => t.set(H.id, D.id));
+      }), s(b, { created: T });
     }
   }, g = (S) => {
-    const T = typeof S == "string" ? S : S.id, b = e.get(T);
+    const v = typeof S == "string" ? S : S.id, b = e.get(v);
     if (b)
-      return e.delete(T), b.bodies.forEach((M) => t.delete(M.id)), b;
-    console.warn(`Attempt to delete missing annotation: ${T}`);
-  }, _ = (S, T = G.LOCAL) => {
+      return e.delete(v), b.bodies.forEach((T) => t.delete(T.id)), b;
+    console.warn(`Attempt to delete missing annotation: ${v}`);
+  }, m = (S, v = G.LOCAL) => {
     const b = g(S);
-    b && s(T, { deleted: [b] });
-  }, A = (S, T = G.LOCAL) => {
-    const b = S.reduce((M, P) => {
-      const D = g(P);
-      return D ? [...M, D] : M;
+    b && s(v, { deleted: [b] });
+  }, A = (S, v = G.LOCAL) => {
+    const b = S.reduce((T, Y) => {
+      const D = g(Y);
+      return D ? [...T, D] : T;
     }, []);
-    b.length > 0 && s(T, { deleted: b });
-  }, m = (S) => {
-    const T = e.get(S.annotation);
-    if (T) {
-      const b = T.bodies.find((M) => M.id === S.id);
+    b.length > 0 && s(v, { deleted: b });
+  }, p = (S) => {
+    const v = e.get(S.annotation);
+    if (v) {
+      const b = v.bodies.find((T) => T.id === S.id);
       if (b) {
         t.delete(b.id);
-        const M = {
-          ...T,
-          bodies: T.bodies.filter((P) => P.id !== S.id)
+        const T = {
+          ...v,
+          bodies: v.bodies.filter((Y) => Y.id !== S.id)
         };
-        return e.set(T.id, M), {
-          oldValue: T,
-          newValue: M,
+        return e.set(v.id, T), {
+          oldValue: v,
+          newValue: T,
           bodiesDeleted: [b]
         };
       } else
         console.warn(`Attempt to delete missing body ${S.id} from annotation ${S.annotation}`);
     } else
       console.warn(`Attempt to delete body from missing annotation ${S.annotation}`);
-  }, y = (S, T = G.LOCAL) => {
-    const b = m(S);
-    b && s(T, { updated: [b] });
-  }, w = (S, T = G.LOCAL) => {
-    const b = S.map((M) => m(M)).filter(Boolean);
-    b.length > 0 && s(T, { updated: b });
+  }, _ = (S, v = G.LOCAL) => {
+    const b = p(S);
+    b && s(v, { updated: [b] });
+  }, w = (S, v = G.LOCAL) => {
+    const b = S.map((T) => p(T)).filter(Boolean);
+    b.length > 0 && s(v, { updated: b });
   }, E = (S) => {
-    const T = e.get(S);
-    return T ? { ...T } : void 0;
-  }, I = (S) => {
-    const T = t.get(S);
-    if (T) {
-      const b = E(T).bodies.find((M) => M.id === S);
+    const v = e.get(S);
+    return v ? { ...v } : void 0;
+  }, k = (S) => {
+    const v = t.get(S);
+    if (v) {
+      const b = E(v).bodies.find((T) => T.id === S);
       if (b)
         return b;
       console.error(`Store integrity error: body ${S} in index, but not in annotation`);
     } else
       console.warn(`Attempt to retrieve missing body: ${S}`);
-  }, U = (S, T) => {
-    if (S.annotation !== T.annotation)
+  }, X = (S, v) => {
+    if (S.annotation !== v.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
     const b = e.get(S.annotation);
     if (b) {
-      const M = b.bodies.find((D) => D.id === S.id), P = {
+      const T = b.bodies.find((D) => D.id === S.id), Y = {
         ...b,
-        bodies: b.bodies.map((D) => D.id === M.id ? T : D)
+        bodies: b.bodies.map((D) => D.id === T.id ? v : D)
       };
-      return e.set(b.id, P), M.id !== T.id && (t.delete(M.id), t.set(T.id, P.id)), {
+      return e.set(b.id, Y), T.id !== v.id && (t.delete(T.id), t.set(v.id, Y.id)), {
         oldValue: b,
-        newValue: P,
-        bodiesUpdated: [{ oldBody: M, newBody: T }]
+        newValue: Y,
+        bodiesUpdated: [{ oldBody: T, newBody: v }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${S.annotation}`);
-  }, N = (S, T, b = G.LOCAL) => {
-    const M = U(S, T);
-    M && s(b, { updated: [M] });
-  }, V = (S, T = G.LOCAL) => {
-    const b = S.map((M) => U({ id: M.id, annotation: M.annotation }, M)).filter(Boolean);
-    s(T, { updated: b });
+  }, R = (S, v, b = G.LOCAL) => {
+    const T = X(S, v);
+    T && s(b, { updated: [T] });
+  }, V = (S, v = G.LOCAL) => {
+    const b = S.map((T) => X({ id: T.id, annotation: T.annotation }, T)).filter(Boolean);
+    s(v, { updated: b });
   }, Z = (S) => {
-    const T = e.get(S.annotation);
-    if (T) {
+    const v = e.get(S.annotation);
+    if (v) {
       const b = {
-        ...T,
+        ...v,
         target: {
-          ...T.target,
+          ...v.target,
           ...S
         }
       };
-      return e.set(T.id, b), {
-        oldValue: T,
+      return e.set(v.id, b), {
+        oldValue: v,
         newValue: b,
         targetUpdated: {
-          oldTarget: T.target,
+          oldTarget: v.target,
           newTarget: S
         }
       };
@@ -921,27 +923,27 @@ const to = (e, t) => {
     addAnnotation: r,
     addBody: u,
     all: f,
-    bulkAddAnnotation: p,
+    bulkAddAnnotation: y,
     bulkDeleteAnnotation: A,
     bulkDeleteBodies: w,
     bulkUpdateAnnotation: c,
     bulkUpdateBodies: V,
-    bulkUpdateTargets: (S, T = G.LOCAL) => {
-      const b = S.map((M) => Z(M)).filter(Boolean);
-      b.length > 0 && s(T, { updated: b });
+    bulkUpdateTargets: (S, v = G.LOCAL) => {
+      const b = S.map((T) => Z(T)).filter(Boolean);
+      b.length > 0 && s(v, { updated: b });
     },
     clear: h,
-    deleteAnnotation: _,
-    deleteBody: y,
+    deleteAnnotation: m,
+    deleteBody: _,
     getAnnotation: E,
-    getBody: I,
+    getBody: k,
     observe: o,
     unobserve: i,
     updateAnnotation: a,
-    updateBody: N,
-    updateTarget: (S, T = G.LOCAL) => {
+    updateBody: R,
+    updateTarget: (S, v = G.LOCAL) => {
       const b = Z(S);
-      b && s(T, { updated: [b] });
+      b && s(v, { updated: [b] });
     }
   };
 }, so = (e) => ({
@@ -970,37 +972,37 @@ const lo = 250, ao = (e, t) => {
   let i = t ? t.pointer : -1, s = !1, r = 0;
   const l = (g) => {
     if (!s) {
-      const { changes: _ } = g, A = performance.now();
+      const { changes: m } = g, A = performance.now();
       if (A - r > lo)
-        o.splice(i + 1), o.push(_), i = o.length - 1;
+        o.splice(i + 1), o.push(m), i = o.length - 1;
       else {
-        const m = o.length - 1;
-        o[m] = no(o[m], _);
+        const p = o.length - 1;
+        o[p] = no(o[p], m);
       }
       r = A;
     }
     s = !1;
   };
   e.observe(l, { origin: G.LOCAL });
-  const a = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g), c = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), u = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ oldValue: _ }) => _)), f = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ newValue: _ }) => _)), h = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), p = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g);
+  const a = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g), c = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), u = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ oldValue: m }) => m)), f = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ newValue: m }) => m)), h = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), y = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g);
   return {
     canRedo: () => o.length - 1 > i,
     canUndo: () => i > -1,
     destroy: () => e.unobserve(l),
     getHistory: () => ({ changes: [...o], pointer: i }),
-    on: (g, _) => n.on(g, _),
+    on: (g, m) => n.on(g, m),
     redo: () => {
       if (o.length - 1 > i) {
         s = !0;
-        const { created: g, updated: _, deleted: A } = o[i + 1];
-        c(g), f(_), p(A), n.emit("redo", o[i + 1]), i += 1;
+        const { created: g, updated: m, deleted: A } = o[i + 1];
+        c(g), f(m), y(A), n.emit("redo", o[i + 1]), i += 1;
       }
     },
     undo: () => {
       if (i > -1) {
         s = !0;
-        const { created: g, updated: _, deleted: A } = o[i];
-        a(g), u(_), h(A), n.emit("undo", o[i]), i -= 1;
+        const { created: g, updated: m, deleted: A } = o[i];
+        a(g), u(m), h(A), n.emit("undo", o[i]), i -= 1;
       }
     }
   };
@@ -1013,78 +1015,78 @@ const lo = 250, ao = (e, t) => {
 }, fo = (e, t, n, o) => {
   const { hover: i, selection: s, store: r, viewport: l } = e, a = /* @__PURE__ */ new Map();
   let c = [], u, f;
-  const h = (m, y) => {
-    a.has(m) ? a.get(m).push(y) : a.set(m, [y]);
-  }, p = (m, y) => {
-    const w = a.get(m);
+  const h = (p, _) => {
+    a.has(p) ? a.get(p).push(_) : a.set(p, [_]);
+  }, y = (p, _) => {
+    const w = a.get(p);
     if (w) {
-      const E = w.indexOf(y);
+      const E = w.indexOf(_);
       E !== -1 && w.splice(E, 1);
     }
-  }, g = (m, y, w) => {
-    a.has(m) && setTimeout(() => {
-      a.get(m).forEach((E) => {
+  }, g = (p, _, w) => {
+    a.has(p) && setTimeout(() => {
+      a.get(p).forEach((E) => {
         if (n) {
-          const I = Array.isArray(y) ? y.map((N) => n.serialize(N)) : n.serialize(y), U = w ? w instanceof PointerEvent ? w : n.serialize(w) : void 0;
-          E(I, U);
+          const k = Array.isArray(_) ? _.map((R) => n.serialize(R)) : n.serialize(_), X = w ? w instanceof PointerEvent ? w : n.serialize(w) : void 0;
+          E(k, X);
         } else
-          E(y, w);
+          E(_, w);
       });
     }, 1);
-  }, _ = () => {
-    const { selected: m } = s, y = (m || []).map(({ id: w }) => r.getAnnotation(w));
-    y.forEach((w) => {
-      const E = c.find((I) => I.id === w.id);
-      (!E || !ye(E, w)) && g("updateAnnotation", w, E);
-    }), c = c.map((w) => y.find(({ id: I }) => I === w.id) || w);
+  }, m = () => {
+    const { selected: p } = s, _ = (p || []).map(({ id: w }) => r.getAnnotation(w));
+    _.forEach((w) => {
+      const E = c.find((k) => k.id === w.id);
+      (!E || !_e(E, w)) && g("updateAnnotation", w, E);
+    }), c = c.map((w) => _.find(({ id: k }) => k === w.id) || w);
   };
-  s.subscribe(({ selected: m }) => {
-    if (!(c.length === 0 && m.length === 0)) {
-      if (c.length === 0 && m.length > 0)
-        c = m.map(({ id: y }) => r.getAnnotation(y));
-      else if (c.length > 0 && m.length === 0)
-        c.forEach((y) => {
-          const w = r.getAnnotation(y.id);
-          w && !ye(w, y) && g("updateAnnotation", w, y);
+  s.subscribe(({ selected: p }) => {
+    if (!(c.length === 0 && p.length === 0)) {
+      if (c.length === 0 && p.length > 0)
+        c = p.map(({ id: _ }) => r.getAnnotation(_));
+      else if (c.length > 0 && p.length === 0)
+        c.forEach((_) => {
+          const w = r.getAnnotation(_.id);
+          w && !_e(w, _) && g("updateAnnotation", w, _);
         }), c = [];
       else {
-        const y = new Set(c.map((E) => E.id)), w = new Set(m.map(({ id: E }) => E));
+        const _ = new Set(c.map((E) => E.id)), w = new Set(p.map(({ id: E }) => E));
         c.filter((E) => !w.has(E.id)).forEach((E) => {
-          const I = r.getAnnotation(E.id);
-          I && !ye(I, E) && g("updateAnnotation", I, E);
+          const k = r.getAnnotation(E.id);
+          k && !_e(k, E) && g("updateAnnotation", k, E);
         }), c = [
           // Remove annotations that were deselected
           ...c.filter((E) => w.has(E.id)),
           // Add editable annotations that were selected
-          ...m.filter(({ id: E }) => !y.has(E)).map(({ id: E }) => r.getAnnotation(E))
+          ...p.filter(({ id: E }) => !_.has(E)).map(({ id: E }) => r.getAnnotation(E))
         ];
       }
       g("selectionChanged", c);
     }
-  }), i.subscribe((m) => {
-    !u && m ? g("mouseEnterAnnotation", r.getAnnotation(m)) : u && !m ? g("mouseLeaveAnnotation", r.getAnnotation(u)) : u && m && (g("mouseLeaveAnnotation", r.getAnnotation(u)), g("mouseEnterAnnotation", r.getAnnotation(m))), u = m;
-  }), l == null || l.subscribe((m) => g("viewportIntersect", m.map((y) => r.getAnnotation(y)))), r.observe((m) => {
-    o && (f && clearTimeout(f), f = setTimeout(_, 1e3));
-    const { created: y, deleted: w } = m.changes;
-    (y || []).forEach((E) => g("createAnnotation", E)), (w || []).forEach((E) => g("deleteAnnotation", E)), (m.changes.updated || []).filter((E) => [
+  }), i.subscribe((p) => {
+    !u && p ? g("mouseEnterAnnotation", r.getAnnotation(p)) : u && !p ? g("mouseLeaveAnnotation", r.getAnnotation(u)) : u && p && (g("mouseLeaveAnnotation", r.getAnnotation(u)), g("mouseEnterAnnotation", r.getAnnotation(p))), u = p;
+  }), l == null || l.subscribe((p) => g("viewportIntersect", p.map((_) => r.getAnnotation(_)))), r.observe((p) => {
+    o && (f && clearTimeout(f), f = setTimeout(m, 1e3));
+    const { created: _, deleted: w } = p.changes;
+    (_ || []).forEach((E) => g("createAnnotation", E)), (w || []).forEach((E) => g("deleteAnnotation", E)), (p.changes.updated || []).filter((E) => [
       ...E.bodiesCreated || [],
       ...E.bodiesDeleted || [],
       ...E.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: E, newValue: I }) => {
-      const U = c.find((N) => N.id === E.id) || E;
-      c = c.map((N) => N.id === E.id ? I : N), g("updateAnnotation", I, U);
+    ].length > 0).forEach(({ oldValue: E, newValue: k }) => {
+      const X = c.find((R) => R.id === E.id) || E;
+      c = c.map((R) => R.id === E.id ? k : R), g("updateAnnotation", k, X);
     });
-  }, { origin: G.LOCAL }), r.observe((m) => {
+  }, { origin: G.LOCAL }), r.observe((p) => {
     if (c) {
-      const y = new Set(c.map((E) => E.id)), w = (m.changes.updated || []).filter(({ newValue: E }) => y.has(E.id)).map(({ newValue: E }) => E);
-      w.length > 0 && (c = c.map((E) => w.find((U) => U.id === E.id) || E));
+      const _ = new Set(c.map((E) => E.id)), w = (p.changes.updated || []).filter(({ newValue: E }) => _.has(E.id)).map(({ newValue: E }) => E);
+      w.length > 0 && (c = c.map((E) => w.find((X) => X.id === E.id) || E));
     }
   }, { origin: G.REMOTE });
-  const A = (m) => (y) => {
-    const { updated: w } = y;
-    m ? (w || []).forEach((E) => g("updateAnnotation", E.oldValue, E.newValue)) : (w || []).forEach((E) => g("updateAnnotation", E.newValue, E.oldValue));
+  const A = (p) => (_) => {
+    const { updated: w } = _;
+    p ? (w || []).forEach((E) => g("updateAnnotation", E.oldValue, E.newValue)) : (w || []).forEach((E) => g("updateAnnotation", E.newValue, E.oldValue));
   };
-  return t.on("undo", A(!0)), t.on("redo", A(!1)), { on: h, off: p, emit: g };
+  return t.on("undo", A(!0)), t.on("redo", A(!1)), { on: h, off: y, emit: g };
 }, uo = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
@@ -1097,46 +1099,46 @@ const lo = 250, ao = (e, t) => {
     ...n
   };
 }, { parsed: [], failed: [] }), ho = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (m) => {
+  const { store: o, selection: i } = e, s = (p) => {
     if (n) {
-      const { parsed: y, error: w } = n.parse(m);
-      y ? o.addAnnotation(y, G.REMOTE) : console.error(w);
+      const { parsed: _, error: w } = n.parse(p);
+      _ ? o.addAnnotation(_, G.REMOTE) : console.error(w);
     } else
-      o.addAnnotation(ot(m), G.REMOTE);
-  }, r = () => i.clear(), l = () => o.clear(), a = (m) => {
-    const y = o.getAnnotation(m);
-    return n && y ? n.serialize(y) : y;
+      o.addAnnotation(ot(p), G.REMOTE);
+  }, r = () => i.clear(), l = () => o.clear(), a = (p) => {
+    const _ = o.getAnnotation(p);
+    return n && _ ? n.serialize(_) : _;
   }, c = () => n ? o.all().map(n.serialize) : o.all(), u = () => {
-    var m;
-    const y = (((m = i.selected) == null ? void 0 : m.map((w) => w.id)) || []).map((w) => o.getAnnotation(w)).filter(Boolean);
-    return n ? y.map(n.serialize) : y;
-  }, f = (m, y = !0) => fetch(m).then((w) => w.json()).then((w) => (p(w, y), w)), h = (m) => {
-    if (typeof m == "string") {
-      const y = o.getAnnotation(m);
-      if (o.deleteAnnotation(m), y)
-        return n ? n.serialize(y) : y;
+    var p;
+    const _ = (((p = i.selected) == null ? void 0 : p.map((w) => w.id)) || []).map((w) => o.getAnnotation(w)).filter(Boolean);
+    return n ? _.map(n.serialize) : _;
+  }, f = (p, _ = !0) => fetch(p).then((w) => w.json()).then((w) => (y(w, _), w)), h = (p) => {
+    if (typeof p == "string") {
+      const _ = o.getAnnotation(p);
+      if (o.deleteAnnotation(p), _)
+        return n ? n.serialize(_) : _;
     } else {
-      const y = n ? n.parse(m).parsed : m;
-      if (y)
-        return o.deleteAnnotation(y), m;
+      const _ = n ? n.parse(p).parsed : p;
+      if (_)
+        return o.deleteAnnotation(_), p;
     }
-  }, p = (m, y = !0) => {
+  }, y = (p, _ = !0) => {
     if (n) {
-      const w = n.parseAll || uo(n), { parsed: E, failed: I } = w(m);
-      I.length > 0 && console.warn(`Discarded ${I.length} invalid annotations`, I), o.bulkAddAnnotation(E, y, G.REMOTE);
+      const w = n.parseAll || uo(n), { parsed: E, failed: k } = w(p);
+      k.length > 0 && console.warn(`Discarded ${k.length} invalid annotations`, k), o.bulkAddAnnotation(E, _, G.REMOTE);
     } else
-      o.bulkAddAnnotation(m.map(ot), y, G.REMOTE);
-  }, g = (m, y) => {
-    m ? i.setSelected(m, y) : i.clear();
-  }, _ = (m) => {
-    i.clear(), i.setUserSelectAction(m);
-  }, A = (m) => {
+      o.bulkAddAnnotation(p.map(ot), _, G.REMOTE);
+  }, g = (p, _) => {
+    p ? i.setSelected(p, _) : i.clear();
+  }, m = (p) => {
+    i.clear(), i.setUserSelectAction(p);
+  }, A = (p) => {
     if (n) {
-      const y = n.parse(m).parsed, w = n.serialize(o.getAnnotation(y.id));
-      return o.updateAnnotation(y), w;
+      const _ = n.parse(p).parsed, w = n.serialize(o.getAnnotation(_.id));
+      return o.updateAnnotation(_), w;
     } else {
-      const y = o.getAnnotation(m.id);
-      return o.updateAnnotation(ot(m)), y;
+      const _ = o.getAnnotation(p.id);
+      return o.updateAnnotation(ot(p)), _;
     }
   };
   return {
@@ -1152,9 +1154,9 @@ const lo = 250, ao = (e, t) => {
     loadAnnotations: f,
     redo: t.redo,
     removeAnnotation: h,
-    setAnnotations: p,
+    setAnnotations: y,
     setSelected: g,
-    setUserSelectAction: _,
+    setUserSelectAction: m,
     undo: t.undo,
     updateAnnotation: A
   };
@@ -1232,7 +1234,7 @@ const wo = () => ({ isGuest: !0, id: yo("1234567890abcdefghijklmnopqrstuvwxyzABC
   // cyan
   "#023eff"
   // blue
-], Wi = () => {
+], Ki = () => {
   const e = [...So];
   return { assignRandomColor: () => {
     const t = Math.floor(Math.random() * e.length), n = e[t];
@@ -1240,7 +1242,7 @@ const wo = () => ({ isGuest: !0, id: yo("1234567890abcdefghijklmnopqrstuvwxyzABC
   }, releaseColor: (t) => e.push(t) };
 };
 _o();
-const qi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => To(i, t), serialize: (i) => Mo(i, e, t) }), To = (e, t = { strict: !0, invertY: !1 }) => {
+const Wi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => To(i, t), serialize: (i) => Mo(i, e, t) }), To = (e, t = { strict: !0, invertY: !1 }) => {
   const n = e.id || tn(), {
     creator: o,
     created: i,
@@ -1306,7 +1308,7 @@ function Lt(e, t, n) {
 }
 function kt(e) {
   let t, n;
-  return t = new Ye({
+  return t = new Pe({
     props: {
       x: (
         /*point*/
@@ -1322,7 +1324,7 @@ function kt(e) {
       )
     }
   }), t.$on("pointerdown", function() {
-    W(
+    K(
       /*grab*/
       e[9](`HANDLE-${/*idx*/
       e[12]}`)
@@ -1330,10 +1332,10 @@ function kt(e) {
     e[12]}`).apply(this, arguments);
   }), {
     c() {
-      ee(t.$$.fragment);
+      ne(t.$$.fragment);
     },
     m(o, i) {
-      x(t, o, i), n = !0;
+      ee(t, o, i), n = !0;
     },
     p(o, i) {
       e = o;
@@ -1347,32 +1349,32 @@ function kt(e) {
       e[3]), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (O(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      P(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      $(t, o);
+      te(t, o);
     }
   };
 }
 function vo(e) {
-  let t, n, o, i, s, r, l, a, c, u, f, h = Le(
+  let t, n, o, i, s, r, l, a, c, u, f, h = ke(
     /*geom*/
     e[4].points
-  ), p = [];
-  for (let _ = 0; _ < h.length; _ += 1)
-    p[_] = kt(Lt(e, h, _));
-  const g = (_) => C(p[_], 1, 1, () => {
-    p[_] = null;
+  ), y = [];
+  for (let m = 0; m < h.length; m += 1)
+    y[m] = kt(Lt(e, h, m));
+  const g = (m) => P(y[m], 1, 1, () => {
+    y[m] = null;
   });
   return {
     c() {
-      t = X("polygon"), i = ie(), s = X("polygon"), l = ie();
-      for (let _ = 0; _ < p.length; _ += 1)
-        p[_].c();
-      a = le(), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
+      t = C("polygon"), i = se(), s = C("polygon"), l = se();
+      for (let m = 0; m < y.length; m += 1)
+        y[m].c();
+      a = ae(), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), d(t, "points", o = /*geom*/
       e[4].points.map(It).join(" ")), d(s, "class", "a9s-inner a9s-shape-handle"), d(
         s,
@@ -1382,27 +1384,27 @@ function vo(e) {
       ), d(s, "points", r = /*geom*/
       e[4].points.map(Bt).join(" "));
     },
-    m(_, A) {
-      O(_, t, A), O(_, i, A), O(_, s, A), O(_, l, A);
-      for (let m = 0; m < p.length; m += 1)
-        p[m] && p[m].m(_, A);
-      O(_, a, A), c = !0, u || (f = [
-        H(t, "pointerdown", function() {
-          W(
+    m(m, A) {
+      B(m, t, A), B(m, i, A), B(m, s, A), B(m, l, A);
+      for (let p = 0; p < y.length; p += 1)
+        y[p] && y[p].m(m, A);
+      B(m, a, A), c = !0, u || (f = [
+        z(t, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         }),
-        H(s, "pointerdown", function() {
-          W(
+        z(s, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         })
       ], u = !0);
     },
-    p(_, A) {
-      if (e = _, (!c || A & /*computedStyle*/
+    p(m, A) {
+      if (e = m, (!c || A & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
       e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!c || A & /*geom*/
       16 && o !== (o = /*geom*/
@@ -1416,35 +1418,35 @@ function vo(e) {
       16 && r !== (r = /*geom*/
       e[4].points.map(Bt).join(" "))) && d(s, "points", r), A & /*geom, viewportScale, grab*/
       536) {
-        h = Le(
+        h = ke(
           /*geom*/
           e[4].points
         );
-        let m;
-        for (m = 0; m < h.length; m += 1) {
-          const y = Lt(e, h, m);
-          p[m] ? (p[m].p(y, A), Y(p[m], 1)) : (p[m] = kt(y), p[m].c(), Y(p[m], 1), p[m].m(a.parentNode, a));
+        let p;
+        for (p = 0; p < h.length; p += 1) {
+          const _ = Lt(e, h, p);
+          y[p] ? (y[p].p(_, A), O(y[p], 1)) : (y[p] = kt(_), y[p].c(), O(y[p], 1), y[p].m(a.parentNode, a));
         }
-        for (se(), m = h.length; m < p.length; m += 1)
-          g(m);
-        re();
+        for (re(), p = h.length; p < y.length; p += 1)
+          g(p);
+        le();
       }
     },
-    i(_) {
+    i(m) {
       if (!c) {
         for (let A = 0; A < h.length; A += 1)
-          Y(p[A]);
+          O(y[A]);
         c = !0;
       }
     },
-    o(_) {
-      p = p.filter(Boolean);
-      for (let A = 0; A < p.length; A += 1)
-        C(p[A]);
+    o(m) {
+      y = y.filter(Boolean);
+      for (let A = 0; A < y.length; A += 1)
+        P(y[A]);
       c = !1;
     },
-    d(_) {
-      _ && (B(t), B(i), B(s), B(l), B(a)), gt(p, _), u = !1, ge(f);
+    d(m) {
+      m && (I(t), I(i), I(s), I(l), I(a)), gt(y, m), u = !1, ge(f);
     }
   };
 }
@@ -1487,10 +1489,10 @@ function Lo(e) {
     e[8]
   ), {
     c() {
-      ee(t.$$.fragment);
+      ne(t.$$.fragment);
     },
     m(o, i) {
-      x(t, o, i), n = !0;
+      ee(t, o, i), n = !0;
     },
     p(o, [i]) {
       const s = {};
@@ -1502,25 +1504,25 @@ function Lo(e) {
       8730 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (O(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      P(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      $(t, o);
+      te(t, o);
     }
   };
 }
 const It = (e) => e.join(","), Bt = (e) => e.join(",");
 function ko(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
-  const a = (h, p, g) => {
-    let _;
+  const a = (h, y, g) => {
+    let m;
     const A = h.geometry;
-    p === "SHAPE" ? _ = A.points.map(([y, w]) => [y + g[0], w + g[1]]) : _ = A.points.map(([y, w], E) => p === `HANDLE-${E}` ? [y + g[0], w + g[1]] : [y, w]);
-    const m = Ke(_);
-    return { ...h, geometry: { points: _, bounds: m } };
+    y === "SHAPE" ? m = A.points.map(([_, w]) => [_ + g[0], w + g[1]]) : m = A.points.map(([_, w], E) => y === `HANDLE-${E}` ? [_ + g[0], w + g[1]] : [_, w]);
+    const p = qe(m);
+    return { ...h, geometry: { points: m, bounds: p } };
   };
   function c(h) {
     me.call(this, e, h);
@@ -1548,9 +1550,9 @@ function ko(e, t, n) {
     f
   ];
 }
-class Io extends ne {
+class Io extends ie {
   constructor(t) {
-    super(), te(this, t, ko, Lo, Q, {
+    super(), oe(this, t, ko, Lo, Q, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1561,19 +1563,19 @@ class Io extends ne {
 const st = (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));
-}, Ae = [];
+}, Se = [];
 function Bo(e, t = j) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
     if (Q(e, l) && (e = l, n)) {
-      const a = !Ae.length;
+      const a = !Se.length;
       for (const c of o)
-        c[1](), Ae.push(c, e);
+        c[1](), Se.push(c, e);
       if (a) {
-        for (let c = 0; c < Ae.length; c += 2)
-          Ae[c][0](Ae[c + 1]);
-        Ae.length = 0;
+        for (let c = 0; c < Se.length; c += 2)
+          Se[c][0](Se[c + 1]);
+        Se.length = 0;
       }
     }
   }
@@ -1617,7 +1619,7 @@ function Po(e) {
   let t, n, o, i, s, r;
   return {
     c() {
-      t = X("rect"), d(t, "class", n = We(`a9s-handle ${/*$$props*/
+      t = C("rect"), d(t, "class", n = Ke(`a9s-handle ${/*$$props*/
       e[8].class || ""}`.trim()) + " svelte-1sgkh33"), d(t, "x", o = /*x*/
       e[0] - /*handleSize*/
       e[5] / 2), d(t, "y", i = /*y*/
@@ -1635,7 +1637,7 @@ function Po(e) {
       );
     },
     m(l, a) {
-      O(l, t, a), s || (r = H(
+      B(l, t, a), s || (r = z(
         t,
         "pointerdown",
         /*pointerdown_handler_2*/
@@ -1644,7 +1646,7 @@ function Po(e) {
     },
     p(l, a) {
       a & /*$$props*/
-      256 && n !== (n = We(`a9s-handle ${/*$$props*/
+      256 && n !== (n = Ke(`a9s-handle ${/*$$props*/
       l[8].class || ""}`.trim()) + " svelte-1sgkh33") && d(t, "class", n), a & /*x, handleSize*/
       33 && o !== (o = /*x*/
       l[0] - /*handleSize*/
@@ -1666,7 +1668,7 @@ function Po(e) {
       );
     },
     d(l) {
-      l && B(t), s = !1, r();
+      l && I(t), s = !1, r();
     }
   };
 }
@@ -1674,7 +1676,7 @@ function Co(e) {
   let t, n, o, i, s, r, l, a, c;
   return {
     c() {
-      t = X("g"), n = X("circle"), i = X("rect"), d(
+      t = C("g"), n = C("circle"), i = C("rect"), d(
         n,
         "cx",
         /*x*/
@@ -1686,12 +1688,12 @@ function Co(e) {
         e[1]
       ), d(n, "r", o = /*radius*/
       e[3] / /*scale*/
-      e[2]), d(n, "class", "a9s-touch-halo svelte-1sgkh33"), pe(
+      e[2]), d(n, "class", "a9s-touch-halo svelte-1sgkh33"), ye(
         n,
         "touched",
         /*touched*/
         e[4]
-      ), d(i, "class", s = We(`a9s-handle ${/*$$props*/
+      ), d(i, "class", s = Ke(`a9s-handle ${/*$$props*/
       e[8].class || ""}`.trim()) + " svelte-1sgkh33"), d(i, "x", r = /*x*/
       e[0] - /*handleSize*/
       e[5] / 2), d(i, "y", l = /*y*/
@@ -1709,38 +1711,38 @@ function Co(e) {
       ), d(t, "class", "a9s-touch-handle");
     },
     m(u, f) {
-      O(u, t, f), he(t, n), he(t, i), a || (c = [
-        H(
+      B(u, t, f), he(t, n), he(t, i), a || (c = [
+        z(
           n,
           "pointerdown",
           /*pointerdown_handler*/
           e[10]
         ),
-        H(
+        z(
           n,
           "pointerdown",
           /*onPointerDown*/
           e[6]
         ),
-        H(
+        z(
           n,
           "pointerup",
           /*onPointerUp*/
           e[7]
         ),
-        H(
+        z(
           i,
           "pointerdown",
           /*pointerdown_handler_1*/
           e[9]
         ),
-        H(
+        z(
           i,
           "pointerdown",
           /*onPointerDown*/
           e[6]
         ),
-        H(
+        z(
           i,
           "pointerup",
           /*onPointerUp*/
@@ -1765,13 +1767,13 @@ function Co(e) {
       12 && o !== (o = /*radius*/
       u[3] / /*scale*/
       u[2]) && d(n, "r", o), f & /*touched*/
-      16 && pe(
+      16 && ye(
         n,
         "touched",
         /*touched*/
         u[4]
       ), f & /*$$props*/
-      256 && s !== (s = We(`a9s-handle ${/*$$props*/
+      256 && s !== (s = Ke(`a9s-handle ${/*$$props*/
       u[8].class || ""}`.trim()) + " svelte-1sgkh33") && d(i, "class", s), f & /*x, handleSize*/
       33 && r !== (r = /*x*/
       u[0] - /*handleSize*/
@@ -1793,7 +1795,7 @@ function Co(e) {
       );
     },
     d(u) {
-      u && B(t), a = !1, ge(c);
+      u && I(t), a = !1, ge(c);
     }
   };
 }
@@ -1805,10 +1807,10 @@ function Xo(e) {
   let i = n()(e);
   return {
     c() {
-      i.c(), t = le();
+      i.c(), t = ae();
     },
     m(s, r) {
-      i.m(s, r), O(s, t, r);
+      i.m(s, r), B(s, t, r);
     },
     p(s, [r]) {
       i.p(s, r);
@@ -1816,7 +1818,7 @@ function Xo(e) {
     i: j,
     o: j,
     d(s) {
-      s && B(t), i.d(s);
+      s && I(t), i.d(s);
     }
   };
 }
@@ -1831,7 +1833,7 @@ function Uo(e, t, n) {
   function h(g) {
     me.call(this, e, g);
   }
-  function p(g) {
+  function y(g) {
     me.call(this, e, g);
   }
   return e.$$set = (g) => {
@@ -1851,17 +1853,17 @@ function Uo(e, t, n) {
     t,
     f,
     h,
-    p
+    y
   ];
 }
-class Ye extends ne {
+class Pe extends ie {
   constructor(t) {
-    super(), te(this, t, Uo, Xo, Q, { x: 0, y: 1, scale: 2, radius: 3 });
+    super(), oe(this, t, Uo, Xo, Q, { x: 0, y: 1, scale: 2, radius: 3 });
   }
 }
 function Ro(e) {
-  let t, n, o, i, s, r, l, a, c, u, f, h, p, g, _, A, m, y, w, E, I, U, N, V, Z, S, T, b, M, P, D, z, oe, ae, Ie, ce, Be, fe, Oe, ue, R, k, J;
-  return ae = new Ye({
+  let t, n, o, i, s, r, l, a, c, u, f, h, y, g, m, A, p, _, w, E, k, X, R, V, Z, S, v, b, T, Y, D, H, J, $, pe, ce, Be, fe, Oe, ue, U, De, Ve;
+  return $ = new Pe({
     props: {
       class: "a9s-corner-handle-topleft",
       x: (
@@ -1877,12 +1879,12 @@ function Ro(e) {
         e[3]
       )
     }
-  }), ae.$on("pointerdown", function() {
-    W(
+  }), $.$on("pointerdown", function() {
+    K(
       /*grab*/
       e[9]("TOP_LEFT")
     ) && e[9]("TOP_LEFT").apply(this, arguments);
-  }), ce = new Ye({
+  }), ce = new Pe({
     props: {
       class: "a9s-corner-handle-topright",
       x: (
@@ -1900,11 +1902,11 @@ function Ro(e) {
       )
     }
   }), ce.$on("pointerdown", function() {
-    W(
+    K(
       /*grab*/
       e[9]("TOP_RIGHT")
     ) && e[9]("TOP_RIGHT").apply(this, arguments);
-  }), fe = new Ye({
+  }), fe = new Pe({
     props: {
       class: "a9s-corner-handle-bottomright",
       x: (
@@ -1923,11 +1925,11 @@ function Ro(e) {
       )
     }
   }), fe.$on("pointerdown", function() {
-    W(
+    K(
       /*grab*/
       e[9]("BOTTOM_RIGHT")
     ) && e[9]("BOTTOM_RIGHT").apply(this, arguments);
-  }), ue = new Ye({
+  }), ue = new Pe({
     props: {
       class: "a9s-corner-handle-bottomleft",
       x: (
@@ -1945,13 +1947,13 @@ function Ro(e) {
       )
     }
   }), ue.$on("pointerdown", function() {
-    W(
+    K(
       /*grab*/
       e[9]("BOTTOM_LEFT")
     ) && e[9]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = X("rect"), l = ie(), a = X("rect"), p = ie(), g = X("rect"), y = ie(), w = X("rect"), N = ie(), V = X("rect"), b = ie(), M = X("rect"), oe = ie(), ee(ae.$$.fragment), Ie = ie(), ee(ce.$$.fragment), Be = ie(), ee(fe.$$.fragment), Oe = ie(), ee(ue.$$.fragment), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
+      t = C("rect"), l = se(), a = C("rect"), y = se(), g = C("rect"), _ = se(), w = C("rect"), R = se(), V = C("rect"), b = se(), T = C("rect"), J = se(), ne($.$$.fragment), pe = se(), ne(ce.$$.fragment), Be = se(), ne(fe.$$.fragment), Oe = se(), ne(ue.$$.fragment), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), d(t, "x", o = /*geom*/
       e[4].x), d(t, "y", i = /*geom*/
       e[4].y), d(t, "width", s = /*geom*/
@@ -1965,159 +1967,159 @@ function Ro(e) {
       e[4].x), d(a, "y", u = /*geom*/
       e[4].y), d(a, "width", f = /*geom*/
       e[4].w), d(a, "height", h = /*geom*/
-      e[4].h), d(g, "class", "a9s-edge-handle a9s-edge-handle-top"), d(g, "x", _ = /*geom*/
+      e[4].h), d(g, "class", "a9s-edge-handle a9s-edge-handle-top"), d(g, "x", m = /*geom*/
       e[4].x), d(g, "y", A = /*geom*/
-      e[4].y), d(g, "height", 1), d(g, "width", m = /*geom*/
+      e[4].y), d(g, "height", 1), d(g, "width", p = /*geom*/
       e[4].w), d(w, "class", "a9s-edge-handle a9s-edge-handle-right"), d(w, "x", E = /*geom*/
       e[4].x + /*geom*/
-      e[4].w), d(w, "y", I = /*geom*/
-      e[4].y), d(w, "height", U = /*geom*/
+      e[4].w), d(w, "y", k = /*geom*/
+      e[4].y), d(w, "height", X = /*geom*/
       e[4].h), d(w, "width", 1), d(V, "class", "a9s-edge-handle a9s-edge-handle-bottom"), d(V, "x", Z = /*geom*/
       e[4].x), d(V, "y", S = /*geom*/
       e[4].y + /*geom*/
-      e[4].h), d(V, "height", 1), d(V, "width", T = /*geom*/
-      e[4].w), d(M, "class", "a9s-edge-handle a9s-edge-handle-left"), d(M, "x", P = /*geom*/
-      e[4].x), d(M, "y", D = /*geom*/
-      e[4].y), d(M, "height", z = /*geom*/
-      e[4].h), d(M, "width", 1);
-    },
-    m(L, v) {
-      O(L, t, v), O(L, l, v), O(L, a, v), O(L, p, v), O(L, g, v), O(L, y, v), O(L, w, v), O(L, N, v), O(L, V, v), O(L, b, v), O(L, M, v), O(L, oe, v), x(ae, L, v), O(L, Ie, v), x(ce, L, v), O(L, Be, v), x(fe, L, v), O(L, Oe, v), x(ue, L, v), R = !0, k || (J = [
-        H(t, "pointerdown", function() {
-          W(
+      e[4].h), d(V, "height", 1), d(V, "width", v = /*geom*/
+      e[4].w), d(T, "class", "a9s-edge-handle a9s-edge-handle-left"), d(T, "x", Y = /*geom*/
+      e[4].x), d(T, "y", D = /*geom*/
+      e[4].y), d(T, "height", H = /*geom*/
+      e[4].h), d(T, "width", 1);
+    },
+    m(M, L) {
+      B(M, t, L), B(M, l, L), B(M, a, L), B(M, y, L), B(M, g, L), B(M, _, L), B(M, w, L), B(M, R, L), B(M, V, L), B(M, b, L), B(M, T, L), B(M, J, L), ee($, M, L), B(M, pe, L), ee(ce, M, L), B(M, Be, L), ee(fe, M, L), B(M, Oe, L), ee(ue, M, L), U = !0, De || (Ve = [
+        z(t, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         }),
-        H(a, "pointerdown", function() {
-          W(
+        z(a, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         }),
-        H(g, "pointerdown", function() {
-          W(
+        z(g, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("TOP")
           ) && e[9]("TOP").apply(this, arguments);
         }),
-        H(w, "pointerdown", function() {
-          W(
+        z(w, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("RIGHT")
           ) && e[9]("RIGHT").apply(this, arguments);
         }),
-        H(V, "pointerdown", function() {
-          W(
+        z(V, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("BOTTOM")
           ) && e[9]("BOTTOM").apply(this, arguments);
         }),
-        H(M, "pointerdown", function() {
-          W(
+        z(T, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("LEFT")
           ) && e[9]("LEFT").apply(this, arguments);
         })
-      ], k = !0);
+      ], De = !0);
     },
-    p(L, v) {
-      e = L, (!R || v & /*computedStyle*/
+    p(M, L) {
+      e = M, (!U || L & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!R || v & /*geom*/
+      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!U || L & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].x)) && d(t, "x", o), (!R || v & /*geom*/
+      e[4].x)) && d(t, "x", o), (!U || L & /*geom*/
       16 && i !== (i = /*geom*/
-      e[4].y)) && d(t, "y", i), (!R || v & /*geom*/
+      e[4].y)) && d(t, "y", i), (!U || L & /*geom*/
       16 && s !== (s = /*geom*/
-      e[4].w)) && d(t, "width", s), (!R || v & /*geom*/
+      e[4].w)) && d(t, "width", s), (!U || L & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].h)) && d(t, "height", r), (!R || v & /*computedStyle*/
+      e[4].h)) && d(t, "height", r), (!U || L & /*computedStyle*/
       2) && d(
         a,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!R || v & /*geom*/
+      ), (!U || L & /*geom*/
       16 && c !== (c = /*geom*/
-      e[4].x)) && d(a, "x", c), (!R || v & /*geom*/
+      e[4].x)) && d(a, "x", c), (!U || L & /*geom*/
       16 && u !== (u = /*geom*/
-      e[4].y)) && d(a, "y", u), (!R || v & /*geom*/
+      e[4].y)) && d(a, "y", u), (!U || L & /*geom*/
       16 && f !== (f = /*geom*/
-      e[4].w)) && d(a, "width", f), (!R || v & /*geom*/
+      e[4].w)) && d(a, "width", f), (!U || L & /*geom*/
       16 && h !== (h = /*geom*/
-      e[4].h)) && d(a, "height", h), (!R || v & /*geom*/
-      16 && _ !== (_ = /*geom*/
-      e[4].x)) && d(g, "x", _), (!R || v & /*geom*/
-      16 && A !== (A = /*geom*/
-      e[4].y)) && d(g, "y", A), (!R || v & /*geom*/
+      e[4].h)) && d(a, "height", h), (!U || L & /*geom*/
       16 && m !== (m = /*geom*/
-      e[4].w)) && d(g, "width", m), (!R || v & /*geom*/
+      e[4].x)) && d(g, "x", m), (!U || L & /*geom*/
+      16 && A !== (A = /*geom*/
+      e[4].y)) && d(g, "y", A), (!U || L & /*geom*/
+      16 && p !== (p = /*geom*/
+      e[4].w)) && d(g, "width", p), (!U || L & /*geom*/
       16 && E !== (E = /*geom*/
       e[4].x + /*geom*/
-      e[4].w)) && d(w, "x", E), (!R || v & /*geom*/
-      16 && I !== (I = /*geom*/
-      e[4].y)) && d(w, "y", I), (!R || v & /*geom*/
-      16 && U !== (U = /*geom*/
-      e[4].h)) && d(w, "height", U), (!R || v & /*geom*/
+      e[4].w)) && d(w, "x", E), (!U || L & /*geom*/
+      16 && k !== (k = /*geom*/
+      e[4].y)) && d(w, "y", k), (!U || L & /*geom*/
+      16 && X !== (X = /*geom*/
+      e[4].h)) && d(w, "height", X), (!U || L & /*geom*/
       16 && Z !== (Z = /*geom*/
-      e[4].x)) && d(V, "x", Z), (!R || v & /*geom*/
+      e[4].x)) && d(V, "x", Z), (!U || L & /*geom*/
       16 && S !== (S = /*geom*/
       e[4].y + /*geom*/
-      e[4].h)) && d(V, "y", S), (!R || v & /*geom*/
-      16 && T !== (T = /*geom*/
-      e[4].w)) && d(V, "width", T), (!R || v & /*geom*/
-      16 && P !== (P = /*geom*/
-      e[4].x)) && d(M, "x", P), (!R || v & /*geom*/
+      e[4].h)) && d(V, "y", S), (!U || L & /*geom*/
+      16 && v !== (v = /*geom*/
+      e[4].w)) && d(V, "width", v), (!U || L & /*geom*/
+      16 && Y !== (Y = /*geom*/
+      e[4].x)) && d(T, "x", Y), (!U || L & /*geom*/
       16 && D !== (D = /*geom*/
-      e[4].y)) && d(M, "y", D), (!R || v & /*geom*/
-      16 && z !== (z = /*geom*/
-      e[4].h)) && d(M, "height", z);
+      e[4].y)) && d(T, "y", D), (!U || L & /*geom*/
+      16 && H !== (H = /*geom*/
+      e[4].h)) && d(T, "height", H);
+      const N = {};
+      L & /*geom*/
+      16 && (N.x = /*geom*/
+      e[4].x), L & /*geom*/
+      16 && (N.y = /*geom*/
+      e[4].y), L & /*viewportScale*/
+      8 && (N.scale = /*viewportScale*/
+      e[3]), $.$set(N);
+      const x = {};
+      L & /*geom*/
+      16 && (x.x = /*geom*/
+      e[4].x + /*geom*/
+      e[4].w), L & /*geom*/
+      16 && (x.y = /*geom*/
+      e[4].y), L & /*viewportScale*/
+      8 && (x.scale = /*viewportScale*/
+      e[3]), ce.$set(x);
       const de = {};
-      v & /*geom*/
+      L & /*geom*/
       16 && (de.x = /*geom*/
-      e[4].x), v & /*geom*/
-      16 && (de.y = /*geom*/
-      e[4].y), v & /*viewportScale*/
-      8 && (de.scale = /*viewportScale*/
-      e[3]), ae.$set(de);
-      const _e = {};
-      v & /*geom*/
-      16 && (_e.x = /*geom*/
-      e[4].x + /*geom*/
-      e[4].w), v & /*geom*/
-      16 && (_e.y = /*geom*/
-      e[4].y), v & /*viewportScale*/
-      8 && (_e.scale = /*viewportScale*/
-      e[3]), ce.$set(_e);
-      const Ne = {};
-      v & /*geom*/
-      16 && (Ne.x = /*geom*/
       e[4].x + /*geom*/
-      e[4].w), v & /*geom*/
-      16 && (Ne.y = /*geom*/
+      e[4].w), L & /*geom*/
+      16 && (de.y = /*geom*/
       e[4].y + /*geom*/
-      e[4].h), v & /*viewportScale*/
-      8 && (Ne.scale = /*viewportScale*/
-      e[3]), fe.$set(Ne);
-      const Ve = {};
-      v & /*geom*/
-      16 && (Ve.x = /*geom*/
-      e[4].x), v & /*geom*/
-      16 && (Ve.y = /*geom*/
+      e[4].h), L & /*viewportScale*/
+      8 && (de.scale = /*viewportScale*/
+      e[3]), fe.$set(de);
+      const we = {};
+      L & /*geom*/
+      16 && (we.x = /*geom*/
+      e[4].x), L & /*geom*/
+      16 && (we.y = /*geom*/
       e[4].y + /*geom*/
-      e[4].h), v & /*viewportScale*/
-      8 && (Ve.scale = /*viewportScale*/
-      e[3]), ue.$set(Ve);
+      e[4].h), L & /*viewportScale*/
+      8 && (we.scale = /*viewportScale*/
+      e[3]), ue.$set(we);
     },
-    i(L) {
-      R || (Y(ae.$$.fragment, L), Y(ce.$$.fragment, L), Y(fe.$$.fragment, L), Y(ue.$$.fragment, L), R = !0);
+    i(M) {
+      U || (O($.$$.fragment, M), O(ce.$$.fragment, M), O(fe.$$.fragment, M), O(ue.$$.fragment, M), U = !0);
     },
-    o(L) {
-      C(ae.$$.fragment, L), C(ce.$$.fragment, L), C(fe.$$.fragment, L), C(ue.$$.fragment, L), R = !1;
+    o(M) {
+      P($.$$.fragment, M), P(ce.$$.fragment, M), P(fe.$$.fragment, M), P(ue.$$.fragment, M), U = !1;
     },
-    d(L) {
-      L && (B(t), B(l), B(a), B(p), B(g), B(y), B(w), B(N), B(V), B(b), B(M), B(oe), B(Ie), B(Be), B(Oe)), $(ae, L), $(ce, L), $(fe, L), $(ue, L), k = !1, ge(J);
+    d(M) {
+      M && (I(t), I(l), I(a), I(y), I(g), I(_), I(w), I(R), I(V), I(b), I(T), I(J), I(pe), I(Be), I(Oe)), te($, M), te(ce, M), te(fe, M), te(ue, M), De = !1, ge(Ve);
     }
   };
 }
@@ -2160,10 +2162,10 @@ function No(e) {
     e[8]
   ), {
     c() {
-      ee(t.$$.fragment);
+      ne(t.$$.fragment);
     },
     m(o, i) {
-      x(t, o, i), n = !0;
+      ee(t, o, i), n = !0;
     },
     p(o, [i]) {
       const s = {};
@@ -2175,40 +2177,40 @@ function No(e) {
       1562 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (O(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      P(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      $(t, o);
+      te(t, o);
     }
   };
 }
 function Vo(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
-  const a = (h, p, g) => {
-    const _ = h.geometry.bounds;
-    let [A, m] = [_.minX, _.minY], [y, w] = [_.maxX, _.maxY];
-    const [E, I] = g;
-    if (p === "SHAPE")
-      A += E, y += E, m += I, w += I;
+  const a = (h, y, g) => {
+    const m = h.geometry.bounds;
+    let [A, p] = [m.minX, m.minY], [_, w] = [m.maxX, m.maxY];
+    const [E, k] = g;
+    if (y === "SHAPE")
+      A += E, _ += E, p += k, w += k;
     else {
-      switch (p) {
+      switch (y) {
         case "TOP":
         case "TOP_LEFT":
         case "TOP_RIGHT": {
-          m += I;
+          p += k;
           break;
         }
         case "BOTTOM":
         case "BOTTOM_LEFT":
         case "BOTTOM_RIGHT": {
-          w += I;
+          w += k;
           break;
         }
       }
-      switch (p) {
+      switch (y) {
         case "LEFT":
         case "TOP_LEFT":
         case "BOTTOM_LEFT": {
@@ -2218,24 +2220,24 @@ function Vo(e, t, n) {
         case "RIGHT":
         case "TOP_RIGHT":
         case "BOTTOM_RIGHT": {
-          y += E;
+          _ += E;
           break;
         }
       }
     }
-    const U = Math.min(A, y), N = Math.min(m, w), V = Math.abs(y - A), Z = Math.abs(w - m);
+    const X = Math.min(A, _), R = Math.min(p, w), V = Math.abs(_ - A), Z = Math.abs(w - p);
     return {
       ...h,
       geometry: {
-        x: U,
-        y: N,
+        x: X,
+        y: R,
         w: V,
         h: Z,
         bounds: {
-          minX: U,
-          minY: N,
-          maxX: U + V,
-          maxY: N + Z
+          minX: X,
+          minY: R,
+          maxX: X + V,
+          maxY: R + Z
         }
       }
     };
@@ -2266,9 +2268,9 @@ function Vo(e, t, n) {
     f
   ];
 }
-class Go extends ne {
+class Go extends ie {
   constructor(t) {
-    super(), te(this, t, Vo, No, Q, {
+    super(), oe(this, t, Vo, No, Q, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -2297,17 +2299,17 @@ function Fo(e) {
   );
   return {
     c() {
-      t = X("g"), r && r.c(), d(t, "class", "a9s-annotation selected");
+      t = C("g"), r && r.c(), d(t, "class", "a9s-annotation selected");
     },
     m(l, a) {
-      O(l, t, a), r && r.m(t, null), n = !0, o || (i = [
-        H(
+      B(l, t, a), r && r.m(t, null), n = !0, o || (i = [
+        z(
           t,
           "pointerup",
           /*onRelease*/
           e[2]
         ),
-        H(
+        z(
           t,
           "pointermove",
           /*onPointerMove*/
@@ -2337,37 +2339,37 @@ function Fo(e) {
       );
     },
     i(l) {
-      n || (Y(r, l), n = !0);
+      n || (O(r, l), n = !0);
     },
     o(l) {
-      C(r, l), n = !1;
+      P(r, l), n = !1;
     },
     d(l) {
-      l && B(t), r && r.d(l), o = !1, ge(i);
+      l && I(t), r && r.d(l), o = !1, ge(i);
     }
   };
 }
-function Wo(e, t, n) {
+function Ko(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
-  const s = ke();
+  const s = Ie();
   let { shape: r } = t, { editor: l } = t, { transform: a } = t, c, u, f;
-  const h = (_) => (A) => {
-    c = _, u = a.elementToImage(A.offsetX, A.offsetY), f = r, A.target.setPointerCapture(A.pointerId), s("grab", A);
-  }, p = (_) => {
+  const h = (m) => (A) => {
+    c = m, u = a.elementToImage(A.offsetX, A.offsetY), f = r, A.target.setPointerCapture(A.pointerId), s("grab", A);
+  }, y = (m) => {
     if (c) {
-      const [A, m] = a.elementToImage(_.offsetX, _.offsetY), y = [A - u[0], m - u[1]];
-      n(3, r = l(f, c, y)), s("change", r);
+      const [A, p] = a.elementToImage(m.offsetX, m.offsetY), _ = [A - u[0], p - u[1]];
+      n(3, r = l(f, c, _)), s("change", r);
     }
-  }, g = (_) => {
-    _.target.releasePointerCapture(_.pointerId), c = void 0, f = r, s("release", _);
+  }, g = (m) => {
+    m.target.releasePointerCapture(m.pointerId), c = void 0, f = r, s("release", m);
   };
-  return e.$$set = (_) => {
-    "shape" in _ && n(3, r = _.shape), "editor" in _ && n(4, l = _.editor), "transform" in _ && n(5, a = _.transform), "$$scope" in _ && n(6, i = _.$$scope);
-  }, [h, p, g, r, l, a, i, o];
+  return e.$$set = (m) => {
+    "shape" in m && n(3, r = m.shape), "editor" in m && n(4, l = m.editor), "transform" in m && n(5, a = m.transform), "$$scope" in m && n(6, i = m.$$scope);
+  }, [h, y, g, r, l, a, i, o];
 }
-class an extends ne {
+class an extends ie {
   constructor(t) {
-    super(), te(this, t, Wo, Fo, Q, { shape: 3, editor: 4, transform: 5 });
+    super(), oe(this, t, Ko, Fo, Q, { shape: 3, editor: 4, transform: 5 });
   }
 }
 const Qe = (e, t) => {
@@ -2378,11 +2380,11 @@ const Qe = (e, t) => {
     return o && (a += `fill:${o};`, a += `fill-opacity:${i || "0.25"};`), s && (a += `stroke:${s};`, a += `stroke-width:${r || "1"};`, a += `stroke-opacity:${l || "1"};`), a;
   }
 };
-function qo(e, t, n) {
+function Wo(e, t, n) {
   let o;
-  const i = ke();
+  const i = Ie();
   let { annotation: s } = t, { editor: r } = t, { style: l } = t, { target: a } = t, { transform: c } = t, { viewportScale: u } = t, f;
-  return Re(() => (n(6, f = new r({
+  return Ne(() => (n(6, f = new r({
     target: a,
     props: {
       shape: s.target.selector,
@@ -2414,9 +2416,9 @@ function qo(e, t, n) {
     o
   ];
 }
-class Ko extends ne {
+class qo extends ie {
   constructor(t) {
-    super(), te(this, t, qo, null, Q, {
+    super(), oe(this, t, Wo, null, Q, {
       annotation: 0,
       editor: 1,
       style: 2,
@@ -2427,11 +2429,11 @@ class Ko extends ne {
   }
 }
 function Jo(e, t, n) {
-  const o = ke();
+  const o = Ie();
   let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: l } = t, { viewportScale: a } = t, c;
-  return Re(() => {
-    const u = s.closest("svg"), f = [], h = (p, g, _) => {
-      u == null || u.addEventListener(p, g, _), f.push(() => u == null ? void 0 : u.removeEventListener(p, g, _));
+  return Ne(() => {
+    const u = s.closest("svg"), f = [], h = (y, g, m) => {
+      u == null || u.addEventListener(y, g, m), f.push(() => u == null ? void 0 : u.removeEventListener(y, g, m));
     };
     return n(5, c = new r({
       target: s,
@@ -2441,8 +2443,8 @@ function Jo(e, t, n) {
         transform: l,
         viewportScale: a
       }
-    })), c.$on("create", (p) => o("create", p.detail)), () => {
-      f.forEach((p) => p()), c.$destroy();
+    })), c.$on("create", (y) => o("create", y.detail)), () => {
+      f.forEach((y) => y()), c.$destroy();
     };
   }), e.$$set = (u) => {
     "drawingMode" in u && n(0, i = u.drawingMode), "target" in u && n(1, s = u.target), "tool" in u && n(2, r = u.tool), "transform" in u && n(3, l = u.transform), "viewportScale" in u && n(4, a = u.viewportScale);
@@ -2452,9 +2454,9 @@ function Jo(e, t, n) {
     48 && c && c.$set({ viewportScale: a });
   }, [i, s, r, l, a, c];
 }
-class Qo extends ne {
+class Qo extends ie {
   constructor(t) {
-    super(), te(this, t, Jo, null, Q, {
+    super(), oe(this, t, Jo, null, Q, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -2467,7 +2469,7 @@ function Dt(e) {
   let t, n;
   return {
     c() {
-      t = X("rect"), n = X("rect"), d(t, "class", "a9s-outer"), d(
+      t = C("rect"), n = C("rect"), d(t, "class", "a9s-outer"), d(
         t,
         "x",
         /*x*/
@@ -2510,7 +2512,7 @@ function Dt(e) {
       );
     },
     m(o, i) {
-      O(o, t, i), O(o, n, i);
+      B(o, t, i), B(o, n, i);
     },
     p(o, i) {
       i & /*x*/
@@ -2564,7 +2566,7 @@ function Dt(e) {
       );
     },
     d(o) {
-      o && (B(t), B(n));
+      o && (I(t), I(n));
     }
   };
 }
@@ -2575,10 +2577,10 @@ function Zo(e) {
   );
   return {
     c() {
-      t = X("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
+      t = C("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      O(o, t, i), n && n.m(t, null);
+      B(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*origin*/
@@ -2587,55 +2589,55 @@ function Zo(e) {
     i: j,
     o: j,
     d(o) {
-      o && B(t), n && n.d();
+      o && I(t), n && n.d();
     }
   };
 }
 function xo(e, t, n) {
-  const o = ke();
-  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, l, a, c, u, f, h, p;
-  const g = (y) => {
-    const w = y;
-    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, p = 1));
-  }, _ = (y) => {
-    const w = y;
-    a && (c = r.elementToImage(w.offsetX, w.offsetY), n(1, u = Math.min(c[0], a[0])), n(2, f = Math.min(c[1], a[1])), n(3, h = Math.abs(c[0] - a[0])), n(4, p = Math.abs(c[1] - a[1])));
-  }, A = (y) => {
-    const w = y, E = performance.now() - l;
+  const o = Ie();
+  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, l, a, c, u, f, h, y;
+  const g = (_) => {
+    const w = _;
+    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, y = 1));
+  }, m = (_) => {
+    const w = _;
+    a && (c = r.elementToImage(w.offsetX, w.offsetY), n(1, u = Math.min(c[0], a[0])), n(2, f = Math.min(c[1], a[1])), n(3, h = Math.abs(c[0] - a[0])), n(4, y = Math.abs(c[1] - a[1])));
+  }, A = (_) => {
+    const w = _, E = performance.now() - l;
     if (s === "click") {
       if (E > 300) return;
-      a ? m() : (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, p = 1));
-    } else a && (E > 300 || h * p > 100 ? (w.stopPropagation(), m()) : (n(0, a = void 0), c = void 0));
-  }, m = () => {
-    if (h * p > 15) {
-      const y = {
+      a ? p() : (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, y = 1));
+    } else a && (E > 300 || h * y > 100 ? (w.stopPropagation(), p()) : (n(0, a = void 0), c = void 0));
+  }, p = () => {
+    if (h * y > 15) {
+      const _ = {
         type: F.RECTANGLE,
         geometry: {
           bounds: {
             minX: u,
             minY: f,
             maxX: u + h,
-            maxY: f + p
+            maxY: f + y
           },
           x: u,
           y: f,
           w: h,
-          h: p
+          h: y
         }
       };
-      o("create", y);
+      o("create", _);
     }
     n(0, a = void 0), c = void 0;
   };
-  return Re(() => {
-    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);
-  }, [a, u, f, h, p, i, s, r];
+  return Ne(() => {
+    i("pointerdown", g), i("pointermove", m), i("pointerup", A, !0);
+  }), e.$$set = (_) => {
+    "addEventListener" in _ && n(5, i = _.addEventListener), "drawingMode" in _ && n(6, s = _.drawingMode), "transform" in _ && n(7, r = _.transform);
+  }, [a, u, f, h, y, i, s, r];
 }
-class $o extends ne {
+class $o extends ie {
   constructor(t) {
-    super(), te(this, t, xo, Zo, Q, {
+    super(), oe(this, t, xo, Zo, Q, {
       addEventListener: 5,
       drawingMode: 6,
       transform: 7
@@ -2664,12 +2666,12 @@ function Yt(e) {
   );
   return {
     c() {
-      t = X("polygon"), o = X("polygon"), r && r.c(), s = le(), d(t, "class", "a9s-outer"), d(t, "points", n = /*coords*/
+      t = C("polygon"), o = C("polygon"), r && r.c(), s = ae(), d(t, "class", "a9s-outer"), d(t, "points", n = /*coords*/
       e[16]), d(o, "class", "a9s-inner"), d(o, "points", i = /*coords*/
       e[16]);
     },
     m(l, a) {
-      O(l, t, a), O(l, o, a), r && r.m(l, a), O(l, s, a);
+      B(l, t, a), B(l, o, a), r && r.m(l, a), B(l, s, a);
     },
     p(l, a) {
       a & /*isClosable, points, cursor*/
@@ -2680,7 +2682,7 @@ function Yt(e) {
       l[2] ? r ? r.p(l, a) : (r = Pt(l), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
     },
     d(l) {
-      l && (B(t), B(o), B(s)), r && r.d(l);
+      l && (I(t), I(o), I(s)), r && r.d(l);
     }
   };
 }
@@ -2688,7 +2690,7 @@ function Pt(e) {
   let t, n, o;
   return {
     c() {
-      t = X("rect"), d(t, "class", "a9s-corner-handle"), d(t, "x", n = /*points*/
+      t = C("rect"), d(t, "class", "a9s-handle"), d(t, "x", n = /*points*/
       e[0][0][0] - /*handleSize*/
       e[3] / 2), d(t, "y", o = /*points*/
       e[0][0][1] - /*handleSize*/
@@ -2705,7 +2707,7 @@ function Pt(e) {
       );
     },
     m(i, s) {
-      O(i, t, s);
+      B(i, t, s);
     },
     p(i, s) {
       s & /*points, handleSize*/
@@ -2729,7 +2731,7 @@ function Pt(e) {
       );
     },
     d(i) {
-      i && B(t);
+      i && I(t);
     }
   };
 }
@@ -2740,10 +2742,10 @@ function ei(e) {
   );
   return {
     c() {
-      t = X("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
+      t = C("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      O(o, t, i), n && n.m(t, null);
+      B(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*cursor*/
@@ -2752,31 +2754,31 @@ function ei(e) {
     i: j,
     o: j,
     d(o) {
-      o && B(t), n && n.d();
+      o && I(t), n && n.d();
     }
   };
 }
 const ti = 20, ni = 1500;
 function oi(e, t, n) {
   let o;
-  const i = ke();
-  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, u = [], f, h, p = !1;
+  const i = Ie();
+  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, u = [], f, h, y = !1;
   const g = (w) => {
-    const E = w, { timeStamp: I, offsetX: U, offsetY: N } = E;
-    if (c = { timeStamp: I, offsetX: U, offsetY: N }, r === "drag" && u.length === 0) {
+    const E = w, { timeStamp: k, offsetX: X, offsetY: R } = E;
+    if (c = { timeStamp: k, offsetX: X, offsetY: R }, r === "drag" && u.length === 0) {
       const V = l.elementToImage(E.offsetX, E.offsetY);
       u.push(V), n(1, f = V);
     }
-  }, _ = (w) => {
+  }, m = (w) => {
     const E = w;
     if (h && clearTimeout(h), u.length > 0) {
       if (n(1, f = l.elementToImage(E.offsetX, E.offsetY)), u.length > 2) {
-        const I = st(f, u[0]) * a;
-        n(2, p = I < ti);
+        const k = st(f, u[0]) * a;
+        n(2, y = k < ti);
       }
       E.pointerType === "touch" && (h = setTimeout(
         () => {
-          m();
+          p();
         },
         ni
       ));
@@ -2784,13 +2786,13 @@ function oi(e, t, n) {
   }, A = (w) => {
     const E = w;
     if (h && clearTimeout(h), r === "click") {
-      const I = E.timeStamp - c.timeStamp, U = st([c.offsetX, c.offsetY], [E.offsetX, E.offsetY]);
-      if (I > 300 || U > 15) return;
-      if (p)
-        y();
+      const k = E.timeStamp - c.timeStamp, X = st([c.offsetX, c.offsetY], [E.offsetX, E.offsetY]);
+      if (k > 300 || X > 15) return;
+      if (y)
+        _();
       else if (u.length === 0) {
-        const N = l.elementToImage(E.offsetX, E.offsetY);
-        u.push(N), n(1, f = N);
+        const R = l.elementToImage(E.offsetX, E.offsetY);
+        u.push(R), n(1, f = R);
       } else
         u.push(f);
     } else {
@@ -2798,27 +2800,27 @@ function oi(e, t, n) {
         n(0, u = []), n(1, f = void 0);
         return;
       }
-      E.stopImmediatePropagation(), p ? y() : u.push(f);
+      E.stopImmediatePropagation(), y ? _() : u.push(f);
     }
-  }, m = () => {
+  }, p = () => {
     if (!f) return;
     const w = [...u, f], E = {
       type: F.POLYGON,
-      geometry: { bounds: Ke(w), points: w }
+      geometry: { bounds: qe(w), points: w }
     };
     ht(E) > 4 && (n(0, u = []), n(1, f = void 0), i("create", E));
-  }, y = () => {
+  }, _ = () => {
     const w = {
       type: F.POLYGON,
       geometry: {
-        bounds: Ke(u),
+        bounds: qe(u),
         points: [...u]
       }
     };
     n(0, u = []), n(1, f = void 0), i("create", w);
   };
-  return Re(() => {
-    s("pointerdown", g, !0), s("pointermove", _), s("pointerup", A, !0), s("dblclick", m, !0);
+  return Ne(() => {
+    s("pointerdown", g, !0), s("pointermove", m), s("pointerup", A, !0), s("dblclick", p, !0);
   }), e.$$set = (w) => {
     "addEventListener" in w && n(4, s = w.addEventListener), "drawingMode" in w && n(5, r = w.drawingMode), "transform" in w && n(6, l = w.transform), "viewportScale" in w && n(7, a = w.viewportScale);
   }, e.$$.update = () => {
@@ -2827,7 +2829,7 @@ function oi(e, t, n) {
   }, [
     u,
     f,
-    p,
+    y,
     o,
     s,
     r,
@@ -2835,9 +2837,9 @@ function oi(e, t, n) {
     a
   ];
 }
-class ii extends ne {
+class ii extends ie {
   constructor(t) {
-    super(), te(this, t, oi, ei, Q, {
+    super(), oe(this, t, oi, ei, Q, {
       addEventListener: 4,
       drawingMode: 5,
       transform: 6,
@@ -2853,7 +2855,7 @@ function ri(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = X("g"), n = X("ellipse"), i = X("ellipse"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
+      t = C("g"), n = C("ellipse"), i = C("ellipse"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
       e[1] ? "display:none;" : void 0), d(
         n,
         "cx",
@@ -2903,7 +2905,7 @@ function ri(e) {
       e[0].id);
     },
     m(r, l) {
-      O(r, t, l), he(t, n), he(t, i);
+      B(r, t, l), he(t, n), he(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -2921,7 +2923,7 @@ function ri(e) {
     i: j,
     o: j,
     d(r) {
-      r && B(t);
+      r && I(t);
     }
   };
 }
@@ -2935,16 +2937,16 @@ function li(e, t, n) {
     129 && n(1, o = Qe(i, r));
   }, [i, o, l, a, c, u, s, r];
 }
-class ai extends ne {
+class ai extends ie {
   constructor(t) {
-    super(), te(this, t, li, ri, Q, { annotation: 0, geom: 6, style: 7 });
+    super(), oe(this, t, li, ri, Q, { annotation: 0, geom: 6, style: 7 });
   }
 }
 function ci(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = X("g"), n = X("polygon"), i = X("polygon"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
+      t = C("g"), n = C("polygon"), i = C("polygon"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
       e[1] ? "display:none;" : void 0), d(
         n,
         "points",
@@ -2964,7 +2966,7 @@ function ci(e) {
       e[0].id);
     },
     m(r, l) {
-      O(r, t, l), he(t, n), he(t, i);
+      B(r, t, l), he(t, n), he(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -2982,7 +2984,7 @@ function ci(e) {
     i: j,
     o: j,
     d(r) {
-      r && B(t);
+      r && I(t);
     }
   };
 }
@@ -2997,16 +2999,16 @@ function di(e, t, n) {
     17 && n(1, o = Qe(i, r));
   }, [i, o, l, s, r];
 }
-class hi extends ne {
+class hi extends ie {
   constructor(t) {
-    super(), te(this, t, di, ci, Q, { annotation: 0, geom: 3, style: 4 });
+    super(), oe(this, t, di, ci, Q, { annotation: 0, geom: 3, style: 4 });
   }
 }
 function gi(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = X("g"), n = X("rect"), i = X("rect"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
+      t = C("g"), n = C("rect"), i = C("rect"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
       e[5] ? "display:none;" : void 0), d(
         n,
         "x",
@@ -3056,7 +3058,7 @@ function gi(e) {
       e[0].id);
     },
     m(r, l) {
-      O(r, t, l), he(t, n), he(t, i);
+      B(r, t, l), he(t, n), he(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -3122,7 +3124,7 @@ function gi(e) {
     i: j,
     o: j,
     d(r) {
-      r && B(t);
+      r && I(t);
     }
   };
 }
@@ -3136,12 +3138,12 @@ function mi(e, t, n) {
     64 && n(4, { x: i, y: s, w: r, h: l } = c, i, (n(3, s), n(6, c)), (n(2, r), n(6, c)), (n(1, l), n(6, c)));
   }, [a, l, r, s, i, o, c, u];
 }
-class pi extends ne {
+class pi extends ie {
   constructor(t) {
-    super(), te(this, t, mi, gi, Q, { annotation: 0, geom: 6, style: 7 });
+    super(), oe(this, t, mi, gi, Q, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const Ki = {
+const qi = {
   elementToImage: (e, t) => [e, t]
 }, yi = (e) => ({
   elementToImage: (t, n) => {
@@ -3151,7 +3153,7 @@ const Ki = {
     return [s, r];
   }
 }), _i = 250, wi = (e, t) => {
-  const n = ke();
+  const n = Ie();
   let o;
   return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
     if (performance.now() - o < _i) {
@@ -3165,52 +3167,52 @@ const Ki = {
 };
 function Ct(e, t, n) {
   const o = e.slice();
-  o[37] = t[n];
+  o[39] = t[n];
   const i = (
     /*getEditor*/
-    o[23](
+    o[24](
       /*editable*/
-      o[37].target.selector
+      o[39].target.selector
     )
   );
-  return o[38] = i, o;
+  return o[40] = i, o;
 }
 function Xt(e, t, n) {
   const o = e.slice();
-  return o[41] = t[n], o;
+  return o[43] = t[n], o;
 }
 function lt(e) {
   const t = e.slice(), n = (
     /*annotation*/
-    t[41].target.selector
+    t[43].target.selector
   );
-  return t[44] = n, t;
+  return t[46] = n, t;
 }
 function Ut(e) {
   let t = (
     /*annotation*/
-    e[41].id
+    e[43].id
   ), n, o, i = Rt(e);
   return {
     c() {
-      i.c(), n = le();
+      i.c(), n = ae();
     },
     m(s, r) {
-      i.m(s, r), O(s, n, r), o = !0;
+      i.m(s, r), B(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*$store*/
-      32768 && Q(t, t = /*annotation*/
-      s[41].id) ? (se(), C(i, 1, 1, j), re(), i = Rt(s), i.c(), Y(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      65536 && Q(t, t = /*annotation*/
+      s[43].id) ? (re(), P(i, 1, 1, j), le(), i = Rt(s), i.c(), O(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (Y(i), o = !0);
+      o || (O(i), o = !0);
     },
     o(s) {
-      C(i), o = !1;
+      P(i), o = !1;
     },
     d(s) {
-      s && B(n), i.d(s);
+      s && I(n), i.d(s);
     }
   };
 }
@@ -3220,11 +3222,11 @@ function bi(e) {
     props: {
       annotation: (
         /*annotation*/
-        e[41]
+        e[43]
       ),
       geom: (
         /*selector*/
-        e[44].geometry
+        e[46].geometry
       ),
       style: (
         /*style*/
@@ -3233,29 +3235,29 @@ function bi(e) {
     }
   }), {
     c() {
-      ee(t.$$.fragment);
+      ne(t.$$.fragment);
     },
     m(o, i) {
-      x(t, o, i), n = !0;
+      ee(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
       i[0] & /*$store*/
-      32768 && (s.annotation = /*annotation*/
-      o[41]), i[0] & /*$store*/
-      32768 && (s.geom = /*selector*/
-      o[44].geometry), i[0] & /*style*/
+      65536 && (s.annotation = /*annotation*/
+      o[43]), i[0] & /*$store*/
+      65536 && (s.geom = /*selector*/
+      o[46].geometry), i[0] & /*style*/
       2 && (s.style = /*style*/
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (O(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      P(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      $(t, o);
+      te(t, o);
     }
   };
 }
@@ -3265,11 +3267,11 @@ function Ei(e) {
     props: {
       annotation: (
         /*annotation*/
-        e[41]
+        e[43]
       ),
       geom: (
         /*selector*/
-        e[44].geometry
+        e[46].geometry
       ),
       style: (
         /*style*/
@@ -3278,29 +3280,29 @@ function Ei(e) {
     }
   }), {
     c() {
-      ee(t.$$.fragment);
+      ne(t.$$.fragment);
     },
     m(o, i) {
-      x(t, o, i), n = !0;
+      ee(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
       i[0] & /*$store*/
-      32768 && (s.annotation = /*annotation*/
-      o[41]), i[0] & /*$store*/
-      32768 && (s.geom = /*selector*/
-      o[44].geometry), i[0] & /*style*/
+      65536 && (s.annotation = /*annotation*/
+      o[43]), i[0] & /*$store*/
+      65536 && (s.geom = /*selector*/
+      o[46].geometry), i[0] & /*style*/
       2 && (s.style = /*style*/
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (O(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      P(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      $(t, o);
+      te(t, o);
     }
   };
 }
@@ -3311,11 +3313,11 @@ function Ai(e) {
     props: {
       annotation: (
         /*annotation*/
-        e[41]
+        e[43]
       ),
       geom: (
         /*selector*/
-        (o = e[44]) == null ? void 0 : o.geometry
+        (o = e[46]) == null ? void 0 : o.geometry
       ),
       style: (
         /*style*/
@@ -3324,30 +3326,30 @@ function Ai(e) {
     }
   }), {
     c() {
-      ee(t.$$.fragment);
+      ne(t.$$.fragment);
     },
     m(i, s) {
-      x(t, i, s), n = !0;
+      ee(t, i, s), n = !0;
     },
     p(i, s) {
       var l;
       const r = {};
       s[0] & /*$store*/
-      32768 && (r.annotation = /*annotation*/
-      i[41]), s[0] & /*$store*/
-      32768 && (r.geom = /*selector*/
-      (l = i[44]) == null ? void 0 : l.geometry), s[0] & /*style*/
+      65536 && (r.annotation = /*annotation*/
+      i[43]), s[0] & /*$store*/
+      65536 && (r.geom = /*selector*/
+      (l = i[46]) == null ? void 0 : l.geometry), s[0] & /*style*/
       2 && (r.style = /*style*/
       i[1]), t.$set(r);
     },
     i(i) {
-      n || (Y(t.$$.fragment, i), n = !0);
+      n || (O(t.$$.fragment, i), n = !0);
     },
     o(i) {
-      C(t.$$.fragment, i), n = !1;
+      P(t.$$.fragment, i), n = !1;
     },
     d(i) {
-      $(t, i);
+      te(t, i);
     }
   };
 }
@@ -3358,77 +3360,77 @@ function Rt(e) {
     var u, f, h;
     return (
       /*selector*/
-      ((u = a[44]) == null ? void 0 : u.type) === F.ELLIPSE ? 0 : (
+      ((u = a[46]) == null ? void 0 : u.type) === F.ELLIPSE ? 0 : (
         /*selector*/
-        ((f = a[44]) == null ? void 0 : f.type) === F.RECTANGLE ? 1 : (
+        ((f = a[46]) == null ? void 0 : f.type) === F.RECTANGLE ? 1 : (
           /*selector*/
-          ((h = a[44]) == null ? void 0 : h.type) === F.POLYGON ? 2 : -1
+          ((h = a[46]) == null ? void 0 : h.type) === F.POLYGON ? 2 : -1
         )
       )
     );
   }
   return ~(t = l(e)) && (n = r[t] = s[t](e)), {
     c() {
-      n && n.c(), o = le();
+      n && n.c(), o = ae();
     },
     m(a, c) {
-      ~t && r[t].m(a, c), O(a, o, c), i = !0;
+      ~t && r[t].m(a, c), B(a, o, c), i = !0;
     },
     p(a, c) {
       let u = t;
-      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (se(), C(r[u], 1, 1, () => {
+      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (re(), P(r[u], 1, 1, () => {
         r[u] = null;
-      }), re()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), Y(n, 1), n.m(o.parentNode, o)) : n = null);
+      }), le()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), O(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
-      i || (Y(n), i = !0);
+      i || (O(n), i = !0);
     },
     o(a) {
-      C(n), i = !1;
+      P(n), i = !1;
     },
     d(a) {
-      a && B(o), ~t && r[t].d(a);
+      a && I(o), ~t && r[t].d(a);
     }
   };
 }
 function Nt(e) {
   let t = Je(
     /*annotation*/
-    e[41]
+    e[43]
   ) && !/*isEditable*/
-  e[8](
+  e[9](
     /*annotation*/
-    e[41]
+    e[43]
   ), n, o, i = t && Ut(lt(e));
   return {
     c() {
-      i && i.c(), n = le();
+      i && i.c(), n = ae();
     },
     m(s, r) {
-      i && i.m(s, r), O(s, n, r), o = !0;
+      i && i.m(s, r), B(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*$store, isEditable*/
-      33024 && (t = Je(
+      66048 && (t = Je(
         /*annotation*/
-        s[41]
+        s[43]
       ) && !/*isEditable*/
-      s[8](
+      s[9](
         /*annotation*/
-        s[41]
+        s[43]
       )), t ? i ? (i.p(lt(s), r), r[0] & /*$store, isEditable*/
-      33024 && Y(i, 1)) : (i = Ut(lt(s)), i.c(), Y(i, 1), i.m(n.parentNode, n)) : i && (se(), C(i, 1, 1, () => {
+      66048 && O(i, 1)) : (i = Ut(lt(s)), i.c(), O(i, 1), i.m(n.parentNode, n)) : i && (re(), P(i, 1, 1, () => {
         i = null;
-      }), re());
+      }), le());
     },
     i(s) {
-      o || (Y(i), o = !0);
+      o || (O(i), o = !0);
     },
     o(s) {
-      C(i), o = !1;
+      P(i), o = !1;
     },
     d(s) {
-      s && B(n), i && i.d(s);
+      s && I(n), i && i.d(s);
     }
   };
 }
@@ -3438,118 +3440,118 @@ function Vt(e) {
   function l(a, c) {
     return (
       /*editableAnnotations*/
-      a[7] ? 0 : (
+      a[8] ? 0 : (
         /*tool*/
-        a[13] && /*drawingEnabled*/
+        a[14] && /*drawingEnabled*/
         a[0] ? 1 : -1
       )
     );
   }
   return ~(t = l(e)) && (n = r[t] = s[t](e)), {
     c() {
-      n && n.c(), o = le();
+      n && n.c(), o = ae();
     },
     m(a, c) {
-      ~t && r[t].m(a, c), O(a, o, c), i = !0;
+      ~t && r[t].m(a, c), B(a, o, c), i = !0;
     },
     p(a, c) {
       let u = t;
-      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (se(), C(r[u], 1, 1, () => {
+      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (re(), P(r[u], 1, 1, () => {
         r[u] = null;
-      }), re()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), Y(n, 1), n.m(o.parentNode, o)) : n = null);
+      }), le()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), O(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
-      i || (Y(n), i = !0);
+      i || (O(n), i = !0);
     },
     o(a) {
-      C(n), i = !1;
+      P(n), i = !1;
     },
     d(a) {
-      a && B(o), ~t && r[t].d(a);
+      a && I(o), ~t && r[t].d(a);
     }
   };
 }
 function Si(e) {
-  let t = (
-    /*toolName*/
-    e[2]
-  ), n, o, i = Gt(e);
+  let t = `${/*toolName*/
+  e[2]}-${/*toolMountKey*/
+  e[5]}`, n, o, i = Gt(e);
   return {
     c() {
-      i.c(), n = le();
+      i.c(), n = ae();
     },
     m(s, r) {
-      i.m(s, r), O(s, n, r), o = !0;
+      i.m(s, r), B(s, n, r), o = !0;
     },
     p(s, r) {
-      r[0] & /*toolName*/
-      4 && Q(t, t = /*toolName*/
-      s[2]) ? (se(), C(i, 1, 1, j), re(), i = Gt(s), i.c(), Y(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      r[0] & /*toolName, toolMountKey*/
+      36 && Q(t, t = `${/*toolName*/
+      s[2]}-${/*toolMountKey*/
+      s[5]}`) ? (re(), P(i, 1, 1, j), le(), i = Gt(s), i.c(), O(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (Y(i), o = !0);
+      o || (O(i), o = !0);
     },
     o(s) {
-      C(i), o = !1;
+      P(i), o = !1;
     },
     d(s) {
-      s && B(n), i.d(s);
+      s && I(n), i.d(s);
     }
   };
 }
 function Ti(e) {
-  let t, n, o = Le(
+  let t, n, o = ke(
     /*editableAnnotations*/
-    e[7]
+    e[8]
   ), i = [];
   for (let r = 0; r < o.length; r += 1)
     i[r] = Ht(Ct(e, o, r));
-  const s = (r) => C(i[r], 1, 1, () => {
+  const s = (r) => P(i[r], 1, 1, () => {
     i[r] = null;
   });
   return {
     c() {
       for (let r = 0; r < i.length; r += 1)
         i[r].c();
-      t = le();
+      t = ae();
     },
     m(r, l) {
       for (let a = 0; a < i.length; a += 1)
         i[a] && i[a].m(r, l);
-      O(r, t, l), n = !0;
+      B(r, t, l), n = !0;
     },
     p(r, l) {
       if (l[0] & /*editableAnnotations, drawingEl, getEditor, style, transform, $scale, onChangeSelected*/
-      10553506) {
-        o = Le(
+      21107010) {
+        o = ke(
           /*editableAnnotations*/
-          r[7]
+          r[8]
         );
         let a;
         for (a = 0; a < o.length; a += 1) {
           const c = Ct(r, o, a);
-          i[a] ? (i[a].p(c, l), Y(i[a], 1)) : (i[a] = Ht(c), i[a].c(), Y(i[a], 1), i[a].m(t.parentNode, t));
+          i[a] ? (i[a].p(c, l), O(i[a], 1)) : (i[a] = Ht(c), i[a].c(), O(i[a], 1), i[a].m(t.parentNode, t));
         }
-        for (se(), a = o.length; a < i.length; a += 1)
+        for (re(), a = o.length; a < i.length; a += 1)
           s(a);
-        re();
+        le();
       }
     },
     i(r) {
       if (!n) {
         for (let l = 0; l < o.length; l += 1)
-          Y(i[l]);
+          O(i[l]);
         n = !0;
       }
     },
     o(r) {
       i = i.filter(Boolean);
       for (let l = 0; l < i.length; l += 1)
-        C(i[l]);
+        P(i[l]);
       n = !1;
     },
     d(r) {
-      r && B(t), gt(i, r);
+      r && I(t), gt(i, r);
     }
   };
 }
@@ -3559,107 +3561,107 @@ function Gt(e) {
     props: {
       target: (
         /*drawingEl*/
-        e[5]
+        e[6]
       ),
       tool: (
         /*tool*/
-        e[13]
+        e[14]
       ),
       drawingMode: (
         /*drawingMode*/
-        e[12]
+        e[13]
       ),
       transform: (
         /*transform*/
-        e[11]
+        e[12]
       ),
       viewportScale: (
         /*$scale*/
-        e[16]
+        e[17]
       )
     }
   }), t.$on(
     "create",
     /*onSelectionCreated*/
-    e[20]
+    e[21]
   ), {
     c() {
-      ee(t.$$.fragment);
+      ne(t.$$.fragment);
     },
     m(o, i) {
-      x(t, o, i), n = !0;
+      ee(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
       i[0] & /*drawingEl*/
-      32 && (s.target = /*drawingEl*/
-      o[5]), i[0] & /*tool*/
-      8192 && (s.tool = /*tool*/
-      o[13]), i[0] & /*drawingMode*/
-      4096 && (s.drawingMode = /*drawingMode*/
-      o[12]), i[0] & /*transform*/
-      2048 && (s.transform = /*transform*/
-      o[11]), i[0] & /*$scale*/
-      65536 && (s.viewportScale = /*$scale*/
-      o[16]), t.$set(s);
+      64 && (s.target = /*drawingEl*/
+      o[6]), i[0] & /*tool*/
+      16384 && (s.tool = /*tool*/
+      o[14]), i[0] & /*drawingMode*/
+      8192 && (s.drawingMode = /*drawingMode*/
+      o[13]), i[0] & /*transform*/
+      4096 && (s.transform = /*transform*/
+      o[12]), i[0] & /*$scale*/
+      131072 && (s.viewportScale = /*$scale*/
+      o[17]), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (O(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      P(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      $(t, o);
+      te(t, o);
     }
   };
 }
 function jt(e) {
   let t = (
     /*editable*/
-    e[37].id
+    e[39].id
   ), n, o, i = zt(e);
   return {
     c() {
-      i.c(), n = le();
+      i.c(), n = ae();
     },
     m(s, r) {
-      i.m(s, r), O(s, n, r), o = !0;
+      i.m(s, r), B(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*editableAnnotations*/
-      128 && Q(t, t = /*editable*/
-      s[37].id) ? (se(), C(i, 1, 1, j), re(), i = zt(s), i.c(), Y(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      256 && Q(t, t = /*editable*/
+      s[39].id) ? (re(), P(i, 1, 1, j), le(), i = zt(s), i.c(), O(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (Y(i), o = !0);
+      o || (O(i), o = !0);
     },
     o(s) {
-      C(i), o = !1;
+      P(i), o = !1;
     },
     d(s) {
-      s && B(n), i.d(s);
+      s && I(n), i.d(s);
     }
   };
 }
 function zt(e) {
   let t, n;
-  return t = new Ko({
+  return t = new qo({
     props: {
       target: (
         /*drawingEl*/
-        e[5]
+        e[6]
       ),
       editor: (
         /*getEditor*/
-        e[23](
+        e[24](
           /*editable*/
-          e[37].target.selector
+          e[39].target.selector
         )
       ),
       annotation: (
         /*editable*/
-        e[37]
+        e[39]
       ),
       style: (
         /*style*/
@@ -3667,281 +3669,283 @@ function zt(e) {
       ),
       transform: (
         /*transform*/
-        e[11]
+        e[12]
       ),
       viewportScale: (
         /*$scale*/
-        e[16]
+        e[17]
       )
     }
   }), t.$on("change", function() {
-    W(
+    K(
       /*onChangeSelected*/
-      e[21](
+      e[22](
         /*editable*/
-        e[37]
+        e[39]
       )
-    ) && e[21](
+    ) && e[22](
       /*editable*/
-      e[37]
+      e[39]
     ).apply(this, arguments);
   }), {
     c() {
-      ee(t.$$.fragment);
+      ne(t.$$.fragment);
     },
     m(o, i) {
-      x(t, o, i), n = !0;
+      ee(t, o, i), n = !0;
     },
     p(o, i) {
       e = o;
       const s = {};
       i[0] & /*drawingEl*/
-      32 && (s.target = /*drawingEl*/
-      e[5]), i[0] & /*editableAnnotations*/
-      128 && (s.editor = /*getEditor*/
-      e[23](
+      64 && (s.target = /*drawingEl*/
+      e[6]), i[0] & /*editableAnnotations*/
+      256 && (s.editor = /*getEditor*/
+      e[24](
         /*editable*/
-        e[37].target.selector
+        e[39].target.selector
       )), i[0] & /*editableAnnotations*/
-      128 && (s.annotation = /*editable*/
-      e[37]), i[0] & /*style*/
+      256 && (s.annotation = /*editable*/
+      e[39]), i[0] & /*style*/
       2 && (s.style = /*style*/
       e[1]), i[0] & /*transform*/
-      2048 && (s.transform = /*transform*/
-      e[11]), i[0] & /*$scale*/
-      65536 && (s.viewportScale = /*$scale*/
-      e[16]), t.$set(s);
+      4096 && (s.transform = /*transform*/
+      e[12]), i[0] & /*$scale*/
+      131072 && (s.viewportScale = /*$scale*/
+      e[17]), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (O(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      P(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      $(t, o);
+      te(t, o);
     }
   };
 }
 function Ht(e) {
   let t, n, o = (
     /*editor*/
-    e[38] && jt(e)
+    e[40] && jt(e)
   );
   return {
     c() {
-      o && o.c(), t = le();
+      o && o.c(), t = ae();
     },
     m(i, s) {
-      o && o.m(i, s), O(i, t, s), n = !0;
+      o && o.m(i, s), B(i, t, s), n = !0;
     },
     p(i, s) {
       /*editor*/
-      i[38] ? o ? (o.p(i, s), s[0] & /*editableAnnotations*/
-      128 && Y(o, 1)) : (o = jt(i), o.c(), Y(o, 1), o.m(t.parentNode, t)) : o && (se(), C(o, 1, 1, () => {
+      i[40] ? o ? (o.p(i, s), s[0] & /*editableAnnotations*/
+      256 && O(o, 1)) : (o = jt(i), o.c(), O(o, 1), o.m(t.parentNode, t)) : o && (re(), P(o, 1, 1, () => {
         o = null;
-      }), re());
+      }), le());
     },
     i(i) {
-      n || (Y(o), n = !0);
+      n || (O(o), n = !0);
     },
     o(i) {
-      C(o), n = !1;
+      P(o), n = !1;
     },
     d(i) {
-      i && B(t), o && o.d(i);
+      i && I(t), o && o.d(i);
     }
   };
 }
 function Mi(e) {
-  let t, n, o, i, s, r, l = Le(
+  let t, n, o, i, s, r, l = ke(
     /*$store*/
-    e[15].filter(
+    e[16].filter(
       /*func*/
-      e[32]
+      e[34]
     )
   ), a = [];
   for (let f = 0; f < l.length; f += 1)
     a[f] = Nt(Xt(e, l, f));
-  const c = (f) => C(a[f], 1, 1, () => {
+  const c = (f) => P(a[f], 1, 1, () => {
     a[f] = null;
   });
   let u = (
     /*drawingEl*/
-    e[5] && Vt(e)
+    e[6] && Vt(e)
   );
   return {
     c() {
-      t = X("svg"), n = X("g");
+      t = C("svg"), n = C("g");
       for (let f = 0; f < a.length; f += 1)
         a[f].c();
-      o = X("g"), u && u.c(), d(o, "class", "drawing"), d(t, "class", "a9s-annotationlayer"), pe(
+      o = C("g"), u && u.c(), d(o, "class", "drawing"), d(t, "class", "a9s-annotationlayer"), ye(
         t,
         "drawing",
         /*tool*/
-        e[13]
-      ), pe(t, "hidden", !/*visible*/
-      e[3]), pe(
+        e[14]
+      ), ye(t, "hidden", !/*visible*/
+      e[3]), ye(
         t,
         "hover",
         /*$hover*/
-        e[14]
+        e[15]
       );
     },
     m(f, h) {
-      O(f, t, h), he(t, n);
-      for (let p = 0; p < a.length; p += 1)
-        a[p] && a[p].m(n, null);
-      he(t, o), u && u.m(o, null), e[33](o), e[34](t), i = !0, s || (r = [
-        H(t, "pointerup", function() {
-          W(
+      B(f, t, h), he(t, n);
+      for (let y = 0; y < a.length; y += 1)
+        a[y] && a[y].m(n, null);
+      he(t, o), u && u.m(o, null), e[35](o), e[36](t), i = !0, s || (r = [
+        z(t, "pointerup", function() {
+          K(
             /*onPointerUp*/
-            e[9]
-          ) && e[9].apply(this, arguments);
-        }),
-        H(t, "pointerdown", function() {
-          W(
-            /*onPointerDown*/
             e[10]
           ) && e[10].apply(this, arguments);
         }),
-        H(
+        z(t, "pointerdown", function() {
+          K(
+            /*onPointerDown*/
+            e[11]
+          ) && e[11].apply(this, arguments);
+        }),
+        z(
           t,
           "pointermove",
           /*onPointerMove*/
-          e[22]
+          e[23]
         )
       ], s = !0);
     },
     p(f, h) {
       if (e = f, h[0] & /*$store, style, isEditable*/
-      33026) {
-        l = Le(
+      66050) {
+        l = ke(
           /*$store*/
-          e[15].filter(
+          e[16].filter(
             /*func*/
-            e[32]
+            e[34]
           )
         );
-        let p;
-        for (p = 0; p < l.length; p += 1) {
-          const g = Xt(e, l, p);
-          a[p] ? (a[p].p(g, h), Y(a[p], 1)) : (a[p] = Nt(g), a[p].c(), Y(a[p], 1), a[p].m(n, null));
+        let y;
+        for (y = 0; y < l.length; y += 1) {
+          const g = Xt(e, l, y);
+          a[y] ? (a[y].p(g, h), O(a[y], 1)) : (a[y] = Nt(g), a[y].c(), O(a[y], 1), a[y].m(n, null));
         }
-        for (se(), p = l.length; p < a.length; p += 1)
-          c(p);
-        re();
+        for (re(), y = l.length; y < a.length; y += 1)
+          c(y);
+        le();
       }
       /*drawingEl*/
-      e[5] ? u ? (u.p(e, h), h[0] & /*drawingEl*/
-      32 && Y(u, 1)) : (u = Vt(e), u.c(), Y(u, 1), u.m(o, null)) : u && (se(), C(u, 1, 1, () => {
+      e[6] ? u ? (u.p(e, h), h[0] & /*drawingEl*/
+      64 && O(u, 1)) : (u = Vt(e), u.c(), O(u, 1), u.m(o, null)) : u && (re(), P(u, 1, 1, () => {
         u = null;
-      }), re()), (!i || h[0] & /*tool*/
-      8192) && pe(
+      }), le()), (!i || h[0] & /*tool*/
+      16384) && ye(
         t,
         "drawing",
         /*tool*/
-        e[13]
+        e[14]
       ), (!i || h[0] & /*visible*/
-      8) && pe(t, "hidden", !/*visible*/
+      8) && ye(t, "hidden", !/*visible*/
       e[3]), (!i || h[0] & /*$hover*/
-      16384) && pe(
+      32768) && ye(
         t,
         "hover",
         /*$hover*/
-        e[14]
+        e[15]
       );
     },
     i(f) {
       if (!i) {
         for (let h = 0; h < l.length; h += 1)
-          Y(a[h]);
-        Y(u), i = !0;
+          O(a[h]);
+        O(u), i = !0;
       }
     },
     o(f) {
       a = a.filter(Boolean);
       for (let h = 0; h < a.length; h += 1)
-        C(a[h]);
-      C(u), i = !1;
+        P(a[h]);
+      P(u), i = !1;
     },
     d(f) {
-      f && B(t), gt(a, f), u && u.d(), e[33](null), e[34](null), s = !1, ge(r);
+      f && I(t), gt(a, f), u && u.d(), e[35](null), e[36](null), s = !1, ge(r);
     }
   };
 }
 function vi(e, t, n) {
-  let o, i, s, r, l, a, c, u, f, h, p, g = j, _ = () => (g(), g = Jt(b, (k) => n(16, p = k)), b);
+  let o, i, s, r, l, a, c, u, f, h, y, g = j, m = () => (g(), g = Jt(Y, (M) => n(17, y = M)), Y);
   e.$$.on_destroy.push(() => g());
-  let { drawingEnabled: A } = t, { image: m } = t, { preferredDrawingMode: y } = t, { state: w } = t, { style: E = void 0 } = t, { toolName: I = cn()[0] } = t, { user: U } = t, { visible: N = !0 } = t;
-  const V = () => I, Z = () => A;
-  let S, T, b;
-  Re(() => _(n(6, b = Do(m, T))));
-  const { hover: M, selection: P, store: D } = w;
-  xe(e, M, (k) => n(14, u = k)), xe(e, P, (k) => n(31, f = k)), xe(e, D, (k) => n(15, h = k));
-  let z, oe;
-  const ae = (k) => {
-    z && D.unobserve(z);
-    const J = k.filter(({ editable: L }) => L).map(({ id: L }) => L);
-    J.length > 0 ? (n(7, oe = J.map((L) => D.getAnnotation(L)).filter((L) => L && Je(L))), z = (L) => {
-      const { updated: v } = L.changes;
-      n(7, oe = v == null ? void 0 : v.map((de) => de.newValue));
-    }, D.observe(z, { annotations: J })) : n(7, oe = void 0);
-  }, Ie = (k) => {
-    const J = tn(), L = {
-      id: J,
+  let { drawingEnabled: A } = t, { image: p } = t, { preferredDrawingMode: _ } = t, { state: w } = t, { style: E = void 0 } = t, { toolName: k = cn()[0] } = t, { user: X } = t, { visible: R = !0 } = t, V = 0;
+  const Z = () => n(5, V += 1), S = () => k, v = () => A;
+  let b, T, Y;
+  Ne(() => m(n(7, Y = Do(p, T))));
+  const { hover: D, selection: H, store: J } = w;
+  xe(e, D, (M) => n(15, u = M)), xe(e, H, (M) => n(33, f = M)), xe(e, J, (M) => n(16, h = M));
+  let $, pe;
+  const ce = (M) => {
+    $ && J.unobserve($);
+    const L = M.filter(({ editable: N }) => N).map(({ id: N }) => N);
+    L.length > 0 ? (n(8, pe = L.map((N) => J.getAnnotation(N)).filter((N) => N && Je(N))), $ = (N) => {
+      const { updated: x } = N.changes;
+      n(8, pe = x == null ? void 0 : x.map((de) => de.newValue));
+    }, J.observe($, { annotations: L })) : n(8, pe = void 0);
+  }, Be = (M) => {
+    const L = tn(), N = {
+      id: L,
       bodies: [],
       target: {
-        annotation: J,
-        selector: k.detail,
-        creator: U,
+        annotation: L,
+        selector: M.detail,
+        creator: X,
         created: /* @__PURE__ */ new Date()
       }
     };
-    D.addAnnotation(L), P.setSelected(L.id);
-  }, ce = (k) => (J) => {
-    var _e;
-    const { target: L } = k, v = 10 * 60 * 1e3, de = ((_e = L.creator) == null ? void 0 : _e.id) !== U.id || !L.created || (/* @__PURE__ */ new Date()).getTime() - L.created.getTime() > v;
-    D.updateTarget({
-      ...L,
-      selector: J.detail,
-      created: de ? L.created : /* @__PURE__ */ new Date(),
+    J.addAnnotation(N), H.setSelected(N.id);
+  }, fe = (M) => (L) => {
+    var we;
+    const { target: N } = M, x = 10 * 60 * 1e3, de = ((we = N.creator) == null ? void 0 : we.id) !== X.id || !N.created || (/* @__PURE__ */ new Date()).getTime() - N.created.getTime() > x;
+    J.updateTarget({
+      ...N,
+      selector: L.detail,
+      created: de ? N.created : /* @__PURE__ */ new Date(),
       updated: de ? /* @__PURE__ */ new Date() : void 0,
-      updatedBy: de ? U : void 0
+      updatedBy: de ? X : void 0
     });
-  }, Be = (k) => {
-    const { x: J, y: L } = un(k, T), v = D.getAt(J, L);
-    v ? u !== v.id && M.set(v.id) : M.set(void 0);
-  }, fe = (k) => jo(k), Oe = (k) => Je(k);
-  function ue(k) {
-    qe[k ? "unshift" : "push"](() => {
-      S = k, n(5, S);
+  }, Oe = (M) => {
+    const { x: L, y: N } = un(M, T), x = J.getAt(L, N);
+    x ? u !== x.id && D.set(x.id) : D.set(void 0);
+  }, ue = (M) => jo(M), U = (M) => Je(M);
+  function De(M) {
+    We[M ? "unshift" : "push"](() => {
+      b = M, n(6, b);
     });
   }
-  function R(k) {
-    qe[k ? "unshift" : "push"](() => {
-      T = k, n(4, T);
+  function Ve(M) {
+    We[M ? "unshift" : "push"](() => {
+      T = M, n(4, T);
     });
   }
-  return e.$$set = (k) => {
-    "drawingEnabled" in k && n(0, A = k.drawingEnabled), "image" in k && n(24, m = k.image), "preferredDrawingMode" in k && n(25, y = k.preferredDrawingMode), "state" in k && n(26, w = k.state), "style" in k && n(1, E = k.style), "toolName" in k && n(2, I = k.toolName), "user" in k && n(27, U = k.user), "visible" in k && n(3, N = k.visible);
+  return e.$$set = (M) => {
+    "drawingEnabled" in M && n(0, A = M.drawingEnabled), "image" in M && n(25, p = M.image), "preferredDrawingMode" in M && n(26, _ = M.preferredDrawingMode), "state" in M && n(27, w = M.state), "style" in M && n(1, E = M.style), "toolName" in M && n(2, k = M.toolName), "user" in M && n(28, X = M.user), "visible" in M && n(3, R = M.visible);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
-    4 && n(13, { tool: o, opts: i } = fn(I) || { tool: void 0, opts: void 0 }, o, (n(30, i), n(2, I))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
-    1107296256 && n(12, s = (i == null ? void 0 : i.drawingMode) || y), e.$$.dirty[0] & /*svgEl*/
-    16 && n(11, r = yi(T)), e.$$.dirty[0] & /*svgEl*/
-    16 && n(10, { onPointerDown: l, onPointerUp: a } = wi(T, D), l, (n(9, a), n(4, T))), e.$$.dirty[1] & /*$selection*/
-    1 && n(8, c = (k) => f.selected.find((J) => J.id === k.id && J.editable)), e.$$.dirty[1] & /*$selection*/
-    1 && ae(f.selected);
+    4 && n(14, { tool: o, opts: i } = fn(k) || { tool: void 0, opts: void 0 }, o, (n(32, i), n(2, k))), e.$$.dirty[0] & /*preferredDrawingMode*/
+    67108864 | e.$$.dirty[1] & /*opts*/
+    2 && n(13, s = (i == null ? void 0 : i.drawingMode) || _), e.$$.dirty[0] & /*svgEl*/
+    16 && n(12, r = yi(T)), e.$$.dirty[0] & /*svgEl*/
+    16 && n(11, { onPointerDown: l, onPointerUp: a } = wi(T, J), l, (n(10, a), n(4, T))), e.$$.dirty[1] & /*$selection*/
+    4 && n(9, c = (M) => f.selected.find((L) => L.id === M.id && L.editable)), e.$$.dirty[1] & /*$selection*/
+    4 && ce(f.selected);
   }, [
     A,
     E,
-    I,
-    N,
+    k,
+    R,
     T,
-    S,
+    V,
     b,
-    oe,
+    Y,
+    pe,
     c,
     a,
     l,
@@ -3950,30 +3954,31 @@ function vi(e, t, n) {
     o,
     u,
     h,
-    p,
-    M,
-    P,
+    y,
     D,
-    Ie,
-    ce,
+    H,
+    J,
     Be,
     fe,
-    m,
-    y,
+    Oe,
+    ue,
+    p,
+    _,
     w,
-    U,
-    V,
+    X,
     Z,
+    S,
+    v,
     i,
     f,
-    Oe,
-    ue,
-    R
+    U,
+    De,
+    Ve
   ];
 }
-class Li extends ne {
+class Li extends ie {
   constructor(t) {
-    super(), te(
+    super(), oe(
       this,
       t,
       vi,
@@ -3981,43 +3986,47 @@ class Li extends ne {
       Q,
       {
         drawingEnabled: 0,
-        image: 24,
-        preferredDrawingMode: 25,
-        state: 26,
+        image: 25,
+        preferredDrawingMode: 26,
+        state: 27,
         style: 1,
         toolName: 2,
-        user: 27,
+        user: 28,
         visible: 3,
-        getDrawingTool: 28,
-        isDrawingEnabled: 29
+        cancelDrawing: 29,
+        getDrawingTool: 30,
+        isDrawingEnabled: 31
       },
       null,
       [-1, -1]
     );
   }
+  get cancelDrawing() {
+    return this.$$.ctx[29];
+  }
   get getDrawingTool() {
-    return this.$$.ctx[28];
+    return this.$$.ctx[30];
   }
   get isDrawingEnabled() {
-    return this.$$.ctx[29];
+    return this.$$.ctx[31];
   }
 }
 function dn(e, t, n = 0, o = e.length - 1, i = ki) {
   for (; o > n; ) {
     if (o - n > 600) {
-      const a = o - n + 1, c = t - n + 1, u = Math.log(a), f = 0.5 * Math.exp(2 * u / 3), h = 0.5 * Math.sqrt(u * f * (a - f) / a) * (c - a / 2 < 0 ? -1 : 1), p = Math.max(n, Math.floor(t - c * f / a + h)), g = Math.min(o, Math.floor(t + (a - c) * f / a + h));
-      dn(e, t, p, g, i);
+      const a = o - n + 1, c = t - n + 1, u = Math.log(a), f = 0.5 * Math.exp(2 * u / 3), h = 0.5 * Math.sqrt(u * f * (a - f) / a) * (c - a / 2 < 0 ? -1 : 1), y = Math.max(n, Math.floor(t - c * f / a + h)), g = Math.min(o, Math.floor(t + (a - c) * f / a + h));
+      dn(e, t, y, g, i);
     }
     const s = e[t];
     let r = n, l = o;
-    for (De(e, n, t), i(e[o], s) > 0 && De(e, n, o); r < l; ) {
-      for (De(e, r, l), r++, l--; i(e[r], s) < 0; ) r++;
+    for (Ye(e, n, t), i(e[o], s) > 0 && Ye(e, n, o); r < l; ) {
+      for (Ye(e, r, l), r++, l--; i(e[r], s) < 0; ) r++;
       for (; i(e[l], s) > 0; ) l--;
     }
-    i(e[n], s) === 0 ? De(e, n, l) : (l++, De(e, l, o)), l <= t && (n = l + 1), t <= l && (o = l - 1);
+    i(e[n], s) === 0 ? Ye(e, n, l) : (l++, Ye(e, l, o)), l <= t && (n = l + 1), t <= l && (o = l - 1);
   }
 }
-function De(e, t, n) {
+function Ye(e, t, n) {
   const o = e[t];
   e[t] = e[n], e[n] = o;
 }
@@ -4086,7 +4095,7 @@ class Ii {
     return t && this._insert(t, this.data.height - 1), this;
   }
   clear() {
-    return this.data = Me([]), this;
+    return this.data = ve([]), this;
   }
   remove(t, n) {
     if (!t) return this;
@@ -4128,19 +4137,19 @@ class Ii {
     const s = o - n + 1;
     let r = this._maxEntries, l;
     if (s <= r)
-      return l = Me(t.slice(n, o + 1)), Se(l, this.toBBox), l;
-    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = Me([]), l.leaf = !1, l.height = i;
+      return l = ve(t.slice(n, o + 1)), Te(l, this.toBBox), l;
+    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = ve([]), l.leaf = !1, l.height = i;
     const a = Math.ceil(s / r), c = a * Math.ceil(Math.sqrt(r));
     Ft(t, n, o, c, this.compareMinX);
     for (let u = n; u <= o; u += c) {
       const f = Math.min(u + c - 1, o);
       Ft(t, u, f, a, this.compareMinY);
       for (let h = u; h <= f; h += a) {
-        const p = Math.min(h + a - 1, f);
-        l.children.push(this._build(t, h, p, i - 1));
+        const y = Math.min(h + a - 1, f);
+        l.children.push(this._build(t, h, y, i - 1));
       }
     }
-    return Se(l, this.toBBox), l;
+    return Te(l, this.toBBox), l;
   }
   _chooseSubtree(t, n, o, i) {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
@@ -4155,7 +4164,7 @@ class Ii {
   }
   _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), Ce(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
+    for (r.children.push(t), Xe(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
       this._split(s, n), n--;
     this._adjustParentBBoxes(i, s, n);
   }
@@ -4163,16 +4172,16 @@ class Ii {
   _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), l = Me(o.children.splice(r, o.children.length - r));
-    l.height = o.height, l.leaf = o.leaf, Se(o, this.toBBox), Se(l, this.toBBox), n ? t[n - 1].children.push(l) : this._splitRoot(o, l);
+    const r = this._chooseSplitIndex(o, s, i), l = ve(o.children.splice(r, o.children.length - r));
+    l.height = o.height, l.leaf = o.leaf, Te(o, this.toBBox), Te(l, this.toBBox), n ? t[n - 1].children.push(l) : this._splitRoot(o, l);
   }
   _splitRoot(t, n) {
-    this.data = Me([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, Se(this.data, this.toBBox);
+    this.data = ve([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, Te(this.data, this.toBBox);
   }
   _chooseSplitIndex(t, n, o) {
     let i, s = 1 / 0, r = 1 / 0;
     for (let l = n; l <= o - n; l++) {
-      const a = Pe(t, 0, l, this.toBBox), c = Pe(t, l, o, this.toBBox), u = Pi(a, c), f = at(a) + at(c);
+      const a = Ce(t, 0, l, this.toBBox), c = Ce(t, l, o, this.toBBox), u = Pi(a, c), f = at(a) + at(c);
       u < s ? (s = u, i = l, r = f < r ? f : r) : u === s && f < r && (r = f, i = l);
     }
     return i || o - n;
@@ -4185,25 +4194,25 @@ class Ii {
   // 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 = Pe(t, 0, n, s), l = Pe(t, o - n, o, s);
+    const s = this.toBBox, r = Ce(t, 0, n, s), l = Ce(t, o - n, o, s);
     let a = je(r) + je(l);
     for (let c = n; c < o - n; c++) {
       const u = t.children[c];
-      Ce(r, t.leaf ? s(u) : u), a += je(r);
+      Xe(r, t.leaf ? s(u) : u), a += je(r);
     }
     for (let c = o - n - 1; c >= n; c--) {
       const u = t.children[c];
-      Ce(l, t.leaf ? s(u) : u), a += je(l);
+      Xe(l, t.leaf ? s(u) : u), a += je(l);
     }
     return a;
   }
   _adjustParentBBoxes(t, n, o) {
     for (let i = o; i >= 0; i--)
-      Ce(n[i], t);
+      Xe(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() : Se(t[n], this.toBBox);
+      t[n].children.length === 0 ? n > 0 ? (o = t[n - 1].children, o.splice(o.indexOf(t[n]), 1)) : this.clear() : Te(t[n], this.toBBox);
   }
 }
 function Bi(e, t, n) {
@@ -4212,18 +4221,18 @@ function Bi(e, t, n) {
     if (n(e, t[o])) return o;
   return -1;
 }
-function Se(e, t) {
-  Pe(e, 0, e.children.length, t, e);
+function Te(e, t) {
+  Ce(e, 0, e.children.length, t, e);
 }
-function Pe(e, t, n, o, i) {
-  i || (i = Me(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
+function Ce(e, t, n, o, i) {
+  i || (i = ve(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];
-    Ce(i, e.leaf ? o(r) : r);
+    Xe(i, e.leaf ? o(r) : r);
   }
   return i;
 }
-function Ce(e, t) {
+function Xe(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 Oi(e, t) {
@@ -4251,7 +4260,7 @@ function ct(e, t) {
 function ze(e, t) {
   return t.minX <= e.maxX && t.minY <= e.maxY && t.maxX >= e.minX && t.maxY >= e.minY;
 }
-function Me(e) {
+function ve(e) {
   return {
     children: e,
     height: 1,
@@ -4275,7 +4284,7 @@ const Ci = () => {
     e.clear(), t.clear();
   }, i = (f) => {
     if (!Fe(f)) return;
-    const { minX: h, minY: p, maxX: g, maxY: _ } = f.selector.geometry.bounds, A = { minX: h, minY: p, maxX: g, maxY: _, target: f };
+    const { minX: h, minY: y, maxX: g, maxY: m } = f.selector.geometry.bounds, A = { minX: h, minY: y, maxX: g, maxY: m, target: f };
     e.insert(A), t.set(f.annotation, A);
   }, s = (f) => {
     if (!Fe(f)) return;
@@ -4291,28 +4300,28 @@ const Ci = () => {
         minY: h,
         maxX: f,
         maxY: h
-      }).map((_) => _.target).filter((_) => _.selector.type === F.RECTANGLE || kn(_.selector, f, h));
+      }).map((m) => m.target).filter((m) => m.selector.type === F.RECTANGLE || kn(m.selector, f, h));
       if (g.length > 0)
-        return g.sort((_, A) => ht(_.selector) - ht(A.selector)), g[0];
+        return g.sort((m, A) => ht(m.selector) - ht(A.selector)), g[0];
     },
-    getIntersecting: (f, h, p, g) => e.search({
+    getIntersecting: (f, h, y, g) => e.search({
       minX: f,
       minY: h,
-      maxX: f + p,
+      maxX: f + y,
       maxY: h + g
-    }).map((_) => _.target),
+    }).map((m) => m.target),
     insert: i,
     remove: s,
     set: (f, h = !0) => {
       h && o();
-      const p = f.reduce((g, _) => {
-        if (Fe(_)) {
-          const { minX: A, minY: m, maxX: y, maxY: w } = _.selector.geometry.bounds;
-          return [...g, { minX: A, minY: m, maxX: y, maxY: w, target: _ }];
+      const y = f.reduce((g, m) => {
+        if (Fe(m)) {
+          const { minX: A, minY: p, maxX: _, maxY: w } = m.selector.geometry.bounds;
+          return [...g, { minX: A, minY: p, maxX: _, maxY: w, target: m }];
         } else
           return g;
       }, []);
-      p.forEach((g) => t.set(g.target.annotation, g)), e.load(p);
+      y.forEach((g) => t.set(g.target.annotation, g)), e.load(y);
     },
     size: () => e.all().length,
     update: (f, h) => {
@@ -4320,7 +4329,7 @@ const Ci = () => {
     }
   };
 }, Xi = (e) => {
-  const t = io(), n = Ci(), o = Wn(t, e.userSelectAction, e.adapter), i = Fn(t), s = co();
+  const t = io(), n = Ci(), o = Kn(t, e.userSelectAction, e.adapter), i = Fn(t), s = co();
   return t.observe(({ changes: a }) => {
     n.set((a.created || []).map((c) => c.target), !1), (a.deleted || []).forEach((c) => n.remove(c.target)), (a.updated || []).forEach(({ oldValue: c, newValue: u }) => n.update(c.target, u.target));
   }), {
@@ -4360,13 +4369,13 @@ const Ci = () => {
 }, Ni = (e) => {
   const t = Ri(e), n = t > 0.6 ? "dark" : "light";
   return console.log(`[Annotorious] Image brightness: ${t.toFixed(1)}. Setting ${n} theme.`), n;
-}, Wt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? Ni(e) : n), Vi = (e, t) => ({
+}, Kt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? Ni(e) : n), Vi = (e, t) => ({
   ...e,
   drawingEnabled: e.drawingEnabled === void 0 ? t.drawingEnabled : e.drawingEnabled,
   drawingMode: e.drawingMode || t.drawingMode,
   userSelectAction: e.userSelectAction || t.userSelectAction,
   theme: e.theme || t.theme
-}), qt = typeof navigator > "u" ? !1 : navigator.userAgent.indexOf("Mac OS X") !== -1, Gi = (e, t) => {
+}), Wt = typeof navigator > "u" ? !1 : navigator.userAgent.indexOf("Mac OS X") !== -1, Gi = (e, t) => {
   const n = t || document, o = (r) => {
     const l = r;
     l.key === "z" && l.ctrlKey ? e.undo() : l.key === "y" && l.ctrlKey && e.redo();
@@ -4374,9 +4383,9 @@ const Ci = () => {
     const l = r;
     l.key === "z" && l.metaKey && (l.shiftKey ? e.redo() : e.undo());
   }, s = () => {
-    qt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
+    Wt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
   };
-  return qt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
+  return Wt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
     destroy: s
   };
 }, Ji = (e, t = {}) => {
@@ -4396,7 +4405,7 @@ const Ci = () => {
   c.style.position = "relative", c.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(c, n), c.appendChild(n);
   const u = Gi(l);
   let f = wo();
-  Wt(n, c, o.theme);
+  Kt(n, c, o.theme);
   const h = new Li({
     target: c,
     props: {
@@ -4409,53 +4418,51 @@ const Ci = () => {
     }
   });
   h.$on("click", (b) => {
-    const { originalEvent: M, annotation: P } = b.detail;
-    P ? s.userSelect(P.id, M) : s.isEmpty() || s.clear();
+    const { originalEvent: T, annotation: Y } = b.detail;
+    Y ? s.userSelect(Y.id, T) : s.isEmpty() || s.clear();
   });
-  const p = ho(i, l, o.adapter), g = () => {
-    h.$set({ drawingEnabled: !1 }), setTimeout(() => h.$set({ drawingEnabled: !0 }), 1);
-  }, _ = () => {
+  const y = ho(i, l, o.adapter), g = () => h.cancelDrawing(), m = () => {
     h.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), u.destroy(), l.destroy();
-  }, A = () => h.getDrawingTool(), m = () => f, y = () => h.isDrawingEnabled(), w = (b, M, P) => si(b, M, P), E = (b, M) => zo(b, M), I = (b) => {
+  }, A = () => h.getDrawingTool(), p = () => f, _ = () => h.isDrawingEnabled(), w = (b, T, Y) => si(b, T, Y), E = (b, T) => zo(b, T), k = (b) => {
     if (!fn(b))
       throw `No drawing tool named ${b}`;
     h.$set({ toolName: b });
-  }, U = (b) => h.$set({ drawingEnabled: b }), N = (b) => {
+  }, X = (b) => h.$set({ drawingEnabled: b }), R = (b) => {
     console.warn("Filter not implemented yet");
-  }, V = (b) => h.$set({ style: b }), Z = (b) => Wt(n, c, b), S = (b) => {
+  }, V = (b) => h.$set({ style: b }), Z = (b) => Kt(n, c, b), S = (b) => {
     f = b, h.$set({ user: b });
-  }, T = (b) => (
+  }, v = (b) => (
     // @ts-ignore
     h.$set({ visible: b })
   );
   return {
-    ...p,
+    ...y,
     cancelDrawing: g,
-    destroy: _,
+    destroy: m,
     getDrawingTool: A,
-    getUser: m,
-    isDrawingEnabled: y,
+    getUser: p,
+    isDrawingEnabled: _,
     listDrawingTools: cn,
     on: a.on,
     off: a.off,
     registerDrawingTool: w,
     registerShapeEditor: E,
-    setDrawingEnabled: U,
-    setDrawingTool: I,
-    setFilter: N,
+    setDrawingEnabled: X,
+    setDrawingTool: k,
+    setFilter: R,
     setStyle: V,
     setTheme: Z,
     setUser: S,
-    setVisible: T,
+    setVisible: v,
     element: c,
     state: i
   };
 };
 export {
   an as Editor,
-  Ko as EditorMount,
-  Ye as Handle,
-  Ki as IdentityTransform,
+  qo as EditorMount,
+  Pe as Handle,
+  qi as IdentityTransform,
   Io as PolygonEditor,
   Go as RectangleEditor,
   On as RectangleUtil,
@@ -4464,9 +4471,9 @@ export {
   F as ShapeType,
   Qo as ToolMount,
   nn as UserSelectAction,
-  qi as W3CImageFormat,
+  Wi as W3CImageFormat,
   wi as addEventListeners,
-  Ke as boundsFromPoints,
+  qe as boundsFromPoints,
   Fi as chainStyles,
   ht as computeArea,
   Hi as computeStyle,
@@ -4475,7 +4482,7 @@ export {
   Xi as createImageAnnotatorState,
   yi as createSVGTransform,
   Ui as createSvelteImageAnnotatorState,
-  Wi as defaultColorProvider,
+  Ki as defaultColorProvider,
   Ni as detectTheme,
   st as distance,
   Do as enableResponsive,
@@ -4487,7 +4494,7 @@ export {
   kn as intersects,
   Je as isImageAnnotation,
   Fe as isImageAnnotationTarget,
-  qt as isMac,
+  Wt as isMac,
   Yo as isTouch,
   cn as listDrawingTools,
   Dn as parseFragmentSelector,
@@ -4500,6 +4507,6 @@ export {
   Yn as serializeFragmentSelector,
   Nn as serializeSVGSelector,
   Mo as serializeW3CImageAnnotation,
-  Wt as setTheme
+  Kt as setTheme
 };
 //# sourceMappingURL=annotorious.es.js.map