@annotorious/annotorious 3.0.0 → 3.0.1

package/dist/annotorious.es.js

@@ -1,23 +1,23 @@
-var dn = Object.defineProperty;
-var hn = (e, t, n) => t in e ? dn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Ze = (e, t, n) => hn(e, typeof t != "symbol" ? t + "" : t, n);
-function z() {
+var hn = Object.defineProperty;
+var gn = (e, t, n) => t in e ? hn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var $e = (e, t, n) => gn(e, typeof t != "symbol" ? t + "" : t, n);
+function H() {
 }
-function ct(e, t) {
+function ut(e, t) {
   for (const n in t) e[n] = t[n];
   return (
     /** @type {T & S} */
     e
   );
 }
-function qt(e) {
+function Jt(e) {
   return e();
 }
-function _t() {
+function bt() {
   return /* @__PURE__ */ Object.create(null);
 }
 function de(e) {
-  e.forEach(qt);
+  e.forEach(Jt);
 }
 function q(e) {
   return typeof e == "function";
@@ -25,31 +25,31 @@ function q(e) {
 function Z(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
-function gn(e) {
+function mn(e) {
   return Object.keys(e).length === 0;
 }
-function Kt(e, ...t) {
+function Qt(e, ...t) {
   if (e == null) {
     for (const o of t)
       o(void 0);
-    return z;
+    return H;
   }
   const n = e.subscribe(...t);
   return n.unsubscribe ? () => n.unsubscribe() : n;
 }
-function xe(e, t, n) {
-  e.$$.on_destroy.push(Kt(t, n));
+function et(e, t, n) {
+  e.$$.on_destroy.push(Qt(t, n));
 }
-function mn(e, t, n, o) {
+function pn(e, t, n, o) {
   if (e) {
-    const i = Jt(e, t, n, o);
+    const i = Zt(e, t, n, o);
     return e[0](i);
   }
 }
-function Jt(e, t, n, o) {
-  return e[1] && o ? ct(n.ctx.slice(), e[1](o(t))) : n.ctx;
+function Zt(e, t, n, o) {
+  return e[1] && o ? ut(n.ctx.slice(), e[1](o(t))) : n.ctx;
 }
-function pn(e, t, n, o) {
+function yn(e, t, n, o) {
   if (e[2] && o) {
     const i = e[2](o(n));
     if (t.dirty === void 0)
@@ -64,13 +64,13 @@ function pn(e, t, n, o) {
   }
   return t.dirty;
 }
-function yn(e, t, n, o, i, s) {
+function _n(e, t, n, o, i, s) {
   if (i) {
-    const r = Jt(t, n, o, s);
+    const r = Zt(t, n, o, s);
     e.p(r, i);
   }
 }
-function _n(e) {
+function wn(e) {
   if (e.ctx.length > 32) {
     const t = [], n = e.ctx.length / 32;
     for (let o = 0; o < n; o++)
@@ -79,53 +79,49 @@ function _n(e) {
   }
   return -1;
 }
-function wt(e) {
+function Et(e) {
   const t = {};
   for (const n in e) n[0] !== "$" && (t[n] = e[n]);
   return t;
 }
-function qe(e) {
+function Ke(e) {
   return e ?? "";
 }
-const wn = typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : (
-  // @ts-ignore Node typings have this
-  global
-);
 function ue(e, t) {
   e.appendChild(t);
 }
 function I(e, t, n) {
   e.insertBefore(t, n || null);
 }
-function O(e) {
+function k(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
-function ht(e, t) {
+function mt(e, t) {
   for (let n = 0; n < e.length; n += 1)
     e[n] && e[n].d(t);
 }
 function C(e) {
   return document.createElementNS("http://www.w3.org/2000/svg", e);
 }
-function Qt(e) {
+function xt(e) {
   return document.createTextNode(e);
 }
 function ie() {
-  return Qt(" ");
+  return xt(" ");
 }
 function le() {
-  return Qt("");
+  return xt("");
 }
 function F(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
 }
-function h(e, t, n) {
+function d(e, t, n) {
   n == null ? e.removeAttribute(t) : e.getAttribute(t) !== n && e.setAttribute(t, n);
 }
 function bn(e) {
   return Array.from(e.childNodes);
 }
-function pe(e, t, n) {
+function me(e, t, n) {
   e.classList.toggle(t, !!n);
 }
 function En(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
@@ -135,15 +131,15 @@ let Xe;
 function De(e) {
   Xe = e;
 }
-function Zt() {
+function $t() {
   if (!Xe) throw new Error("Function called outside component initialization");
   return Xe;
 }
 function Re(e) {
-  Zt().$$.on_mount.push(e);
+  $t().$$.on_mount.push(e);
 }
-function Le() {
-  const e = Zt();
+function Me() {
+  const e = $t();
   return (t, n, { cancelable: o = !1 } = {}) => {
     const i = e.$$.callbacks[t];
     if (i) {
@@ -164,96 +160,96 @@ function he(e, t) {
   const n = e.$$.callbacks[t.type];
   n && n.slice().forEach((o) => o.call(this, t));
 }
-const Se = [], Ke = [];
-let Te = [];
-const bt = [], An = /* @__PURE__ */ Promise.resolve();
-let ft = !1;
+const Ae = [], Je = [];
+let ve = [];
+const At = [], An = /* @__PURE__ */ Promise.resolve();
+let dt = !1;
 function Sn() {
-  ft || (ft = !0, An.then(xt));
+  dt || (dt = !0, An.then(en));
 }
-function ut(e) {
-  Te.push(e);
+function ht(e) {
+  ve.push(e);
 }
-const $e = /* @__PURE__ */ new Set();
-let we = 0;
-function xt() {
-  if (we !== 0)
+const tt = /* @__PURE__ */ new Set();
+let _e = 0;
+function en() {
+  if (_e !== 0)
     return;
   const e = Xe;
   do {
     try {
-      for (; we < Se.length; ) {
-        const t = Se[we];
-        we++, De(t), vn(t.$$);
+      for (; _e < Ae.length; ) {
+        const t = Ae[_e];
+        _e++, De(t), vn(t.$$);
       }
     } catch (t) {
-      throw Se.length = 0, we = 0, t;
+      throw Ae.length = 0, _e = 0, t;
     }
-    for (De(null), Se.length = 0, we = 0; Ke.length; ) Ke.pop()();
-    for (let t = 0; t < Te.length; t += 1) {
-      const n = Te[t];
-      $e.has(n) || ($e.add(n), n());
+    for (De(null), Ae.length = 0, _e = 0; Je.length; ) Je.pop()();
+    for (let t = 0; t < ve.length; t += 1) {
+      const n = ve[t];
+      tt.has(n) || (tt.add(n), n());
     }
-    Te.length = 0;
-  } while (Se.length);
-  for (; bt.length; )
-    bt.pop()();
-  ft = !1, $e.clear(), De(e);
+    ve.length = 0;
+  } while (Ae.length);
+  for (; At.length; )
+    At.pop()();
+  dt = !1, tt.clear(), De(e);
 }
 function vn(e) {
   if (e.fragment !== null) {
     e.update(), de(e.before_update);
     const t = e.dirty;
-    e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(ut);
+    e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(ht);
   }
 }
 function Tn(e) {
   const t = [], n = [];
-  Te.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), Te = t;
+  ve.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), ve = t;
 }
 const We = /* @__PURE__ */ new Set();
-let _e;
+let ye;
 function se() {
-  _e = {
+  ye = {
     r: 0,
     c: [],
-    p: _e
+    p: ye
     // parent group
   };
 }
 function re() {
-  _e.r || de(_e.c), _e = _e.p;
+  ye.r || de(ye.c), ye = ye.p;
 }
-function P(e, t) {
+function B(e, t) {
   e && e.i && (We.delete(e), e.i(t));
 }
 function R(e, t, n, o) {
   if (e && e.o) {
     if (We.has(e)) return;
-    We.add(e), _e.c.push(() => {
+    We.add(e), ye.c.push(() => {
       We.delete(e), o && (n && e.d(1), o());
     }), e.o(t);
   } else o && o();
 }
-function Me(e) {
+function Te(e) {
   return (e == null ? void 0 : e.length) !== void 0 ? e : Array.from(e);
 }
 function te(e) {
   e && e.c();
 }
-function $(e, t, n) {
+function x(e, t, n) {
   const { fragment: o, after_update: i } = e.$$;
-  o && o.m(t, n), ut(() => {
-    const s = e.$$.on_mount.map(qt).filter(q);
+  o && o.m(t, n), ht(() => {
+    const s = e.$$.on_mount.map(Jt).filter(q);
     e.$$.on_destroy ? e.$$.on_destroy.push(...s) : de(s), e.$$.on_mount = [];
-  }), i.forEach(ut);
+  }), i.forEach(ht);
 }
-function ee(e, t) {
+function $(e, t) {
   const n = e.$$;
   n.fragment !== null && (Tn(n.after_update), de(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
 }
 function Mn(e, t) {
-  e.$$.dirty[0] === -1 && (Se.push(e), Sn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
+  e.$$.dirty[0] === -1 && (Ae.push(e), Sn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
 }
 function ne(e, t, n, o, i, s, r = null, l = [-1]) {
   const a = Xe;
@@ -263,9 +259,9 @@ function ne(e, t, n, o, i, s, r = null, l = [-1]) {
     ctx: [],
     // state
     props: s,
-    update: z,
+    update: H,
     not_equal: i,
-    bound: _t(),
+    bound: bt(),
     // lifecycle
     on_mount: [],
     on_destroy: [],
@@ -274,23 +270,23 @@ function ne(e, t, n, o, i, s, r = null, l = [-1]) {
     after_update: [],
     context: new Map(t.context || (a ? a.$$.context : [])),
     // everything else
-    callbacks: _t(),
+    callbacks: bt(),
     dirty: l,
     skip_bound: !1,
     root: t.target || a.$$.root
   };
   r && r(c.root);
-  let f = !1;
-  if (c.ctx = n ? n(e, t.props || {}, (u, d, ...g) => {
-    const m = g.length ? g[0] : d;
-    return c.ctx && i(c.ctx[u], c.ctx[u] = m) && (!c.skip_bound && c.bound[u] && c.bound[u](m), f && Mn(e, u)), d;
-  }) : [], c.update(), f = !0, de(c.before_update), c.fragment = o ? o(c.ctx) : !1, t.target) {
+  let u = !1;
+  if (c.ctx = n ? n(e, t.props || {}, (f, g, ...h) => {
+    const m = h.length ? h[0] : g;
+    return c.ctx && i(c.ctx[f], c.ctx[f] = m) && (!c.skip_bound && c.bound[f] && c.bound[f](m), u && Mn(e, f)), g;
+  }) : [], c.update(), u = !0, de(c.before_update), c.fragment = o ? o(c.ctx) : !1, t.target) {
     if (t.hydrate) {
-      const u = bn(t.target);
-      c.fragment && c.fragment.l(u), u.forEach(O);
+      const f = bn(t.target);
+      c.fragment && c.fragment.l(f), f.forEach(k);
     } else
       c.fragment && c.fragment.c();
-    t.intro && P(e.$$.fragment), $(e, t.target, t.anchor), xt();
+    t.intro && B(e.$$.fragment), x(e, t.target, t.anchor), en();
   }
   De(a);
 }
@@ -303,7 +299,7 @@ class oe {
      *
      * @type {any}
      */
-    Ze(this, "$$");
+    $e(this, "$$");
     /**
      * ### PRIVATE API
      *
@@ -311,11 +307,11 @@ class oe {
      *
      * @type {any}
      */
-    Ze(this, "$$set");
+    $e(this, "$$set");
   }
   /** @returns {void} */
   $destroy() {
-    ee(this, 1), this.$destroy = z;
+    $(this, 1), this.$destroy = H;
   }
   /**
    * @template {Extract<keyof Events, string>} K
@@ -325,7 +321,7 @@ class oe {
    */
   $on(t, n) {
     if (!q(n))
-      return z;
+      return H;
     const o = this.$$.callbacks[t] || (this.$$.callbacks[t] = []);
     return o.push(n), () => {
       const i = o.indexOf(n);
@@ -337,26 +333,26 @@ class oe {
    * @returns {void}
    */
   $set(t) {
-    this.$$set && !gn(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
+    this.$$set && !mn(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
   }
 }
 const Ln = "4";
 typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(Ln);
 var W = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(W || {});
-const gt = {}, mt = (e, t) => gt[e] = t, dt = (e) => gt[e.type].area(e), kn = (e, t, n) => gt[e.type].intersects(e, t, n), Je = (e) => {
+const pt = {}, yt = (e, t) => pt[e] = t, gt = (e) => pt[e.type].area(e), kn = (e, t, n) => pt[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);
   }), { minX: t, minY: n, maxX: o, maxY: i };
-}, On = {
+}, 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), f = t - o, u = n - i, d = a * f + c * u, g = c * f - a * u;
-    return d * d / (s * s) + g * g / (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, g = a * u + c * f, h = c * u - a * f;
+    return g * g / (s * s) + h * h / (r * r) <= 1;
   }
 };
-mt(W.ELLIPSE, On);
-const In = {
+yt(W.ELLIPSE, In);
+const On = {
   area: (e) => {
     const { points: t } = e.geometry;
     let n = 0, o = t.length - 1;
@@ -368,35 +364,38 @@ const In = {
     const { points: o } = e.geometry;
     let i = !1;
     for (let s = 0, r = o.length - 1; s < o.length; r = s++) {
-      const l = o[s][0], a = o[s][1], c = o[r][0], f = o[r][1];
-      a > n != f > n && t < (c - l) * (n - a) / (f - a) + l && (i = !i);
+      const l = o[s][0], a = o[s][1], c = o[r][0], u = o[r][1];
+      a > n != u > n && t < (c - l) * (n - a) / (u - a) + l && (i = !i);
     }
     return i;
   }
 };
-mt(W.POLYGON, In);
+yt(W.POLYGON, On);
 const Bn = {
   area: (e) => e.geometry.w * e.geometry.h,
   intersects: (e, t, n) => t >= e.geometry.x && t <= e.geometry.x + e.geometry.w && n >= e.geometry.y && n <= e.geometry.y + e.geometry.h
 };
-mt(W.RECTANGLE, Bn);
-const Pn = (e, t = !1) => {
-  const n = typeof e == "string" ? e : e.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [s, r, l, a, c, f, u] = i;
+yt(W.RECTANGLE, Bn);
+const Ze = (e) => qe(e.target), qe = (e) => {
+  var t, n;
+  return (e == null ? void 0 : e.annotation) !== void 0 && ((n = (t = e == null ? void 0 : e.selector) == null ? void 0 : t.geometry) == null ? void 0 : n.bounds) !== void 0;
+}, Pn = (e, t = !1) => {
+  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 [d, g, m, _] = [a, c, f, u].map(parseFloat);
+  const [g, h, m, y] = [a, c, u, f].map(parseFloat);
   return {
     type: W.RECTANGLE,
     geometry: {
-      x: d,
-      y: g,
+      x: g,
+      y: h,
       w: m,
-      h: _,
+      h: y,
       bounds: {
-        minX: d,
-        minY: t ? g - _ : g,
-        maxX: d + m,
-        maxY: t ? g : g + _
+        minX: g,
+        minY: t ? h - y : h,
+        maxX: g + m,
+        maxY: t ? h : h + y
       }
     }
   };
@@ -407,7 +406,7 @@ const Pn = (e, t = !1) => {
     conformsTo: "http://www.w3.org/TR/media-frags/",
     value: `xywh=pixel:${t},${n},${o},${i}`
   };
-}, $t = "http://www.w3.org/2000/svg", Et = (e) => {
+}, tn = "http://www.w3.org/2000/svg", St = (e) => {
   const t = (o) => {
     Array.from(o.attributes).forEach((i) => {
       i.name.startsWith("on") && o.removeAttribute(i.name);
@@ -415,18 +414,18 @@ const Pn = (e, t = !1) => {
   }, n = e.getElementsByTagName("script");
   return Array.from(n).reverse().forEach((o) => o.parentNode.removeChild(o)), Array.from(e.querySelectorAll("*")).forEach(t), e;
 }, Dn = (e) => {
-  const o = new XMLSerializer().serializeToString(e.documentElement).replace("<svg>", `<svg xmlns="${$t}">`);
+  const o = new XMLSerializer().serializeToString(e.documentElement).replace("<svg>", `<svg xmlns="${tn}">`);
   return new DOMParser().parseFromString(o, "image/svg+xml").documentElement;
 }, Xn = (e) => {
-  const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix($t), i = n.lookupNamespaceURI(null);
-  return o || i ? Et(n).firstChild : Et(Dn(n)).firstChild;
+  const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix(tn), i = n.lookupNamespaceURI(null);
+  return o || i ? St(n).firstChild : St(Dn(n)).firstChild;
 }, Rn = (e) => {
   const [t, n, o] = e.match(/(<polygon points=["|'])([^("|')]*)/) || [], i = o.split(" ").map((s) => s.split(",").map(parseFloat));
   return {
     type: W.POLYGON,
     geometry: {
       points: i,
-      bounds: Je(i)
+      bounds: Qe(i)
     }
   };
 }, Cn = (e) => {
@@ -467,8 +466,8 @@ const Pn = (e, t = !1) => {
   throw `Unsupported shape type: ${e.type}`;
 };
 var J = [];
-for (var et = 0; et < 256; ++et)
-  J.push((et + 256).toString(16).slice(1));
+for (var nt = 0; nt < 256; ++nt)
+  J.push((nt + 256).toString(16).slice(1));
 function Vn(e, t = 0) {
   return (J[e[t + 0]] + J[e[t + 1]] + J[e[t + 2]] + J[e[t + 3]] + "-" + J[e[t + 4]] + J[e[t + 5]] + "-" + J[e[t + 6]] + J[e[t + 7]] + "-" + J[e[t + 8]] + J[e[t + 9]] + "-" + J[e[t + 10]] + J[e[t + 11]] + J[e[t + 12]] + J[e[t + 13]] + J[e[t + 14]] + J[e[t + 15]]).toLowerCase();
 }
@@ -479,18 +478,18 @@ function jn() {
   return Ge(Gn);
 }
 var zn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const At = {
+const vt = {
   randomUUID: zn
 };
-function en(e, t, n) {
-  if (At.randomUUID && !t && !e)
-    return At.randomUUID();
+function nn(e, t, n) {
+  if (vt.randomUUID && !t && !e)
+    return vt.randomUUID();
   e = e || {};
   var o = e.random || (e.rng || jn)();
   return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Vn(o);
 }
-var St = Object.prototype.hasOwnProperty;
-function ye(e, t) {
+var Tt = Object.prototype.hasOwnProperty;
+function pe(e, t) {
   var n, o;
   if (e === t) return !0;
   if (e && t && (n = e.constructor) === t.constructor) {
@@ -498,52 +497,52 @@ 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-- && pe(e[o], t[o]); ) ;
       return o === -1;
     }
     if (!n || typeof e == "object") {
       o = 0;
       for (n in e)
-        if (St.call(e, n) && ++o && !St.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) || !pe(e[n], t[n])) return !1;
       return Object.keys(t).length === o;
     }
   }
   return e !== e && t !== t;
 }
-function tt() {
+function ot() {
 }
 function Hn(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
-const be = [];
-function pt(e, t = tt) {
+const we = [];
+function _t(e, t = ot) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
     if (Hn(e, l) && (e = l, n)) {
-      const a = !be.length;
+      const a = !we.length;
       for (const c of o)
-        c[1](), be.push(c, e);
+        c[1](), we.push(c, e);
       if (a) {
-        for (let c = 0; c < be.length; c += 2)
-          be[c][0](be[c + 1]);
-        be.length = 0;
+        for (let c = 0; c < we.length; c += 2)
+          we[c][0](we[c + 1]);
+        we.length = 0;
       }
     }
   }
   function s(l) {
     i(l(e));
   }
-  function r(l, a = tt) {
+  function r(l, a = ot) {
     const c = [l, a];
-    return o.add(c), o.size === 1 && (n = t(i, s) || tt), l(e), () => {
+    return o.add(c), o.size === 1 && (n = t(i, s) || ot), l(e), () => {
       o.delete(c), o.size === 0 && n && (n(), n = null);
     };
   }
   return { set: i, update: s, subscribe: r };
 }
 const Fn = (e) => {
-  const { subscribe: t, set: n } = pt();
+  const { subscribe: t, set: n } = _t();
   let o;
   return t((i) => o = i), e.observe(({ changes: i }) => {
     if (o) {
@@ -559,75 +558,75 @@ const Fn = (e) => {
     set: n
   };
 };
-var tn = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(tn || {});
-const je = { selected: [] }, Wn = (e) => {
-  const { subscribe: t, set: n } = pt(je);
-  let o, i = je;
-  t((d) => i = d);
-  const s = () => {
-    ye(i, je) || n(je);
-  }, r = () => {
-    var d;
-    return ((d = i.selected) == null ? void 0 : d.length) === 0;
-  }, l = (d) => {
-    if (r())
+var on = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(on || {});
+const je = { selected: [] }, Wn = (e, t) => {
+  const { subscribe: n, set: o } = _t(je);
+  let i = t, s = je;
+  n((h) => s = h);
+  const r = () => {
+    pe(s, je) || o(je);
+  }, l = () => {
+    var h;
+    return ((h = s.selected) == null ? void 0 : h.length) === 0;
+  }, a = (h) => {
+    if (l())
       return !1;
-    const g = typeof d == "string" ? d : d.id;
-    return i.selected.some((m) => m.id === g);
-  }, a = (d, g) => {
-    const m = e.getAnnotation(d);
-    if (!m) {
-      console.warn("Invalid selection: " + d);
+    const m = typeof h == "string" ? h : h.id;
+    return s.selected.some((y) => y.id === m);
+  }, c = (h, m) => {
+    const y = e.getAnnotation(h);
+    if (!y) {
+      console.warn("Invalid selection: " + h);
       return;
     }
-    switch (vt(m, o)) {
+    switch (Mt(y, i)) {
       case "EDIT":
-        n({ selected: [{ id: d, editable: !0 }], event: g });
+        o({ selected: [{ id: h, editable: !0 }], event: m });
         break;
       case "SELECT":
-        n({ selected: [{ id: d }], event: g });
+        o({ selected: [{ id: h }], event: m });
         break;
       default:
-        n({ selected: [], event: g });
+        o({ selected: [], event: m });
     }
-  }, c = (d, g) => {
-    const m = Array.isArray(d) ? d : [d], _ = m.map((v) => e.getAnnotation(v)).filter((v) => !!v);
-    n({
-      selected: _.map((v) => {
-        const p = g === void 0 ? vt(v, o) === "EDIT" : g;
-        return { id: v.id, editable: p };
+  }, u = (h, m) => {
+    const y = Array.isArray(h) ? h : [h], T = y.map((p) => e.getAnnotation(p)).filter((p) => !!p);
+    o({
+      selected: T.map((p) => {
+        const w = m === void 0 ? Mt(p, i) === "EDIT" : m;
+        return { id: p.id, editable: w };
       })
-    }), _.length !== m.length && console.warn("Invalid selection", d);
-  }, f = (d) => {
-    if (r())
+    }), T.length !== y.length && console.warn("Invalid selection", h);
+  }, f = (h) => {
+    if (l())
       return !1;
-    const { selected: g } = i;
-    g.some(({ id: m }) => d.includes(m)) && n({ selected: g.filter(({ id: m }) => !d.includes(m)) });
-  }, u = (d) => o = d;
+    const { selected: m } = s;
+    m.some(({ id: y }) => h.includes(y)) && o({ selected: m.filter(({ id: y }) => !h.includes(y)) });
+  }, g = (h) => i = h;
   return e.observe(
-    ({ changes: d }) => f((d.deleted || []).map((g) => g.id))
+    ({ changes: h }) => f((h.deleted || []).map((m) => m.id))
   ), {
     get event() {
-      return i ? i.event : null;
+      return s ? s.event : null;
     },
     get selected() {
-      return i ? [...i.selected] : null;
+      return s ? [...s.selected] : null;
     },
     get userSelectAction() {
-      return o;
+      return i;
     },
-    clear: s,
-    isEmpty: r,
-    isSelected: l,
-    setSelected: c,
-    setUserSelectAction: u,
-    subscribe: t,
-    userSelect: a
+    clear: r,
+    isEmpty: l,
+    isSelected: a,
+    setSelected: u,
+    setUserSelectAction: g,
+    subscribe: n,
+    userSelect: c
   };
-}, vt = (e, t) => typeof t == "function" ? t(e) : t || "EDIT";
+}, Mt = (e, t) => typeof t == "function" ? t(e) : t || "EDIT";
 var Q = [];
-for (var nt = 0; nt < 256; ++nt)
-  Q.push((nt + 256).toString(16).slice(1));
+for (var it = 0; it < 256; ++it)
+  Q.push((it + 256).toString(16).slice(1));
 function qn(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();
 }
@@ -638,12 +637,12 @@ function Jn() {
   return ze(Kn);
 }
 var Qn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Tt = {
+const Lt = {
   randomUUID: Qn
 };
 function Zn(e, t, n) {
-  if (Tt.randomUUID && !t && !e)
-    return Tt.randomUUID();
+  if (Lt.randomUUID && !t && !e)
+    return Lt.randomUUID();
   e = e || {};
   var o = e.random || (e.rng || Jn)();
   return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, qn(o);
@@ -656,8 +655,8 @@ const xn = (e, t) => {
   return e.bodies.filter((o) => !n.has(o.id));
 }, eo = (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 })), to = (e, t) => !ye(e.target, t.target), nn = (e, t) => {
+  return { newBody: n, oldBody: o && !pe(o, n) ? o : void 0 };
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), to = (e, t) => !pe(e.target, t.target), sn = (e, t) => {
   const n = xn(e, t), o = $n(e, t), i = eo(e, t);
   return {
     oldValue: e,
@@ -668,7 +667,7 @@ const xn = (e, t) => {
     targetUpdated: to(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
-var j = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(j || {});
+var z = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(z || {});
 const no = (e, t) => {
   var n, o;
   const { changes: i, origin: s } = t;
@@ -677,7 +676,7 @@ const no = (e, t) => {
   if (e.options.ignore) {
     const { ignore: r } = e.options, l = (a) => a && a.length > 0;
     if (!(l(i.created) || l(i.deleted))) {
-      const a = (n = i.updated) == null ? void 0 : n.some((f) => l(f.bodiesCreated) || l(f.bodiesDeleted) || l(f.bodiesUpdated)), c = (o = i.updated) == null ? void 0 : o.some((f) => f.targetUpdated);
+      const a = (n = i.updated) == null ? void 0 : n.some((u) => l(u.bodiesCreated) || l(u.bodiesDeleted) || l(u.bodiesUpdated)), c = (o = i.updated) == null ? void 0 : o.some((u) => u.targetUpdated);
       if (r === "BODY_ONLY" && a && !c || r === "TARGET_ONLY" && c && !a)
         return !1;
     }
@@ -692,25 +691,25 @@ const no = (e, t) => {
   } else
     return !0;
 }, oo = (e, t) => {
-  const n = new Set((e.created || []).map((u) => u.id)), o = new Set((e.updated || []).map(({ newValue: u }) => u.id)), i = new Set((t.created || []).map((u) => u.id)), s = new Set((t.deleted || []).map((u) => u.id)), r = new Set((t.updated || []).map(({ oldValue: u }) => u.id)), l = new Set((t.updated || []).filter(({ oldValue: u }) => n.has(u.id) || o.has(u.id)).map(({ oldValue: u }) => u.id)), a = [
-    ...(e.created || []).filter((u) => !s.has(u.id)).map((u) => r.has(u.id) ? t.updated.find(({ oldValue: d }) => d.id === u.id).newValue : u),
+  const n = new Set((e.created || []).map((f) => f.id)), o = new Set((e.updated || []).map(({ newValue: f }) => f.id)), i = new Set((t.created || []).map((f) => f.id)), s = new Set((t.deleted || []).map((f) => f.id)), r = new Set((t.updated || []).map(({ oldValue: f }) => f.id)), l = new Set((t.updated || []).filter(({ oldValue: f }) => n.has(f.id) || o.has(f.id)).map(({ oldValue: f }) => f.id)), a = [
+    ...(e.created || []).filter((f) => !s.has(f.id)).map((f) => r.has(f.id) ? t.updated.find(({ oldValue: g }) => g.id === f.id).newValue : f),
     ...t.created || []
   ], c = [
-    ...(e.deleted || []).filter((u) => !i.has(u.id)),
-    ...(t.deleted || []).filter((u) => !n.has(u.id))
-  ], f = [
-    ...(e.updated || []).filter(({ newValue: u }) => !s.has(u.id)).map((u) => {
-      const { oldValue: d, newValue: g } = u;
-      if (r.has(g.id)) {
-        const m = t.updated.find((_) => _.oldValue.id === g.id).newValue;
-        return nn(d, m);
+    ...(e.deleted || []).filter((f) => !i.has(f.id)),
+    ...(t.deleted || []).filter((f) => !n.has(f.id))
+  ], u = [
+    ...(e.updated || []).filter(({ newValue: f }) => !s.has(f.id)).map((f) => {
+      const { oldValue: g, newValue: h } = f;
+      if (r.has(h.id)) {
+        const m = t.updated.find((y) => y.oldValue.id === h.id).newValue;
+        return sn(g, m);
       } else
-        return u;
+        return f;
     }),
-    ...(t.updated || []).filter(({ oldValue: u }) => !l.has(u.id))
+    ...(t.updated || []).filter(({ oldValue: f }) => !l.has(f.id))
   ];
-  return { created: a, deleted: c, updated: f };
-}, ot = (e) => {
+  return { created: a, deleted: c, updated: u };
+}, st = (e) => {
   const t = e.id === void 0 ? Zn() : e.id;
   return {
     ...e,
@@ -738,56 +737,56 @@ const no = (e, t) => {
       },
       state: [...e.values()]
     };
-    n.forEach((T) => {
-      no(T, S) && T.onChange(S);
+    n.forEach((v) => {
+      no(v, S) && v.onChange(S);
     });
-  }, r = (E, A = j.LOCAL) => {
+  }, r = (E, A = z.LOCAL) => {
     if (E.id && e.get(E.id))
       throw Error(`Cannot add annotation ${E.id} - exists already`);
     {
-      const S = ot(E);
-      e.set(S.id, S), S.bodies.forEach((T) => t.set(T.id, S.id)), s(A, { created: [S] });
+      const S = st(E);
+      e.set(S.id, S), S.bodies.forEach((v) => t.set(v.id, S.id)), s(A, { created: [S] });
     }
   }, l = (E, A) => {
-    const S = ot(typeof E == "string" ? A : E), T = typeof E == "string" ? E : E.id, N = T && e.get(T);
+    const S = st(typeof E == "string" ? A : E), v = typeof E == "string" ? E : E.id, N = v && e.get(v);
     if (N) {
-      const X = nn(N, S);
-      return T === S.id ? e.set(T, S) : (e.delete(T), e.set(S.id, S)), N.bodies.forEach((K) => t.delete(K.id)), S.bodies.forEach((K) => t.set(K.id, S.id)), X;
+      const X = sn(N, S);
+      return v === S.id ? e.set(v, S) : (e.delete(v), e.set(S.id, S)), N.bodies.forEach((K) => t.delete(K.id)), S.bodies.forEach((K) => t.set(K.id, S.id)), X;
     } else
-      console.warn(`Cannot update annotation ${T} - does not exist`);
-  }, a = (E, A = j.LOCAL, S = j.LOCAL) => {
-    const T = io(A) ? S : A, N = l(E, A);
-    N && s(T, { updated: [N] });
-  }, c = (E, A = j.LOCAL) => {
-    const S = E.reduce((T, N) => {
+      console.warn(`Cannot update annotation ${v} - does not exist`);
+  }, a = (E, A = z.LOCAL, S = z.LOCAL) => {
+    const v = io(A) ? S : A, N = l(E, A);
+    N && s(v, { updated: [N] });
+  }, c = (E, A = z.LOCAL) => {
+    const S = E.reduce((v, N) => {
       const X = l(N);
-      return X ? [...T, X] : T;
+      return X ? [...v, X] : v;
     }, []);
     S.length > 0 && s(A, { updated: S });
-  }, f = (E, A = j.LOCAL) => {
+  }, u = (E, A = z.LOCAL) => {
     const S = e.get(E.annotation);
     if (S) {
-      const T = {
+      const v = {
         ...S,
         bodies: [...S.bodies, E]
       };
-      e.set(S.id, T), t.set(E.id, T.id), s(A, { updated: [{
+      e.set(S.id, v), t.set(E.id, v.id), s(A, { updated: [{
         oldValue: S,
-        newValue: T,
+        newValue: v,
         bodiesCreated: [E]
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${E.annotation}`);
-  }, u = () => [...e.values()], d = (E = j.LOCAL) => {
+  }, f = () => [...e.values()], g = (E = z.LOCAL) => {
     const A = [...e.values()];
     e.clear(), t.clear(), s(E, { deleted: A });
-  }, g = (E, A = !0, S = j.LOCAL) => {
-    const T = E.map(ot);
+  }, h = (E, A = !0, S = z.LOCAL) => {
+    const v = E.map(st);
     if (A) {
       const N = [...e.values()];
-      e.clear(), t.clear(), T.forEach((X) => {
+      e.clear(), t.clear(), v.forEach((X) => {
         e.set(X.id, X), X.bodies.forEach((K) => t.set(K.id, X.id));
-      }), s(S, { created: T, deleted: N });
+      }), s(S, { created: v, deleted: N });
     } else {
       const N = E.reduce((X, K) => {
         const ge = K.id && e.get(K.id);
@@ -795,56 +794,56 @@ const no = (e, t) => {
       }, []);
       if (N.length > 0)
         throw Error(`Bulk insert would overwrite the following annotations: ${N.map((X) => X.id).join(", ")}`);
-      T.forEach((X) => {
+      v.forEach((X) => {
         e.set(X.id, X), X.bodies.forEach((K) => t.set(K.id, X.id));
-      }), s(S, { created: T });
+      }), s(S, { created: v });
     }
   }, m = (E) => {
     const A = typeof E == "string" ? E : E.id, S = e.get(A);
     if (S)
-      return e.delete(A), S.bodies.forEach((T) => t.delete(T.id)), S;
+      return e.delete(A), S.bodies.forEach((v) => t.delete(v.id)), S;
     console.warn(`Attempt to delete missing annotation: ${A}`);
-  }, _ = (E, A = j.LOCAL) => {
+  }, y = (E, A = z.LOCAL) => {
     const S = m(E);
     S && s(A, { deleted: [S] });
-  }, v = (E, A = j.LOCAL) => {
-    const S = E.reduce((T, N) => {
+  }, T = (E, A = z.LOCAL) => {
+    const S = E.reduce((v, N) => {
       const X = m(N);
-      return X ? [...T, X] : T;
+      return X ? [...v, X] : v;
     }, []);
     S.length > 0 && s(A, { deleted: S });
   }, p = (E) => {
     const A = e.get(E.annotation);
     if (A) {
-      const S = A.bodies.find((T) => T.id === E.id);
+      const S = A.bodies.find((v) => v.id === E.id);
       if (S) {
         t.delete(S.id);
-        const T = {
+        const v = {
           ...A,
           bodies: A.bodies.filter((N) => N.id !== E.id)
         };
-        return e.set(A.id, T), {
+        return e.set(A.id, v), {
           oldValue: A,
-          newValue: T,
+          newValue: v,
           bodiesDeleted: [S]
         };
       } else
         console.warn(`Attempt to delete missing body ${E.id} from annotation ${E.annotation}`);
     } else
       console.warn(`Attempt to delete body from missing annotation ${E.annotation}`);
-  }, w = (E, A = j.LOCAL) => {
+  }, w = (E, A = z.LOCAL) => {
     const S = p(E);
     S && s(A, { updated: [S] });
-  }, y = (E, A = j.LOCAL) => {
-    const S = E.map((T) => p(T)).filter(Boolean);
+  }, _ = (E, A = z.LOCAL) => {
+    const S = E.map((v) => p(v)).filter(Boolean);
     S.length > 0 && s(A, { updated: S });
   }, b = (E) => {
     const A = e.get(E);
     return A ? { ...A } : void 0;
-  }, B = (E) => {
+  }, Y = (E) => {
     const A = t.get(E);
     if (A) {
-      const S = b(A).bodies.find((T) => T.id === E);
+      const S = b(A).bodies.find((v) => v.id === E);
       if (S)
         return S;
       console.error(`Store integrity error: body ${E} in index, but not in annotation`);
@@ -855,24 +854,24 @@ const no = (e, t) => {
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
     const S = e.get(E.annotation);
     if (S) {
-      const T = S.bodies.find((X) => X.id === E.id), N = {
+      const v = S.bodies.find((X) => X.id === E.id), N = {
         ...S,
-        bodies: S.bodies.map((X) => X.id === T.id ? A : X)
+        bodies: S.bodies.map((X) => X.id === v.id ? A : X)
       };
-      return e.set(S.id, N), T.id !== A.id && (t.delete(T.id), t.set(A.id, N.id)), {
+      return e.set(S.id, N), v.id !== A.id && (t.delete(v.id), t.set(A.id, N.id)), {
         oldValue: S,
         newValue: N,
-        bodiesUpdated: [{ oldBody: T, newBody: A }]
+        bodiesUpdated: [{ oldBody: v, newBody: A }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${E.annotation}`);
-  }, V = (E, A, S = j.LOCAL) => {
-    const T = U(E, A);
-    T && s(S, { updated: [T] });
-  }, G = (E, A = j.LOCAL) => {
-    const S = E.map((T) => U({ id: T.id, annotation: T.annotation }, T)).filter(Boolean);
+  }, V = (E, A, S = z.LOCAL) => {
+    const v = U(E, A);
+    v && s(S, { updated: [v] });
+  }, G = (E, A = z.LOCAL) => {
+    const S = E.map((v) => U({ id: v.id, annotation: v.annotation }, v)).filter(Boolean);
     s(A, { updated: S });
-  }, Y = (E) => {
+  }, P = (E) => {
     const A = e.get(E.annotation);
     if (A) {
       const S = {
@@ -895,28 +894,28 @@ const no = (e, t) => {
   };
   return {
     addAnnotation: r,
-    addBody: f,
-    all: u,
-    bulkAddAnnotation: g,
-    bulkDeleteAnnotation: v,
-    bulkDeleteBodies: y,
+    addBody: u,
+    all: f,
+    bulkAddAnnotation: h,
+    bulkDeleteAnnotation: T,
+    bulkDeleteBodies: _,
     bulkUpdateAnnotation: c,
     bulkUpdateBodies: G,
-    bulkUpdateTargets: (E, A = j.LOCAL) => {
-      const S = E.map((T) => Y(T)).filter(Boolean);
+    bulkUpdateTargets: (E, A = z.LOCAL) => {
+      const S = E.map((v) => P(v)).filter(Boolean);
       S.length > 0 && s(A, { updated: S });
     },
-    clear: d,
-    deleteAnnotation: _,
+    clear: g,
+    deleteAnnotation: y,
     deleteBody: w,
     getAnnotation: b,
-    getBody: B,
+    getBody: Y,
     observe: o,
     unobserve: i,
     updateAnnotation: a,
     updateBody: V,
-    updateTarget: (E, A = j.LOCAL) => {
-      const S = Y(E);
+    updateTarget: (E, A = z.LOCAL) => {
+      const S = P(E);
       S && s(A, { updated: [S] });
     }
   };
@@ -944,74 +943,74 @@ let lo = () => ({
 const ao = 250, co = (e) => {
   const t = lo(), n = [];
   let o = -1, i = !1, s = 0;
-  const r = (g) => {
+  const r = (h) => {
     if (!i) {
-      const { changes: m } = g, _ = performance.now();
-      if (_ - s > ao)
+      const { changes: m } = h, y = performance.now();
+      if (y - s > ao)
         n.splice(o + 1), n.push(m), o = n.length - 1;
       else {
-        const v = n.length - 1;
-        n[v] = oo(n[v], m);
+        const T = n.length - 1;
+        n[T] = oo(n[T], m);
       }
-      s = _;
+      s = y;
     }
     i = !1;
   };
-  e.observe(r, { origin: j.LOCAL });
-  const l = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g), a = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), c = (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)), u = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), d = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g);
+  e.observe(r, { origin: z.LOCAL });
+  const l = (h) => h && h.length > 0 && e.bulkDeleteAnnotation(h), a = (h) => h && h.length > 0 && e.bulkAddAnnotation(h, !1), c = (h) => h && h.length > 0 && e.bulkUpdateAnnotation(h.map(({ oldValue: m }) => m)), u = (h) => h && h.length > 0 && e.bulkUpdateAnnotation(h.map(({ newValue: m }) => m)), f = (h) => h && h.length > 0 && e.bulkAddAnnotation(h, !1), g = (h) => h && h.length > 0 && e.bulkDeleteAnnotation(h);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
     destroy: () => e.unobserve(r),
-    on: (g, m) => t.on(g, m),
+    on: (h, m) => t.on(h, m),
     redo: () => {
       if (n.length - 1 > o) {
         i = !0;
-        const { created: g, updated: m, deleted: _ } = n[o + 1];
-        a(g), f(m), d(_), t.emit("redo", n[o + 1]), o += 1;
+        const { created: h, updated: m, deleted: y } = n[o + 1];
+        a(h), u(m), g(y), t.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         i = !0;
-        const { created: g, updated: m, deleted: _ } = n[o];
-        l(g), c(m), u(_), t.emit("undo", n[o]), o -= 1;
+        const { created: h, updated: m, deleted: y } = n[o];
+        l(h), c(m), f(y), t.emit("undo", n[o]), o -= 1;
       }
     }
   };
 }, fo = () => {
-  const { subscribe: e, set: t } = pt([]);
+  const { subscribe: e, set: t } = _t([]);
   return {
     subscribe: e,
     set: t
   };
 }, uo = (e, t, n, o) => {
   const { store: i, selection: s, hover: r, viewport: l } = e, a = /* @__PURE__ */ new Map();
-  let c = [], f, u;
-  const d = (p, w) => {
+  let c = [], u, f;
+  const g = (p, w) => {
     a.has(p) ? a.get(p).push(w) : a.set(p, [w]);
-  }, g = (p, w) => {
-    const y = a.get(p);
-    if (y) {
-      const b = y.indexOf(w);
-      b !== -1 && y.splice(b, 1);
+  }, h = (p, w) => {
+    const _ = a.get(p);
+    if (_) {
+      const b = _.indexOf(w);
+      b !== -1 && _.splice(b, 1);
     }
-  }, m = (p, w, y) => {
+  }, m = (p, w, _) => {
     a.has(p) && setTimeout(() => {
       a.get(p).forEach((b) => {
         if (n) {
-          const B = Array.isArray(w) ? w.map((V) => n.serialize(V)) : n.serialize(w), U = y ? y instanceof PointerEvent ? y : n.serialize(y) : void 0;
-          b(B, U);
+          const Y = Array.isArray(w) ? w.map((V) => n.serialize(V)) : n.serialize(w), U = _ ? _ instanceof PointerEvent ? _ : n.serialize(_) : void 0;
+          b(Y, U);
         } else
-          b(w, y);
+          b(w, _);
       });
     }, 1);
-  }, _ = () => {
-    const { selected: p } = s, w = (p || []).map(({ id: y }) => i.getAnnotation(y));
-    w.forEach((y) => {
-      const b = c.find((B) => B.id === y.id);
-      (!b || !ye(b, y)) && m("updateAnnotation", y, b);
-    }), c = c.map((y) => w.find(({ id: B }) => B === y.id) || y);
+  }, y = () => {
+    const { selected: p } = s, w = (p || []).map(({ id: _ }) => i.getAnnotation(_));
+    w.forEach((_) => {
+      const b = c.find((Y) => Y.id === _.id);
+      (!b || !pe(b, _)) && m("updateAnnotation", _, b);
+    }), c = c.map((_) => w.find(({ id: Y }) => Y === _.id) || _);
   };
   s.subscribe(({ selected: p }) => {
     if (!(c.length === 0 && p.length === 0)) {
@@ -1019,17 +1018,17 @@ const ao = 250, co = (e) => {
         c = p.map(({ id: w }) => i.getAnnotation(w));
       else if (c.length > 0 && p.length === 0)
         c.forEach((w) => {
-          const y = i.getAnnotation(w.id);
-          y && !ye(y, w) && m("updateAnnotation", y, w);
+          const _ = i.getAnnotation(w.id);
+          _ && !pe(_, w) && m("updateAnnotation", _, w);
         }), c = [];
       else {
-        const w = new Set(c.map((b) => b.id)), y = new Set(p.map(({ id: b }) => b));
-        c.filter((b) => !y.has(b.id)).forEach((b) => {
-          const B = i.getAnnotation(b.id);
-          B && !ye(B, b) && m("updateAnnotation", B, b);
+        const w = new Set(c.map((b) => b.id)), _ = new Set(p.map(({ id: b }) => b));
+        c.filter((b) => !_.has(b.id)).forEach((b) => {
+          const Y = i.getAnnotation(b.id);
+          Y && !pe(Y, b) && m("updateAnnotation", Y, b);
         }), c = [
           // Remove annotations that were deselected
-          ...c.filter((b) => y.has(b.id)),
+          ...c.filter((b) => _.has(b.id)),
           // Add editable annotations that were selected
           ...p.filter(({ id: b }) => !w.has(b)).map(({ id: b }) => i.getAnnotation(b))
         ];
@@ -1037,29 +1036,29 @@ const ao = 250, co = (e) => {
       m("selectionChanged", c);
     }
   }), r.subscribe((p) => {
-    !f && p ? m("mouseEnterAnnotation", i.getAnnotation(p)) : f && !p ? m("mouseLeaveAnnotation", i.getAnnotation(f)) : f && p && (m("mouseLeaveAnnotation", i.getAnnotation(f)), m("mouseEnterAnnotation", i.getAnnotation(p))), f = p;
+    !u && p ? m("mouseEnterAnnotation", i.getAnnotation(p)) : u && !p ? m("mouseLeaveAnnotation", i.getAnnotation(u)) : u && p && (m("mouseLeaveAnnotation", i.getAnnotation(u)), m("mouseEnterAnnotation", i.getAnnotation(p))), u = p;
   }), l == null || l.subscribe((p) => m("viewportIntersect", p.map((w) => i.getAnnotation(w)))), i.observe((p) => {
-    o && (u && clearTimeout(u), u = setTimeout(_, 1e3));
-    const { created: w, deleted: y } = p.changes;
-    (w || []).forEach((b) => m("createAnnotation", b)), (y || []).forEach((b) => m("deleteAnnotation", b)), (p.changes.updated || []).filter((b) => [
+    o && (f && clearTimeout(f), f = setTimeout(y, 1e3));
+    const { created: w, deleted: _ } = p.changes;
+    (w || []).forEach((b) => m("createAnnotation", b)), (_ || []).forEach((b) => m("deleteAnnotation", b)), (p.changes.updated || []).filter((b) => [
       ...b.bodiesCreated || [],
       ...b.bodiesDeleted || [],
       ...b.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: b, newValue: B }) => {
+    ].length > 0).forEach(({ oldValue: b, newValue: Y }) => {
       const U = c.find((V) => V.id === b.id) || b;
-      c = c.map((V) => V.id === b.id ? B : V), m("updateAnnotation", B, U);
+      c = c.map((V) => V.id === b.id ? Y : V), m("updateAnnotation", Y, U);
     });
-  }, { origin: j.LOCAL }), i.observe((p) => {
+  }, { origin: z.LOCAL }), i.observe((p) => {
     if (c) {
-      const w = new Set(c.map((b) => b.id)), y = (p.changes.updated || []).filter(({ newValue: b }) => w.has(b.id)).map(({ newValue: b }) => b);
-      y.length > 0 && (c = c.map((b) => y.find((U) => U.id === b.id) || b));
+      const w = new Set(c.map((b) => b.id)), _ = (p.changes.updated || []).filter(({ newValue: b }) => w.has(b.id)).map(({ newValue: b }) => b);
+      _.length > 0 && (c = c.map((b) => _.find((U) => U.id === b.id) || b));
     }
-  }, { origin: j.REMOTE });
-  const v = (p) => (w) => {
-    const { updated: y } = w;
-    p ? (y || []).forEach((b) => m("updateAnnotation", b.oldValue, b.newValue)) : (y || []).forEach((b) => m("updateAnnotation", b.newValue, b.oldValue));
+  }, { origin: z.REMOTE });
+  const T = (p) => (w) => {
+    const { updated: _ } = w;
+    p ? (_ || []).forEach((b) => m("updateAnnotation", b.oldValue, b.newValue)) : (_ || []).forEach((b) => m("updateAnnotation", b.newValue, b.oldValue));
   };
-  return t.on("undo", v(!0)), t.on("redo", v(!1)), { on: d, off: g, emit: m };
+  return t.on("undo", T(!0)), t.on("redo", T(!1)), { on: g, off: h, emit: m };
 }, ho = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
@@ -1074,18 +1073,18 @@ const ao = 250, co = (e) => {
 }, { parsed: [], failed: [] }), go = (e, t, n) => {
   const { store: o, selection: i } = e, s = (p) => {
     if (n) {
-      const { parsed: w, error: y } = n.parse(p);
-      w ? o.addAnnotation(w, j.REMOTE) : console.error(y);
+      const { parsed: w, error: _ } = n.parse(p);
+      w ? o.addAnnotation(w, z.REMOTE) : console.error(_);
     } else
-      o.addAnnotation(p, j.REMOTE);
+      o.addAnnotation(p, z.REMOTE);
   }, r = () => i.clear(), l = () => o.clear(), a = (p) => {
     const w = o.getAnnotation(p);
     return n && w ? n.serialize(w) : w;
-  }, c = () => n ? o.all().map(n.serialize) : o.all(), f = () => {
+  }, c = () => n ? o.all().map(n.serialize) : o.all(), u = () => {
     var p;
-    const w = (((p = i.selected) == null ? void 0 : p.map((y) => y.id)) || []).map((y) => o.getAnnotation(y)).filter(Boolean);
+    const w = (((p = i.selected) == null ? void 0 : p.map((_) => _.id)) || []).map((_) => o.getAnnotation(_)).filter(Boolean);
     return n ? w.map(n.serialize) : w;
-  }, u = (p, w = !0) => fetch(p).then((y) => y.json()).then((y) => (g(y, w), y)), d = (p) => {
+  }, f = (p, w = !0) => fetch(p).then((_) => _.json()).then((_) => (h(_, w), _)), g = (p) => {
     if (typeof p == "string") {
       const w = o.getAnnotation(p);
       if (o.deleteAnnotation(p), w)
@@ -1095,20 +1094,20 @@ const ao = 250, co = (e) => {
       if (w)
         return o.deleteAnnotation(w), p;
     }
-  }, g = (p, w = !0) => {
+  }, h = (p, w = !0) => {
     if (n) {
-      const { parsed: y, failed: b } = ho(n)(p);
-      b.length > 0 && console.warn(`Discarded ${b.length} invalid annotations`, b), o.bulkAddAnnotation(y, w, j.REMOTE);
+      const { parsed: _, failed: b } = ho(n)(p);
+      b.length > 0 && console.warn(`Discarded ${b.length} invalid annotations`, b), o.bulkAddAnnotation(_, w, z.REMOTE);
     } else
-      o.bulkAddAnnotation(p, w, j.REMOTE);
+      o.bulkAddAnnotation(p, w, z.REMOTE);
   }, m = (p, w) => {
     p ? i.setSelected(p, w) : i.clear();
-  }, _ = (p) => {
+  }, y = (p) => {
     i.clear(), i.setUserSelectAction(p);
-  }, v = (p) => {
+  }, T = (p) => {
     if (n) {
-      const w = n.parse(p).parsed, y = n.serialize(o.getAnnotation(w.id));
-      return o.updateAnnotation(w), y;
+      const w = n.parse(p).parsed, _ = n.serialize(o.getAnnotation(w.id));
+      return o.updateAnnotation(w), _;
     } else {
       const w = o.getAnnotation(p.id);
       return o.updateAnnotation(p), w;
@@ -1122,15 +1121,15 @@ const ao = 250, co = (e) => {
     clearAnnotations: l,
     getAnnotationById: a,
     getAnnotations: c,
-    getSelected: f,
-    loadAnnotations: u,
+    getSelected: u,
+    loadAnnotations: f,
     redo: t.redo,
-    removeAnnotation: d,
-    setAnnotations: g,
+    removeAnnotation: g,
+    setAnnotations: h,
     setSelected: m,
-    setUserSelectAction: _,
+    setUserSelectAction: y,
     undo: t.undo,
-    updateAnnotation: v
+    updateAnnotation: T
   };
 }, mo = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 let po = (e) => crypto.getRandomValues(new Uint8Array(e)), yo = (e, t, n) => {
@@ -1157,18 +1156,18 @@ const bo = () => ({ isGuest: !0, id: _o("1234567890abcdefghijklmnopqrstuvwxyzABC
     n = (n << 5) - n + s, n |= 0;
   }
   return `${n}`;
-}, on = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, Ao = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
-  const { id: o, type: i, purpose: s, value: r, created: l, modified: a, creator: c, ...f } = n;
+}, rn = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, Ao = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
+  const { id: o, type: i, purpose: s, value: r, created: l, modified: a, creator: c, ...u } = n;
   return {
     id: o || `temp-${Eo(n)}`,
     annotation: t,
     type: i,
     purpose: s,
     value: r,
-    creator: on(c),
+    creator: rn(c),
     created: l ? new Date(l) : void 0,
     updated: a ? new Date(a) : void 0,
-    ...f
+    ...u
   };
 }), So = (e) => e.map((t) => {
   var n;
@@ -1181,29 +1180,29 @@ const bo = () => ({ isGuest: !0, id: _o("1234567890abcdefghijklmnopqrstuvwxyzABC
 });
 wo();
 const zi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => vo(i, t), serialize: (i) => To(i, e, t) }), vo = (e, t = { strict: !0, invertY: !1 }) => {
-  const n = e.id || en(), {
+  const n = e.id || nn(), {
     creator: o,
     created: i,
     modified: s,
     body: r,
     ...l
-  } = e, a = Ao(r || [], n), c = Array.isArray(e.target) ? e.target[0] : e.target, f = Array.isArray(c.selector) ? c.selector[0] : c.selector, u = (f == null ? void 0 : f.type) === "FragmentSelector" ? Pn(f, t.invertY) : (f == null ? void 0 : f.type) === "SvgSelector" ? Nn(f) : void 0;
-  return u || !t.strict ? {
+  } = e, a = Ao(r || [], n), c = Array.isArray(e.target) ? e.target[0] : e.target, u = Array.isArray(c.selector) ? c.selector[0] : c.selector, f = (u == null ? void 0 : u.type) === "FragmentSelector" ? Pn(u, t.invertY) : (u == null ? void 0 : u.type) === "SvgSelector" ? Nn(u) : void 0;
+  return f || !t.strict ? {
     parsed: {
       ...l,
       id: n,
       bodies: a,
       target: {
         created: i ? new Date(i) : void 0,
-        creator: on(o),
+        creator: rn(o),
         updated: s ? new Date(s) : void 0,
         ...Array.isArray(l.target) ? l.target[0] : l.target,
         annotation: n,
-        selector: u || f
+        selector: f || u
       }
     }
   } : {
-    error: Error(`Invalid selector: ${JSON.stringify(f)}`)
+    error: Error(`Invalid selector: ${JSON.stringify(u)}`)
   };
 }, To = (e, t, n = { strict: !0, invertY: !1 }) => {
   const {
@@ -1218,12 +1217,12 @@ const zi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => vo(i, t), se
   let c;
   try {
     c = o.type == W.RECTANGLE ? Yn(o.geometry) : Un(o);
-  } catch (u) {
+  } catch (f) {
     if (n.strict)
-      throw u;
+      throw f;
     c = o;
   }
-  const f = {
+  const u = {
     ...e,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
@@ -1238,13 +1237,13 @@ const zi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => vo(i, t), se
       selector: c
     }
   };
-  return delete f.bodies, "annotation" in f.target && delete f.target.annotation, f;
+  return delete u.bodies, "annotation" in u.target && delete u.target.annotation, u;
 };
-function Mt(e, t, n) {
+function kt(e, t, n) {
   const o = e.slice();
   return o[10] = t[n], o[12] = n, o;
 }
-function Lt(e) {
+function It(e) {
   let t, n;
   return t = new Be({
     props: {
@@ -1273,7 +1272,7 @@ function Lt(e) {
       te(t.$$.fragment);
     },
     m(o, i) {
-      $(t, o, i), n = !0;
+      x(t, o, i), n = !0;
     },
     p(o, i) {
       e = o;
@@ -1287,46 +1286,46 @@ function Lt(e) {
       e[3]), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (B(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      ee(t, o);
+      $(t, o);
     }
   };
 }
 function Mo(e) {
-  let t, n, o, i, s, r, l, a, c, f, u, d = Me(
+  let t, n, o, i, s, r, l, a, c, u, f, g = Te(
     /*geom*/
     e[4].points
-  ), g = [];
-  for (let _ = 0; _ < d.length; _ += 1)
-    g[_] = Lt(Mt(e, d, _));
-  const m = (_) => R(g[_], 1, 1, () => {
-    g[_] = null;
+  ), h = [];
+  for (let y = 0; y < g.length; y += 1)
+    h[y] = It(kt(e, g, y));
+  const m = (y) => R(h[y], 1, 1, () => {
+    h[y] = null;
   });
   return {
     c() {
       t = C("polygon"), i = ie(), s = C("polygon"), l = ie();
-      for (let _ = 0; _ < g.length; _ += 1)
-        g[_].c();
-      a = le(), h(t, "class", "a9s-outer"), h(t, "style", n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0), h(t, "points", o = /*geom*/
-      e[4].points.map(kt).join(" ")), h(s, "class", "a9s-inner a9s-shape-handle"), h(
+      for (let y = 0; y < h.length; y += 1)
+        h[y].c();
+      a = le(), 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(Ot).join(" ")), d(s, "class", "a9s-inner a9s-shape-handle"), d(
         s,
         "style",
         /*computedStyle*/
         e[1]
-      ), h(s, "points", r = /*geom*/
-      e[4].points.map(Ot).join(" "));
-    },
-    m(_, v) {
-      I(_, t, v), I(_, i, v), I(_, s, v), I(_, l, v);
-      for (let p = 0; p < g.length; p += 1)
-        g[p] && g[p].m(_, v);
-      I(_, a, v), c = !0, f || (u = [
+      ), d(s, "points", r = /*geom*/
+      e[4].points.map(Bt).join(" "));
+    },
+    m(y, T) {
+      I(y, t, T), I(y, i, T), I(y, s, T), I(y, l, T);
+      for (let p = 0; p < h.length; p += 1)
+        h[p] && h[p].m(y, T);
+      I(y, a, T), c = !0, u || (f = [
         F(t, "pointerdown", function() {
           q(
             /*grab*/
@@ -1339,58 +1338,58 @@ function Mo(e) {
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         })
-      ], f = !0);
+      ], u = !0);
     },
-    p(_, v) {
-      if (e = _, (!c || v & /*computedStyle*/
+    p(y, T) {
+      if (e = y, (!c || T & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0)) && h(t, "style", n), (!c || v & /*geom*/
+      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!c || T & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].points.map(kt).join(" "))) && h(t, "points", o), (!c || v & /*computedStyle*/
-      2) && h(
+      e[4].points.map(Ot).join(" "))) && d(t, "points", o), (!c || T & /*computedStyle*/
+      2) && d(
         s,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!c || v & /*geom*/
+      ), (!c || T & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].points.map(Ot).join(" "))) && h(s, "points", r), v & /*geom, viewportScale, grab*/
+      e[4].points.map(Bt).join(" "))) && d(s, "points", r), T & /*geom, viewportScale, grab*/
       536) {
-        d = Me(
+        g = Te(
           /*geom*/
           e[4].points
         );
         let p;
-        for (p = 0; p < d.length; p += 1) {
-          const w = Mt(e, d, p);
-          g[p] ? (g[p].p(w, v), P(g[p], 1)) : (g[p] = Lt(w), g[p].c(), P(g[p], 1), g[p].m(a.parentNode, a));
+        for (p = 0; p < g.length; p += 1) {
+          const w = kt(e, g, p);
+          h[p] ? (h[p].p(w, T), B(h[p], 1)) : (h[p] = It(w), h[p].c(), B(h[p], 1), h[p].m(a.parentNode, a));
         }
-        for (se(), p = d.length; p < g.length; p += 1)
+        for (se(), p = g.length; p < h.length; p += 1)
           m(p);
         re();
       }
     },
-    i(_) {
+    i(y) {
       if (!c) {
-        for (let v = 0; v < d.length; v += 1)
-          P(g[v]);
+        for (let T = 0; T < g.length; T += 1)
+          B(h[T]);
         c = !0;
       }
     },
-    o(_) {
-      g = g.filter(Boolean);
-      for (let v = 0; v < g.length; v += 1)
-        R(g[v]);
+    o(y) {
+      h = h.filter(Boolean);
+      for (let T = 0; T < h.length; T += 1)
+        R(h[T]);
       c = !1;
     },
-    d(_) {
-      _ && (O(t), O(i), O(s), O(l), O(a)), ht(g, _), f = !1, de(u);
+    d(y) {
+      y && (k(t), k(i), k(s), k(l), k(a)), mt(h, y), u = !1, de(f);
     }
   };
 }
 function Lo(e) {
   let t, n;
-  return t = new rn({
+  return t = new an({
     props: {
       shape: (
         /*shape*/
@@ -1430,7 +1429,7 @@ function Lo(e) {
       te(t.$$.fragment);
     },
     m(o, i) {
-      $(t, o, i), n = !0;
+      x(t, o, i), n = !0;
     },
     p(o, [i]) {
       const s = {};
@@ -1442,37 +1441,37 @@ function Lo(e) {
       8730 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (B(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      ee(t, o);
+      $(t, o);
     }
   };
 }
-const kt = (e) => e.join(","), Ot = (e) => e.join(",");
+const Ot = (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 = (d, g, m) => {
-    let _;
-    const v = d.geometry;
-    g === "SHAPE" ? _ = v.points.map(([w, y]) => [w + m[0], y + m[1]]) : _ = v.points.map(([w, y], b) => g === `HANDLE-${b}` ? [w + m[0], y + m[1]] : [w, y]);
-    const p = Je(_);
-    return { ...d, geometry: { points: _, bounds: p } };
+  const a = (g, h, m) => {
+    let y;
+    const T = g.geometry;
+    h === "SHAPE" ? y = T.points.map(([w, _]) => [w + m[0], _ + m[1]]) : y = T.points.map(([w, _], b) => h === `HANDLE-${b}` ? [w + m[0], _ + m[1]] : [w, _]);
+    const p = Qe(y);
+    return { ...g, geometry: { points: y, bounds: p } };
   };
-  function c(d) {
-    he.call(this, e, d);
+  function c(g) {
+    he.call(this, e, g);
   }
-  function f(d) {
-    he.call(this, e, d);
+  function u(g) {
+    he.call(this, e, g);
   }
-  function u(d) {
-    he.call(this, e, d);
+  function f(g) {
+    he.call(this, e, g);
   }
-  return e.$$set = (d) => {
-    "shape" in d && n(0, i = d.shape), "computedStyle" in d && n(1, s = d.computedStyle), "transform" in d && n(2, r = d.transform), "viewportScale" in d && n(3, l = d.viewportScale);
+  return e.$$set = (g) => {
+    "shape" in g && n(0, i = g.shape), "computedStyle" in g && n(1, s = g.computedStyle), "transform" in g && n(2, r = g.transform), "viewportScale" in g && n(3, l = g.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
     1 && n(4, o = i.geometry);
@@ -1484,11 +1483,11 @@ function ko(e, t, n) {
     o,
     a,
     c,
-    f,
-    u
+    u,
+    f
   ];
 }
-class Oo extends oe {
+class Io extends oe {
   constructor(t) {
     super(), ne(this, t, ko, Lo, Z, {
       shape: 0,
@@ -1498,31 +1497,31 @@ class Oo extends oe {
     });
   }
 }
-const it = (e, t) => {
+const rt = (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));
-}, Ee = [];
-function Io(e, t = z) {
+}, be = [];
+function Oo(e, t = H) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
     if (Z(e, l) && (e = l, n)) {
-      const a = !Ee.length;
+      const a = !be.length;
       for (const c of o)
-        c[1](), Ee.push(c, e);
+        c[1](), be.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 < be.length; c += 2)
+          be[c][0](be[c + 1]);
+        be.length = 0;
       }
     }
   }
   function s(l) {
     i(l(e));
   }
-  function r(l, a = z) {
+  function r(l, a = H) {
     const c = [l, a];
-    return o.add(c), o.size === 1 && (n = t(i, s) || z), l(e), () => {
+    return o.add(c), o.size === 1 && (n = t(i, s) || H), l(e), () => {
       o.delete(c), o.size === 0 && n && (n(), n = null);
     };
   }
@@ -1540,7 +1539,7 @@ const Bo = (e, t) => {
     t.setAttribute("viewBox", `0 0 ${n} ${o}`);
 }, Po = (e, t) => {
   Bo(e, t);
-  const { subscribe: n, set: o } = Io(1);
+  const { subscribe: n, set: o } = Oo(1);
   let i;
   return window.ResizeObserver && (i = new ResizeObserver(() => {
     const r = t.getBoundingClientRect(), { width: l, height: a } = t.viewBox.baseVal, c = Math.max(
@@ -1557,17 +1556,17 @@ function Do(e) {
   let t, n, o, i, s, r;
   return {
     c() {
-      t = C("rect"), h(t, "class", n = qe(`a9s-handle ${/*$$props*/
-      e[8].class || ""}`.trim()) + " svelte-1sgkh33"), h(t, "x", o = /*x*/
+      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), h(t, "y", i = /*y*/
+      e[5] / 2), d(t, "y", i = /*y*/
       e[1] - /*handleSize*/
-      e[5] / 2), h(
+      e[5] / 2), d(
         t,
         "width",
         /*handleSize*/
         e[5]
-      ), h(
+      ), d(
         t,
         "height",
         /*handleSize*/
@@ -1584,21 +1583,21 @@ function Do(e) {
     },
     p(l, a) {
       a & /*$$props*/
-      256 && n !== (n = qe(`a9s-handle ${/*$$props*/
-      l[8].class || ""}`.trim()) + " svelte-1sgkh33") && h(t, "class", n), a & /*x, handleSize*/
+      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*/
-      l[5] / 2) && h(t, "x", o), a & /*y, handleSize*/
+      l[5] / 2) && d(t, "x", o), a & /*y, handleSize*/
       34 && i !== (i = /*y*/
       l[1] - /*handleSize*/
-      l[5] / 2) && h(t, "y", i), a & /*handleSize*/
-      32 && h(
+      l[5] / 2) && d(t, "y", i), a & /*handleSize*/
+      32 && d(
         t,
         "width",
         /*handleSize*/
         l[5]
       ), a & /*handleSize*/
-      32 && h(
+      32 && d(
         t,
         "height",
         /*handleSize*/
@@ -1606,7 +1605,7 @@ function Do(e) {
       );
     },
     d(l) {
-      l && O(t), s = !1, r();
+      l && k(t), s = !1, r();
     }
   };
 }
@@ -1614,42 +1613,42 @@ function Xo(e) {
   let t, n, o, i, s, r, l, a, c;
   return {
     c() {
-      t = C("g"), n = C("circle"), i = C("rect"), h(
+      t = C("g"), n = C("circle"), i = C("rect"), d(
         n,
         "cx",
         /*x*/
         e[0]
-      ), h(
+      ), d(
         n,
         "cy",
         /*y*/
         e[1]
-      ), h(n, "r", o = /*radius*/
+      ), d(n, "r", o = /*radius*/
       e[3] / /*scale*/
-      e[2]), h(n, "class", "a9s-touch-halo svelte-1sgkh33"), pe(
+      e[2]), d(n, "class", "a9s-touch-halo svelte-1sgkh33"), me(
         n,
         "touched",
         /*touched*/
         e[4]
-      ), h(i, "class", s = qe(`a9s-handle ${/*$$props*/
-      e[8].class || ""}`.trim()) + " svelte-1sgkh33"), h(i, "x", r = /*x*/
+      ), 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), h(i, "y", l = /*y*/
+      e[5] / 2), d(i, "y", l = /*y*/
       e[1] - /*handleSize*/
-      e[5] / 2), h(
+      e[5] / 2), d(
         i,
         "width",
         /*handleSize*/
         e[5]
-      ), h(
+      ), d(
         i,
         "height",
         /*handleSize*/
         e[5]
-      ), h(t, "class", "a9s-touch-handle");
+      ), d(t, "class", "a9s-touch-handle");
     },
-    m(f, u) {
-      I(f, t, u), ue(t, n), ue(t, i), a || (c = [
+    m(u, f) {
+      I(u, t, f), ue(t, n), ue(t, i), a || (c = [
         F(
           n,
           "pointerdown",
@@ -1688,52 +1687,52 @@ function Xo(e) {
         )
       ], a = !0);
     },
-    p(f, u) {
-      u & /*x*/
-      1 && h(
+    p(u, f) {
+      f & /*x*/
+      1 && d(
         n,
         "cx",
         /*x*/
-        f[0]
-      ), u & /*y*/
-      2 && h(
+        u[0]
+      ), f & /*y*/
+      2 && d(
         n,
         "cy",
         /*y*/
-        f[1]
-      ), u & /*radius, scale*/
+        u[1]
+      ), f & /*radius, scale*/
       12 && o !== (o = /*radius*/
-      f[3] / /*scale*/
-      f[2]) && h(n, "r", o), u & /*touched*/
-      16 && pe(
+      u[3] / /*scale*/
+      u[2]) && d(n, "r", o), f & /*touched*/
+      16 && me(
         n,
         "touched",
         /*touched*/
-        f[4]
-      ), u & /*$$props*/
-      256 && s !== (s = qe(`a9s-handle ${/*$$props*/
-      f[8].class || ""}`.trim()) + " svelte-1sgkh33") && h(i, "class", s), u & /*x, handleSize*/
+        u[4]
+      ), f & /*$$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*/
-      f[0] - /*handleSize*/
-      f[5] / 2) && h(i, "x", r), u & /*y, handleSize*/
+      u[0] - /*handleSize*/
+      u[5] / 2) && d(i, "x", r), f & /*y, handleSize*/
       34 && l !== (l = /*y*/
-      f[1] - /*handleSize*/
-      f[5] / 2) && h(i, "y", l), u & /*handleSize*/
-      32 && h(
+      u[1] - /*handleSize*/
+      u[5] / 2) && d(i, "y", l), f & /*handleSize*/
+      32 && d(
         i,
         "width",
         /*handleSize*/
-        f[5]
-      ), u & /*handleSize*/
-      32 && h(
+        u[5]
+      ), f & /*handleSize*/
+      32 && d(
         i,
         "height",
         /*handleSize*/
-        f[5]
+        u[5]
       );
     },
-    d(f) {
-      f && O(t), a = !1, de(c);
+    d(u) {
+      u && k(t), a = !1, de(c);
     }
   };
 }
@@ -1753,10 +1752,10 @@ function Ro(e) {
     p(s, [r]) {
       i.p(s, r);
     },
-    i: z,
-    o: z,
+    i: H,
+    o: H,
     d(s) {
-      s && O(t), i.d(s);
+      s && k(t), i.d(s);
     }
   };
 }
@@ -1764,22 +1763,22 @@ function Co(e, t, n) {
   let o, { x: i } = t, { y: s } = t, { scale: r } = t, { radius: l = 30 } = t, a = !1;
   const c = (m) => {
     m.pointerType === "touch" && n(4, a = !0);
-  }, f = () => n(4, a = !1);
-  function u(m) {
+  }, u = () => n(4, a = !1);
+  function f(m) {
     he.call(this, e, m);
   }
-  function d(m) {
+  function g(m) {
     he.call(this, e, m);
   }
-  function g(m) {
+  function h(m) {
     he.call(this, e, m);
   }
   return e.$$set = (m) => {
-    n(8, t = ct(ct({}, t), wt(m))), "x" in m && n(0, i = m.x), "y" in m && n(1, s = m.y), "scale" in m && n(2, r = m.scale), "radius" in m && n(3, l = m.radius);
+    n(8, t = ut(ut({}, t), Et(m))), "x" in m && n(0, i = m.x), "y" in m && n(1, s = m.y), "scale" in m && n(2, r = m.scale), "radius" in m && n(3, l = m.radius);
   }, e.$$.update = () => {
     e.$$.dirty & /*scale*/
     4 && n(5, o = 10 / r);
-  }, t = wt(t), [
+  }, t = Et(t), [
     i,
     s,
     r,
@@ -1787,11 +1786,11 @@ function Co(e, t, n) {
     a,
     o,
     c,
-    f,
-    t,
     u,
-    d,
-    g
+    t,
+    f,
+    g,
+    h
   ];
 }
 class Be extends oe {
@@ -1800,7 +1799,7 @@ class Be extends oe {
   }
 }
 function No(e) {
-  let t, n, o, i, s, r, l, a, c, f, u, d, g, m, _, v, p, w, y, b, B, U, V, G, Y, E, A, S, T, N, X, K, ge, ae, ke, ce, Oe, fe, L, H, k, x, me;
+  let t, n, o, i, s, r, l, a, c, u, f, g, h, m, y, T, p, w, _, b, Y, U, V, G, P, E, A, S, v, N, X, K, ge, ae, Le, ce, ke, fe, Ie, L, D, j, ee;
   return ae = new Be({
     props: {
       class: "a9s-corner-handle-topleft",
@@ -1867,7 +1866,7 @@ function No(e) {
       /*grab*/
       e[9]("BOTTOM_RIGHT")
     ) && e[9]("BOTTOM_RIGHT").apply(this, arguments);
-  }), H = new Be({
+  }), L = new Be({
     props: {
       class: "a9s-corner-handle-bottomleft",
       x: (
@@ -1884,45 +1883,45 @@ function No(e) {
         e[3]
       )
     }
-  }), H.$on("pointerdown", function() {
+  }), L.$on("pointerdown", function() {
     q(
       /*grab*/
       e[9]("BOTTOM_LEFT")
     ) && e[9]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = C("rect"), l = ie(), a = C("rect"), g = ie(), m = C("rect"), w = ie(), y = C("rect"), V = ie(), G = C("rect"), S = ie(), T = C("rect"), ge = ie(), te(ae.$$.fragment), ke = ie(), te(ce.$$.fragment), Oe = ie(), te(fe.$$.fragment), L = ie(), te(H.$$.fragment), h(t, "class", "a9s-outer"), h(t, "style", n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0), h(t, "x", o = /*geom*/
-      e[4].x), h(t, "y", i = /*geom*/
-      e[4].y), h(t, "width", s = /*geom*/
-      e[4].w), h(t, "height", r = /*geom*/
-      e[4].h), h(a, "class", "a9s-inner a9s-shape-handle"), h(
+      t = C("rect"), l = ie(), a = C("rect"), h = ie(), m = C("rect"), w = ie(), _ = C("rect"), V = ie(), G = C("rect"), S = ie(), v = C("rect"), ge = ie(), te(ae.$$.fragment), Le = ie(), te(ce.$$.fragment), ke = ie(), te(fe.$$.fragment), Ie = ie(), te(L.$$.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*/
+      e[4].w), d(t, "height", r = /*geom*/
+      e[4].h), d(a, "class", "a9s-inner a9s-shape-handle"), d(
         a,
         "style",
         /*computedStyle*/
         e[1]
-      ), h(a, "x", c = /*geom*/
-      e[4].x), h(a, "y", f = /*geom*/
-      e[4].y), h(a, "width", u = /*geom*/
-      e[4].w), h(a, "height", d = /*geom*/
-      e[4].h), h(m, "class", "a9s-edge-handle a9s-edge-handle-top"), h(m, "x", _ = /*geom*/
-      e[4].x), h(m, "y", v = /*geom*/
-      e[4].y), h(m, "height", 1), h(m, "width", p = /*geom*/
-      e[4].w), h(y, "class", "a9s-edge-handle a9s-edge-handle-right"), h(y, "x", b = /*geom*/
+      ), d(a, "x", c = /*geom*/
+      e[4].x), d(a, "y", u = /*geom*/
+      e[4].y), d(a, "width", f = /*geom*/
+      e[4].w), d(a, "height", g = /*geom*/
+      e[4].h), d(m, "class", "a9s-edge-handle a9s-edge-handle-top"), d(m, "x", y = /*geom*/
+      e[4].x), d(m, "y", T = /*geom*/
+      e[4].y), d(m, "height", 1), d(m, "width", p = /*geom*/
+      e[4].w), d(_, "class", "a9s-edge-handle a9s-edge-handle-right"), d(_, "x", b = /*geom*/
       e[4].x + /*geom*/
-      e[4].w), h(y, "y", B = /*geom*/
-      e[4].y), h(y, "height", U = /*geom*/
-      e[4].h), h(y, "width", 1), h(G, "class", "a9s-edge-handle a9s-edge-handle-bottom"), h(G, "x", Y = /*geom*/
-      e[4].x), h(G, "y", E = /*geom*/
+      e[4].w), d(_, "y", Y = /*geom*/
+      e[4].y), d(_, "height", U = /*geom*/
+      e[4].h), d(_, "width", 1), d(G, "class", "a9s-edge-handle a9s-edge-handle-bottom"), d(G, "x", P = /*geom*/
+      e[4].x), d(G, "y", E = /*geom*/
       e[4].y + /*geom*/
-      e[4].h), h(G, "height", 1), h(G, "width", A = /*geom*/
-      e[4].w), h(T, "class", "a9s-edge-handle a9s-edge-handle-left"), h(T, "x", N = /*geom*/
-      e[4].x), h(T, "y", X = /*geom*/
-      e[4].y), h(T, "height", K = /*geom*/
-      e[4].h), h(T, "width", 1);
-    },
-    m(D, M) {
-      I(D, t, M), I(D, l, M), I(D, a, M), I(D, g, M), I(D, m, M), I(D, w, M), I(D, y, M), I(D, V, M), I(D, G, M), I(D, S, M), I(D, T, M), I(D, ge, M), $(ae, D, M), I(D, ke, M), $(ce, D, M), I(D, Oe, M), $(fe, D, M), I(D, L, M), $(H, D, M), k = !0, x || (me = [
+      e[4].h), d(G, "height", 1), d(G, "width", A = /*geom*/
+      e[4].w), d(v, "class", "a9s-edge-handle a9s-edge-handle-left"), d(v, "x", N = /*geom*/
+      e[4].x), d(v, "y", X = /*geom*/
+      e[4].y), d(v, "height", K = /*geom*/
+      e[4].h), d(v, "width", 1);
+    },
+    m(O, M) {
+      I(O, t, M), I(O, l, M), I(O, a, M), I(O, h, M), I(O, m, M), I(O, w, M), I(O, _, M), I(O, V, M), I(O, G, M), I(O, S, M), I(O, v, M), I(O, ge, M), x(ae, O, M), I(O, Le, M), x(ce, O, M), I(O, ke, M), x(fe, O, M), I(O, Ie, M), x(L, O, M), D = !0, j || (ee = [
         F(t, "pointerdown", function() {
           q(
             /*grab*/
@@ -1941,7 +1940,7 @@ function No(e) {
             e[9]("TOP")
           ) && e[9]("TOP").apply(this, arguments);
         }),
-        F(y, "pointerdown", function() {
+        F(_, "pointerdown", function() {
           q(
             /*grab*/
             e[9]("RIGHT")
@@ -1953,66 +1952,66 @@ function No(e) {
             e[9]("BOTTOM")
           ) && e[9]("BOTTOM").apply(this, arguments);
         }),
-        F(T, "pointerdown", function() {
+        F(v, "pointerdown", function() {
           q(
             /*grab*/
             e[9]("LEFT")
           ) && e[9]("LEFT").apply(this, arguments);
         })
-      ], x = !0);
+      ], j = !0);
     },
-    p(D, M) {
-      e = D, (!k || M & /*computedStyle*/
+    p(O, M) {
+      e = O, (!D || M & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0)) && h(t, "style", n), (!k || M & /*geom*/
+      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!D || M & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].x)) && h(t, "x", o), (!k || M & /*geom*/
+      e[4].x)) && d(t, "x", o), (!D || M & /*geom*/
       16 && i !== (i = /*geom*/
-      e[4].y)) && h(t, "y", i), (!k || M & /*geom*/
+      e[4].y)) && d(t, "y", i), (!D || M & /*geom*/
       16 && s !== (s = /*geom*/
-      e[4].w)) && h(t, "width", s), (!k || M & /*geom*/
+      e[4].w)) && d(t, "width", s), (!D || M & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].h)) && h(t, "height", r), (!k || M & /*computedStyle*/
-      2) && h(
+      e[4].h)) && d(t, "height", r), (!D || M & /*computedStyle*/
+      2) && d(
         a,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!k || M & /*geom*/
+      ), (!D || M & /*geom*/
       16 && c !== (c = /*geom*/
-      e[4].x)) && h(a, "x", c), (!k || M & /*geom*/
-      16 && f !== (f = /*geom*/
-      e[4].y)) && h(a, "y", f), (!k || M & /*geom*/
+      e[4].x)) && d(a, "x", c), (!D || M & /*geom*/
       16 && u !== (u = /*geom*/
-      e[4].w)) && h(a, "width", u), (!k || M & /*geom*/
-      16 && d !== (d = /*geom*/
-      e[4].h)) && h(a, "height", d), (!k || M & /*geom*/
-      16 && _ !== (_ = /*geom*/
-      e[4].x)) && h(m, "x", _), (!k || M & /*geom*/
-      16 && v !== (v = /*geom*/
-      e[4].y)) && h(m, "y", v), (!k || M & /*geom*/
+      e[4].y)) && d(a, "y", u), (!D || M & /*geom*/
+      16 && f !== (f = /*geom*/
+      e[4].w)) && d(a, "width", f), (!D || M & /*geom*/
+      16 && g !== (g = /*geom*/
+      e[4].h)) && d(a, "height", g), (!D || M & /*geom*/
+      16 && y !== (y = /*geom*/
+      e[4].x)) && d(m, "x", y), (!D || M & /*geom*/
+      16 && T !== (T = /*geom*/
+      e[4].y)) && d(m, "y", T), (!D || M & /*geom*/
       16 && p !== (p = /*geom*/
-      e[4].w)) && h(m, "width", p), (!k || M & /*geom*/
+      e[4].w)) && d(m, "width", p), (!D || M & /*geom*/
       16 && b !== (b = /*geom*/
       e[4].x + /*geom*/
-      e[4].w)) && h(y, "x", b), (!k || M & /*geom*/
-      16 && B !== (B = /*geom*/
-      e[4].y)) && h(y, "y", B), (!k || M & /*geom*/
-      16 && U !== (U = /*geom*/
-      e[4].h)) && h(y, "height", U), (!k || M & /*geom*/
+      e[4].w)) && d(_, "x", b), (!D || M & /*geom*/
       16 && Y !== (Y = /*geom*/
-      e[4].x)) && h(G, "x", Y), (!k || M & /*geom*/
+      e[4].y)) && d(_, "y", Y), (!D || M & /*geom*/
+      16 && U !== (U = /*geom*/
+      e[4].h)) && d(_, "height", U), (!D || M & /*geom*/
+      16 && P !== (P = /*geom*/
+      e[4].x)) && d(G, "x", P), (!D || M & /*geom*/
       16 && E !== (E = /*geom*/
       e[4].y + /*geom*/
-      e[4].h)) && h(G, "y", E), (!k || M & /*geom*/
+      e[4].h)) && d(G, "y", E), (!D || M & /*geom*/
       16 && A !== (A = /*geom*/
-      e[4].w)) && h(G, "width", A), (!k || M & /*geom*/
+      e[4].w)) && d(G, "width", A), (!D || M & /*geom*/
       16 && N !== (N = /*geom*/
-      e[4].x)) && h(T, "x", N), (!k || M & /*geom*/
+      e[4].x)) && d(v, "x", N), (!D || M & /*geom*/
       16 && X !== (X = /*geom*/
-      e[4].y)) && h(T, "y", X), (!k || M & /*geom*/
+      e[4].y)) && d(v, "y", X), (!D || M & /*geom*/
       16 && K !== (K = /*geom*/
-      e[4].h)) && h(T, "height", K);
+      e[4].h)) && d(v, "height", K);
       const Ce = {};
       M & /*geom*/
       16 && (Ce.x = /*geom*/
@@ -2048,22 +2047,22 @@ function No(e) {
       e[4].y + /*geom*/
       e[4].h), M & /*viewportScale*/
       8 && (Ve.scale = /*viewportScale*/
-      e[3]), H.$set(Ve);
+      e[3]), L.$set(Ve);
     },
-    i(D) {
-      k || (P(ae.$$.fragment, D), P(ce.$$.fragment, D), P(fe.$$.fragment, D), P(H.$$.fragment, D), k = !0);
+    i(O) {
+      D || (B(ae.$$.fragment, O), B(ce.$$.fragment, O), B(fe.$$.fragment, O), B(L.$$.fragment, O), D = !0);
     },
-    o(D) {
-      R(ae.$$.fragment, D), R(ce.$$.fragment, D), R(fe.$$.fragment, D), R(H.$$.fragment, D), k = !1;
+    o(O) {
+      R(ae.$$.fragment, O), R(ce.$$.fragment, O), R(fe.$$.fragment, O), R(L.$$.fragment, O), D = !1;
     },
-    d(D) {
-      D && (O(t), O(l), O(a), O(g), O(m), O(w), O(y), O(V), O(G), O(S), O(T), O(ge), O(ke), O(Oe), O(L)), ee(ae, D), ee(ce, D), ee(fe, D), ee(H, D), x = !1, de(me);
+    d(O) {
+      O && (k(t), k(l), k(a), k(h), k(m), k(w), k(_), k(V), k(G), k(S), k(v), k(ge), k(Le), k(ke), k(Ie)), $(ae, O), $(ce, O), $(fe, O), $(L, O), j = !1, de(ee);
     }
   };
 }
 function Uo(e) {
   let t, n;
-  return t = new rn({
+  return t = new an({
     props: {
       shape: (
         /*shape*/
@@ -2103,7 +2102,7 @@ function Uo(e) {
       te(t.$$.fragment);
     },
     m(o, i) {
-      $(t, o, i), n = !0;
+      x(t, o, i), n = !0;
     },
     p(o, [i]) {
       const s = {};
@@ -2115,44 +2114,44 @@ function Uo(e) {
       1562 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (B(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      ee(t, o);
+      $(t, o);
     }
   };
 }
 function Vo(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
-  const a = (d, g, m) => {
-    const _ = d.geometry.bounds;
-    let [v, p] = [_.minX, _.minY], [w, y] = [_.maxX, _.maxY];
-    const [b, B] = m;
-    if (g === "SHAPE")
-      v += b, w += b, p += B, y += B;
+  const a = (g, h, m) => {
+    const y = g.geometry.bounds;
+    let [T, p] = [y.minX, y.minY], [w, _] = [y.maxX, y.maxY];
+    const [b, Y] = m;
+    if (h === "SHAPE")
+      T += b, w += b, p += Y, _ += Y;
     else {
-      switch (g) {
+      switch (h) {
         case "TOP":
         case "TOP_LEFT":
         case "TOP_RIGHT": {
-          p += B;
+          p += Y;
           break;
         }
         case "BOTTOM":
         case "BOTTOM_LEFT":
         case "BOTTOM_RIGHT": {
-          y += B;
+          _ += Y;
           break;
         }
       }
-      switch (g) {
+      switch (h) {
         case "LEFT":
         case "TOP_LEFT":
         case "BOTTOM_LEFT": {
-          v += b;
+          T += b;
           break;
         }
         case "RIGHT":
@@ -2163,34 +2162,34 @@ function Vo(e, t, n) {
         }
       }
     }
-    const U = Math.min(v, w), V = Math.min(p, y), G = Math.abs(w - v), Y = Math.abs(y - p);
+    const U = Math.min(T, w), V = Math.min(p, _), G = Math.abs(w - T), P = Math.abs(_ - p);
     return {
-      ...d,
+      ...g,
       geometry: {
         x: U,
         y: V,
         w: G,
-        h: Y,
+        h: P,
         bounds: {
           minX: U,
           minY: V,
           maxX: U + G,
-          maxY: V + Y
+          maxY: V + P
         }
       }
     };
   };
-  function c(d) {
-    he.call(this, e, d);
+  function c(g) {
+    he.call(this, e, g);
   }
-  function f(d) {
-    he.call(this, e, d);
+  function u(g) {
+    he.call(this, e, g);
   }
-  function u(d) {
-    he.call(this, e, d);
+  function f(g) {
+    he.call(this, e, g);
   }
-  return e.$$set = (d) => {
-    "shape" in d && n(0, i = d.shape), "computedStyle" in d && n(1, s = d.computedStyle), "transform" in d && n(2, r = d.transform), "viewportScale" in d && n(3, l = d.viewportScale);
+  return e.$$set = (g) => {
+    "shape" in g && n(0, i = g.shape), "computedStyle" in g && n(1, s = g.computedStyle), "transform" in g && n(2, r = g.transform), "viewportScale" in g && n(3, l = g.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
     1 && n(4, o = i.geometry);
@@ -2202,8 +2201,8 @@ function Vo(e, t, n) {
     o,
     a,
     c,
-    f,
-    u
+    u,
+    f
   ];
 }
 class Go extends oe {
@@ -2216,10 +2215,10 @@ class Go extends oe {
     });
   }
 }
-const sn = /* @__PURE__ */ new Map([
+const ln = /* @__PURE__ */ new Map([
   [W.RECTANGLE, Go],
-  [W.POLYGON, Oo]
-]), jo = (e) => sn.get(e.type), zo = (e, t) => sn.set(e, t), Ho = (e) => ({}), It = (e) => ({ grab: (
+  [W.POLYGON, Io]
+]), jo = (e) => ln.get(e.type), zo = (e, t) => ln.set(e, t), Ho = (e) => ({}), Pt = (e) => ({ grab: (
   /*onGrab*/
   e[0]
 ) });
@@ -2228,16 +2227,16 @@ function Fo(e) {
   const s = (
     /*#slots*/
     e[7].default
-  ), r = mn(
+  ), r = pn(
     s,
     e,
     /*$$scope*/
     e[6],
-    It
+    Pt
   );
   return {
     c() {
-      t = C("g"), r && r.c(), h(t, "class", "a9s-annotation selected");
+      t = C("g"), r && r.c(), d(t, "class", "a9s-annotation selected");
     },
     m(l, a) {
       I(l, t, a), r && r.m(t, null), n = !0, o || (i = [
@@ -2257,60 +2256,60 @@ function Fo(e) {
     },
     p(l, [a]) {
       r && r.p && (!n || a & /*$$scope*/
-      64) && yn(
+      64) && _n(
         r,
         s,
         l,
         /*$$scope*/
         l[6],
-        n ? pn(
+        n ? yn(
           s,
           /*$$scope*/
           l[6],
           a,
           Ho
-        ) : _n(
+        ) : wn(
           /*$$scope*/
           l[6]
         ),
-        It
+        Pt
       );
     },
     i(l) {
-      n || (P(r, l), n = !0);
+      n || (B(r, l), n = !0);
     },
     o(l) {
       R(r, l), n = !1;
     },
     d(l) {
-      l && O(t), r && r.d(l), o = !1, de(i);
+      l && k(t), r && r.d(l), o = !1, de(i);
     }
   };
 }
 function Wo(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
-  const s = Le();
-  let { shape: r } = t, { editor: l } = t, { transform: a } = t, c, f, u;
-  const d = (_) => (v) => {
-    c = _, f = a.elementToImage(v.offsetX, v.offsetY), u = r, v.target.setPointerCapture(v.pointerId), s("grab", v);
-  }, g = (_) => {
+  const s = Me();
+  let { shape: r } = t, { editor: l } = t, { transform: a } = t, c, u, f;
+  const g = (y) => (T) => {
+    c = y, u = a.elementToImage(T.offsetX, T.offsetY), f = r, T.target.setPointerCapture(T.pointerId), s("grab", T);
+  }, h = (y) => {
     if (c) {
-      const [v, p] = a.elementToImage(_.offsetX, _.offsetY), w = [v - f[0], p - f[1]];
-      n(3, r = l(u, c, w)), s("change", r);
+      const [T, p] = a.elementToImage(y.offsetX, y.offsetY), w = [T - u[0], p - u[1]];
+      n(3, r = l(f, c, w)), s("change", r);
     }
-  }, m = (_) => {
-    _.target.releasePointerCapture(_.pointerId), c = void 0, u = r, s("release", _);
+  }, m = (y) => {
+    y.target.releasePointerCapture(y.pointerId), c = void 0, f = r, s("release", y);
   };
-  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);
-  }, [d, g, m, r, l, a, i, o];
+  return e.$$set = (y) => {
+    "shape" in y && n(3, r = y.shape), "editor" in y && n(4, l = y.editor), "transform" in y && n(5, a = y.transform), "$$scope" in y && n(6, i = y.$$scope);
+  }, [g, h, m, r, l, a, i, o];
 }
-class rn extends oe {
+class an extends oe {
   constructor(t) {
     super(), ne(this, t, Wo, Fo, Z, { shape: 3, editor: 4, transform: 5 });
   }
 }
-const Qe = (e, t) => {
+const xe = (e, t) => {
   const n = typeof t == "function" ? t(e) : t;
   if (n) {
     const { fill: o, fillOpacity: i, stroke: s, strokeWidth: r, strokeOpacity: l } = n;
@@ -2320,29 +2319,29 @@ const Qe = (e, t) => {
 };
 function qo(e, t, n) {
   let o;
-  const i = Le();
-  let { annotation: s } = t, { editor: r } = t, { style: l } = t, { target: a } = t, { transform: c } = t, { viewportScale: f } = t, u;
-  return Re(() => (n(6, u = new r({
+  const i = Me();
+  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({
     target: a,
     props: {
       shape: s.target.selector,
       computedStyle: o,
       transform: c,
-      viewportScale: f
+      viewportScale: u
     }
-  })), u.$on("change", (d) => {
-    u.$$set({ shape: d.detail }), i("change", d.detail);
-  }), u.$on("grab", (d) => i("grab", d.detail)), u.$on("release", (d) => i("release", d.detail)), () => {
-    u.$destroy();
-  })), e.$$set = (d) => {
-    "annotation" in d && n(0, s = d.annotation), "editor" in d && n(1, r = d.editor), "style" in d && n(2, l = d.style), "target" in d && n(3, a = d.target), "transform" in d && n(4, c = d.transform), "viewportScale" in d && n(5, f = d.viewportScale);
+  })), f.$on("change", (g) => {
+    f.$$set({ shape: g.detail }), i("change", g.detail);
+  }), f.$on("grab", (g) => i("grab", g.detail)), f.$on("release", (g) => i("release", g.detail)), () => {
+    f.$destroy();
+  })), e.$$set = (g) => {
+    "annotation" in g && n(0, s = g.annotation), "editor" in g && n(1, r = g.editor), "style" in g && n(2, l = g.style), "target" in g && n(3, a = g.target), "transform" in g && n(4, c = g.transform), "viewportScale" in g && n(5, u = g.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    5 && (o = Qe(s, l)), e.$$.dirty & /*annotation, editorComponent*/
-    65 && s && (u == null || u.$set({ shape: s.target.selector })), e.$$.dirty & /*editorComponent, transform*/
-    80 && u && u.$set({ transform: c }), e.$$.dirty & /*editorComponent, viewportScale*/
-    96 && u && u.$set({ viewportScale: f });
-  }, [s, r, l, a, c, f, u];
+    5 && (o = xe(s, l)), e.$$.dirty & /*annotation, editorComponent*/
+    65 && s && (f == null || f.$set({ shape: s.target.selector })), e.$$.dirty & /*editorComponent, transform*/
+    80 && f && f.$set({ transform: c }), e.$$.dirty & /*editorComponent, viewportScale*/
+    96 && f && f.$set({ viewportScale: u });
+  }, [s, r, l, a, c, u, f];
 }
 class Ko extends oe {
   constructor(t) {
@@ -2357,25 +2356,25 @@ class Ko extends oe {
   }
 }
 function Jo(e, t, n) {
-  const o = Le();
+  const o = Me();
   let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: l } = t, { viewportScale: a } = t, c;
   return Re(() => {
-    const f = s.closest("svg"), u = [], d = (g, m, _) => {
-      f == null || f.addEventListener(g, m, _), u.push(() => f == null ? void 0 : f.removeEventListener(g, m, _));
+    const u = s.closest("svg"), f = [], g = (h, m, y) => {
+      u == null || u.addEventListener(h, m, y), f.push(() => u == null ? void 0 : u.removeEventListener(h, m, y));
     };
     return n(5, c = new r({
       target: s,
       props: {
-        addEventListener: d,
+        addEventListener: g,
         drawingMode: i,
         transform: l,
         viewportScale: a
       }
-    })), c.$on("create", (g) => o("create", g.detail)), () => {
-      u.forEach((g) => g()), c.$destroy();
+    })), c.$on("create", (h) => o("create", h.detail)), () => {
+      f.forEach((h) => h()), c.$destroy();
     };
-  }), e.$$set = (f) => {
-    "drawingMode" in f && n(0, i = f.drawingMode), "target" in f && n(1, s = f.target), "tool" in f && n(2, r = f.tool), "transform" in f && n(3, l = f.transform), "viewportScale" in f && n(4, a = f.viewportScale);
+  }), 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);
   }, e.$$.update = () => {
     e.$$.dirty & /*toolComponent, transform*/
     40 && c && c.$set({ transform: l }), e.$$.dirty & /*toolComponent, viewportScale*/
@@ -2393,46 +2392,46 @@ class Qo extends oe {
     });
   }
 }
-function Bt(e) {
+function Yt(e) {
   let t, n;
   return {
     c() {
-      t = C("rect"), n = C("rect"), h(t, "class", "a9s-outer"), h(
+      t = C("rect"), n = C("rect"), d(t, "class", "a9s-outer"), d(
         t,
         "x",
         /*x*/
         e[1]
-      ), h(
+      ), d(
         t,
         "y",
         /*y*/
         e[2]
-      ), h(
+      ), d(
         t,
         "width",
         /*w*/
         e[3]
-      ), h(
+      ), d(
         t,
         "height",
         /*h*/
         e[4]
-      ), h(n, "class", "a9s-inner"), h(
+      ), d(n, "class", "a9s-inner"), d(
         n,
         "x",
         /*x*/
         e[1]
-      ), h(
+      ), d(
         n,
         "y",
         /*y*/
         e[2]
-      ), h(
+      ), d(
         n,
         "width",
         /*w*/
         e[3]
-      ), h(
+      ), d(
         n,
         "height",
         /*h*/
@@ -2444,49 +2443,49 @@ function Bt(e) {
     },
     p(o, i) {
       i & /*x*/
-      2 && h(
+      2 && d(
         t,
         "x",
         /*x*/
         o[1]
       ), i & /*y*/
-      4 && h(
+      4 && d(
         t,
         "y",
         /*y*/
         o[2]
       ), i & /*w*/
-      8 && h(
+      8 && d(
         t,
         "width",
         /*w*/
         o[3]
       ), i & /*h*/
-      16 && h(
+      16 && d(
         t,
         "height",
         /*h*/
         o[4]
       ), i & /*x*/
-      2 && h(
+      2 && d(
         n,
         "x",
         /*x*/
         o[1]
       ), i & /*y*/
-      4 && h(
+      4 && d(
         n,
         "y",
         /*y*/
         o[2]
       ), i & /*w*/
-      8 && h(
+      8 && d(
         n,
         "width",
         /*w*/
         o[3]
       ), i & /*h*/
-      16 && h(
+      16 && d(
         n,
         "height",
         /*h*/
@@ -2494,63 +2493,63 @@ function Bt(e) {
       );
     },
     d(o) {
-      o && (O(t), O(n));
+      o && (k(t), k(n));
     }
   };
 }
 function Zo(e) {
   let t, n = (
     /*origin*/
-    e[0] && Bt(e)
+    e[0] && Yt(e)
   );
   return {
     c() {
-      t = C("g"), n && n.c(), h(t, "class", "a9s-annotation a9s-rubberband");
+      t = C("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
       I(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*origin*/
-      o[0] ? n ? n.p(o, i) : (n = Bt(o), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
+      o[0] ? n ? n.p(o, i) : (n = Yt(o), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
     },
-    i: z,
-    o: z,
+    i: H,
+    o: H,
     d(o) {
-      o && O(t), n && n.d();
+      o && k(t), n && n.d();
     }
   };
 }
 function xo(e, t, n) {
-  const o = Le();
-  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, l, a, c, f, u, d, g;
+  const o = Me();
+  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, l, a, c, u, f, g, h;
   const m = (w) => {
-    const y = w;
-    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(y.offsetX, y.offsetY)), c = a, n(1, f = a[0]), n(2, u = a[1]), n(3, d = 1), n(4, g = 1));
-  }, _ = (w) => {
-    const y = w;
-    a && (c = r.elementToImage(y.offsetX, y.offsetY), n(1, f = Math.min(c[0], a[0])), n(2, u = Math.min(c[1], a[1])), n(3, d = Math.abs(c[0] - a[0])), n(4, g = Math.abs(c[1] - a[1])));
-  }, v = (w) => {
-    const y = w, b = performance.now() - l;
+    const _ = w;
+    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, g = 1), n(4, h = 1));
+  }, y = (w) => {
+    const _ = w;
+    a && (c = r.elementToImage(_.offsetX, _.offsetY), n(1, u = Math.min(c[0], a[0])), n(2, f = Math.min(c[1], a[1])), n(3, g = Math.abs(c[0] - a[0])), n(4, h = Math.abs(c[1] - a[1])));
+  }, T = (w) => {
+    const _ = w, b = performance.now() - l;
     if (s === "click") {
       if (b > 300) return;
-      a ? p() : (n(0, a = r.elementToImage(y.offsetX, y.offsetY)), c = a, n(1, f = a[0]), n(2, u = a[1]), n(3, d = 1), n(4, g = 1));
-    } else a && (b > 300 || d * g > 100 ? (y.stopPropagation(), p()) : (n(0, a = void 0), c = void 0));
+      a ? p() : (n(0, a = r.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, g = 1), n(4, h = 1));
+    } else a && (b > 300 || g * h > 100 ? (_.stopPropagation(), p()) : (n(0, a = void 0), c = void 0));
   }, p = () => {
-    if (d * g > 15) {
+    if (g * h > 15) {
       const w = {
         type: W.RECTANGLE,
         geometry: {
           bounds: {
-            minX: f,
-            minY: u,
-            maxX: f + d,
-            maxY: u + g
+            minX: u,
+            minY: f,
+            maxX: u + g,
+            maxY: f + h
           },
-          x: f,
-          y: u,
-          w: d,
-          h: g
+          x: u,
+          y: f,
+          w: g,
+          h
         }
       };
       o("create", w);
@@ -2558,10 +2557,10 @@ function xo(e, t, n) {
     n(0, a = void 0), c = void 0;
   };
   return Re(() => {
-    i("pointerdown", m), i("pointermove", _), i("pointerup", v, !0);
+    i("pointerdown", m), i("pointermove", y), i("pointerup", T, !0);
   }), e.$$set = (w) => {
     "addEventListener" in w && n(5, i = w.addEventListener), "drawingMode" in w && n(6, s = w.drawingMode), "transform" in w && n(7, r = w.transform);
-  }, [a, f, u, d, g, i, s, r];
+  }, [a, u, f, g, h, i, s, r];
 }
 class $o extends oe {
   constructor(t) {
@@ -2572,7 +2571,7 @@ class $o extends oe {
     });
   }
 }
-function st(e) {
+function lt(e) {
   const t = e.slice(), n = (
     /*isClosable*/
     (t[2] ? (
@@ -2587,15 +2586,15 @@ function st(e) {
   );
   return t[16] = n, t;
 }
-function Pt(e) {
+function Dt(e) {
   let t, n, o, i, s, r = (
     /*isClosable*/
-    e[2] && Yt(e)
+    e[2] && Xt(e)
   );
   return {
     c() {
-      t = C("polygon"), o = C("polygon"), r && r.c(), s = le(), h(t, "class", "a9s-outer"), h(t, "points", n = /*coords*/
-      e[16]), h(o, "class", "a9s-inner"), h(o, "points", i = /*coords*/
+      t = C("polygon"), o = C("polygon"), r && r.c(), s = le(), 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) {
@@ -2604,30 +2603,30 @@ function Pt(e) {
     p(l, a) {
       a & /*isClosable, points, cursor*/
       7 && n !== (n = /*coords*/
-      l[16]) && h(t, "points", n), a & /*isClosable, points, cursor*/
+      l[16]) && d(t, "points", n), a & /*isClosable, points, cursor*/
       7 && i !== (i = /*coords*/
-      l[16]) && h(o, "points", i), /*isClosable*/
-      l[2] ? r ? r.p(l, a) : (r = Yt(l), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
+      l[16]) && d(o, "points", i), /*isClosable*/
+      l[2] ? r ? r.p(l, a) : (r = Xt(l), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
     },
     d(l) {
-      l && (O(t), O(o), O(s)), r && r.d(l);
+      l && (k(t), k(o), k(s)), r && r.d(l);
     }
   };
 }
-function Yt(e) {
+function Xt(e) {
   let t, n, o;
   return {
     c() {
-      t = C("rect"), h(t, "class", "a9s-corner-handle"), h(t, "x", n = /*points*/
+      t = C("rect"), d(t, "class", "a9s-corner-handle"), d(t, "x", n = /*points*/
       e[0][0][0] - /*handleSize*/
-      e[3] / 2), h(t, "y", o = /*points*/
+      e[3] / 2), d(t, "y", o = /*points*/
       e[0][0][1] - /*handleSize*/
-      e[3] / 2), h(
+      e[3] / 2), d(
         t,
         "height",
         /*handleSize*/
         e[3]
-      ), h(
+      ), d(
         t,
         "width",
         /*handleSize*/
@@ -2641,17 +2640,17 @@ function Yt(e) {
       s & /*points, handleSize*/
       9 && n !== (n = /*points*/
       i[0][0][0] - /*handleSize*/
-      i[3] / 2) && h(t, "x", n), s & /*points, handleSize*/
+      i[3] / 2) && d(t, "x", n), s & /*points, handleSize*/
       9 && o !== (o = /*points*/
       i[0][0][1] - /*handleSize*/
-      i[3] / 2) && h(t, "y", o), s & /*handleSize*/
-      8 && h(
+      i[3] / 2) && d(t, "y", o), s & /*handleSize*/
+      8 && d(
         t,
         "height",
         /*handleSize*/
         i[3]
       ), s & /*handleSize*/
-      8 && h(
+      8 && d(
         t,
         "width",
         /*handleSize*/
@@ -2659,105 +2658,105 @@ function Yt(e) {
       );
     },
     d(i) {
-      i && O(t);
+      i && k(t);
     }
   };
 }
 function ei(e) {
   let t, n = (
     /*cursor*/
-    e[1] && Pt(st(e))
+    e[1] && Dt(lt(e))
   );
   return {
     c() {
-      t = C("g"), n && n.c(), h(t, "class", "a9s-annotation a9s-rubberband");
+      t = C("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
       I(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*cursor*/
-      o[1] ? n ? n.p(st(o), i) : (n = Pt(st(o)), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
+      o[1] ? n ? n.p(lt(o), i) : (n = Dt(lt(o)), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
     },
-    i: z,
-    o: z,
+    i: H,
+    o: H,
     d(o) {
-      o && O(t), n && n.d();
+      o && k(t), n && n.d();
     }
   };
 }
 const ti = 20, ni = 1500;
 function oi(e, t, n) {
   let o;
-  const i = Le();
-  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, f = [], u, d, g = !1;
-  const m = (y) => {
-    const b = y, { timeStamp: B, offsetX: U, offsetY: V } = b;
-    if (c = { timeStamp: B, offsetX: U, offsetY: V }, r === "drag" && f.length === 0) {
+  const i = Me();
+  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, u = [], f, g, h = !1;
+  const m = (_) => {
+    const b = _, { timeStamp: Y, offsetX: U, offsetY: V } = b;
+    if (c = { timeStamp: Y, offsetX: U, offsetY: V }, r === "drag" && u.length === 0) {
       const G = l.elementToImage(b.offsetX, b.offsetY);
-      f.push(G), n(1, u = G);
+      u.push(G), n(1, f = G);
     }
-  }, _ = (y) => {
-    const b = y;
-    if (d && clearTimeout(d), f.length > 0) {
-      if (n(1, u = l.elementToImage(b.offsetX, b.offsetY)), f.length > 2) {
-        const B = it(u, f[0]) * a;
-        n(2, g = B < ti);
+  }, y = (_) => {
+    const b = _;
+    if (g && clearTimeout(g), u.length > 0) {
+      if (n(1, f = l.elementToImage(b.offsetX, b.offsetY)), u.length > 2) {
+        const Y = rt(f, u[0]) * a;
+        n(2, h = Y < ti);
       }
-      b.pointerType === "touch" && (d = setTimeout(
+      b.pointerType === "touch" && (g = setTimeout(
         () => {
           p();
         },
         ni
       ));
     }
-  }, v = (y) => {
-    const b = y;
-    if (d && clearTimeout(d), r === "click") {
-      const B = b.timeStamp - c.timeStamp, U = it([c.offsetX, c.offsetY], [b.offsetX, b.offsetY]);
-      if (B > 300 || U > 15) return;
-      if (g)
+  }, T = (_) => {
+    const b = _;
+    if (g && clearTimeout(g), r === "click") {
+      const Y = b.timeStamp - c.timeStamp, U = rt([c.offsetX, c.offsetY], [b.offsetX, b.offsetY]);
+      if (Y > 300 || U > 15) return;
+      if (h)
         w();
-      else if (f.length === 0) {
+      else if (u.length === 0) {
         const V = l.elementToImage(b.offsetX, b.offsetY);
-        f.push(V), n(1, u = V);
+        u.push(V), n(1, f = V);
       } else
-        f.push(u);
+        u.push(f);
     } else {
-      if (f.length === 1 && it(f[0], u) <= 4) {
-        n(0, f = []), n(1, u = void 0);
+      if (u.length === 1 && rt(u[0], f) <= 4) {
+        n(0, u = []), n(1, f = void 0);
         return;
       }
-      b.stopImmediatePropagation(), g ? w() : f.push(u);
+      b.stopImmediatePropagation(), h ? w() : u.push(f);
     }
   }, p = () => {
-    if (!u) return;
-    const y = [...f, u], b = {
+    if (!f) return;
+    const _ = [...u, f], b = {
       type: W.POLYGON,
-      geometry: { bounds: Je(y), points: y }
+      geometry: { bounds: Qe(_), points: _ }
     };
-    dt(b) > 4 && (n(0, f = []), n(1, u = void 0), i("create", b));
+    gt(b) > 4 && (n(0, u = []), n(1, f = void 0), i("create", b));
   }, w = () => {
-    const y = {
+    const _ = {
       type: W.POLYGON,
       geometry: {
-        bounds: Je(f),
-        points: [...f]
+        bounds: Qe(u),
+        points: [...u]
       }
     };
-    n(0, f = []), n(1, u = void 0), i("create", y);
+    n(0, u = []), n(1, f = void 0), i("create", _);
   };
   return Re(() => {
-    s("pointerdown", m, !0), s("pointermove", _), s("pointerup", v, !0), s("dblclick", p, !0);
-  }), e.$$set = (y) => {
-    "addEventListener" in y && n(4, s = y.addEventListener), "drawingMode" in y && n(5, r = y.drawingMode), "transform" in y && n(6, l = y.transform), "viewportScale" in y && n(7, a = y.viewportScale);
+    s("pointerdown", m, !0), s("pointermove", y), s("pointerup", T, !0), s("dblclick", p, !0);
+  }), e.$$set = (_) => {
+    "addEventListener" in _ && n(4, s = _.addEventListener), "drawingMode" in _ && n(5, r = _.drawingMode), "transform" in _ && n(6, l = _.transform), "viewportScale" in _ && n(7, a = _.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*viewportScale*/
     128 && n(3, o = 10 / a);
   }, [
-    f,
     u,
-    g,
+    f,
+    h,
     o,
     s,
     r,
@@ -2775,61 +2774,61 @@ class ii extends oe {
     });
   }
 }
-const yt = /* @__PURE__ */ new Map([
+const wt = /* @__PURE__ */ new Map([
   ["rectangle", { tool: $o }],
   ["polygon", { tool: ii }]
-]), ln = () => [...yt.keys()], an = (e) => yt.get(e), si = (e, t, n) => yt.set(e, { tool: t, opts: n });
+]), cn = () => [...wt.keys()], fn = (e) => wt.get(e), si = (e, t, n) => wt.set(e, { tool: t, opts: n });
 function ri(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = C("g"), n = C("ellipse"), i = C("ellipse"), h(n, "class", "a9s-outer"), h(n, "style", o = /*computedStyle*/
-      e[1] ? "display:none;" : void 0), h(
+      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",
         /*cx*/
         e[2]
-      ), h(
+      ), d(
         n,
         "cy",
         /*cy*/
         e[3]
-      ), h(
+      ), d(
         n,
         "rx",
         /*rx*/
         e[4]
-      ), h(
+      ), d(
         n,
         "ry",
         /*ry*/
         e[5]
-      ), h(i, "class", "a9s-inner"), h(
+      ), d(i, "class", "a9s-inner"), d(
         i,
         "style",
         /*computedStyle*/
         e[1]
-      ), h(
+      ), d(
         i,
         "cx",
         /*cx*/
         e[2]
-      ), h(
+      ), d(
         i,
         "cy",
         /*cy*/
         e[3]
-      ), h(
+      ), d(
         i,
         "rx",
         /*rx*/
         e[4]
-      ), h(
+      ), d(
         i,
         "ry",
         /*ry*/
         e[5]
-      ), h(t, "class", "a9s-annotation"), h(t, "data-id", s = /*annotation*/
+      ), d(t, "class", "a9s-annotation"), d(t, "data-id", s = /*annotation*/
       e[0].id);
     },
     m(r, l) {
@@ -2838,32 +2837,32 @@ function ri(e) {
     p(r, [l]) {
       l & /*computedStyle*/
       2 && o !== (o = /*computedStyle*/
-      r[1] ? "display:none;" : void 0) && h(n, "style", o), l & /*computedStyle*/
-      2 && h(
+      r[1] ? "display:none;" : void 0) && d(n, "style", o), l & /*computedStyle*/
+      2 && d(
         i,
         "style",
         /*computedStyle*/
         r[1]
       ), l & /*annotation*/
       1 && s !== (s = /*annotation*/
-      r[0].id) && h(t, "data-id", s);
+      r[0].id) && d(t, "data-id", s);
     },
-    i: z,
-    o: z,
+    i: H,
+    o: H,
     d(r) {
-      r && O(t);
+      r && k(t);
     }
   };
 }
 function li(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
-  const { cx: l, cy: a, rx: c, ry: f } = s;
-  return e.$$set = (u) => {
-    "annotation" in u && n(0, i = u.annotation), "geom" in u && n(6, s = u.geom), "style" in u && n(7, r = u.style);
+  const { cx: l, cy: a, rx: c, ry: u } = s;
+  return e.$$set = (f) => {
+    "annotation" in f && n(0, i = f.annotation), "geom" in f && n(6, s = f.geom), "style" in f && n(7, r = f.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    129 && n(1, o = Qe(i, r));
-  }, [i, o, l, a, c, f, s, r];
+    129 && n(1, o = xe(i, r));
+  }, [i, o, l, a, c, u, s, r];
 }
 class ai extends oe {
   constructor(t) {
@@ -2874,23 +2873,23 @@ function ci(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = C("g"), n = C("polygon"), i = C("polygon"), h(n, "class", "a9s-outer"), h(n, "style", o = /*computedStyle*/
-      e[1] ? "display:none;" : void 0), h(
+      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",
         /*points*/
         e[2].map(fi).join(" ")
-      ), h(i, "class", "a9s-inner"), h(
+      ), d(i, "class", "a9s-inner"), d(
         i,
         "style",
         /*computedStyle*/
         e[1]
-      ), h(
+      ), d(
         i,
         "points",
         /*points*/
         e[2].map(ui).join(" ")
-      ), h(t, "class", "a9s-annotation"), h(t, "data-id", s = /*annotation*/
+      ), d(t, "class", "a9s-annotation"), d(t, "data-id", s = /*annotation*/
       e[0].id);
     },
     m(r, l) {
@@ -2899,20 +2898,20 @@ function ci(e) {
     p(r, [l]) {
       l & /*computedStyle*/
       2 && o !== (o = /*computedStyle*/
-      r[1] ? "display:none;" : void 0) && h(n, "style", o), l & /*computedStyle*/
-      2 && h(
+      r[1] ? "display:none;" : void 0) && d(n, "style", o), l & /*computedStyle*/
+      2 && d(
         i,
         "style",
         /*computedStyle*/
         r[1]
       ), l & /*annotation*/
       1 && s !== (s = /*annotation*/
-      r[0].id) && h(t, "data-id", s);
+      r[0].id) && d(t, "data-id", s);
     },
-    i: z,
-    o: z,
+    i: H,
+    o: H,
     d(r) {
-      r && O(t);
+      r && k(t);
     }
   };
 }
@@ -2924,7 +2923,7 @@ function di(e, t, n) {
     "annotation" in a && n(0, i = a.annotation), "geom" in a && n(3, s = a.geom), "style" in a && n(4, r = a.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    17 && n(1, o = Qe(i, r));
+    17 && n(1, o = xe(i, r));
   }, [i, o, l, s, r];
 }
 class hi extends oe {
@@ -2936,53 +2935,53 @@ function gi(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = C("g"), n = C("rect"), i = C("rect"), h(n, "class", "a9s-outer"), h(n, "style", o = /*computedStyle*/
-      e[5] ? "display:none;" : void 0), h(
+      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",
         /*x*/
         e[4]
-      ), h(
+      ), d(
         n,
         "y",
         /*y*/
         e[3]
-      ), h(
+      ), d(
         n,
         "width",
         /*w*/
         e[2]
-      ), h(
+      ), d(
         n,
         "height",
         /*h*/
         e[1]
-      ), h(i, "class", "a9s-inner"), h(
+      ), d(i, "class", "a9s-inner"), d(
         i,
         "style",
         /*computedStyle*/
         e[5]
-      ), h(
+      ), d(
         i,
         "x",
         /*x*/
         e[4]
-      ), h(
+      ), d(
         i,
         "y",
         /*y*/
         e[3]
-      ), h(
+      ), d(
         i,
         "width",
         /*w*/
         e[2]
-      ), h(
+      ), d(
         i,
         "height",
         /*h*/
         e[1]
-      ), h(t, "class", "a9s-annotation"), h(t, "data-id", s = /*annotation*/
+      ), d(t, "class", "a9s-annotation"), d(t, "data-id", s = /*annotation*/
       e[0].id);
     },
     m(r, l) {
@@ -2991,80 +2990,80 @@ function gi(e) {
     p(r, [l]) {
       l & /*computedStyle*/
       32 && o !== (o = /*computedStyle*/
-      r[5] ? "display:none;" : void 0) && h(n, "style", o), l & /*x*/
-      16 && h(
+      r[5] ? "display:none;" : void 0) && d(n, "style", o), l & /*x*/
+      16 && d(
         n,
         "x",
         /*x*/
         r[4]
       ), l & /*y*/
-      8 && h(
+      8 && d(
         n,
         "y",
         /*y*/
         r[3]
       ), l & /*w*/
-      4 && h(
+      4 && d(
         n,
         "width",
         /*w*/
         r[2]
       ), l & /*h*/
-      2 && h(
+      2 && d(
         n,
         "height",
         /*h*/
         r[1]
       ), l & /*computedStyle*/
-      32 && h(
+      32 && d(
         i,
         "style",
         /*computedStyle*/
         r[5]
       ), l & /*x*/
-      16 && h(
+      16 && d(
         i,
         "x",
         /*x*/
         r[4]
       ), l & /*y*/
-      8 && h(
+      8 && d(
         i,
         "y",
         /*y*/
         r[3]
       ), l & /*w*/
-      4 && h(
+      4 && d(
         i,
         "width",
         /*w*/
         r[2]
       ), l & /*h*/
-      2 && h(
+      2 && d(
         i,
         "height",
         /*h*/
         r[1]
       ), l & /*annotation*/
       1 && s !== (s = /*annotation*/
-      r[0].id) && h(t, "data-id", s);
+      r[0].id) && d(t, "data-id", s);
     },
-    i: z,
-    o: z,
+    i: H,
+    o: H,
     d(r) {
-      r && O(t);
+      r && k(t);
     }
   };
 }
 function mi(e, t, n) {
-  let o, i, s, r, l, { annotation: a } = t, { geom: c } = t, { style: f } = t;
-  return e.$$set = (u) => {
-    "annotation" in u && n(0, a = u.annotation), "geom" in u && n(6, c = u.geom), "style" in u && n(7, f = u.style);
+  let o, i, s, r, l, { annotation: a } = t, { geom: c } = t, { style: u } = t;
+  return e.$$set = (f) => {
+    "annotation" in f && n(0, a = f.annotation), "geom" in f && n(6, c = f.geom), "style" in f && n(7, u = f.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    129 && n(5, o = Qe(a, f)), e.$$.dirty & /*geom*/
+    129 && n(5, o = xe(a, u)), e.$$.dirty & /*geom*/
     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, f];
+  }, [a, l, r, s, i, o, c, u];
 }
 class pi extends oe {
   constructor(t) {
@@ -3081,46 +3080,46 @@ const Hi = {
     return [s, r];
   }
 }), _i = 250, wi = (e, t) => {
-  const n = Le();
+  const n = Me();
   let o;
   return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
     if (performance.now() - o < _i) {
-      const { x: a, y: c } = cn(r, e), f = t.getAt(a, c);
-      f ? n("click", { originalEvent: r, annotation: f }) : n("click", { originalEvent: r });
+      const { x: a, y: c } = un(r, e), u = t.getAt(a, c);
+      u ? n("click", { originalEvent: r, annotation: u }) : n("click", { originalEvent: r });
     }
   } };
-}, cn = (e, t) => {
+}, un = (e, t) => {
   const n = t.createSVGPoint(), o = t.getBoundingClientRect(), i = e.clientX - o.x, s = e.clientY - o.y, { left: r, top: l } = t.getBoundingClientRect();
   return n.x = i + r, n.y = s + l, n.matrixTransform(t.getScreenCTM().inverse());
-}, { Boolean: fn } = wn;
-function Dt(e, t, n) {
+};
+function Rt(e, t, n) {
   const o = e.slice();
-  o[34] = t[n];
+  o[35] = t[n];
   const i = (
     /*getEditor*/
     o[23](
       /*editable*/
-      o[34].target.selector
+      o[35].target.selector
     )
   );
-  return o[35] = i, o;
+  return o[36] = i, o;
 }
-function Xt(e, t, n) {
+function Ct(e, t, n) {
   const o = e.slice();
-  return o[38] = t[n], o;
+  return o[39] = t[n], o;
 }
-function rt(e) {
+function at(e) {
   const t = e.slice(), n = (
     /*annotation*/
-    t[38].target.selector
+    t[39].target.selector
   );
-  return t[41] = n, t;
+  return t[42] = n, t;
 }
-function Rt(e) {
+function Nt(e) {
   let t = (
     /*annotation*/
-    e[38].id
-  ), n, o, i = Ct(e);
+    e[39].id
+  ), n, o, i = Ut(e);
   return {
     c() {
       i.c(), n = le();
@@ -3131,16 +3130,16 @@ function Rt(e) {
     p(s, r) {
       r[0] & /*$store*/
       32768 && Z(t, t = /*annotation*/
-      s[38].id) ? (se(), R(i, 1, 1, z), re(), i = Ct(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[39].id) ? (se(), R(i, 1, 1, H), re(), i = Ut(s), i.c(), B(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (P(i), o = !0);
+      o || (B(i), o = !0);
     },
     o(s) {
       R(i), o = !1;
     },
     d(s) {
-      s && O(n), i.d(s);
+      s && k(n), i.d(s);
     }
   };
 }
@@ -3150,11 +3149,11 @@ function bi(e) {
     props: {
       annotation: (
         /*annotation*/
-        e[38]
+        e[39]
       ),
       geom: (
         /*selector*/
-        e[41].geometry
+        e[42].geometry
       ),
       style: (
         /*style*/
@@ -3166,26 +3165,26 @@ function bi(e) {
       te(t.$$.fragment);
     },
     m(o, i) {
-      $(t, o, i), n = !0;
+      x(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
       i[0] & /*$store*/
       32768 && (s.annotation = /*annotation*/
-      o[38]), i[0] & /*$store*/
+      o[39]), i[0] & /*$store*/
       32768 && (s.geom = /*selector*/
-      o[41].geometry), i[0] & /*style*/
+      o[42].geometry), i[0] & /*style*/
       2 && (s.style = /*style*/
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (B(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      ee(t, o);
+      $(t, o);
     }
   };
 }
@@ -3195,11 +3194,11 @@ function Ei(e) {
     props: {
       annotation: (
         /*annotation*/
-        e[38]
+        e[39]
       ),
       geom: (
         /*selector*/
-        e[41].geometry
+        e[42].geometry
       ),
       style: (
         /*style*/
@@ -3211,26 +3210,26 @@ function Ei(e) {
       te(t.$$.fragment);
     },
     m(o, i) {
-      $(t, o, i), n = !0;
+      x(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
       i[0] & /*$store*/
       32768 && (s.annotation = /*annotation*/
-      o[38]), i[0] & /*$store*/
+      o[39]), i[0] & /*$store*/
       32768 && (s.geom = /*selector*/
-      o[41].geometry), i[0] & /*style*/
+      o[42].geometry), i[0] & /*style*/
       2 && (s.style = /*style*/
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (B(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      ee(t, o);
+      $(t, o);
     }
   };
 }
@@ -3241,11 +3240,11 @@ function Ai(e) {
     props: {
       annotation: (
         /*annotation*/
-        e[38]
+        e[39]
       ),
       geom: (
         /*selector*/
-        (o = e[41]) == null ? void 0 : o.geometry
+        (o = e[42]) == null ? void 0 : o.geometry
       ),
       style: (
         /*style*/
@@ -3257,42 +3256,42 @@ function Ai(e) {
       te(t.$$.fragment);
     },
     m(i, s) {
-      $(t, i, s), n = !0;
+      x(t, i, s), n = !0;
     },
     p(i, s) {
       var l;
       const r = {};
       s[0] & /*$store*/
       32768 && (r.annotation = /*annotation*/
-      i[38]), s[0] & /*$store*/
+      i[39]), s[0] & /*$store*/
       32768 && (r.geom = /*selector*/
-      (l = i[41]) == null ? void 0 : l.geometry), s[0] & /*style*/
+      (l = i[42]) == null ? void 0 : l.geometry), s[0] & /*style*/
       2 && (r.style = /*style*/
       i[1]), t.$set(r);
     },
     i(i) {
-      n || (P(t.$$.fragment, i), n = !0);
+      n || (B(t.$$.fragment, i), n = !0);
     },
     o(i) {
       R(t.$$.fragment, i), n = !1;
     },
     d(i) {
-      ee(t, i);
+      $(t, i);
     }
   };
 }
-function Ct(e) {
+function Ut(e) {
   let t, n, o, i;
   const s = [Ai, Ei, bi], r = [];
   function l(a, c) {
-    var f, u, d;
+    var u, f, g;
     return (
       /*selector*/
-      ((f = a[41]) == null ? void 0 : f.type) === W.ELLIPSE ? 0 : (
+      ((u = a[42]) == null ? void 0 : u.type) === W.ELLIPSE ? 0 : (
         /*selector*/
-        ((u = a[41]) == null ? void 0 : u.type) === W.RECTANGLE ? 1 : (
+        ((f = a[42]) == null ? void 0 : f.type) === W.RECTANGLE ? 1 : (
           /*selector*/
-          ((d = a[41]) == null ? void 0 : d.type) === W.POLYGON ? 2 : -1
+          ((g = a[42]) == null ? void 0 : g.type) === W.POLYGON ? 2 : -1
         )
       )
     );
@@ -3305,28 +3304,31 @@ function Ct(e) {
       ~t && r[t].m(a, c), I(a, o, c), i = !0;
     },
     p(a, c) {
-      let f = t;
-      t = l(a), t === f ? ~t && r[t].p(a, c) : (n && (se(), R(r[f], 1, 1, () => {
-        r[f] = null;
-      }), re()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
+      let u = t;
+      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (se(), R(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()), B(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
-      i || (P(n), i = !0);
+      i || (B(n), i = !0);
     },
     o(a) {
       R(n), i = !1;
     },
     d(a) {
-      a && O(o), ~t && r[t].d(a);
+      a && k(o), ~t && r[t].d(a);
     }
   };
 }
-function Nt(e) {
-  let t = !/*isEditable*/
+function Vt(e) {
+  let t = Ze(
+    /*annotation*/
+    e[39]
+  ) && !/*isEditable*/
   e[8](
     /*annotation*/
-    e[38]
-  ), n, o, i = t && Rt(rt(e));
+    e[39]
+  ), n, o, i = t && Nt(at(e));
   return {
     c() {
       i && i.c(), n = le();
@@ -3335,28 +3337,31 @@ function Nt(e) {
       i && i.m(s, r), I(s, n, r), o = !0;
     },
     p(s, r) {
-      r[0] & /*isEditable, $store*/
-      33024 && (t = !/*isEditable*/
+      r[0] & /*$store, isEditable*/
+      33024 && (t = Ze(
+        /*annotation*/
+        s[39]
+      ) && !/*isEditable*/
       s[8](
         /*annotation*/
-        s[38]
-      )), t ? i ? (i.p(rt(s), r), r[0] & /*isEditable, $store*/
-      33024 && P(i, 1)) : (i = Rt(rt(s)), i.c(), P(i, 1), i.m(n.parentNode, n)) : i && (se(), R(i, 1, 1, () => {
+        s[39]
+      )), t ? i ? (i.p(at(s), r), r[0] & /*$store, isEditable*/
+      33024 && B(i, 1)) : (i = Nt(at(s)), i.c(), B(i, 1), i.m(n.parentNode, n)) : i && (se(), R(i, 1, 1, () => {
         i = null;
       }), re());
     },
     i(s) {
-      o || (P(i), o = !0);
+      o || (B(i), o = !0);
     },
     o(s) {
       R(i), o = !1;
     },
     d(s) {
-      s && O(n), i && i.d(s);
+      s && k(n), i && i.d(s);
     }
   };
 }
-function Ut(e) {
+function Gt(e) {
   let t, n, o, i;
   const s = [vi, Si], r = [];
   function l(a, c) {
@@ -3377,19 +3382,19 @@ function Ut(e) {
       ~t && r[t].m(a, c), I(a, o, c), i = !0;
     },
     p(a, c) {
-      let f = t;
-      t = l(a), t === f ? ~t && r[t].p(a, c) : (n && (se(), R(r[f], 1, 1, () => {
-        r[f] = null;
-      }), re()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
+      let u = t;
+      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (se(), R(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()), B(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
-      i || (P(n), i = !0);
+      i || (B(n), i = !0);
     },
     o(a) {
       R(n), i = !1;
     },
     d(a) {
-      a && O(o), ~t && r[t].d(a);
+      a && k(o), ~t && r[t].d(a);
     }
   };
 }
@@ -3397,7 +3402,7 @@ function Si(e) {
   let t = (
     /*toolName*/
     e[2]
-  ), n, o, i = Vt(e);
+  ), n, o, i = jt(e);
   return {
     c() {
       i.c(), n = le();
@@ -3408,26 +3413,26 @@ function Si(e) {
     p(s, r) {
       r[0] & /*toolName*/
       4 && Z(t, t = /*toolName*/
-      s[2]) ? (se(), R(i, 1, 1, z), re(), i = Vt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[2]) ? (se(), R(i, 1, 1, H), re(), i = jt(s), i.c(), B(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (P(i), o = !0);
+      o || (B(i), o = !0);
     },
     o(s) {
       R(i), o = !1;
     },
     d(s) {
-      s && O(n), i.d(s);
+      s && k(n), i.d(s);
     }
   };
 }
 function vi(e) {
-  let t, n, o = Me(
+  let t, n, o = Te(
     /*editableAnnotations*/
     e[7]
   ), i = [];
   for (let r = 0; r < o.length; r += 1)
-    i[r] = zt(Dt(e, o, r));
+    i[r] = Ft(Rt(e, o, r));
   const s = (r) => R(i[r], 1, 1, () => {
     i[r] = null;
   });
@@ -3445,14 +3450,14 @@ function vi(e) {
     p(r, l) {
       if (l[0] & /*editableAnnotations, drawingEl, getEditor, style, transform, $scale, onChangeSelected*/
       10553506) {
-        o = Me(
+        o = Te(
           /*editableAnnotations*/
           r[7]
         );
         let a;
         for (a = 0; a < o.length; a += 1) {
-          const c = Dt(r, o, a);
-          i[a] ? (i[a].p(c, l), P(i[a], 1)) : (i[a] = zt(c), i[a].c(), P(i[a], 1), i[a].m(t.parentNode, t));
+          const c = Rt(r, o, a);
+          i[a] ? (i[a].p(c, l), B(i[a], 1)) : (i[a] = Ft(c), i[a].c(), B(i[a], 1), i[a].m(t.parentNode, t));
         }
         for (se(), a = o.length; a < i.length; a += 1)
           s(a);
@@ -3462,22 +3467,22 @@ function vi(e) {
     i(r) {
       if (!n) {
         for (let l = 0; l < o.length; l += 1)
-          P(i[l]);
+          B(i[l]);
         n = !0;
       }
     },
     o(r) {
-      i = i.filter(fn);
+      i = i.filter(Boolean);
       for (let l = 0; l < i.length; l += 1)
         R(i[l]);
       n = !1;
     },
     d(r) {
-      r && O(t), ht(i, r);
+      r && k(t), mt(i, r);
     }
   };
 }
-function Vt(e) {
+function jt(e) {
   let t, n;
   return t = new Qo({
     props: {
@@ -3511,7 +3516,7 @@ function Vt(e) {
       te(t.$$.fragment);
     },
     m(o, i) {
-      $(t, o, i), n = !0;
+      x(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
@@ -3528,21 +3533,21 @@ function Vt(e) {
       o[16]), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (B(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      ee(t, o);
+      $(t, o);
     }
   };
 }
-function Gt(e) {
+function zt(e) {
   let t = (
     /*editable*/
-    e[34].id
-  ), n, o, i = jt(e);
+    e[35].id
+  ), n, o, i = Ht(e);
   return {
     c() {
       i.c(), n = le();
@@ -3553,20 +3558,20 @@ function Gt(e) {
     p(s, r) {
       r[0] & /*editableAnnotations*/
       128 && Z(t, t = /*editable*/
-      s[34].id) ? (se(), R(i, 1, 1, z), re(), i = jt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[35].id) ? (se(), R(i, 1, 1, H), re(), i = Ht(s), i.c(), B(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (P(i), o = !0);
+      o || (B(i), o = !0);
     },
     o(s) {
       R(i), o = !1;
     },
     d(s) {
-      s && O(n), i.d(s);
+      s && k(n), i.d(s);
     }
   };
 }
-function jt(e) {
+function Ht(e) {
   let t, n;
   return t = new Ko({
     props: {
@@ -3578,12 +3583,12 @@ function jt(e) {
         /*getEditor*/
         e[23](
           /*editable*/
-          e[34].target.selector
+          e[35].target.selector
         )
       ),
       annotation: (
         /*editable*/
-        e[34]
+        e[35]
       ),
       style: (
         /*style*/
@@ -3603,18 +3608,18 @@ function jt(e) {
       /*onChangeSelected*/
       e[21](
         /*editable*/
-        e[34]
+        e[35]
       )
     ) && e[21](
       /*editable*/
-      e[34]
+      e[35]
     ).apply(this, arguments);
   }), {
     c() {
       te(t.$$.fragment);
     },
     m(o, i) {
-      $(t, o, i), n = !0;
+      x(t, o, i), n = !0;
     },
     p(o, i) {
       e = o;
@@ -3625,10 +3630,10 @@ function jt(e) {
       128 && (s.editor = /*getEditor*/
       e[23](
         /*editable*/
-        e[34].target.selector
+        e[35].target.selector
       )), i[0] & /*editableAnnotations*/
       128 && (s.annotation = /*editable*/
-      e[34]), i[0] & /*style*/
+      e[35]), i[0] & /*style*/
       2 && (s.style = /*style*/
       e[1]), i[0] & /*transform*/
       2048 && (s.transform = /*transform*/
@@ -3637,20 +3642,20 @@ function jt(e) {
       e[16]), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (B(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      ee(t, o);
+      $(t, o);
     }
   };
 }
-function zt(e) {
+function Ft(e) {
   let t, n, o = (
     /*editor*/
-    e[35] && Gt(e)
+    e[36] && zt(e)
   );
   return {
     c() {
@@ -3661,59 +3666,62 @@ function zt(e) {
     },
     p(i, s) {
       /*editor*/
-      i[35] ? o ? (o.p(i, s), s[0] & /*editableAnnotations*/
-      128 && P(o, 1)) : (o = Gt(i), o.c(), P(o, 1), o.m(t.parentNode, t)) : o && (se(), R(o, 1, 1, () => {
+      i[36] ? o ? (o.p(i, s), s[0] & /*editableAnnotations*/
+      128 && B(o, 1)) : (o = zt(i), o.c(), B(o, 1), o.m(t.parentNode, t)) : o && (se(), R(o, 1, 1, () => {
         o = null;
       }), re());
     },
     i(i) {
-      n || (P(o), n = !0);
+      n || (B(o), n = !0);
     },
     o(i) {
       R(o), n = !1;
     },
     d(i) {
-      i && O(t), o && o.d(i);
+      i && k(t), o && o.d(i);
     }
   };
 }
 function Ti(e) {
-  let t, n, o, i, s, r, l = Me(
+  let t, n, o, i, s, r, l = Te(
     /*$store*/
-    e[15]
+    e[15].filter(
+      /*func*/
+      e[30]
+    )
   ), a = [];
-  for (let u = 0; u < l.length; u += 1)
-    a[u] = Nt(Xt(e, l, u));
-  const c = (u) => R(a[u], 1, 1, () => {
-    a[u] = null;
+  for (let f = 0; f < l.length; f += 1)
+    a[f] = Vt(Ct(e, l, f));
+  const c = (f) => R(a[f], 1, 1, () => {
+    a[f] = null;
   });
-  let f = (
+  let u = (
     /*drawingEl*/
-    e[5] && Ut(e)
+    e[5] && Gt(e)
   );
   return {
     c() {
       t = C("svg"), n = C("g");
-      for (let u = 0; u < a.length; u += 1)
-        a[u].c();
-      o = C("g"), f && f.c(), h(o, "class", "drawing"), h(t, "class", "a9s-annotationlayer"), pe(
+      for (let f = 0; f < a.length; f += 1)
+        a[f].c();
+      o = C("g"), u && u.c(), d(o, "class", "drawing"), d(t, "class", "a9s-annotationlayer"), me(
         t,
         "drawing",
         /*tool*/
         e[13]
-      ), pe(t, "hidden", !/*visible*/
-      e[3]), pe(
+      ), me(t, "hidden", !/*visible*/
+      e[3]), me(
         t,
         "hover",
         /*$hover*/
         e[14]
       );
     },
-    m(u, d) {
-      I(u, t, d), ue(t, n);
-      for (let g = 0; g < a.length; g += 1)
-        a[g] && a[g].m(n, null);
-      ue(t, o), f && f.m(o, null), e[30](o), e[31](t), i = !0, s || (r = [
+    m(f, g) {
+      I(f, t, g), ue(t, n);
+      for (let h = 0; h < a.length; h += 1)
+        a[h] && a[h].m(n, null);
+      ue(t, o), u && u.m(o, null), e[31](o), e[32](t), i = !0, s || (r = [
         F(t, "pointerup", function() {
           q(
             /*onPointerUp*/
@@ -3734,127 +3742,130 @@ function Ti(e) {
         )
       ], s = !0);
     },
-    p(u, d) {
-      if (e = u, d[0] & /*$store, style, isEditable*/
+    p(f, g) {
+      if (e = f, g[0] & /*$store, style, isEditable*/
       33026) {
-        l = Me(
+        l = Te(
           /*$store*/
-          e[15]
+          e[15].filter(
+            /*func*/
+            e[30]
+          )
         );
-        let g;
-        for (g = 0; g < l.length; g += 1) {
-          const m = Xt(e, l, g);
-          a[g] ? (a[g].p(m, d), P(a[g], 1)) : (a[g] = Nt(m), a[g].c(), P(a[g], 1), a[g].m(n, null));
+        let h;
+        for (h = 0; h < l.length; h += 1) {
+          const m = Ct(e, l, h);
+          a[h] ? (a[h].p(m, g), B(a[h], 1)) : (a[h] = Vt(m), a[h].c(), B(a[h], 1), a[h].m(n, null));
         }
-        for (se(), g = l.length; g < a.length; g += 1)
-          c(g);
+        for (se(), h = l.length; h < a.length; h += 1)
+          c(h);
         re();
       }
       /*drawingEl*/
-      e[5] ? f ? (f.p(e, d), d[0] & /*drawingEl*/
-      32 && P(f, 1)) : (f = Ut(e), f.c(), P(f, 1), f.m(o, null)) : f && (se(), R(f, 1, 1, () => {
-        f = null;
-      }), re()), (!i || d[0] & /*tool*/
-      8192) && pe(
+      e[5] ? u ? (u.p(e, g), g[0] & /*drawingEl*/
+      32 && B(u, 1)) : (u = Gt(e), u.c(), B(u, 1), u.m(o, null)) : u && (se(), R(u, 1, 1, () => {
+        u = null;
+      }), re()), (!i || g[0] & /*tool*/
+      8192) && me(
         t,
         "drawing",
         /*tool*/
         e[13]
-      ), (!i || d[0] & /*visible*/
-      8) && pe(t, "hidden", !/*visible*/
-      e[3]), (!i || d[0] & /*$hover*/
-      16384) && pe(
+      ), (!i || g[0] & /*visible*/
+      8) && me(t, "hidden", !/*visible*/
+      e[3]), (!i || g[0] & /*$hover*/
+      16384) && me(
         t,
         "hover",
         /*$hover*/
         e[14]
       );
     },
-    i(u) {
+    i(f) {
       if (!i) {
-        for (let d = 0; d < l.length; d += 1)
-          P(a[d]);
-        P(f), i = !0;
+        for (let g = 0; g < l.length; g += 1)
+          B(a[g]);
+        B(u), i = !0;
       }
     },
-    o(u) {
-      a = a.filter(fn);
-      for (let d = 0; d < a.length; d += 1)
-        R(a[d]);
-      R(f), i = !1;
+    o(f) {
+      a = a.filter(Boolean);
+      for (let g = 0; g < a.length; g += 1)
+        R(a[g]);
+      R(u), i = !1;
     },
-    d(u) {
-      u && O(t), ht(a, u), f && f.d(), e[30](null), e[31](null), s = !1, de(r);
+    d(f) {
+      f && k(t), mt(a, f), u && u.d(), e[31](null), e[32](null), s = !1, de(r);
     }
   };
 }
 function Mi(e, t, n) {
-  let o, i, s, r, l, a, c, f, u, d, g, m = z, _ = () => (m(), m = Kt(E, (L) => n(16, g = L)), E);
+  let o, i, s, r, l, a, c, u, f, g, h, m = H, y = () => (m(), m = Qt(E, (L) => n(16, h = L)), E);
   e.$$.on_destroy.push(() => m());
-  let { drawingEnabled: v } = t, { image: p } = t, { preferredDrawingMode: w } = t, { state: y } = t, { style: b = void 0 } = t, { toolName: B = ln()[0] } = t, { user: U } = t, { visible: V = !0 } = t, G, Y, E;
-  Re(() => _(n(6, E = Po(p, Y))));
-  const { hover: A, selection: S, store: T } = y;
-  xe(e, A, (L) => n(14, f = L)), xe(e, S, (L) => n(29, u = L)), xe(e, T, (L) => n(15, d = L));
+  let { drawingEnabled: T } = t, { image: p } = t, { preferredDrawingMode: w } = t, { state: _ } = t, { style: b = void 0 } = t, { toolName: Y = cn()[0] } = t, { user: U } = t, { visible: V = !0 } = t, G, P, E;
+  Re(() => y(n(6, E = Po(p, P))));
+  const { hover: A, selection: S, store: v } = _;
+  et(e, A, (L) => n(14, u = L)), et(e, S, (L) => n(29, f = L)), et(e, v, (L) => n(15, g = L));
   let N, X;
   const K = (L) => {
-    N && T.unobserve(N);
-    const H = L.filter(({ editable: k }) => k).map(({ id: k }) => k);
-    H.length > 0 ? (n(7, X = H.map((k) => T.getAnnotation(k)).filter(Boolean)), N = (k) => {
-      const { updated: x } = k.changes;
-      n(7, X = x == null ? void 0 : x.map((me) => me.newValue));
-    }, T.observe(N, { annotations: H })) : n(7, X = void 0);
+    N && v.unobserve(N);
+    const D = L.filter(({ editable: j }) => j).map(({ id: j }) => j);
+    D.length > 0 ? (n(7, X = D.map((j) => v.getAnnotation(j)).filter((j) => j && Ze(j))), N = (j) => {
+      const { updated: ee } = j.changes;
+      n(7, X = ee == null ? void 0 : ee.map((O) => O.newValue));
+    }, v.observe(N, { annotations: D })) : n(7, X = void 0);
   }, ge = (L) => {
-    const H = en(), k = {
-      id: H,
+    const D = nn(), j = {
+      id: D,
       bodies: [],
       target: {
-        annotation: H,
+        annotation: D,
         selector: L.detail,
         creator: U,
         created: /* @__PURE__ */ new Date()
       }
     };
-    T.addAnnotation(k), S.setSelected(k.id);
-  }, ae = (L) => (H) => {
-    var D;
-    const { target: k } = L, x = 10 * 60 * 1e3, me = ((D = k.creator) == null ? void 0 : D.id) !== U.id || !k.created || (/* @__PURE__ */ new Date()).getTime() - k.created.getTime() > x;
-    T.updateTarget({
-      ...k,
-      selector: H.detail,
-      created: me ? k.created : /* @__PURE__ */ new Date(),
-      updated: me ? /* @__PURE__ */ new Date() : void 0,
-      updatedBy: me ? U : void 0
+    v.addAnnotation(j), S.setSelected(j.id);
+  }, ae = (L) => (D) => {
+    var M;
+    const { target: j } = L, ee = 10 * 60 * 1e3, O = ((M = j.creator) == null ? void 0 : M.id) !== U.id || !j.created || (/* @__PURE__ */ new Date()).getTime() - j.created.getTime() > ee;
+    v.updateTarget({
+      ...j,
+      selector: D.detail,
+      created: O ? j.created : /* @__PURE__ */ new Date(),
+      updated: O ? /* @__PURE__ */ new Date() : void 0,
+      updatedBy: O ? U : void 0
     });
-  }, ke = (L) => {
-    const { x: H, y: k } = cn(L, Y), x = T.getAt(H, k);
-    x ? f !== x.id && A.set(x.id) : A.set(void 0);
-  }, ce = (L) => jo(L);
-  function Oe(L) {
-    Ke[L ? "unshift" : "push"](() => {
+  }, Le = (L) => {
+    const { x: D, y: j } = un(L, P), ee = v.getAt(D, j);
+    ee ? u !== ee.id && A.set(ee.id) : A.set(void 0);
+  }, ce = (L) => jo(L), ke = (L) => Ze(L);
+  function fe(L) {
+    Je[L ? "unshift" : "push"](() => {
       G = L, n(5, G);
     });
   }
-  function fe(L) {
-    Ke[L ? "unshift" : "push"](() => {
-      Y = L, n(4, Y);
+  function Ie(L) {
+    Je[L ? "unshift" : "push"](() => {
+      P = L, n(4, P);
     });
   }
   return e.$$set = (L) => {
-    "drawingEnabled" in L && n(0, v = L.drawingEnabled), "image" in L && n(24, p = L.image), "preferredDrawingMode" in L && n(25, w = L.preferredDrawingMode), "state" in L && n(26, y = L.state), "style" in L && n(1, b = L.style), "toolName" in L && n(2, B = L.toolName), "user" in L && n(27, U = L.user), "visible" in L && n(3, V = L.visible);
+    "drawingEnabled" in L && n(0, T = L.drawingEnabled), "image" in L && n(24, p = L.image), "preferredDrawingMode" in L && n(25, w = L.preferredDrawingMode), "state" in L && n(26, _ = L.state), "style" in L && n(1, b = L.style), "toolName" in L && n(2, Y = L.toolName), "user" in L && n(27, U = L.user), "visible" in L && n(3, V = L.visible);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
-    4 && n(13, { tool: o, opts: i } = an(B) || { tool: void 0, opts: void 0 }, o, (n(28, i), n(2, B))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
+    4 && n(13, { tool: o, opts: i } = fn(Y) || { tool: void 0, opts: void 0 }, o, (n(28, i), n(2, Y))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
     301989888 && n(12, s = (i == null ? void 0 : i.drawingMode) || w), e.$$.dirty[0] & /*svgEl*/
-    16 && n(11, r = yi(Y)), e.$$.dirty[0] & /*svgEl*/
-    16 && n(10, { onPointerDown: l, onPointerUp: a } = wi(Y, T), l, (n(9, a), n(4, Y))), e.$$.dirty[0] & /*$selection*/
-    536870912 && n(8, c = (L) => u.selected.find((H) => H.id === L.id && H.editable)), e.$$.dirty[0] & /*$selection*/
-    536870912 && K(u.selected);
+    16 && n(11, r = yi(P)), e.$$.dirty[0] & /*svgEl*/
+    16 && n(10, { onPointerDown: l, onPointerUp: a } = wi(P, v), l, (n(9, a), n(4, P))), e.$$.dirty[0] & /*$selection*/
+    536870912 && n(8, c = (L) => f.selected.find((D) => D.id === L.id && D.editable)), e.$$.dirty[0] & /*$selection*/
+    536870912 && K(f.selected);
   }, [
-    v,
+    T,
     b,
-    B,
-    V,
     Y,
+    V,
+    P,
     G,
     E,
     X,
@@ -3864,24 +3875,25 @@ function Mi(e, t, n) {
     r,
     s,
     o,
-    f,
-    d,
+    u,
     g,
+    h,
     A,
     S,
-    T,
+    v,
     ge,
     ae,
-    ke,
+    Le,
     ce,
     p,
     w,
-    y,
+    _,
     U,
     i,
-    u,
-    Oe,
-    fe
+    f,
+    ke,
+    fe,
+    Ie
   ];
 }
 class Li extends oe {
@@ -3907,29 +3919,29 @@ class Li extends oe {
     );
   }
 }
-function un(e, t, n = 0, o = e.length - 1, i = ki) {
+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, f = Math.log(a), u = 0.5 * Math.exp(2 * f / 3), d = 0.5 * Math.sqrt(f * u * (a - u) / a) * (c - a / 2 < 0 ? -1 : 1), g = Math.max(n, Math.floor(t - c * u / a + d)), m = Math.min(o, Math.floor(t + (a - c) * u / a + d));
-      un(e, t, g, m, i);
+      const a = o - n + 1, c = t - n + 1, u = Math.log(a), f = 0.5 * Math.exp(2 * u / 3), g = 0.5 * Math.sqrt(u * f * (a - f) / a) * (c - a / 2 < 0 ? -1 : 1), h = Math.max(n, Math.floor(t - c * f / a + g)), m = Math.min(o, Math.floor(t + (a - c) * f / a + g));
+      dn(e, t, h, m, i);
     }
     const s = e[t];
     let r = n, l = o;
-    for (Ie(e, n, t), i(e[o], s) > 0 && Ie(e, n, o); r < l; ) {
-      for (Ie(e, r, l), r++, l--; i(e[r], s) < 0; ) r++;
+    for (Oe(e, n, t), i(e[o], s) > 0 && Oe(e, n, o); r < l; ) {
+      for (Oe(e, r, l), r++, l--; i(e[r], s) < 0; ) r++;
       for (; i(e[l], s) > 0; ) l--;
     }
-    i(e[n], s) === 0 ? Ie(e, n, l) : (l++, Ie(e, l, o)), l <= t && (n = l + 1), t <= l && (o = l - 1);
+    i(e[n], s) === 0 ? Oe(e, n, l) : (l++, Oe(e, l, o)), l <= t && (n = l + 1), t <= l && (o = l - 1);
   }
 }
-function Ie(e, t, n) {
+function Oe(e, t, n) {
   const o = e[t];
   e[t] = e[n], e[n] = o;
 }
 function ki(e, t) {
   return e < t ? -1 : e > t ? 1 : 0;
 }
-class Oi {
+class Ii {
   constructor(t = 9) {
     this._maxEntries = Math.max(4, t), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
   }
@@ -3944,7 +3956,7 @@ class Oi {
     for (; n; ) {
       for (let r = 0; r < n.children.length; r++) {
         const l = n.children[r], a = n.leaf ? i(l) : l;
-        Fe(t, a) && (n.leaf ? o.push(l) : at(t, a) ? this._all(l, o) : s.push(l));
+        Fe(t, a) && (n.leaf ? o.push(l) : ft(t, a) ? this._all(l, o) : s.push(l));
       }
       n = s.pop();
     }
@@ -3958,7 +3970,7 @@ class Oi {
       for (let i = 0; i < n.children.length; i++) {
         const s = n.children[i], r = n.leaf ? this.toBBox(s) : s;
         if (Fe(t, r)) {
-          if (n.leaf || at(t, r)) return !0;
+          if (n.leaf || ft(t, r)) return !0;
           o.push(s);
         }
       }
@@ -3991,7 +4003,7 @@ class Oi {
     return t && this._insert(t, this.data.height - 1), this;
   }
   clear() {
-    return this.data = ve([]), this;
+    return this.data = Se([]), this;
   }
   remove(t, n) {
     if (!t) return this;
@@ -4000,11 +4012,11 @@ class Oi {
     let l, a, c;
     for (; o || s.length; ) {
       if (o || (o = s.pop(), a = s[s.length - 1], l = r.pop(), c = !0), o.leaf) {
-        const f = Ii(t, o.children, n);
-        if (f !== -1)
-          return o.children.splice(f, 1), s.push(o), this._condense(s), this;
+        const u = Oi(t, o.children, n);
+        if (u !== -1)
+          return o.children.splice(u, 1), s.push(o), this._condense(s), this;
       }
-      !c && !o.leaf && at(o, i) ? (s.push(o), r.push(l), l = 0, a = o, o = o.children[0]) : a ? (l++, o = a.children[l], c = !1) : o = null;
+      !c && !o.leaf && ft(o, i) ? (s.push(o), r.push(l), l = 0, a = o, o = o.children[0]) : a ? (l++, o = a.children[l], c = !1) : o = null;
     }
     return this;
   }
@@ -4033,26 +4045,26 @@ class Oi {
     const s = o - n + 1;
     let r = this._maxEntries, l;
     if (s <= r)
-      return l = ve(t.slice(n, o + 1)), Ae(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;
+      return l = Se(t.slice(n, o + 1)), Ee(l, this.toBBox), l;
+    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = Se([]), l.leaf = !1, l.height = i;
     const a = Math.ceil(s / r), c = a * Math.ceil(Math.sqrt(r));
-    Ht(t, n, o, c, this.compareMinX);
-    for (let f = n; f <= o; f += c) {
-      const u = Math.min(f + c - 1, o);
-      Ht(t, f, u, a, this.compareMinY);
-      for (let d = f; d <= u; d += a) {
-        const g = Math.min(d + a - 1, u);
-        l.children.push(this._build(t, d, g, i - 1));
+    Wt(t, n, o, c, this.compareMinX);
+    for (let u = n; u <= o; u += c) {
+      const f = Math.min(u + c - 1, o);
+      Wt(t, u, f, a, this.compareMinY);
+      for (let g = u; g <= f; g += a) {
+        const h = Math.min(g + a - 1, f);
+        l.children.push(this._build(t, g, h, i - 1));
       }
     }
-    return Ae(l, this.toBBox), l;
+    return Ee(l, this.toBBox), l;
   }
   _chooseSubtree(t, n, o, i) {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
       let s = 1 / 0, r = 1 / 0, l;
       for (let a = 0; a < n.children.length; a++) {
-        const c = n.children[a], f = lt(c), u = Yi(t, c) - f;
-        u < r ? (r = u, s = f < s ? f : s, l = c) : u === r && f < s && (s = f, l = c);
+        const c = n.children[a], u = ct(c), f = Yi(t, c) - u;
+        f < r ? (r = f, s = u < s ? u : s, l = c) : f === r && u < s && (s = u, l = c);
       }
       n = l || n.children[0];
     }
@@ -4068,17 +4080,17 @@ class Oi {
   _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 = ve(o.children.splice(r, o.children.length - r));
-    l.height = o.height, l.leaf = o.leaf, Ae(o, this.toBBox), Ae(l, this.toBBox), n ? t[n - 1].children.push(l) : this._splitRoot(o, l);
+    const r = this._chooseSplitIndex(o, s, i), l = Se(o.children.splice(r, o.children.length - r));
+    l.height = o.height, l.leaf = o.leaf, Ee(o, this.toBBox), Ee(l, this.toBBox), n ? t[n - 1].children.push(l) : this._splitRoot(o, l);
   }
   _splitRoot(t, n) {
-    this.data = ve([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, Ae(this.data, this.toBBox);
+    this.data = Se([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, Ee(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), f = Di(a, c), u = lt(a) + lt(c);
-      f < s ? (s = f, i = l, r = u < r ? u : r) : f === s && u < r && (r = u, i = l);
+      const a = Pe(t, 0, l, this.toBBox), c = Pe(t, l, o, this.toBBox), u = Di(a, c), f = ct(a) + ct(c);
+      u < s ? (s = u, i = l, r = f < r ? f : r) : u === s && f < r && (r = f, i = l);
     }
     return i || o - n;
   }
@@ -4093,12 +4105,12 @@ class Oi {
     const s = this.toBBox, r = Pe(t, 0, n, s), l = Pe(t, o - n, o, s);
     let a = He(r) + He(l);
     for (let c = n; c < o - n; c++) {
-      const f = t.children[c];
-      Ye(r, t.leaf ? s(f) : f), a += He(r);
+      const u = t.children[c];
+      Ye(r, t.leaf ? s(u) : u), a += He(r);
     }
     for (let c = o - n - 1; c >= n; c--) {
-      const f = t.children[c];
-      Ye(l, t.leaf ? s(f) : f), a += He(l);
+      const u = t.children[c];
+      Ye(l, t.leaf ? s(u) : u), a += He(l);
     }
     return a;
   }
@@ -4108,20 +4120,20 @@ class Oi {
   }
   _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() : Ae(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() : Ee(t[n], this.toBBox);
   }
 }
-function Ii(e, t, n) {
+function Oi(e, t, n) {
   if (!n) return t.indexOf(e);
   for (let o = 0; o < t.length; o++)
     if (n(e, t[o])) return o;
   return -1;
 }
-function Ae(e, t) {
+function Ee(e, t) {
   Pe(e, 0, e.children.length, t, e);
 }
 function Pe(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;
+  i || (i = Se(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];
     Ye(i, e.leaf ? o(r) : r);
@@ -4137,7 +4149,7 @@ function Bi(e, t) {
 function Pi(e, t) {
   return e.minY - t.minY;
 }
-function lt(e) {
+function ct(e) {
   return (e.maxX - e.minX) * (e.maxY - e.minY);
 }
 function He(e) {
@@ -4150,13 +4162,13 @@ function Di(e, t) {
   const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), s = Math.min(e.maxY, t.maxY);
   return Math.max(0, i - n) * Math.max(0, s - o);
 }
-function at(e, t) {
+function ft(e, t) {
   return e.minX <= t.minX && e.minY <= t.minY && t.maxX <= e.maxX && t.maxY <= e.maxY;
 }
 function Fe(e, t) {
   return t.minX <= e.maxX && t.minY <= e.maxY && t.maxX >= e.minX && t.maxY >= e.minY;
 }
-function ve(e) {
+function Se(e) {
   return {
     children: e,
     height: 1,
@@ -4167,76 +4179,75 @@ function ve(e) {
     maxY: -1 / 0
   };
 }
-function Ht(e, t, n, o, i) {
+function Wt(e, t, n, o, i) {
   const s = [t, n];
   for (; s.length; ) {
     if (n = s.pop(), t = s.pop(), n - t <= o) continue;
     const r = t + Math.ceil((n - t) / o / 2) * o;
-    un(e, r, t, n, i), s.push(t, r, r, n);
+    dn(e, r, t, n, i), s.push(t, r, r, n);
   }
 }
 const Xi = () => {
-  const e = new Oi(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
+  const e = new Ii(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
     e.clear(), t.clear();
-  }, i = (u) => {
-    const { minX: d, minY: g, maxX: m, maxY: _ } = u.selector.geometry.bounds, v = { minX: d, minY: g, maxX: m, maxY: _, target: u };
-    e.insert(v), t.set(u.annotation, v);
-  }, s = (u) => {
-    const d = t.get(u.annotation);
-    d && e.remove(d), t.delete(u.annotation);
+  }, i = (f) => {
+    if (!qe(f)) return;
+    const { minX: g, minY: h, maxX: m, maxY: y } = f.selector.geometry.bounds, T = { minX: g, minY: h, maxX: m, maxY: y, target: f };
+    e.insert(T), t.set(f.annotation, T);
+  }, s = (f) => {
+    if (!qe(f)) return;
+    const g = t.get(f.annotation);
+    g && e.remove(g), t.delete(f.annotation);
   };
   return {
     all: n,
     clear: o,
-    getAt: (u, d) => {
+    getAt: (f, g) => {
       const m = e.search({
-        minX: u,
-        minY: d,
-        maxX: u,
-        maxY: d
-      }).map((_) => _.target).filter((_) => _.selector.type === W.RECTANGLE || kn(_.selector, u, d));
+        minX: f,
+        minY: g,
+        maxX: f,
+        maxY: g
+      }).map((y) => y.target).filter((y) => y.selector.type === W.RECTANGLE || kn(y.selector, f, g));
       if (m.length > 0)
-        return m.sort((_, v) => dt(_.selector) - dt(v.selector)), m[0];
-    },
-    getIntersecting: (u, d, g, m) => e.search({
-      minX: u,
-      minY: d,
-      maxX: u + g,
-      maxY: d + m
-    }).map((_) => _.target),
+        return m.sort((y, T) => gt(y.selector) - gt(T.selector)), m[0];
+    },
+    getIntersecting: (f, g, h, m) => e.search({
+      minX: f,
+      minY: g,
+      maxX: f + h,
+      maxY: g + m
+    }).map((y) => y.target),
     insert: i,
     remove: s,
-    set: (u, d = !0) => {
-      d && o();
-      const g = u.reduce((m, _) => {
-        var v, p;
-        if ((p = (v = _.selector) == null ? void 0 : v.geometry) != null && p.bounds) {
-          const { minX: w, minY: y, maxX: b, maxY: B } = _.selector.geometry.bounds;
-          return [...m, { minX: w, minY: y, maxX: b, maxY: B, target: _ }];
+    set: (f, g = !0) => {
+      g && o();
+      const h = f.reduce((m, y) => {
+        if (qe(y)) {
+          const { minX: T, minY: p, maxX: w, maxY: _ } = y.selector.geometry.bounds;
+          return [...m, { minX: T, minY: p, maxX: w, maxY: _, target: y }];
         } else
           return m;
       }, []);
-      g.forEach((m) => t.set(m.target.annotation, m)), e.load(g);
+      h.forEach((m) => t.set(m.target.annotation, m)), e.load(h);
     },
     size: () => e.all().length,
-    update: (u, d) => {
-      s(u), i(d);
+    update: (f, g) => {
+      s(f), i(g);
     }
   };
 }, Ri = (e) => {
-  const t = so(), n = Xi(), o = Wn(t);
-  o.setUserSelectAction(e.userSelectAction);
-  const i = Fn(t), s = fo();
+  const t = so(), n = Xi(), o = Wn(t, e.userSelectAction), i = Fn(t), s = fo();
   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: f }) => n.update(c.target, f.target));
+    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));
   }), {
     store: {
       ...t,
       getAt: (a, c) => {
-        const f = n.getAt(a, c);
-        return f ? t.getAnnotation(f.annotation) : void 0;
+        const u = n.getAt(a, c);
+        return u ? t.getAnnotation(u.annotation) : void 0;
       },
-      getIntersecting: (a, c, f, u) => n.getIntersecting(a, c, f, u).map((d) => t.getAnnotation(d.annotation))
+      getIntersecting: (a, c, u, f) => n.getIntersecting(a, c, u, f).map((g) => t.getAnnotation(g.annotation))
     },
     selection: o,
     hover: i,
@@ -4266,13 +4277,13 @@ const Xi = () => {
 }, Ui = (e) => {
   const t = Ni(e), n = t > 0.6 ? "dark" : "light";
   return console.log(`[Annotorious] Image brightness: ${t.toFixed(1)}. Setting ${n} theme.`), n;
-}, Ft = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? Ui(e) : n), Vi = (e, t) => ({
+}, qt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? Ui(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
-}), Wt = typeof navigator > "u" ? !1 : navigator.userAgent.indexOf("Mac OS X") !== -1, Gi = (e, t) => {
+}), Kt = 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();
@@ -4280,9 +4291,9 @@ const Xi = () => {
     const l = r;
     l.key === "z" && l.metaKey && (l.shiftKey ? e.redo() : e.undo());
   }, s = () => {
-    Wt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
+    Kt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
   };
-  return Wt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
+  return Kt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
     destroy: s
   };
 }, Fi = (e, t = {}) => {
@@ -4291,7 +4302,7 @@ const Xi = () => {
   const n = typeof e == "string" ? document.getElementById(e) : e, o = Vi(t, {
     drawingEnabled: !0,
     drawingMode: "drag",
-    userSelectAction: tn.EDIT,
+    userSelectAction: on.EDIT,
     theme: "light"
   }), i = Ci(o), { selection: s, store: r } = i, l = co(r), a = uo(
     i,
@@ -4300,10 +4311,10 @@ const Xi = () => {
     o.autoSave
   ), c = document.createElement("DIV");
   c.style.position = "relative", c.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(c, n), c.appendChild(n);
-  const f = Gi(l);
-  let u = bo();
-  Ft(n, c, o.theme);
-  const d = new Li({
+  const u = Gi(l);
+  let f = bo();
+  qt(n, c, o.theme);
+  const g = new Li({
     target: c,
     props: {
       drawingEnabled: !!o.drawingEnabled,
@@ -4311,40 +4322,40 @@ const Xi = () => {
       preferredDrawingMode: o.drawingMode,
       state: i,
       style: o.style,
-      user: u
+      user: f
     }
   });
-  d.$on("click", (Y) => {
-    const { originalEvent: E, annotation: A } = Y.detail;
+  g.$on("click", (P) => {
+    const { originalEvent: E, annotation: A } = P.detail;
     A ? s.userSelect(A.id, E) : s.isEmpty() || s.clear();
   });
-  const g = go(i, l, o.adapter), m = () => {
-    d.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), f.destroy(), l.destroy();
-  }, _ = () => u, v = (Y, E, A) => si(Y, E, A), p = (Y, E) => zo(Y, E), w = (Y) => {
-    if (!an(Y))
-      throw `No drawing tool named ${Y}`;
-    d.$set({ toolName: Y });
-  }, y = (Y) => d.$set({ drawingEnabled: Y }), b = (Y) => {
+  const h = go(i, l, o.adapter), m = () => {
+    g.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), u.destroy(), l.destroy();
+  }, y = () => f, T = (P, E, A) => si(P, E, A), p = (P, E) => zo(P, E), w = (P) => {
+    if (!fn(P))
+      throw `No drawing tool named ${P}`;
+    g.$set({ toolName: P });
+  }, _ = (P) => g.$set({ drawingEnabled: P }), b = (P) => {
     console.warn("Filter not implemented yet");
-  }, B = (Y) => d.$set({ style: Y }), U = (Y) => Ft(n, c, Y), V = (Y) => {
-    u = Y, d.$set({ user: Y });
-  }, G = (Y) => (
+  }, Y = (P) => g.$set({ style: P }), U = (P) => qt(n, c, P), V = (P) => {
+    f = P, g.$set({ user: P });
+  }, G = (P) => (
     // @ts-ignore
-    d.$set({ visible: Y })
+    g.$set({ visible: P })
   );
   return {
-    ...g,
+    ...h,
     destroy: m,
-    getUser: _,
-    listDrawingTools: ln,
+    getUser: y,
+    listDrawingTools: cn,
     on: a.on,
     off: a.off,
-    registerDrawingTool: v,
+    registerDrawingTool: T,
     registerShapeEditor: p,
-    setDrawingEnabled: y,
+    setDrawingEnabled: _,
     setDrawingTool: w,
     setFilter: b,
-    setStyle: B,
+    setStyle: Y,
     setTheme: U,
     setUser: V,
     setVisible: G,
@@ -4353,11 +4364,11 @@ const Xi = () => {
   };
 };
 export {
-  rn as Editor,
+  an as Editor,
   Ko as EditorMount,
   Be as Handle,
   Hi as IdentityTransform,
-  Oo as PolygonEditor,
+  Io as PolygonEditor,
   Go as RectangleEditor,
   Bn as RectangleUtil,
   $o as RubberbandRectangle,
@@ -4366,34 +4377,36 @@ export {
   Qo as ToolMount,
   zi as W3CImageFormat,
   wi as addEventListeners,
-  Je as boundsFromPoints,
-  dt as computeArea,
+  Qe as boundsFromPoints,
+  gt as computeArea,
   Fi as createImageAnnotator,
   Ri as createImageAnnotatorState,
   yi as createSVGTransform,
   Ci as createSvelteImageAnnotatorState,
   Ui as detectTheme,
-  it as distance,
+  rt as distance,
   Po as enableResponsive,
   Vi as fillDefaults,
   jo as getEditor,
-  cn as getSVGPoint,
-  an as getTool,
+  un as getSVGPoint,
+  fn as getTool,
   Gi as initKeyboardCommands,
   kn as intersects,
-  Wt as isMac,
+  Ze as isImageAnnotation,
+  qe as isImageAnnotationTarget,
+  Kt as isMac,
   Yo as isTouch,
-  ln as listDrawingTools,
+  cn as listDrawingTools,
   Pn as parseFragmentSelector,
   Nn as parseSVGSelector,
   vo as parseW3CImageAnnotation,
   zo as registerEditor,
-  mt as registerShapeUtil,
+  yt as registerShapeUtil,
   si as registerTool,
   Ni as sampleBrightness,
   Yn as serializeFragmentSelector,
   Un as serializeSVGSelector,
   To as serializeW3CImageAnnotation,
-  Ft as setTheme
+  qt as setTheme
 };
 //# sourceMappingURL=annotorious.es.js.map