@annotorious/annotorious 3.6.5 → 3.6.7

package/dist/annotorious.es.js

@@ -3,7 +3,7 @@ var mo = (e, t, n) => t in e ? go(e, t, { enumerable: !0, configurable: !0, writ
 var Et = (e, t, n) => mo(e, typeof t != "symbol" ? t + "" : t, n);
 function ee() {
 }
-function Ut(e, t) {
+function Bt(e, t) {
   for (const n in t) e[n] = t[n];
   return (
     /** @type {T & S} */
@@ -47,7 +47,7 @@ function _o(e, t, n, o) {
   }
 }
 function jn(e, t, n, o) {
-  return e[1] && o ? Ut(n.ctx.slice(), e[1](o(t))) : n.ctx;
+  return e[1] && o ? Bt(n.ctx.slice(), e[1](o(t))) : n.ctx;
 }
 function yo(e, t, n, o) {
   if (e[2] && o) {
@@ -90,13 +90,13 @@ function it(e) {
 function j(e, t) {
   e.appendChild(t);
 }
-function N(e, t, n) {
+function R(e, t, n) {
   e.insertBefore(t, n || null);
 }
 function D(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
-function Ne(e, t) {
+function Re(e, t) {
   for (let n = 0; n < e.length; n += 1)
     e[n] && e[n].d(t);
 }
@@ -135,10 +135,10 @@ function Fn() {
   if (!Qe) throw new Error("Function called outside component initialization");
   return Qe;
 }
-function Ye(e) {
+function Ne(e) {
   Fn().$$.on_mount.push(e);
 }
-function Ce() {
+function Oe() {
   const e = Fn();
   return (t, n, { cancelable: o = !1 } = {}) => {
     const i = e.$$.callbacks[t];
@@ -163,32 +163,32 @@ function he(e, t) {
 const Ge = [], ht = [];
 let Fe = [];
 const Qt = [], qn = /* @__PURE__ */ Promise.resolve();
-let Xt = !1;
+let Vt = !1;
 function Kn() {
-  Xt || (Xt = !0, qn.then(Zn));
+  Vt || (Vt = !0, qn.then(Zn));
 }
 function Wn() {
   return Kn(), qn;
 }
-function Vt(e) {
+function Xt(e) {
   Fe.push(e);
 }
 const St = /* @__PURE__ */ new Set();
-let Ue = 0;
+let Be = 0;
 function Zn() {
-  if (Ue !== 0)
+  if (Be !== 0)
     return;
   const e = Qe;
   do {
     try {
-      for (; Ue < Ge.length; ) {
-        const t = Ge[Ue];
-        Ue++, Je(t), So(t.$$);
+      for (; Be < Ge.length; ) {
+        const t = Ge[Be];
+        Be++, Je(t), So(t.$$);
       }
     } catch (t) {
-      throw Ge.length = 0, Ue = 0, t;
+      throw Ge.length = 0, Be = 0, t;
     }
-    for (Je(null), Ge.length = 0, Ue = 0; ht.length; ) ht.pop()();
+    for (Je(null), Ge.length = 0, Be = 0; ht.length; ) ht.pop()();
     for (let t = 0; t < Fe.length; t += 1) {
       const n = Fe[t];
       St.has(n) || (St.add(n), n());
@@ -197,13 +197,13 @@ function Zn() {
   } while (Ge.length);
   for (; Qt.length; )
     Qt.pop()();
-  Xt = !1, St.clear(), Je(e);
+  Vt = !1, St.clear(), Je(e);
 }
 function So(e) {
   if (e.fragment !== null) {
     e.update(), Se(e.before_update);
     const t = e.dirty;
-    e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(Vt);
+    e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(Xt);
   }
 }
 function Ao(e) {
@@ -223,7 +223,7 @@ function we() {
 function be() {
   De.r || Se(De.c), De = De.p;
 }
-function R(e, t) {
+function U(e, t) {
   e && e.i && (ct.delete(e), e.i(t));
 }
 function H(e, t, n, o) {
@@ -242,10 +242,10 @@ function ae(e) {
 }
 function re(e, t, n) {
   const { fragment: o, after_update: i } = e.$$;
-  o && o.m(t, n), Vt(() => {
+  o && o.m(t, n), Xt(() => {
     const s = e.$$.on_mount.map(Hn).filter(ie);
     e.$$.on_destroy ? e.$$.on_destroy.push(...s) : Se(s), e.$$.on_mount = [];
-  }), i.forEach(Vt);
+  }), i.forEach(Xt);
 }
 function le(e, t) {
   const n = e.$$;
@@ -280,8 +280,8 @@ function me(e, t, n, o, i, s, r = null, l = [-1]) {
   };
   r && r(u.root);
   let d = !1;
-  if (u.ctx = n ? n(e, t.props || {}, (f, h, ..._) => {
-    const m = _.length ? _[0] : h;
+  if (u.ctx = n ? n(e, t.props || {}, (f, h, ...p) => {
+    const m = p.length ? p[0] : h;
     return u.ctx && i(u.ctx[f], u.ctx[f] = m) && (!u.skip_bound && u.bound[f] && u.bound[f](m), d && ko(e, f)), h;
   }) : [], u.update(), d = !0, Se(u.before_update), u.fragment = o ? o(u.ctx) : !1, t.target) {
     if (t.hydrate) {
@@ -289,7 +289,7 @@ function me(e, t, n, o, i, s, r = null, l = [-1]) {
       u.fragment && u.fragment.l(f), f.forEach(D);
     } else
       u.fragment && u.fragment.c();
-    t.intro && R(e.$$.fragment), re(e, t.target, t.anchor), Zn();
+    t.intro && U(e.$$.fragment), re(e, t.target, t.anchor), Zn();
   }
   Je(a);
 }
@@ -353,24 +353,24 @@ var Jn = { exports: {} };
       return u * u + d * d;
     }
     function n(l, a, u) {
-      var d = a.x, f = a.y, h = u.x - d, _ = u.y - f;
-      if (h !== 0 || _ !== 0) {
-        var m = ((l.x - d) * h + (l.y - f) * _) / (h * h + _ * _);
-        m > 1 ? (d = u.x, f = u.y) : m > 0 && (d += h * m, f += _ * m);
+      var d = a.x, f = a.y, h = u.x - d, p = u.y - f;
+      if (h !== 0 || p !== 0) {
+        var m = ((l.x - d) * h + (l.y - f) * p) / (h * h + p * p);
+        m > 1 ? (d = u.x, f = u.y) : m > 0 && (d += h * m, f += p * m);
       }
-      return h = l.x - d, _ = l.y - f, h * h + _ * _;
+      return h = l.x - d, p = l.y - f, h * h + p * p;
     }
     function o(l, a) {
-      for (var u = l[0], d = [u], f, h = 1, _ = l.length; h < _; h++)
+      for (var u = l[0], d = [u], f, h = 1, p = l.length; h < p; h++)
         f = l[h], t(f, u) > a && (d.push(f), u = f);
       return u !== f && d.push(f), d;
     }
     function i(l, a, u, d, f) {
-      for (var h = d, _, m = a + 1; m < u; m++) {
+      for (var h = d, p, m = a + 1; m < u; m++) {
         var g = n(l[m], l[a], l[u]);
-        g > h && (_ = m, h = g);
+        g > h && (p = m, h = g);
       }
-      h > d && (_ - a > 1 && i(l, a, _, d, f), f.push(l[_]), u - _ > 1 && i(l, _, u, d, f));
+      h > d && (p - a > 1 && i(l, a, p, d, f), f.push(l[p]), u - p > 1 && i(l, p, u, d, f));
     }
     function s(l, a) {
       var u = l.length - 1, d = [l[0]];
@@ -402,7 +402,7 @@ const Po = /* @__PURE__ */ To(Lo), zt = {}, qe = (e, t) => zt[e] = t, Ht = (e) =
     l > n != u > n && t < (a - r) * (n - l) / (u - l) + r && (o = !o);
   }
   return o;
-}, Oo = (e, t = !0) => {
+}, Co = (e, t = !0) => {
   let n = "M ";
   return e.forEach(([o, i], s) => {
     s === 0 ? n += `${o},${i}` : n += ` L ${o},${i}`;
@@ -413,14 +413,14 @@ const Po = /* @__PURE__ */ To(Lo), zt = {}, qe = (e, t) => zt[e] = t, Ht = (e) =
 }, ut = (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));
-}, Co = {
+}, Oo = {
   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), u = Math.sin(l), d = t - o, f = n - i, h = a * d + u * f, _ = u * d - a * f;
-    return h * h / (s * s) + _ * _ / (r * r) <= 1;
+    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, l = 0, a = Math.cos(l), u = Math.sin(l), d = t - o, f = n - i, h = a * d + u * f, p = u * d - a * f;
+    return h * h / (s * s) + p * p / (r * r) <= 1;
   }
 };
-qe(x.ELLIPSE, Co);
+qe(x.ELLIPSE, Oo);
 const Do = {
   area: (e) => 0,
   intersects: (e, t, n, o = 2) => {
@@ -429,7 +429,7 @@ const Do = {
   }
 };
 qe(x.LINE, Do);
-const No = {
+const Ro = {
   area: (e) => {
     const { polygons: t } = e.geometry;
     return t.reduce((n, o) => {
@@ -456,7 +456,7 @@ const No = {
 }, ft = (e) => {
   const t = e.reduce((n, o) => [...n, ...o.rings[0].points], []);
   return ge(t);
-}, Te = (e) => e.rings.map((n) => Oo(n.points)).join(" "), Yo = (e) => e.polygons.reduce((t, n) => [
+}, Te = (e) => e.rings.map((n) => Co(n.points)).join(" "), No = (e) => e.polygons.reduce((t, n) => [
   ...t,
   ...n.rings.reduce((o, i) => [...o, ...i.points], [])
 ], []), Pr = (e, t = 1) => {
@@ -483,8 +483,8 @@ const No = {
     }
   };
 };
-qe(x.MULTIPOLYGON, No);
-const Bo = {
+qe(x.MULTIPOLYGON, Ro);
+const Yo = {
   area: (e) => {
     const t = e.geometry.points;
     return gt(t);
@@ -504,8 +504,8 @@ const Bo = {
     }
   };
 };
-qe(x.POLYGON, Bo);
-const Ro = {
+qe(x.POLYGON, Yo);
+const Uo = {
   area: (e) => {
     const t = e.geometry;
     if (!t.closed || t.points.length < 3)
@@ -519,17 +519,17 @@ const Ro = {
       const s = Gt(i.points, i.closed);
       return mt(s, t, n);
     } else
-      return Uo(i, [t, n], o);
+      return Bo(i, [t, n], o);
   }
 }, Gt = (e, t = !1) => {
   const n = [];
   for (let o = 0; o < e.length; o++) {
     const i = e[o], s = e[(o + 1) % e.length];
-    if (n.push(i.point), (o < e.length - 1 || t) && (i.outHandle || s.inHandle)) {
+    if (n.push(i.point), (o < e.length - 1 || t) && (i.type === "CURVE" || s.type == "CURVE")) {
       const l = xn(
         i.point,
-        i.outHandle || i.point,
-        s.inHandle || s.point,
+        i.type === "CURVE" && i.outHandle || i.point,
+        s.type === "CURVE" && s.inHandle || s.point,
         s.point,
         10
         // number of approximation segments
@@ -545,14 +545,14 @@ const Ro = {
     s.push([a, u]);
   }
   return s;
-}, Uo = (e, t, n) => {
+}, Bo = (e, t, n) => {
   for (let o = 0; o < e.points.length - 1; o++) {
     const i = e.points[o], s = e.points[o + 1];
-    if (i.outHandle || s.inHandle) {
+    if (i.type === "CURVE" || s.type === "CURVE") {
       const l = xn(
         i.point,
-        i.outHandle || i.point,
-        s.inHandle || s.point,
+        i.type === "CURVE" && i.outHandle || i.point,
+        s.type === "CURVE" && s.inHandle || s.point,
         s.point,
         20
         // TODO make configurable? Based on scale factor? Length?
@@ -583,7 +583,7 @@ const Ro = {
   }
   if (e.closed) {
     const o = e.points[e.points.length - 1], i = e.points[0];
-    if (o.outHandle || i.inHandle) {
+    if (o.type === "CURVE" || i.type === "CURVE") {
       const r = o.outHandle || o.point, l = i.inHandle || i.point, a = i.point;
       t.push(`C ${r[0]} ${r[1]} ${l[0]} ${l[1]} ${a[0]} ${a[1]}`);
     }
@@ -591,32 +591,32 @@ const Ro = {
   }
   return t.join(" ");
 };
-qe(x.POLYLINE, Ro);
-const Xo = {
+qe(x.POLYLINE, Uo);
+const Vo = {
   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
 };
-qe(x.RECTANGLE, Xo);
+qe(x.RECTANGLE, Vo);
 const pt = (e) => dt(e.target), dt = (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;
-}, Vo = (e, t = !1) => {
+}, Xo = (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, u, d, f] = i;
   if (r !== "xywh") throw new Error("Unsupported MediaFragment: " + n);
   if (l && l !== "pixel") throw new Error(`Unsupported MediaFragment unit: ${l}`);
-  const [h, _, m, g] = [a, u, d, f].map(parseFloat);
+  const [h, p, m, g] = [a, u, d, f].map(parseFloat);
   return {
     type: x.RECTANGLE,
     geometry: {
       x: h,
-      y: _,
+      y: p,
       w: m,
       h: g,
       bounds: {
         minX: h,
-        minY: t ? _ - g : _,
+        minY: t ? p - g : p,
         maxX: h + m,
-        maxY: t ? _ : _ + g
+        maxY: t ? p : p + g
       }
     }
   };
@@ -892,19 +892,19 @@ function kt() {
 function ii(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
-const Xe = [];
+const Ve = [];
 function Ft(e, t = kt) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
     if (ii(e, l) && (e = l, n)) {
-      const a = !Xe.length;
+      const a = !Ve.length;
       for (const u of o)
-        u[1](), Xe.push(u, e);
+        u[1](), Ve.push(u, e);
       if (a) {
-        for (let u = 0; u < Xe.length; u += 2)
-          Xe[u][0](Xe[u + 1]);
-        Xe.length = 0;
+        for (let u = 0; u < Ve.length; u += 2)
+          Ve[u][0](Ve[u + 1]);
+        Ve.length = 0;
       }
     }
   }
@@ -950,12 +950,12 @@ const st = { selected: [] }, ri = (e, t, n) => {
     if (a())
       return !1;
     const k = typeof g == "string" ? g : g.id;
-    return r.selected.some((y) => y.id === k);
+    return r.selected.some((b) => b.id === k);
   }, d = (g, k) => {
-    let y;
+    let b;
     if (Array.isArray(g)) {
-      if (y = g.map((v) => e.getAnnotation(v)).filter(Boolean), y.length < g.length) {
-        console.warn("Invalid selection: " + g.filter((v) => !y.some((A) => A.id === v)));
+      if (b = g.map((v) => e.getAnnotation(v)).filter(Boolean), b.length < g.length) {
+        console.warn("Invalid selection: " + g.filter((v) => !b.some((A) => A.id === v)));
         return;
       }
     } else {
@@ -964,27 +964,27 @@ const st = { selected: [] }, ri = (e, t, n) => {
         console.warn("Invalid selection: " + g);
         return;
       }
-      y = [v];
+      b = [v];
     }
-    const E = y.reduce((v, A) => {
+    const E = b.reduce((v, A) => {
       const M = m(A);
       return M === "EDIT" ? [...v, { id: A.id, editable: !0 }] : M === "SELECT" ? [...v, { id: A.id }] : v;
     }, []);
     i({ selected: E, event: k });
   }, f = (g, k) => {
-    const y = Array.isArray(g) ? g : [g], E = y.map((v) => e.getAnnotation(v)).filter((v) => !!v);
+    const b = Array.isArray(g) ? g : [g], E = b.map((v) => e.getAnnotation(v)).filter((v) => !!v);
     i({
       selected: E.map((v) => {
         const A = k === void 0 ? m(v) === "EDIT" : k;
         return { id: v.id, editable: A };
       })
-    }), E.length !== y.length && console.warn("Invalid selection", g);
+    }), E.length !== b.length && console.warn("Invalid selection", g);
   }, h = (g) => {
     if (a())
       return !1;
     const { selected: k } = r;
-    k.some(({ id: y }) => g.includes(y)) && i({ selected: k.filter(({ id: y }) => !g.includes(y)) });
-  }, _ = (g) => {
+    k.some(({ id: b }) => g.includes(b)) && i({ selected: k.filter(({ id: b }) => !g.includes(b)) });
+  }, p = (g) => {
     s = g, f(r.selected.map(({ id: k }) => k));
   }, m = (g) => li(g, s, n);
   return e.observe(
@@ -1004,7 +1004,7 @@ const st = { selected: [] }, ri = (e, t, n) => {
     isEmpty: a,
     isSelected: u,
     setSelected: f,
-    setUserSelectAction: _,
+    setUserSelectAction: p,
     subscribe: o,
     userSelect: d
   };
@@ -1048,7 +1048,7 @@ const Tt = (e) => {
     bodies: (e.bodies || []).map(t),
     target: t(e.target)
   };
-}, Or = (e, t, n, o) => ({
+}, Cr = (e, t, n, o) => ({
   id: io(),
   annotation: typeof e == "string" ? e : e.id,
   created: n || /* @__PURE__ */ new Date(),
@@ -1106,9 +1106,9 @@ const pi = (e, t) => {
     ...(t.deleted || []).filter((f) => !n.has(f.id))
   ], d = [
     ...(e.updated || []).filter(({ newValue: f }) => !s.has(f.id)).map((f) => {
-      const { oldValue: h, newValue: _ } = f;
-      if (r.has(_.id)) {
-        const m = t.updated.find((g) => g.oldValue.id === _.id).newValue;
+      const { oldValue: h, newValue: p } = f;
+      if (r.has(p.id)) {
+        const m = t.updated.find((g) => g.oldValue.id === p.id).newValue;
         return so(h, m);
       } else
         return f;
@@ -1131,14 +1131,14 @@ const pi = (e, t) => {
     }
   };
 }, yi = (e) => e.id !== void 0, wi = () => {
-  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (w, S = {}) => {
-    n.push({ onChange: w, options: S });
-  }, i = (w) => {
-    const S = n.findIndex((p) => p.onChange == w);
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (y, S = {}) => {
+    n.push({ onChange: y, options: S });
+  }, i = (y) => {
+    const S = n.findIndex((_) => _.onChange == y);
     S > -1 && n.splice(S, 1);
-  }, s = (w, S) => {
-    const p = {
-      origin: w,
+  }, s = (y, S) => {
+    const _ = {
+      origin: y,
       changes: {
         created: S.created || [],
         updated: S.updated || [],
@@ -1146,194 +1146,194 @@ const pi = (e, t) => {
       },
       state: [...e.values()]
     };
-    n.forEach((b) => {
-      pi(b, p) && b.onChange(p);
+    n.forEach((w) => {
+      pi(w, _) && w.onChange(_);
     });
-  }, r = (w, S = ne.LOCAL) => {
-    if (w.id && e.get(w.id))
-      throw Error(`Cannot add annotation ${w.id} - exists already`);
+  }, r = (y, S = ne.LOCAL) => {
+    if (y.id && e.get(y.id))
+      throw Error(`Cannot add annotation ${y.id} - exists already`);
     {
-      const p = rt(w);
-      e.set(p.id, p), p.bodies.forEach((b) => t.set(b.id, p.id)), s(S, { created: [p] });
+      const _ = rt(y);
+      e.set(_.id, _), _.bodies.forEach((w) => t.set(w.id, _.id)), s(S, { created: [_] });
     }
-  }, l = (w, S) => {
-    const p = rt(typeof w == "string" ? S : w), b = typeof w == "string" ? w : w.id, I = b && e.get(b);
+  }, l = (y, S) => {
+    const _ = rt(typeof y == "string" ? S : y), w = typeof y == "string" ? y : y.id, I = w && e.get(w);
     if (I) {
-      const L = so(I, p);
-      return b === p.id ? e.set(b, p) : (e.delete(b), e.set(p.id, p)), I.bodies.forEach((C) => t.delete(C.id)), p.bodies.forEach((C) => t.set(C.id, p.id)), L;
+      const L = so(I, _);
+      return w === _.id ? e.set(w, _) : (e.delete(w), e.set(_.id, _)), I.bodies.forEach((O) => t.delete(O.id)), _.bodies.forEach((O) => t.set(O.id, _.id)), L;
     } else
-      console.warn(`Cannot update annotation ${b} - does not exist`);
-  }, a = (w, S = ne.LOCAL, p = ne.LOCAL) => {
-    const b = yi(S) ? p : S, I = l(w, S);
-    I && s(b, { updated: [I] });
-  }, u = (w, S = ne.LOCAL) => {
-    e.get(w.id) ? a(w, S) : r(w, S);
-  }, d = (w, S = ne.LOCAL) => {
-    const p = w.reduce((b, I) => {
+      console.warn(`Cannot update annotation ${w} - does not exist`);
+  }, a = (y, S = ne.LOCAL, _ = ne.LOCAL) => {
+    const w = yi(S) ? _ : S, I = l(y, S);
+    I && s(w, { updated: [I] });
+  }, u = (y, S = ne.LOCAL) => {
+    e.get(y.id) ? a(y, S) : r(y, S);
+  }, d = (y, S = ne.LOCAL) => {
+    const _ = y.reduce((w, I) => {
       const L = l(I);
-      return L ? [...b, L] : b;
+      return L ? [...w, L] : w;
     }, []);
-    p.length > 0 && s(S, { updated: p });
-  }, f = (w, S = ne.LOCAL) => {
-    const p = w.map(rt), { toAdd: b, toUpdate: I } = p.reduce((C, G) => e.get(G.id) ? { ...C, toUpdate: [...C.toUpdate, G] } : { ...C, toAdd: [...C.toAdd, G] }, { toAdd: [], toUpdate: [] }), L = I.map((C) => l(C, S)).filter(Boolean);
-    b.forEach((C) => {
-      e.set(C.id, C), C.bodies.forEach((G) => t.set(G.id, C.id));
-    }), s(S, { created: b, updated: L });
-  }, h = (w, S = ne.LOCAL) => {
-    const p = e.get(w.annotation);
-    if (p) {
-      const b = {
-        ...p,
-        bodies: [...p.bodies, w]
+    _.length > 0 && s(S, { updated: _ });
+  }, f = (y, S = ne.LOCAL) => {
+    const _ = y.map(rt), { toAdd: w, toUpdate: I } = _.reduce((O, G) => e.get(G.id) ? { ...O, toUpdate: [...O.toUpdate, G] } : { ...O, toAdd: [...O.toAdd, G] }, { toAdd: [], toUpdate: [] }), L = I.map((O) => l(O, S)).filter(Boolean);
+    w.forEach((O) => {
+      e.set(O.id, O), O.bodies.forEach((G) => t.set(G.id, O.id));
+    }), s(S, { created: w, updated: L });
+  }, h = (y, S = ne.LOCAL) => {
+    const _ = e.get(y.annotation);
+    if (_) {
+      const w = {
+        ..._,
+        bodies: [..._.bodies, y]
       };
-      e.set(p.id, b), t.set(w.id, b.id), s(S, { updated: [{
-        oldValue: p,
-        newValue: b,
-        bodiesCreated: [w]
+      e.set(_.id, w), t.set(y.id, w.id), s(S, { updated: [{
+        oldValue: _,
+        newValue: w,
+        bodiesCreated: [y]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${w.annotation}`);
-  }, _ = () => [...e.values()], m = (w = ne.LOCAL) => {
+      console.warn(`Attempt to add body to missing annotation: ${y.annotation}`);
+  }, p = () => [...e.values()], m = (y = ne.LOCAL) => {
     const S = [...e.values()];
-    e.clear(), t.clear(), s(w, { deleted: S });
-  }, g = (w, S = !0, p = ne.LOCAL) => {
-    const b = w.map(rt);
+    e.clear(), t.clear(), s(y, { deleted: S });
+  }, g = (y, S = !0, _ = ne.LOCAL) => {
+    const w = y.map(rt);
     if (S) {
       const I = [...e.values()];
-      e.clear(), t.clear(), b.forEach((L) => {
-        e.set(L.id, L), L.bodies.forEach((C) => t.set(C.id, L.id));
-      }), s(p, { created: b, deleted: I });
+      e.clear(), t.clear(), w.forEach((L) => {
+        e.set(L.id, L), L.bodies.forEach((O) => t.set(O.id, L.id));
+      }), s(_, { created: w, deleted: I });
     } else {
-      const I = w.reduce((L, C) => {
-        const G = C.id && e.get(C.id);
+      const I = y.reduce((L, O) => {
+        const G = O.id && e.get(O.id);
         return G ? [...L, G] : L;
       }, []);
       if (I.length > 0)
         throw Error(`Bulk insert would overwrite the following annotations: ${I.map((L) => L.id).join(", ")}`);
-      b.forEach((L) => {
-        e.set(L.id, L), L.bodies.forEach((C) => t.set(C.id, L.id));
-      }), s(p, { created: b });
-    }
-  }, k = (w) => {
-    const S = typeof w == "string" ? w : w.id, p = e.get(S);
-    if (p)
-      return e.delete(S), p.bodies.forEach((b) => t.delete(b.id)), p;
+      w.forEach((L) => {
+        e.set(L.id, L), L.bodies.forEach((O) => t.set(O.id, L.id));
+      }), s(_, { created: w });
+    }
+  }, k = (y) => {
+    const S = typeof y == "string" ? y : y.id, _ = e.get(S);
+    if (_)
+      return e.delete(S), _.bodies.forEach((w) => t.delete(w.id)), _;
     console.warn(`Attempt to delete missing annotation: ${S}`);
-  }, y = (w, S = ne.LOCAL) => {
-    const p = k(w);
-    p && s(S, { deleted: [p] });
-  }, E = (w, S = ne.LOCAL) => {
-    const p = w.reduce((b, I) => {
+  }, b = (y, S = ne.LOCAL) => {
+    const _ = k(y);
+    _ && s(S, { deleted: [_] });
+  }, E = (y, S = ne.LOCAL) => {
+    const _ = y.reduce((w, I) => {
       const L = k(I);
-      return L ? [...b, L] : b;
+      return L ? [...w, L] : w;
     }, []);
-    p.length > 0 && s(S, { deleted: p });
-  }, v = (w) => {
-    const S = e.get(w.annotation);
+    _.length > 0 && s(S, { deleted: _ });
+  }, v = (y) => {
+    const S = e.get(y.annotation);
     if (S) {
-      const p = S.bodies.find((b) => b.id === w.id);
-      if (p) {
-        t.delete(p.id);
-        const b = {
+      const _ = S.bodies.find((w) => w.id === y.id);
+      if (_) {
+        t.delete(_.id);
+        const w = {
           ...S,
-          bodies: S.bodies.filter((I) => I.id !== w.id)
+          bodies: S.bodies.filter((I) => I.id !== y.id)
         };
-        return e.set(S.id, b), {
+        return e.set(S.id, w), {
           oldValue: S,
-          newValue: b,
-          bodiesDeleted: [p]
+          newValue: w,
+          bodiesDeleted: [_]
         };
       } else
-        console.warn(`Attempt to delete missing body ${w.id} from annotation ${w.annotation}`);
+        console.warn(`Attempt to delete missing body ${y.id} from annotation ${y.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${w.annotation}`);
-  }, A = (w, S = ne.LOCAL) => {
-    const p = v(w);
-    p && s(S, { updated: [p] });
-  }, M = (w, S = ne.LOCAL) => {
-    const p = w.map((b) => v(b)).filter(Boolean);
-    p.length > 0 && s(S, { updated: p });
-  }, O = (w) => {
-    const S = e.get(w);
+      console.warn(`Attempt to delete body from missing annotation ${y.annotation}`);
+  }, A = (y, S = ne.LOCAL) => {
+    const _ = v(y);
+    _ && s(S, { updated: [_] });
+  }, M = (y, S = ne.LOCAL) => {
+    const _ = y.map((w) => v(w)).filter(Boolean);
+    _.length > 0 && s(S, { updated: _ });
+  }, C = (y) => {
+    const S = e.get(y);
     return S ? { ...S } : void 0;
-  }, T = (w) => {
-    const S = t.get(w);
+  }, T = (y) => {
+    const S = t.get(y);
     if (S) {
-      const p = O(S).bodies.find((b) => b.id === w);
-      if (p)
-        return p;
-      console.error(`Store integrity error: body ${w} in index, but not in annotation`);
+      const _ = C(S).bodies.find((w) => w.id === y);
+      if (_)
+        return _;
+      console.error(`Store integrity error: body ${y} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${w}`);
-  }, U = (w, S) => {
-    if (w.annotation !== S.annotation)
+      console.warn(`Attempt to retrieve missing body: ${y}`);
+  }, B = (y, S) => {
+    if (y.annotation !== S.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const p = e.get(w.annotation);
-    if (p) {
-      const b = p.bodies.find((L) => L.id === w.id), I = {
-        ...p,
-        bodies: p.bodies.map((L) => L.id === b.id ? S : L)
+    const _ = e.get(y.annotation);
+    if (_) {
+      const w = _.bodies.find((L) => L.id === y.id), I = {
+        ..._,
+        bodies: _.bodies.map((L) => L.id === w.id ? S : L)
       };
-      return e.set(p.id, I), b.id !== S.id && (t.delete(b.id), t.set(S.id, I.id)), {
-        oldValue: p,
+      return e.set(_.id, I), w.id !== S.id && (t.delete(w.id), t.set(S.id, I.id)), {
+        oldValue: _,
         newValue: I,
-        bodiesUpdated: [{ oldBody: b, newBody: S }]
+        bodiesUpdated: [{ oldBody: w, newBody: S }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${w.annotation}`);
-  }, Y = (w, S, p = ne.LOCAL) => {
-    const b = U(w, S);
-    b && s(p, { updated: [b] });
-  }, q = (w, S = ne.LOCAL) => {
-    const p = w.map((b) => U({ id: b.id, annotation: b.annotation }, b)).filter(Boolean);
-    s(S, { updated: p });
-  }, z = (w) => {
-    const S = e.get(w.annotation);
+      console.warn(`Attempt to add body to missing annotation ${y.annotation}`);
+  }, N = (y, S, _ = ne.LOCAL) => {
+    const w = B(y, S);
+    w && s(_, { updated: [w] });
+  }, q = (y, S = ne.LOCAL) => {
+    const _ = y.map((w) => B({ id: w.id, annotation: w.annotation }, w)).filter(Boolean);
+    s(S, { updated: _ });
+  }, z = (y) => {
+    const S = e.get(y.annotation);
     if (S) {
-      const p = {
+      const _ = {
         ...S,
         target: {
           ...S.target,
-          ...w
+          ...y
         }
       };
-      return e.set(S.id, p), {
+      return e.set(S.id, _), {
         oldValue: S,
-        newValue: p,
+        newValue: _,
         targetUpdated: {
           oldTarget: S.target,
-          newTarget: w
+          newTarget: y
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${w.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${y.annotation}`);
   };
   return {
     addAnnotation: r,
     addBody: h,
-    all: _,
+    all: p,
     bulkAddAnnotations: g,
     bulkDeleteAnnotations: E,
     bulkDeleteBodies: M,
     bulkUpdateAnnotations: d,
     bulkUpdateBodies: q,
-    bulkUpdateTargets: (w, S = ne.LOCAL) => {
-      const p = w.map((b) => z(b)).filter(Boolean);
-      p.length > 0 && s(S, { updated: p });
+    bulkUpdateTargets: (y, S = ne.LOCAL) => {
+      const _ = y.map((w) => z(w)).filter(Boolean);
+      _.length > 0 && s(S, { updated: _ });
     },
     bulkUpsertAnnotations: f,
     clear: m,
-    deleteAnnotation: y,
+    deleteAnnotation: b,
     deleteBody: A,
-    getAnnotation: O,
+    getAnnotation: C,
     getBody: T,
     observe: o,
     unobserve: i,
     updateAnnotation: a,
-    updateBody: Y,
-    updateTarget: (w, S = ne.LOCAL) => {
-      const p = z(w);
-      p && s(S, { updated: [p] });
+    updateBody: N,
+    updateTarget: (y, S = ne.LOCAL) => {
+      const _ = z(y);
+      _ && s(S, { updated: [_] });
     },
     upsertAnnotation: u
   };
@@ -1367,15 +1367,15 @@ const vi = 250, Si = (e, t) => {
       if (k - r > vi)
         o.splice(i + 1), o.push(g), i = o.length - 1;
       else {
-        const y = o.length - 1;
-        o[y] = _i(o[y], g);
+        const b = o.length - 1;
+        o[b] = _i(o[b], g);
       }
       r = k;
     }
     s = !1;
   };
   e.observe(l, { origin: ne.LOCAL });
-  const a = (m) => m && m.length > 0 && e.bulkDeleteAnnotations(m), u = (m) => m && m.length > 0 && e.bulkAddAnnotations(m, !1), d = (m) => m && m.length > 0 && e.bulkUpdateAnnotations(m.map(({ oldValue: g }) => g)), f = (m) => m && m.length > 0 && e.bulkUpdateAnnotations(m.map(({ newValue: g }) => g)), h = (m) => m && m.length > 0 && e.bulkAddAnnotations(m, !1), _ = (m) => m && m.length > 0 && e.bulkDeleteAnnotations(m);
+  const a = (m) => m && m.length > 0 && e.bulkDeleteAnnotations(m), u = (m) => m && m.length > 0 && e.bulkAddAnnotations(m, !1), d = (m) => m && m.length > 0 && e.bulkUpdateAnnotations(m.map(({ oldValue: g }) => g)), f = (m) => m && m.length > 0 && e.bulkUpdateAnnotations(m.map(({ newValue: g }) => g)), h = (m) => m && m.length > 0 && e.bulkAddAnnotations(m, !1), p = (m) => m && m.length > 0 && e.bulkDeleteAnnotations(m);
   return {
     canRedo: () => o.length - 1 > i,
     canUndo: () => i > -1,
@@ -1386,7 +1386,7 @@ const vi = 250, Si = (e, t) => {
       if (o.length - 1 > i) {
         s = !0;
         const { created: m, updated: g, deleted: k } = o[i + 1];
-        u(m), f(g), _(k), n.emit("redo", o[i + 1]), i += 1;
+        u(m), f(g), p(k), n.emit("redo", o[i + 1]), i += 1;
       }
     },
     undo: () => {
@@ -1406,42 +1406,42 @@ const vi = 250, Si = (e, t) => {
 }, ki = (e, t, n, o) => {
   const { hover: i, selection: s, store: r, viewport: l } = e, a = /* @__PURE__ */ new Map();
   let u = [], d, f;
-  const h = (y, E) => {
-    a.has(y) ? a.get(y).push(E) : a.set(y, [E]);
-  }, _ = (y, E) => {
-    const v = a.get(y);
+  const h = (b, E) => {
+    a.has(b) ? a.get(b).push(E) : a.set(b, [E]);
+  }, p = (b, E) => {
+    const v = a.get(b);
     if (v) {
       const A = v.indexOf(E);
       A !== -1 && v.splice(A, 1);
     }
-  }, m = (y, E, v) => {
-    a.has(y) && setTimeout(() => {
-      a.get(y).forEach((A) => {
+  }, m = (b, E, v) => {
+    a.has(b) && setTimeout(() => {
+      a.get(b).forEach((A) => {
         if (n) {
-          const M = Array.isArray(E) ? E.map((T) => n.serialize(T)) : n.serialize(E), O = v ? v instanceof PointerEvent ? v : n.serialize(v) : void 0;
-          A(M, O);
+          const M = Array.isArray(E) ? E.map((T) => n.serialize(T)) : n.serialize(E), C = v ? v instanceof PointerEvent ? v : n.serialize(v) : void 0;
+          A(M, C);
         } else
           A(E, v);
       });
     }, 1);
   }, g = () => {
-    const { selected: y } = s, E = (y || []).map(({ id: v }) => r.getAnnotation(v));
+    const { selected: b } = s, E = (b || []).map(({ id: v }) => r.getAnnotation(v));
     E.forEach((v) => {
       const A = u.find((M) => M.id === v.id);
       (!A || !Ie(A, v)) && m("updateAnnotation", v, A);
     }), u = u.map((v) => E.find(({ id: M }) => M === v.id) || v);
   };
-  s.subscribe(({ selected: y }) => {
-    if (!(u.length === 0 && y.length === 0)) {
-      if (u.length === 0 && y.length > 0)
-        u = y.map(({ id: E }) => r.getAnnotation(E));
-      else if (u.length > 0 && y.length === 0)
+  s.subscribe(({ selected: b }) => {
+    if (!(u.length === 0 && b.length === 0)) {
+      if (u.length === 0 && b.length > 0)
+        u = b.map(({ id: E }) => r.getAnnotation(E));
+      else if (u.length > 0 && b.length === 0)
         u.forEach((E) => {
           const v = r.getAnnotation(E.id);
           v && !Ie(v, E) && m("updateAnnotation", v, E);
         }), u = [];
       else {
-        const E = new Set(u.map((A) => A.id)), v = new Set(y.map(({ id: A }) => A));
+        const E = new Set(u.map((A) => A.id)), v = new Set(b.map(({ id: A }) => A));
         u.filter((A) => !v.has(A.id)).forEach((A) => {
           const M = r.getAnnotation(A.id);
           M && !Ie(M, A) && m("updateAnnotation", M, A);
@@ -1449,35 +1449,35 @@ const vi = 250, Si = (e, t) => {
           // Remove annotations that were deselected
           ...u.filter((A) => v.has(A.id)),
           // Add editable annotations that were selected
-          ...y.filter(({ id: A }) => !E.has(A)).map(({ id: A }) => r.getAnnotation(A))
+          ...b.filter(({ id: A }) => !E.has(A)).map(({ id: A }) => r.getAnnotation(A))
         ];
       }
       m("selectionChanged", u);
     }
-  }), i.subscribe((y) => {
-    !d && y ? m("mouseEnterAnnotation", r.getAnnotation(y)) : d && !y ? m("mouseLeaveAnnotation", r.getAnnotation(d)) : d && y && (m("mouseLeaveAnnotation", r.getAnnotation(d)), m("mouseEnterAnnotation", r.getAnnotation(y))), d = y;
-  }), l == null || l.subscribe((y) => m("viewportIntersect", y.map((E) => r.getAnnotation(E)))), r.observe((y) => {
+  }), i.subscribe((b) => {
+    !d && b ? m("mouseEnterAnnotation", r.getAnnotation(b)) : d && !b ? m("mouseLeaveAnnotation", r.getAnnotation(d)) : d && b && (m("mouseLeaveAnnotation", r.getAnnotation(d)), m("mouseEnterAnnotation", r.getAnnotation(b))), d = b;
+  }), l == null || l.subscribe((b) => m("viewportIntersect", b.map((E) => r.getAnnotation(E)))), r.observe((b) => {
     o && (f && clearTimeout(f), f = setTimeout(g, 1e3));
-    const { created: E, deleted: v } = y.changes;
-    (E || []).forEach((A) => m("createAnnotation", A)), (v || []).forEach((A) => m("deleteAnnotation", A)), (y.changes.updated || []).filter((A) => [
+    const { created: E, deleted: v } = b.changes;
+    (E || []).forEach((A) => m("createAnnotation", A)), (v || []).forEach((A) => m("deleteAnnotation", A)), (b.changes.updated || []).filter((A) => [
       ...A.bodiesCreated || [],
       ...A.bodiesDeleted || [],
       ...A.bodiesUpdated || []
     ].length > 0).forEach(({ oldValue: A, newValue: M }) => {
-      const O = u.find((T) => T.id === A.id) || A;
-      u = u.map((T) => T.id === A.id ? M : T), m("updateAnnotation", M, O);
+      const C = u.find((T) => T.id === A.id) || A;
+      u = u.map((T) => T.id === A.id ? M : T), m("updateAnnotation", M, C);
     });
-  }, { origin: ne.LOCAL }), r.observe((y) => {
+  }, { origin: ne.LOCAL }), r.observe((b) => {
     if (u) {
-      const E = new Set(u.map((A) => A.id)), v = (y.changes.updated || []).filter(({ newValue: A }) => E.has(A.id)).map(({ newValue: A }) => A);
-      v.length > 0 && (u = u.map((A) => v.find((O) => O.id === A.id) || A));
+      const E = new Set(u.map((A) => A.id)), v = (b.changes.updated || []).filter(({ newValue: A }) => E.has(A.id)).map(({ newValue: A }) => A);
+      v.length > 0 && (u = u.map((A) => v.find((C) => C.id === A.id) || A));
     }
   }, { origin: ne.REMOTE });
-  const k = (y) => (E) => {
+  const k = (b) => (E) => {
     const { updated: v } = E;
-    y ? (v || []).forEach((A) => m("updateAnnotation", A.oldValue, A.newValue)) : (v || []).forEach((A) => m("updateAnnotation", A.newValue, A.oldValue));
+    b ? (v || []).forEach((A) => m("updateAnnotation", A.oldValue, A.newValue)) : (v || []).forEach((A) => m("updateAnnotation", A.newValue, A.oldValue));
   };
-  return t.on("undo", k(!0)), t.on("redo", k(!1)), { on: h, off: _, emit: m };
+  return t.on("undo", k(!0)), t.on("redo", k(!1)), { on: h, off: p, emit: m };
 }, Mi = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
@@ -1490,46 +1490,46 @@ const vi = 250, Si = (e, t) => {
     ...n
   };
 }, { parsed: [], failed: [] }), Ti = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (y) => {
+  const { store: o, selection: i } = e, s = (b) => {
     if (n) {
-      const { parsed: E, error: v } = n.parse(y);
+      const { parsed: E, error: v } = n.parse(b);
       E ? o.addAnnotation(E, ne.REMOTE) : console.error(v);
     } else
-      o.addAnnotation(Tt(y), ne.REMOTE);
-  }, r = () => i.clear(), l = () => o.clear(), a = (y) => {
-    const E = o.getAnnotation(y);
+      o.addAnnotation(Tt(b), ne.REMOTE);
+  }, r = () => i.clear(), l = () => o.clear(), a = (b) => {
+    const E = o.getAnnotation(b);
     return n && E ? n.serialize(E) : E;
   }, u = () => n ? o.all().map(n.serialize) : o.all(), d = () => {
-    var y;
-    const E = (((y = i.selected) == null ? void 0 : y.map((v) => v.id)) || []).map((v) => o.getAnnotation(v)).filter(Boolean);
+    var b;
+    const E = (((b = i.selected) == null ? void 0 : b.map((v) => v.id)) || []).map((v) => o.getAnnotation(v)).filter(Boolean);
     return n ? E.map(n.serialize) : E;
-  }, f = (y, E = !0) => fetch(y).then((v) => v.json()).then((v) => (_(v, E), v)), h = (y) => {
-    if (typeof y == "string") {
-      const E = o.getAnnotation(y);
-      if (o.deleteAnnotation(y), E)
+  }, f = (b, E = !0) => fetch(b).then((v) => v.json()).then((v) => (p(v, E), v)), h = (b) => {
+    if (typeof b == "string") {
+      const E = o.getAnnotation(b);
+      if (o.deleteAnnotation(b), E)
         return n ? n.serialize(E) : E;
     } else {
-      const E = n ? n.parse(y).parsed : y;
+      const E = n ? n.parse(b).parsed : b;
       if (E)
-        return o.deleteAnnotation(E), y;
+        return o.deleteAnnotation(E), b;
     }
-  }, _ = (y, E = !0) => {
+  }, p = (b, E = !0) => {
     if (n) {
-      const v = n.parseAll || Mi(n), { parsed: A, failed: M } = v(y);
+      const v = n.parseAll || Mi(n), { parsed: A, failed: M } = v(b);
       M.length > 0 && console.warn(`Discarded ${M.length} invalid annotations`, M), o.bulkAddAnnotations(A, E, ne.REMOTE);
     } else
-      o.bulkAddAnnotations(y.map(Tt), E, ne.REMOTE);
-  }, m = (y, E) => {
-    y ? i.setSelected(y, E) : i.clear();
-  }, g = (y) => {
-    i.clear(), i.setUserSelectAction(y);
-  }, k = (y) => {
+      o.bulkAddAnnotations(b.map(Tt), E, ne.REMOTE);
+  }, m = (b, E) => {
+    b ? i.setSelected(b, E) : i.clear();
+  }, g = (b) => {
+    i.clear(), i.setUserSelectAction(b);
+  }, k = (b) => {
     if (n) {
-      const E = n.parse(y).parsed, v = n.serialize(o.getAnnotation(E.id));
+      const E = n.parse(b).parsed, v = n.serialize(o.getAnnotation(E.id));
       return o.updateAnnotation(E), v;
     } else {
-      const E = o.getAnnotation(y.id);
-      return o.updateAnnotation(Tt(y)), E;
+      const E = o.getAnnotation(b.id);
+      return o.updateAnnotation(Tt(b)), E;
     }
   };
   return {
@@ -1545,13 +1545,13 @@ const vi = 250, Si = (e, t) => {
     loadAnnotations: f,
     redo: t.redo,
     removeAnnotation: h,
-    setAnnotations: _,
+    setAnnotations: p,
     setSelected: m,
     setUserSelectAction: g,
     undo: t.undo,
     updateAnnotation: k
   };
-}, Cr = (e, t, n) => typeof t == "function" ? t(e, n) : t, Dr = (e, t) => typeof e != "function" && typeof t != "function" ? {
+}, Or = (e, t, n) => typeof t == "function" ? t(e, n) : t, Dr = (e, t) => typeof e != "function" && typeof t != "function" ? {
   ...e || {},
   ...t || {}
 } : (n, o) => {
@@ -1571,13 +1571,13 @@ let Pi = (e) => crypto.getRandomValues(new Uint8Array(e)), Ii = (e, t, n) => {
         if (r += e[l[a] & o] || "", r.length >= s) return r;
     }
   };
-}, Oi = (e, t = 21) => Ii(e, t | 0, Pi), Ci = (e = 21) => {
+}, Ci = (e, t = 21) => Ii(e, t | 0, Pi), Oi = (e = 21) => {
   let t = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
   for (; e--; )
     t += Li[n[e] & 63];
   return t;
 };
-const Di = () => ({ isGuest: !0, id: Oi("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Ni = (e) => {
+const Di = () => ({ isGuest: !0, id: Ci("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Ri = (e) => {
   const t = JSON.stringify(e);
   let n = 0;
   for (let o = 0, i = t.length; o < i; o++) {
@@ -1585,10 +1585,10 @@ const Di = () => ({ isGuest: !0, id: Oi("1234567890abcdefghijklmnopqrstuvwxyzABC
     n = (n << 5) - n + s, n |= 0;
   }
   return `${n}`;
-}, ro = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, Yi = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
+}, ro = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, Ni = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
   const { id: o, type: i, purpose: s, value: r, created: l, modified: a, creator: u, ...d } = n;
   return {
-    id: o || `temp-${Ni(n)}`,
+    id: o || `temp-${Ri(n)}`,
     annotation: t,
     type: i,
     purpose: s,
@@ -1598,7 +1598,7 @@ const Di = () => ({ isGuest: !0, id: Oi("1234567890abcdefghijklmnopqrstuvwxyzABC
     updated: a ? new Date(a) : void 0,
     ...d
   };
-}), Bi = (e) => e.map((t) => {
+}), Yi = (e) => e.map((t) => {
   var n;
   const { annotation: o, created: i, updated: s, ...r } = t, l = {
     ...r,
@@ -1606,7 +1606,7 @@ const Di = () => ({ isGuest: !0, id: Oi("1234567890abcdefghijklmnopqrstuvwxyzABC
     modified: s == null ? void 0 : s.toISOString()
   };
   return (n = l.id) != null && n.startsWith("temp-") && delete l.id, l;
-}), Ri = [
+}), Ui = [
   "#ff7c00",
   // orange
   "#1ac938",
@@ -1625,22 +1625,22 @@ const Di = () => ({ isGuest: !0, id: Oi("1234567890abcdefghijklmnopqrstuvwxyzABC
   // cyan
   "#023eff"
   // blue
-], Nr = () => {
-  const e = [...Ri];
+], Rr = () => {
+  const e = [...Ui];
   return { assignRandomColor: () => {
     const t = Math.floor(Math.random() * e.length), n = e[t];
     return e.splice(t, 1), n;
   }, releaseColor: (t) => e.push(t) };
 };
-Ci();
-const Yr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Ui(i, t), serialize: (i) => Xi(i, e, t) }), Ui = (e, t = { strict: !0, invertY: !1 }) => {
+Oi();
+const Nr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Bi(i, t), serialize: (i) => Vi(i, e, t) }), Bi = (e, t = { strict: !0, invertY: !1 }) => {
   const n = e.id || no(), {
     creator: o,
     created: i,
     modified: s,
     body: r,
     ...l
-  } = e, a = Yi(r || [], n), u = Array.isArray(e.target) ? e.target[0] : e.target, d = typeof u == "string" ? u : Array.isArray(u.selector) ? u.selector[0] : u.selector, f = typeof d == "string" || (d == null ? void 0 : d.type) === "FragmentSelector" ? Vo(d, t.invertY) : (d == null ? void 0 : d.type) === "SvgSelector" ? Qo(d) : void 0, h = Array.isArray(l.target) ? l.target[0] : l.targret;
+  } = e, a = Ni(r || [], n), u = Array.isArray(e.target) ? e.target[0] : e.target, d = typeof u == "string" ? u : Array.isArray(u.selector) ? u.selector[0] : u.selector, f = typeof d == "string" || (d == null ? void 0 : d.type) === "FragmentSelector" ? Xo(d, t.invertY) : (d == null ? void 0 : d.type) === "SvgSelector" ? Qo(d) : void 0, h = Array.isArray(l.target) ? l.target[0] : l.targret;
   return f || !t.strict ? {
     parsed: {
       ...l,
@@ -1659,7 +1659,7 @@ const Yr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Ui(i, t), se
   } : {
     error: Error(`Invalid selector: ${JSON.stringify(d)}`)
   };
-}, Xi = (e, t, n = { strict: !0, invertY: !1 }) => {
+}, Vi = (e, t, n = { strict: !0, invertY: !1 }) => {
   const {
     selector: o,
     creator: i,
@@ -1682,7 +1682,7 @@ const Yr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Ui(i, t), se
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
     type: "Annotation",
-    body: Bi(e.bodies),
+    body: Yi(e.bodies),
     created: s == null ? void 0 : s.toISOString(),
     creator: i,
     modified: r == null ? void 0 : r.toISOString(),
@@ -1694,19 +1694,19 @@ const Yr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Ui(i, t), se
     }
   };
   return delete d.bodies, "annotation" in d.target && delete d.target.annotation, d;
-}, Ve = [];
-function Vi(e, t = ee) {
+}, Xe = [];
+function Xi(e, t = ee) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
     if (se(e, l) && (e = l, n)) {
-      const a = !Ve.length;
+      const a = !Xe.length;
       for (const u of o)
-        u[1](), Ve.push(u, e);
+        u[1](), Xe.push(u, e);
       if (a) {
-        for (let u = 0; u < Ve.length; u += 2)
-          Ve[u][0](Ve[u + 1]);
-        Ve.length = 0;
+        for (let u = 0; u < Xe.length; u += 2)
+          Xe[u][0](Xe[u + 1]);
+        Xe.length = 0;
       }
     }
   }
@@ -1733,7 +1733,7 @@ const Hi = (e, t) => {
     t.setAttribute("viewBox", `0 0 ${n} ${o}`);
 }, Gi = (e, t) => {
   Hi(e, t);
-  const { subscribe: n, set: o } = Vi(1);
+  const { subscribe: n, set: o } = Xi(1);
   let i;
   return window.ResizeObserver && (i = new ResizeObserver(() => {
     const r = t.getBoundingClientRect(), { width: l, height: a } = t.viewBox.baseVal, u = Math.max(
@@ -1744,7 +1744,7 @@ const Hi = (e, t) => {
   }), i.observe(t.parentElement)), { destroy: () => {
     i && i.disconnect();
   }, subscribe: n };
-}, Be = (e, t) => {
+}, Ye = (e, t) => {
   const n = typeof t == "function" ? t(e) : t;
   if (n) {
     const { fill: o, fillOpacity: i, stroke: s, strokeWidth: r, strokeOpacity: l } = n;
@@ -1759,7 +1759,7 @@ const Hi = (e, t) => {
     w: i - n + 2 * t,
     h: s - o + 2 * t
   };
-}, Oe = typeof window > "u" || typeof navigator > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || // @ts-ignore
+}, Ce = typeof window > "u" || typeof navigator > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || // @ts-ignore
 navigator.msMaxTouchPoints > 0, ji = (e) => ({}), on = (e) => ({ grab: (
   /*onGrab*/
   e[0]
@@ -1781,7 +1781,7 @@ function zi(e) {
       t = P("g"), r && r.c(), c(t, "class", "a9s-annotation selected");
     },
     m(l, a) {
-      N(l, t, a), r && r.m(t, null), n = !0, o || (i = [
+      R(l, t, a), r && r.m(t, null), n = !0, o || (i = [
         Q(
           t,
           "pointerup",
@@ -1818,7 +1818,7 @@ function zi(e) {
       );
     },
     i(l) {
-      n || (R(r, l), n = !0);
+      n || (U(r, l), n = !0);
     },
     o(l) {
       H(r, l), n = !1;
@@ -1830,20 +1830,20 @@ function zi(e) {
 }
 function Fi(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
-  const s = Ce();
+  const s = Oe();
   let { shape: r } = t, { editor: l } = t, { transform: a } = t, { svgEl: u } = t, d, f, h;
-  const _ = (k) => (y) => {
+  const p = (k) => (b) => {
     if (d = k, u) {
-      const { left: v, top: A } = u.getBoundingClientRect(), M = y.clientX - v, O = y.clientY - A;
-      f = a.elementToImage(M, O);
+      const { left: v, top: A } = u.getBoundingClientRect(), M = b.clientX - v, C = b.clientY - A;
+      f = a.elementToImage(M, C);
     } else {
-      const { offsetX: v, offsetY: A } = y;
+      const { offsetX: v, offsetY: A } = b;
       f = a.elementToImage(v, A);
     }
-    h = r, y.target.setPointerCapture(y.pointerId), s("grab", y);
+    h = r, b.target.setPointerCapture(b.pointerId), s("grab", b);
   }, m = (k) => {
     if (d) {
-      const [y, E] = a.elementToImage(k.offsetX, k.offsetY), v = [y - f[0], E - f[1]];
+      const [b, E] = a.elementToImage(k.offsetX, k.offsetY), v = [b - f[0], E - f[1]];
       n(3, r = l(h, d, v)), s("change", r);
     }
   }, g = (k) => {
@@ -1852,7 +1852,7 @@ function Fi(e, t, n) {
   return e.$$set = (k) => {
     "shape" in k && n(3, r = k.shape), "editor" in k && n(4, l = k.editor), "transform" in k && n(5, a = k.transform), "svgEl" in k && n(6, u = k.svgEl), "$$scope" in k && n(7, i = k.$$scope);
   }, [
-    _,
+    p,
     m,
     g,
     r,
@@ -1912,7 +1912,7 @@ function qi(e) {
       e[8].class || ""}`.trim());
     },
     m(d, f) {
-      N(d, t, f), j(t, n), u && u.m(t, null), j(t, i), l || (a = [
+      R(d, t, f), j(t, n), u && u.m(t, null), j(t, i), l || (a = [
         Q(
           n,
           "dblclick",
@@ -2050,7 +2050,7 @@ function Ki(e) {
       e[2]), c(t, "class", "a9s-touch-handle");
     },
     m(d, f) {
-      N(d, t, f), j(t, n), j(t, i), j(t, r), a || (u = [
+      R(d, t, f), j(t, n), j(t, i), j(t, r), a || (u = [
         Q(
           i,
           "pointerdown",
@@ -2154,7 +2154,7 @@ function sn(e) {
       e[2]);
     },
     m(o, i) {
-      N(o, t, i);
+      R(o, t, i);
     },
     p(o, i) {
       i & /*x*/
@@ -2182,7 +2182,7 @@ function sn(e) {
 function Wi(e) {
   let t;
   function n(s, r) {
-    return Oe ? Ki : qi;
+    return Ce ? Ki : qi;
   }
   let i = n()(e);
   return {
@@ -2190,7 +2190,7 @@ function Wi(e) {
       i.c(), t = Ae();
     },
     m(s, r) {
-      i.m(s, r), N(s, t, r);
+      i.m(s, r), R(s, t, r);
     },
     p(s, [r]) {
       i.p(s, r);
@@ -2213,7 +2213,7 @@ function Zi(e, t, n) {
   function h(E) {
     he.call(this, e, E);
   }
-  function _(E) {
+  function p(E) {
     he.call(this, e, E);
   }
   function m(E) {
@@ -2225,11 +2225,11 @@ function Zi(e, t, n) {
   function k(E) {
     he.call(this, e, E);
   }
-  function y(E) {
+  function b(E) {
     he.call(this, e, E);
   }
   return e.$$set = (E) => {
-    n(8, t = Ut(Ut({}, t), Jt(E))), "x" in E && n(0, i = E.x), "y" in E && n(1, s = E.y), "scale" in E && n(2, r = E.scale), "selected" in E && n(3, l = E.selected);
+    n(8, t = Bt(Bt({}, t), Jt(E))), "x" in E && n(0, i = E.x), "y" in E && n(1, s = E.y), "scale" in E && n(2, r = E.scale), "selected" in E && n(3, l = E.selected);
   }, e.$$.update = () => {
     e.$$.dirty & /*scale*/
     4 && n(5, o = 4 / r);
@@ -2245,11 +2245,11 @@ function Zi(e, t, n) {
     t,
     f,
     h,
-    _,
+    p,
     m,
     g,
     k,
-    y
+    b
   ];
 }
 class ze extends pe {
@@ -2305,7 +2305,7 @@ function Ji(e) {
       ), c(t, "class", "a9s-polygon-midpoint svelte-12ykj76");
     },
     m(a, u) {
-      N(a, t, u), j(t, n), j(t, i), j(t, s), r || (l = [
+      R(a, t, u), j(t, n), j(t, i), j(t, s), r || (l = [
         Q(
           n,
           "pointerdown",
@@ -2400,7 +2400,7 @@ function Qi(e) {
       );
     },
     m(n, o) {
-      N(n, t, o);
+      R(n, t, o);
     },
     p(n, o) {
       o & /*x*/
@@ -2431,7 +2431,7 @@ function Qi(e) {
 function xi(e) {
   let t;
   function n(s, r) {
-    return Oe ? Qi : Ji;
+    return Ce ? Qi : Ji;
   }
   let i = n()(e);
   return {
@@ -2439,7 +2439,7 @@ function xi(e) {
       i.c(), t = Ae();
     },
     m(s, r) {
-      i.m(s, r), N(s, t, r);
+      i.m(s, r), R(s, t, r);
     },
     p(s, [r]) {
       i.p(s, r);
@@ -2515,7 +2515,7 @@ function ln(e) {
       e[3]), c(t, "class", "svelte-1h2slbm");
     },
     m(s, r) {
-      N(s, t, r);
+      R(s, t, r);
     },
     p(s, r) {
       r[0] & /*midpoints, visibleMidpoint*/
@@ -2546,7 +2546,7 @@ function an(e) {
       e[19]}-inner`), c(t, "class", "a9s-polygon-editor-mask svelte-1h2slbm");
     },
     m(f, h) {
-      N(f, t, h), j(t, n), j(t, l);
+      R(f, t, h), j(t, n), j(t, l);
     },
     p(f, h) {
       h[0] & /*mask*/
@@ -2645,7 +2645,7 @@ function cn(e) {
       )), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -2702,7 +2702,7 @@ function un(e) {
       e[3]), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -2713,7 +2713,7 @@ function un(e) {
   };
 }
 function es(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, _, m, g, k, y, E, v, A, M, O = (
+  let t, n, o, i, s, r, l, a, u, d, f, h, p, m, g, k, b, E, v, A, M, C = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && ln(It(e))
@@ -2721,14 +2721,14 @@ function es(e) {
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && an(Pt(e))
-  ), U = ve(
+  ), B = ve(
     /*geom*/
     e[5].points
-  ), Y = [];
-  for (let w = 0; w < U.length; w += 1)
-    Y[w] = cn(rn(e, U, w));
-  const q = (w) => H(Y[w], 1, 1, () => {
-    Y[w] = null;
+  ), N = [];
+  for (let y = 0; y < B.length; y += 1)
+    N[y] = cn(rn(e, B, y));
+  const q = (y) => H(N[y], 1, 1, () => {
+    N[y] = null;
   });
   let z = (
     /*visibleMidpoint*/
@@ -2737,10 +2737,10 @@ function es(e) {
   );
   return {
     c() {
-      t = P("defs"), n = P("mask"), o = P("rect"), a = P("polygon"), O && O.c(), T && T.c(), d = ye(), f = P("polygon"), _ = ye(), m = P("polygon"), k = ye();
-      for (let w = 0; w < Y.length; w += 1)
-        Y[w].c();
-      y = ye(), z && z.c(), E = Ae(), c(o, "x", i = /*mask*/
+      t = P("defs"), n = P("mask"), o = P("rect"), a = P("polygon"), C && C.c(), T && T.c(), d = ye(), f = P("polygon"), p = ye(), m = P("polygon"), k = ye();
+      for (let y = 0; y < N.length; y += 1)
+        N[y].c();
+      b = ye(), z && z.c(), E = Ae(), c(o, "x", i = /*mask*/
       e[9].x), c(o, "y", s = /*mask*/
       e[9].y), c(o, "width", r = /*mask*/
       e[9].w), c(o, "height", l = /*mask*/
@@ -2757,11 +2757,11 @@ function es(e) {
       ), c(m, "points", g = /*geom*/
       e[5].points.map(hn).join(" "));
     },
-    m(w, S) {
-      N(w, t, S), j(t, n), j(n, o), j(n, a), O && O.m(n, null), T && T.m(t, null), N(w, d, S), N(w, f, S), N(w, _, S), N(w, m, S), N(w, k, S);
-      for (let p = 0; p < Y.length; p += 1)
-        Y[p] && Y[p].m(w, S);
-      N(w, y, S), z && z.m(w, S), N(w, E, S), v = !0, A || (M = [
+    m(y, S) {
+      R(y, t, S), j(t, n), j(n, o), j(n, a), C && C.m(n, null), T && T.m(t, null), R(y, d, S), R(y, f, S), R(y, p, S), R(y, m, S), R(y, k, S);
+      for (let _ = 0; _ < N.length; _ += 1)
+        N[_] && N[_].m(y, S);
+      R(y, b, S), z && z.m(y, S), R(y, E, S), v = !0, A || (M = [
         Q(
           f,
           "pointerup",
@@ -2794,8 +2794,8 @@ function es(e) {
         })
       ], A = !0);
     },
-    p(w, S) {
-      if (e = w, (!v || S[0] & /*mask*/
+    p(y, S) {
+      if (e = y, (!v || S[0] & /*mask*/
       512 && i !== (i = /*mask*/
       e[9].x)) && c(o, "x", i), (!v || S[0] & /*mask*/
       512 && s !== (s = /*mask*/
@@ -2807,7 +2807,7 @@ function es(e) {
       32 && u !== (u = /*geom*/
       e[5].points.map(fn).join(" "))) && c(a, "points", u), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? O ? O.p(It(e), S) : (O = ln(It(e)), O.c(), O.m(n, null)) : O && (O.d(1), O = null), /*visibleMidpoint*/
+      e[7] ? C ? C.p(It(e), S) : (C = ln(It(e)), C.c(), C.m(n, null)) : C && (C.d(1), C = null), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
       e[7] ? T ? T.p(Pt(e), S) : (T = an(Pt(e)), T.c(), T.m(t, null)) : T && (T.d(1), T = null), (!v || S[0] & /*geom*/
       32 && h !== (h = /*geom*/
@@ -2821,41 +2821,41 @@ function es(e) {
       32 && g !== (g = /*geom*/
       e[5].points.map(hn).join(" "))) && c(m, "points", g), S[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
       134322472) {
-        U = ve(
+        B = ve(
           /*geom*/
           e[5].points
         );
-        let p;
-        for (p = 0; p < U.length; p += 1) {
-          const b = rn(e, U, p);
-          Y[p] ? (Y[p].p(b, S), R(Y[p], 1)) : (Y[p] = cn(b), Y[p].c(), R(Y[p], 1), Y[p].m(y.parentNode, y));
+        let _;
+        for (_ = 0; _ < B.length; _ += 1) {
+          const w = rn(e, B, _);
+          N[_] ? (N[_].p(w, S), U(N[_], 1)) : (N[_] = cn(w), N[_].c(), U(N[_], 1), N[_].m(b.parentNode, b));
         }
-        for (we(), p = U.length; p < Y.length; p += 1)
-          q(p);
+        for (we(), _ = B.length; _ < N.length; _ += 1)
+          q(_);
         be();
       }
       /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
       e[7] ? z ? (z.p(Lt(e), S), S[0] & /*visibleMidpoint, isHandleHovered*/
-      192 && R(z, 1)) : (z = un(Lt(e)), z.c(), R(z, 1), z.m(E.parentNode, E)) : z && (we(), H(z, 1, 1, () => {
+      192 && U(z, 1)) : (z = un(Lt(e)), z.c(), U(z, 1), z.m(E.parentNode, E)) : z && (we(), H(z, 1, 1, () => {
         z = null;
       }), be());
     },
-    i(w) {
+    i(y) {
       if (!v) {
-        for (let S = 0; S < U.length; S += 1)
-          R(Y[S]);
-        R(z), v = !0;
+        for (let S = 0; S < B.length; S += 1)
+          U(N[S]);
+        U(z), v = !0;
       }
     },
-    o(w) {
-      Y = Y.filter(Boolean);
-      for (let S = 0; S < Y.length; S += 1)
-        H(Y[S]);
+    o(y) {
+      N = N.filter(Boolean);
+      for (let S = 0; S < N.length; S += 1)
+        H(N[S]);
       H(z), v = !1;
     },
-    d(w) {
-      w && (D(t), D(d), D(f), D(_), D(m), D(k), D(y), D(E)), O && O.d(), T && T.d(), Ne(Y, w), z && z.d(w), A = !1, Se(M);
+    d(y) {
+      y && (D(t), D(d), D(f), D(p), D(m), D(k), D(b), D(E)), C && C.d(), T && T.d(), Re(N, y), z && z.d(y), A = !1, Se(M);
     }
   };
 }
@@ -2920,7 +2920,7 @@ function ts(e) {
       1 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -2933,89 +2933,89 @@ function ts(e) {
 const ns = 250, os = 1e3, is = 12, xe = 4.5, fn = (e) => e.join(","), dn = (e) => e.join(","), hn = (e) => e.join(",");
 function ss(e, t, n) {
   let o, i, s;
-  const r = Ce();
-  let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, _ = !1, m, g = [];
-  const k = () => n(7, _ = !0), y = () => n(7, _ = !1), E = (p) => {
+  const r = Oe();
+  let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, p = !1, m, g = [];
+  const k = () => n(7, p = !0), b = () => n(7, p = !1), E = (_) => {
     if (g.length > 0 || !i.some((K) => K.visible)) {
       n(6, h = void 0);
       return;
     }
-    const [b, I] = u.elementToImage(p.offsetX, p.offsetY), L = (K) => Math.pow(K[0] - b, 2) + Math.pow(K[1] - I, 2), C = o.points.reduce((K, Z) => L(Z) < L(K) ? Z : K), G = i.filter((K) => K.visible).reduce((K, Z) => L(Z.point) < L(K.point) ? Z : K), V = Math.pow(os / d, 2);
-    L(C) < V || L(G.point) < V ? n(6, h = i.indexOf(G)) : n(6, h = void 0);
+    const [w, I] = u.elementToImage(_.offsetX, _.offsetY), L = (K) => Math.pow(K[0] - w, 2) + Math.pow(K[1] - I, 2), O = o.points.reduce((K, Z) => L(Z) < L(K) ? Z : K), G = i.filter((K) => K.visible).reduce((K, Z) => L(Z.point) < L(K.point) ? Z : K), X = Math.pow(os / d, 2);
+    L(O) < X || L(G.point) < X ? n(6, h = i.indexOf(G)) : n(6, h = void 0);
   }, v = () => {
     document.activeElement !== f && f.focus();
   }, A = () => {
     n(8, g = []), v();
-  }, M = (p) => {
-    n(7, _ = !0), p.preventDefault(), p.stopPropagation(), m = performance.now();
-  }, O = (p) => (b) => {
-    if (!m || Oe || performance.now() - m > ns) return;
-    const I = g.includes(p);
-    b.metaKey || b.ctrlKey || b.shiftKey ? I ? n(8, g = g.filter((L) => L !== p)) : n(8, g = [...g, p]) : I && g.length > 1 ? n(8, g = [p]) : I ? n(8, g = []) : n(8, g = [p]), v();
-  }, T = (p, b, I) => {
+  }, M = (_) => {
+    n(7, p = !0), _.preventDefault(), _.stopPropagation(), m = performance.now();
+  }, C = (_) => (w) => {
+    if (!m || Ce || performance.now() - m > ns) return;
+    const I = g.includes(_);
+    w.metaKey || w.ctrlKey || w.shiftKey ? I ? n(8, g = g.filter((L) => L !== _)) : n(8, g = [...g, _]) : I && g.length > 1 ? n(8, g = [_]) : I ? n(8, g = []) : n(8, g = [_]), v();
+  }, T = (_, w, I) => {
     v();
     let L;
-    const C = p.geometry;
-    g.length > 1 ? L = C.points.map(([V, W], K) => g.includes(K) ? [V + I[0], W + I[1]] : [V, W]) : b === "SHAPE" ? L = C.points.map(([V, W]) => [V + I[0], W + I[1]]) : L = C.points.map(([V, W], K) => b === `HANDLE-${K}` ? [V + I[0], W + I[1]] : [V, W]);
+    const O = _.geometry;
+    g.length > 1 ? L = O.points.map(([X, W], K) => g.includes(K) ? [X + I[0], W + I[1]] : [X, W]) : w === "SHAPE" ? L = O.points.map(([X, W]) => [X + I[0], W + I[1]]) : L = O.points.map(([X, W], K) => w === `HANDLE-${K}` ? [X + I[0], W + I[1]] : [X, W]);
     const G = ge(L);
-    return { ...p, geometry: { points: L, bounds: G } };
-  }, U = (p) => async (b) => {
-    b.stopPropagation();
+    return { ..._, geometry: { points: L, bounds: G } };
+  }, B = (_) => async (w) => {
+    w.stopPropagation();
     const I = [
-      ...o.points.slice(0, p + 1),
-      i[p].point,
-      ...o.points.slice(p + 1)
+      ...o.points.slice(0, _ + 1),
+      i[_].point,
+      ...o.points.slice(_ + 1)
     ], L = ge(I);
     r("change", { ...l, geometry: { points: I, bounds: L } }), await Wn();
-    const C = [...document.querySelectorAll(".a9s-handle")][p + 1];
-    if (C != null && C.firstChild) {
+    const O = [...document.querySelectorAll(".a9s-handle")][_ + 1];
+    if (O != null && O.firstChild) {
       const G = new PointerEvent(
         "pointerdown",
         {
           bubbles: !0,
           cancelable: !0,
-          clientX: b.clientX,
-          clientY: b.clientY,
-          pointerId: b.pointerId,
-          pointerType: b.pointerType,
-          isPrimary: b.isPrimary,
-          buttons: b.buttons
+          clientX: w.clientX,
+          clientY: w.clientY,
+          pointerId: w.pointerId,
+          pointerType: w.pointerType,
+          isPrimary: w.isPrimary,
+          buttons: w.buttons
         }
       );
-      C.firstChild.dispatchEvent(G);
+      O.firstChild.dispatchEvent(G);
     }
-  }, Y = () => {
+  }, N = () => {
     if (o.points.length - g.length < 3) return;
-    const p = o.points.filter((I, L) => !g.includes(L)), b = ge(p);
-    r("change", { ...l, geometry: { points: p, bounds: b } }), n(8, g = []);
+    const _ = o.points.filter((I, L) => !g.includes(L)), w = ge(_);
+    r("change", { ...l, geometry: { points: _, bounds: w } }), n(8, g = []);
   };
-  Ye(() => {
-    if (Oe) return;
-    const p = (b) => {
-      (b.key === "Delete" || b.key === "Backspace") && (b.preventDefault(), Y());
+  Ne(() => {
+    if (Ce) return;
+    const _ = (w) => {
+      (w.key === "Delete" || w.key === "Backspace") && (w.preventDefault(), N());
     };
-    return f.addEventListener("pointermove", E), f.addEventListener("keydown", p), () => {
-      f.removeEventListener("pointermove", E), f.removeEventListener("keydown", p);
+    return f.addEventListener("pointermove", E), f.addEventListener("keydown", _), () => {
+      f.removeEventListener("pointermove", E), f.removeEventListener("keydown", _);
     };
   });
   const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`;
-  function z(p) {
-    he.call(this, e, p);
+  function z(_) {
+    he.call(this, e, _);
   }
-  function w(p) {
-    he.call(this, e, p);
+  function y(_) {
+    he.call(this, e, _);
   }
-  function S(p) {
-    he.call(this, e, p);
+  function S(_) {
+    he.call(this, e, _);
   }
-  return e.$$set = (p) => {
-    "shape" in p && n(0, l = p.shape), "computedStyle" in p && n(1, a = p.computedStyle), "transform" in p && n(2, u = p.transform), "viewportScale" in p && n(3, d = p.viewportScale), "svgEl" in p && n(4, f = p.svgEl);
+  return e.$$set = (_) => {
+    "shape" in _ && n(0, l = _.shape), "computedStyle" in _ && n(1, a = _.computedStyle), "transform" in _ && n(2, u = _.transform), "viewportScale" in _ && n(3, d = _.viewportScale), "svgEl" in _ && n(4, f = _.svgEl);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*shape*/
     1 && n(5, o = l.geometry), e.$$.dirty[0] & /*geom, viewportScale*/
-    40 && n(10, i = Oe ? [] : o.points.map((p, b) => {
-      const I = b === o.points.length - 1 ? o.points[0] : o.points[b + 1], L = (p[0] + I[0]) / 2, C = (p[1] + I[1]) / 2, V = Math.sqrt(Math.pow(I[0] - L, 2) + Math.pow(I[1] - C, 2)) > is / d;
-      return { point: [L, C], visible: V };
+    40 && n(10, i = Ce ? [] : o.points.map((_, w) => {
+      const I = w === o.points.length - 1 ? o.points[0] : o.points[w + 1], L = (_[0] + I[0]) / 2, O = (_[1] + I[1]) / 2, X = Math.sqrt(Math.pow(I[0] - L, 2) + Math.pow(I[1] - O, 2)) > is / d;
+      return { point: [L, O], visible: X };
     })), e.$$.dirty[0] & /*geom, viewportScale*/
     40 && n(9, s = yt(o.bounds, xe / d));
   }, [
@@ -3026,21 +3026,21 @@ function ss(e, t, n) {
     f,
     o,
     h,
-    _,
+    p,
     g,
     s,
     i,
     k,
-    y,
+    b,
     E,
     A,
     M,
-    O,
+    C,
     T,
-    U,
+    B,
     q,
     z,
-    w,
+    y,
     S
   ];
 }
@@ -3065,7 +3065,7 @@ class rs extends pe {
   }
 }
 function ls(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, _, m, g, k, y, E, v, A, M, O, T, U, Y, q, z, w, S, p, b, I, L, C, G, V, W, K, Z, te, oe, Ee, ke, X, ce, $, ue, _e, Re, Le, wt, Pe, J, bt, Wt;
+  let t, n, o, i, s, r, l, a, u, d, f, h, p, m, g, k, b, E, v, A, M, C, T, B, N, q, z, y, S, _, w, I, L, O, G, X, W, K, Z, te, oe, Ee, ke, V, ce, $, ue, _e, Ue, Le, wt, Pe, J, bt, Wt;
   return $ = new ze({
     props: {
       class: "a9s-corner-handle-topleft",
@@ -3156,7 +3156,7 @@ function ls(e) {
     ) && e[12]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = P("defs"), n = P("mask"), o = P("rect"), a = P("rect"), _ = ye(), m = P("rect"), v = ye(), A = P("rect"), Y = ye(), q = P("rect"), p = ye(), b = P("rect"), G = ye(), V = P("rect"), te = ye(), oe = P("rect"), ce = ye(), ae($.$$.fragment), ue = ye(), ae(_e.$$.fragment), Re = ye(), ae(Le.$$.fragment), wt = ye(), ae(Pe.$$.fragment), c(o, "class", "rect-mask-bg svelte-1njczvj"), c(o, "x", i = /*mask*/
+      t = P("defs"), n = P("mask"), o = P("rect"), a = P("rect"), p = ye(), m = P("rect"), v = ye(), A = P("rect"), N = ye(), q = P("rect"), _ = ye(), w = P("rect"), G = ye(), X = P("rect"), te = ye(), oe = P("rect"), ce = ye(), ae($.$$.fragment), ue = ye(), ae(_e.$$.fragment), Ue = ye(), ae(Le.$$.fragment), wt = ye(), ae(Pe.$$.fragment), c(o, "class", "rect-mask-bg svelte-1njczvj"), c(o, "x", i = /*mask*/
       e[6].x), c(o, "y", s = /*mask*/
       e[6].y), c(o, "width", r = /*mask*/
       e[6].w), c(o, "height", l = /*mask*/
@@ -3172,7 +3172,7 @@ function ls(e) {
       ), c(n, "class", "a9s-rectangle-editor-mask svelte-1njczvj"), c(m, "class", "a9s-outer"), c(m, "mask", `url(#${/*maskId*/
       e[8]})`), c(m, "x", g = /*geom*/
       e[5].x), c(m, "y", k = /*geom*/
-      e[5].y), c(m, "width", y = /*geom*/
+      e[5].y), c(m, "width", b = /*geom*/
       e[5].w), c(m, "height", E = /*geom*/
       e[5].h), c(A, "class", "a9s-inner a9s-shape-handle"), c(
         A,
@@ -3180,27 +3180,27 @@ function ls(e) {
         /*computedStyle*/
         e[1]
       ), c(A, "x", M = /*geom*/
-      e[5].x), c(A, "y", O = /*geom*/
+      e[5].x), c(A, "y", C = /*geom*/
       e[5].y), c(A, "width", T = /*geom*/
-      e[5].w), c(A, "height", U = /*geom*/
+      e[5].w), c(A, "height", B = /*geom*/
       e[5].h), c(q, "class", "a9s-edge-handle a9s-edge-handle-top"), c(q, "x", z = /*geom*/
-      e[5].x), c(q, "y", w = /*geom*/
+      e[5].x), c(q, "y", y = /*geom*/
       e[5].y), c(q, "height", 1), c(q, "width", S = /*geom*/
-      e[5].w), c(b, "class", "a9s-edge-handle a9s-edge-handle-right"), c(b, "x", I = /*geom*/
+      e[5].w), c(w, "class", "a9s-edge-handle a9s-edge-handle-right"), c(w, "x", I = /*geom*/
       e[5].x + /*geom*/
-      e[5].w), c(b, "y", L = /*geom*/
-      e[5].y), c(b, "height", C = /*geom*/
-      e[5].h), c(b, "width", 1), c(V, "class", "a9s-edge-handle a9s-edge-handle-bottom"), c(V, "x", W = /*geom*/
-      e[5].x), c(V, "y", K = /*geom*/
+      e[5].w), c(w, "y", L = /*geom*/
+      e[5].y), c(w, "height", O = /*geom*/
+      e[5].h), c(w, "width", 1), c(X, "class", "a9s-edge-handle a9s-edge-handle-bottom"), c(X, "x", W = /*geom*/
+      e[5].x), c(X, "y", K = /*geom*/
       e[5].y + /*geom*/
-      e[5].h), c(V, "height", 1), c(V, "width", Z = /*geom*/
+      e[5].h), c(X, "height", 1), c(X, "width", Z = /*geom*/
       e[5].w), c(oe, "class", "a9s-edge-handle a9s-edge-handle-left"), c(oe, "x", Ee = /*geom*/
       e[5].x), c(oe, "y", ke = /*geom*/
-      e[5].y), c(oe, "height", X = /*geom*/
+      e[5].y), c(oe, "height", V = /*geom*/
       e[5].h), c(oe, "width", 1);
     },
-    m(F, B) {
-      N(F, t, B), j(t, n), j(n, o), j(n, a), N(F, _, B), N(F, m, B), N(F, v, B), N(F, A, B), N(F, Y, B), N(F, q, B), N(F, p, B), N(F, b, B), N(F, G, B), N(F, V, B), N(F, te, B), N(F, oe, B), N(F, ce, B), re($, F, B), N(F, ue, B), re(_e, F, B), N(F, Re, B), re(Le, F, B), N(F, wt, B), re(Pe, F, B), J = !0, bt || (Wt = [
+    m(F, Y) {
+      R(F, t, Y), j(t, n), j(n, o), j(n, a), R(F, p, Y), R(F, m, Y), R(F, v, Y), R(F, A, Y), R(F, N, Y), R(F, q, Y), R(F, _, Y), R(F, w, Y), R(F, G, Y), R(F, X, Y), R(F, te, Y), R(F, oe, Y), R(F, ce, Y), re($, F, Y), R(F, ue, Y), re(_e, F, Y), R(F, Ue, Y), re(Le, F, Y), R(F, wt, Y), re(Pe, F, Y), J = !0, bt || (Wt = [
         Q(m, "pointerdown", function() {
           ie(
             /*grab*/
@@ -3219,13 +3219,13 @@ function ls(e) {
             e[12]("TOP")
           ) && e[12]("TOP").apply(this, arguments);
         }),
-        Q(b, "pointerdown", function() {
+        Q(w, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("RIGHT")
           ) && e[12]("RIGHT").apply(this, arguments);
         }),
-        Q(V, "pointerdown", function() {
+        Q(X, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("BOTTOM")
@@ -3239,117 +3239,117 @@ function ls(e) {
         })
       ], bt = !0);
     },
-    p(F, B) {
-      e = F, (!J || B & /*mask*/
+    p(F, Y) {
+      e = F, (!J || Y & /*mask*/
       64 && i !== (i = /*mask*/
-      e[6].x)) && c(o, "x", i), (!J || B & /*mask*/
+      e[6].x)) && c(o, "x", i), (!J || Y & /*mask*/
       64 && s !== (s = /*mask*/
-      e[6].y)) && c(o, "y", s), (!J || B & /*mask*/
+      e[6].y)) && c(o, "y", s), (!J || Y & /*mask*/
       64 && r !== (r = /*mask*/
-      e[6].w)) && c(o, "width", r), (!J || B & /*mask*/
+      e[6].w)) && c(o, "width", r), (!J || Y & /*mask*/
       64 && l !== (l = /*mask*/
-      e[6].h)) && c(o, "height", l), (!J || B & /*geom*/
+      e[6].h)) && c(o, "height", l), (!J || Y & /*geom*/
       32 && u !== (u = /*geom*/
-      e[5].x)) && c(a, "x", u), (!J || B & /*geom*/
+      e[5].x)) && c(a, "x", u), (!J || Y & /*geom*/
       32 && d !== (d = /*geom*/
-      e[5].y)) && c(a, "y", d), (!J || B & /*geom*/
+      e[5].y)) && c(a, "y", d), (!J || Y & /*geom*/
       32 && f !== (f = /*geom*/
-      e[5].w)) && c(a, "width", f), (!J || B & /*geom*/
+      e[5].w)) && c(a, "width", f), (!J || Y & /*geom*/
       32 && h !== (h = /*geom*/
-      e[5].h)) && c(a, "height", h), (!J || B & /*geom*/
+      e[5].h)) && c(a, "height", h), (!J || Y & /*geom*/
       32 && g !== (g = /*geom*/
-      e[5].x)) && c(m, "x", g), (!J || B & /*geom*/
+      e[5].x)) && c(m, "x", g), (!J || Y & /*geom*/
       32 && k !== (k = /*geom*/
-      e[5].y)) && c(m, "y", k), (!J || B & /*geom*/
-      32 && y !== (y = /*geom*/
-      e[5].w)) && c(m, "width", y), (!J || B & /*geom*/
+      e[5].y)) && c(m, "y", k), (!J || Y & /*geom*/
+      32 && b !== (b = /*geom*/
+      e[5].w)) && c(m, "width", b), (!J || Y & /*geom*/
       32 && E !== (E = /*geom*/
-      e[5].h)) && c(m, "height", E), (!J || B & /*computedStyle*/
+      e[5].h)) && c(m, "height", E), (!J || Y & /*computedStyle*/
       2) && c(
         A,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!J || B & /*geom*/
+      ), (!J || Y & /*geom*/
       32 && M !== (M = /*geom*/
-      e[5].x)) && c(A, "x", M), (!J || B & /*geom*/
-      32 && O !== (O = /*geom*/
-      e[5].y)) && c(A, "y", O), (!J || B & /*geom*/
+      e[5].x)) && c(A, "x", M), (!J || Y & /*geom*/
+      32 && C !== (C = /*geom*/
+      e[5].y)) && c(A, "y", C), (!J || Y & /*geom*/
       32 && T !== (T = /*geom*/
-      e[5].w)) && c(A, "width", T), (!J || B & /*geom*/
-      32 && U !== (U = /*geom*/
-      e[5].h)) && c(A, "height", U), (!J || B & /*geom*/
+      e[5].w)) && c(A, "width", T), (!J || Y & /*geom*/
+      32 && B !== (B = /*geom*/
+      e[5].h)) && c(A, "height", B), (!J || Y & /*geom*/
       32 && z !== (z = /*geom*/
-      e[5].x)) && c(q, "x", z), (!J || B & /*geom*/
-      32 && w !== (w = /*geom*/
-      e[5].y)) && c(q, "y", w), (!J || B & /*geom*/
+      e[5].x)) && c(q, "x", z), (!J || Y & /*geom*/
+      32 && y !== (y = /*geom*/
+      e[5].y)) && c(q, "y", y), (!J || Y & /*geom*/
       32 && S !== (S = /*geom*/
-      e[5].w)) && c(q, "width", S), (!J || B & /*geom*/
+      e[5].w)) && c(q, "width", S), (!J || Y & /*geom*/
       32 && I !== (I = /*geom*/
       e[5].x + /*geom*/
-      e[5].w)) && c(b, "x", I), (!J || B & /*geom*/
+      e[5].w)) && c(w, "x", I), (!J || Y & /*geom*/
       32 && L !== (L = /*geom*/
-      e[5].y)) && c(b, "y", L), (!J || B & /*geom*/
-      32 && C !== (C = /*geom*/
-      e[5].h)) && c(b, "height", C), (!J || B & /*geom*/
+      e[5].y)) && c(w, "y", L), (!J || Y & /*geom*/
+      32 && O !== (O = /*geom*/
+      e[5].h)) && c(w, "height", O), (!J || Y & /*geom*/
       32 && W !== (W = /*geom*/
-      e[5].x)) && c(V, "x", W), (!J || B & /*geom*/
+      e[5].x)) && c(X, "x", W), (!J || Y & /*geom*/
       32 && K !== (K = /*geom*/
       e[5].y + /*geom*/
-      e[5].h)) && c(V, "y", K), (!J || B & /*geom*/
+      e[5].h)) && c(X, "y", K), (!J || Y & /*geom*/
       32 && Z !== (Z = /*geom*/
-      e[5].w)) && c(V, "width", Z), (!J || B & /*geom*/
+      e[5].w)) && c(X, "width", Z), (!J || Y & /*geom*/
       32 && Ee !== (Ee = /*geom*/
-      e[5].x)) && c(oe, "x", Ee), (!J || B & /*geom*/
+      e[5].x)) && c(oe, "x", Ee), (!J || Y & /*geom*/
       32 && ke !== (ke = /*geom*/
-      e[5].y)) && c(oe, "y", ke), (!J || B & /*geom*/
-      32 && X !== (X = /*geom*/
-      e[5].h)) && c(oe, "height", X);
+      e[5].y)) && c(oe, "y", ke), (!J || Y & /*geom*/
+      32 && V !== (V = /*geom*/
+      e[5].h)) && c(oe, "height", V);
       const et = {};
-      B & /*geom*/
+      Y & /*geom*/
       32 && (et.x = /*geom*/
-      e[5].x), B & /*geom*/
+      e[5].x), Y & /*geom*/
       32 && (et.y = /*geom*/
-      e[5].y), B & /*viewportScale*/
+      e[5].y), Y & /*viewportScale*/
       8 && (et.scale = /*viewportScale*/
       e[3]), $.$set(et);
       const tt = {};
-      B & /*geom*/
+      Y & /*geom*/
       32 && (tt.x = /*geom*/
       e[5].x + /*geom*/
-      e[5].w), B & /*geom*/
+      e[5].w), Y & /*geom*/
       32 && (tt.y = /*geom*/
-      e[5].y), B & /*viewportScale*/
+      e[5].y), Y & /*viewportScale*/
       8 && (tt.scale = /*viewportScale*/
       e[3]), _e.$set(tt);
       const nt = {};
-      B & /*geom*/
+      Y & /*geom*/
       32 && (nt.x = /*geom*/
       e[5].x + /*geom*/
-      e[5].w), B & /*geom*/
+      e[5].w), Y & /*geom*/
       32 && (nt.y = /*geom*/
       e[5].y + /*geom*/
-      e[5].h), B & /*viewportScale*/
+      e[5].h), Y & /*viewportScale*/
       8 && (nt.scale = /*viewportScale*/
       e[3]), Le.$set(nt);
       const ot = {};
-      B & /*geom*/
+      Y & /*geom*/
       32 && (ot.x = /*geom*/
-      e[5].x), B & /*geom*/
+      e[5].x), Y & /*geom*/
       32 && (ot.y = /*geom*/
       e[5].y + /*geom*/
-      e[5].h), B & /*viewportScale*/
+      e[5].h), Y & /*viewportScale*/
       8 && (ot.scale = /*viewportScale*/
       e[3]), Pe.$set(ot);
     },
     i(F) {
-      J || (R($.$$.fragment, F), R(_e.$$.fragment, F), R(Le.$$.fragment, F), R(Pe.$$.fragment, F), J = !0);
+      J || (U($.$$.fragment, F), U(_e.$$.fragment, F), U(Le.$$.fragment, F), U(Pe.$$.fragment, F), J = !0);
     },
     o(F) {
       H($.$$.fragment, F), H(_e.$$.fragment, F), H(Le.$$.fragment, F), H(Pe.$$.fragment, F), J = !1;
     },
     d(F) {
-      F && (D(t), D(_), D(m), D(v), D(A), D(Y), D(q), D(p), D(b), D(G), D(V), D(te), D(oe), D(ce), D(ue), D(Re), D(wt)), le($, F), le(_e, F), le(Le, F), le(Pe, F), bt = !1, Se(Wt);
+      F && (D(t), D(p), D(m), D(v), D(A), D(N), D(q), D(_), D(w), D(G), D(X), D(te), D(oe), D(ce), D(ue), D(Ue), D(wt)), le($, F), le(_e, F), le(Le, F), le(Pe, F), bt = !1, Se(Wt);
     }
   };
 }
@@ -3413,7 +3413,7 @@ function as(e) {
       12394 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -3425,24 +3425,24 @@ function as(e) {
 }
 function cs(e, t, n) {
   let o, i, { shape: s } = t, { computedStyle: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, { svgEl: u } = t;
-  const d = (g, k, y) => {
+  const d = (g, k, b) => {
     const E = g.geometry.bounds;
-    let [v, A] = [E.minX, E.minY], [M, O] = [E.maxX, E.maxY];
-    const [T, U] = y;
+    let [v, A] = [E.minX, E.minY], [M, C] = [E.maxX, E.maxY];
+    const [T, B] = b;
     if (k === "SHAPE")
-      v += T, M += T, A += U, O += U;
+      v += T, M += T, A += B, C += B;
     else {
       switch (k) {
         case "TOP":
         case "TOP_LEFT":
         case "TOP_RIGHT": {
-          A += U;
+          A += B;
           break;
         }
         case "BOTTOM":
         case "BOTTOM_LEFT":
         case "BOTTOM_RIGHT": {
-          O += U;
+          C += B;
           break;
         }
       }
@@ -3461,19 +3461,19 @@ function cs(e, t, n) {
         }
       }
     }
-    const Y = Math.min(v, M), q = Math.min(A, O), z = Math.abs(M - v), w = Math.abs(O - A);
+    const N = Math.min(v, M), q = Math.min(A, C), z = Math.abs(M - v), y = Math.abs(C - A);
     return {
       ...g,
       geometry: {
-        x: Y,
+        x: N,
         y: q,
         w: z,
-        h: w,
+        h: y,
         bounds: {
-          minX: Y,
+          minX: N,
           minY: q,
-          maxX: Y + z,
-          maxY: q + w
+          maxX: N + z,
+          maxY: q + y
         }
       }
     };
@@ -3481,7 +3481,7 @@ function cs(e, t, n) {
   function h(g) {
     he.call(this, e, g);
   }
-  function _(g) {
+  function p(g) {
     he.call(this, e, g);
   }
   function m(g) {
@@ -3504,7 +3504,7 @@ function cs(e, t, n) {
     d,
     f,
     h,
-    _,
+    p,
     m
   ];
 }
@@ -3543,16 +3543,16 @@ function jt(e, t) {
 const fs = 12, ds = (e, t) => e.polygons.reduce((n, o, i) => {
   const s = o.rings.reduce((r, l, a) => {
     const u = l.points.map((d, f) => {
-      const h = f === l.points.length - 1 ? l.points[0] : l.points[f + 1], _ = (d[0] + h[0]) / 2, m = (d[1] + h[1]) / 2, k = Math.sqrt(
-        Math.pow(h[0] - _, 2) + Math.pow(h[1] - m, 2)
+      const h = f === l.points.length - 1 ? l.points[0] : l.points[f + 1], p = (d[0] + h[0]) / 2, m = (d[1] + h[1]) / 2, k = Math.sqrt(
+        Math.pow(h[0] - p, 2) + Math.pow(h[1] - m, 2)
       ) > fs / t;
-      return { point: [_, m], visible: k, elementIdx: i, ringIdx: a, pointIdx: f };
+      return { point: [p, m], visible: k, elementIdx: i, ringIdx: a, pointIdx: f };
     });
     return [...r, ...u];
   }, []);
   return [...n, ...s];
 }, []);
-function Ot(e) {
+function Ct(e) {
   const t = e.slice(), n = (
     /*midpoints*/
     t[10][
@@ -3574,7 +3574,7 @@ function _n(e, t, n) {
   const o = e.slice();
   return o[29] = t[n], o[37] = n, o;
 }
-function Ct(e) {
+function Ot(e) {
   const t = e.slice(), n = (
     /*midpoints*/
     t[10][
@@ -3604,7 +3604,7 @@ function yn(e) {
       e[3]), c(t, "class", "svelte-1vxo6dc");
     },
     m(s, r) {
-      N(s, t, r);
+      R(s, t, r);
     },
     p(s, r) {
       r[0] & /*midpoints, visibleMidpoint*/
@@ -3636,7 +3636,7 @@ function wn(e) {
       e[32]}-inner`), c(t, "class", "a9s-multipolygon-editor-mask svelte-1vxo6dc");
     },
     m(f, h) {
-      N(f, t, h), j(t, n), j(t, l);
+      R(f, t, h), j(t, n), j(t, l);
     },
     p(f, h) {
       h[0] & /*mask*/
@@ -3751,7 +3751,7 @@ function bn(e) {
       e[8].some(o)), t.$set(r);
     },
     i(i) {
-      n || (R(t.$$.fragment, i), n = !0);
+      n || (U(t.$$.fragment, i), n = !0);
     },
     o(i) {
       H(t.$$.fragment, i), n = !1;
@@ -3780,7 +3780,7 @@ function En(e) {
     m(r, l) {
       for (let a = 0; a < i.length; a += 1)
         i[a] && i[a].m(r, l);
-      N(r, t, l), n = !0;
+      R(r, t, l), n = !0;
     },
     p(r, l) {
       if (l[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
@@ -3792,7 +3792,7 @@ function En(e) {
         let a;
         for (a = 0; a < o.length; a += 1) {
           const u = _n(r, o, a);
-          i[a] ? (i[a].p(u, l), R(i[a], 1)) : (i[a] = bn(u), i[a].c(), R(i[a], 1), i[a].m(t.parentNode, t));
+          i[a] ? (i[a].p(u, l), U(i[a], 1)) : (i[a] = bn(u), i[a].c(), U(i[a], 1), i[a].m(t.parentNode, t));
         }
         for (we(), a = o.length; a < i.length; a += 1)
           s(a);
@@ -3802,7 +3802,7 @@ function En(e) {
     i(r) {
       if (!n) {
         for (let l = 0; l < o.length; l += 1)
-          R(i[l]);
+          U(i[l]);
         n = !0;
       }
     },
@@ -3813,31 +3813,31 @@ function En(e) {
       n = !1;
     },
     d(r) {
-      r && D(t), Ne(i, r);
+      r && D(t), Re(i, r);
     }
   };
 }
 function vn(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, _, m, g, k, y, E = (
+  let t, n, o, i, s, r, l, a, u, d, f, h, p, m, g, k, b, E = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && yn(Dt(e))
   ), v = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
-    e[7] && wn(Ct(e))
+    e[7] && wn(Ot(e))
   ), A = ve(
     /*element*/
     e[30].rings
   ), M = [];
   for (let T = 0; T < A.length; T += 1)
     M[T] = En(pn(e, A, T));
-  const O = (T) => H(M[T], 1, 1, () => {
+  const C = (T) => H(M[T], 1, 1, () => {
     M[T] = null;
   });
   return {
     c() {
-      t = P("g"), n = P("defs"), o = P("mask"), i = P("rect"), u = P("path"), E && E.c(), v && v.c(), f = P("path"), _ = P("path");
+      t = P("g"), n = P("defs"), o = P("mask"), i = P("rect"), u = P("path"), E && E.c(), v && v.c(), f = P("path"), p = P("path");
       for (let T = 0; T < M.length; T += 1)
         M[T].c();
       c(i, "x", s = /*mask*/
@@ -3854,23 +3854,23 @@ function vn(e) {
       e[32]}-outer)`), c(f, "fill-rule", "evenodd"), c(f, "d", h = Te(
         /*element*/
         e[30]
-      )), c(_, "class", "a9s-inner"), c(_, "mask", `url(#${/*maskId*/
+      )), c(p, "class", "a9s-inner"), c(p, "mask", `url(#${/*maskId*/
       e[18]}-${/*elementIdx*/
       e[32]}-inner)`), c(
-        _,
+        p,
         "style",
         /*computedStyle*/
         e[1]
-      ), c(_, "fill-rule", "evenodd"), c(_, "d", m = Te(
+      ), c(p, "fill-rule", "evenodd"), c(p, "d", m = Te(
         /*element*/
         e[30]
       ));
     },
-    m(T, U) {
-      N(T, t, U), j(t, n), j(n, o), j(o, i), j(o, u), E && E.m(o, null), v && v.m(n, null), j(t, f), j(t, _);
-      for (let Y = 0; Y < M.length; Y += 1)
-        M[Y] && M[Y].m(t, null);
-      g = !0, k || (y = [
+    m(T, B) {
+      R(T, t, B), j(t, n), j(n, o), j(o, i), j(o, u), E && E.m(o, null), v && v.m(n, null), j(t, f), j(t, p);
+      for (let N = 0; N < M.length; N += 1)
+        M[N] && M[N].m(t, null);
+      g = !0, k || (b = [
         Q(
           f,
           "pointerup",
@@ -3884,12 +3884,12 @@ function vn(e) {
           ) && e[28]("SHAPE").apply(this, arguments);
         }),
         Q(
-          _,
+          p,
           "pointerup",
           /*onShapePointerUp*/
           e[13]
         ),
-        Q(_, "pointerdown", function() {
+        Q(p, "pointerdown", function() {
           ie(
             /*grab*/
             e[28]("SHAPE")
@@ -3897,68 +3897,68 @@ function vn(e) {
         })
       ], k = !0);
     },
-    p(T, U) {
-      if (e = T, (!g || U[0] & /*mask*/
+    p(T, B) {
+      if (e = T, (!g || B[0] & /*mask*/
       512 && s !== (s = /*mask*/
-      e[9].x)) && c(i, "x", s), (!g || U[0] & /*mask*/
+      e[9].x)) && c(i, "x", s), (!g || B[0] & /*mask*/
       512 && r !== (r = /*mask*/
-      e[9].y)) && c(i, "y", r), (!g || U[0] & /*mask*/
+      e[9].y)) && c(i, "y", r), (!g || B[0] & /*mask*/
       512 && l !== (l = /*mask*/
-      e[9].w)) && c(i, "width", l), (!g || U[0] & /*mask*/
+      e[9].w)) && c(i, "width", l), (!g || B[0] & /*mask*/
       512 && a !== (a = /*mask*/
-      e[9].h)) && c(i, "height", a), (!g || U[0] & /*geom*/
+      e[9].h)) && c(i, "height", a), (!g || B[0] & /*geom*/
       32 && d !== (d = Te(
         /*element*/
         e[30]
       ))) && c(u, "d", d), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? E ? E.p(Dt(e), U) : (E = yn(Dt(e)), E.c(), E.m(o, null)) : E && (E.d(1), E = null), /*visibleMidpoint*/
+      e[7] ? E ? E.p(Dt(e), B) : (E = yn(Dt(e)), E.c(), E.m(o, null)) : E && (E.d(1), E = null), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? v ? v.p(Ct(e), U) : (v = wn(Ct(e)), v.c(), v.m(n, null)) : v && (v.d(1), v = null), (!g || U[0] & /*geom*/
+      e[7] ? v ? v.p(Ot(e), B) : (v = wn(Ot(e)), v.c(), v.m(n, null)) : v && (v.d(1), v = null), (!g || B[0] & /*geom*/
       32 && h !== (h = Te(
         /*element*/
         e[30]
-      ))) && c(f, "d", h), (!g || U[0] & /*computedStyle*/
+      ))) && c(f, "d", h), (!g || B[0] & /*computedStyle*/
       2) && c(
-        _,
+        p,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!g || U[0] & /*geom*/
+      ), (!g || B[0] & /*geom*/
       32 && m !== (m = Te(
         /*element*/
         e[30]
-      ))) && c(_, "d", m), U[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
+      ))) && c(p, "d", m), B[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
       268491048) {
         A = ve(
           /*element*/
           e[30].rings
         );
-        let Y;
-        for (Y = 0; Y < A.length; Y += 1) {
-          const q = pn(e, A, Y);
-          M[Y] ? (M[Y].p(q, U), R(M[Y], 1)) : (M[Y] = En(q), M[Y].c(), R(M[Y], 1), M[Y].m(t, null));
+        let N;
+        for (N = 0; N < A.length; N += 1) {
+          const q = pn(e, A, N);
+          M[N] ? (M[N].p(q, B), U(M[N], 1)) : (M[N] = En(q), M[N].c(), U(M[N], 1), M[N].m(t, null));
         }
-        for (we(), Y = A.length; Y < M.length; Y += 1)
-          O(Y);
+        for (we(), N = A.length; N < M.length; N += 1)
+          C(N);
         be();
       }
     },
     i(T) {
       if (!g) {
-        for (let U = 0; U < A.length; U += 1)
-          R(M[U]);
+        for (let B = 0; B < A.length; B += 1)
+          U(M[B]);
         g = !0;
       }
     },
     o(T) {
       M = M.filter(Boolean);
-      for (let U = 0; U < M.length; U += 1)
-        H(M[U]);
+      for (let B = 0; B < M.length; B += 1)
+        H(M[B]);
       g = !1;
     },
     d(T) {
-      T && D(t), E && E.d(), v && v.d(), Ne(M, T), k = !1, Se(y);
+      T && D(t), E && E.d(), v && v.d(), Re(M, T), k = !1, Se(b);
     }
   };
 }
@@ -4009,7 +4009,7 @@ function Sn(e) {
       e[3]), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -4032,7 +4032,7 @@ function hs(e) {
   let l = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
-    e[7] && Sn(Ot(e))
+    e[7] && Sn(Ct(e))
   );
   return {
     c() {
@@ -4043,7 +4043,7 @@ function hs(e) {
     m(a, u) {
       for (let d = 0; d < s.length; d += 1)
         s[d] && s[d].m(a, u);
-      N(a, t, u), l && l.m(a, u), N(a, n, u), o = !0;
+      R(a, t, u), l && l.m(a, u), R(a, n, u), o = !0;
     },
     p(a, u) {
       if (u[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp, maskId, computedStyle, onShapePointerUp, midpoints, visibleMidpoint, mask, isHandleHovered*/
@@ -4055,7 +4055,7 @@ function hs(e) {
         let d;
         for (d = 0; d < i.length; d += 1) {
           const f = mn(a, i, d);
-          s[d] ? (s[d].p(f, u), R(s[d], 1)) : (s[d] = vn(f), s[d].c(), R(s[d], 1), s[d].m(t.parentNode, t));
+          s[d] ? (s[d].p(f, u), U(s[d], 1)) : (s[d] = vn(f), s[d].c(), U(s[d], 1), s[d].m(t.parentNode, t));
         }
         for (we(), d = i.length; d < s.length; d += 1)
           r(d);
@@ -4063,16 +4063,16 @@ function hs(e) {
       }
       /*visibleMidpoint*/
       a[6] !== void 0 && !/*isHandleHovered*/
-      a[7] ? l ? (l.p(Ot(a), u), u[0] & /*visibleMidpoint, isHandleHovered*/
-      192 && R(l, 1)) : (l = Sn(Ot(a)), l.c(), R(l, 1), l.m(n.parentNode, n)) : l && (we(), H(l, 1, 1, () => {
+      a[7] ? l ? (l.p(Ct(a), u), u[0] & /*visibleMidpoint, isHandleHovered*/
+      192 && U(l, 1)) : (l = Sn(Ct(a)), l.c(), U(l, 1), l.m(n.parentNode, n)) : l && (we(), H(l, 1, 1, () => {
         l = null;
       }), be());
     },
     i(a) {
       if (!o) {
         for (let u = 0; u < i.length; u += 1)
-          R(s[u]);
-        R(l), o = !0;
+          U(s[u]);
+        U(l), o = !0;
       }
     },
     o(a) {
@@ -4082,7 +4082,7 @@ function hs(e) {
       H(l), o = !1;
     },
     d(a) {
-      a && (D(t), D(n)), Ne(s, a), l && l.d(a);
+      a && (D(t), D(n)), Re(s, a), l && l.d(a);
     }
   };
 }
@@ -4147,7 +4147,7 @@ function gs(e) {
       128 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -4160,74 +4160,74 @@ function gs(e) {
 const ms = 250, ps = 1e3, $e = 4.5;
 function _s(e, t, n) {
   let o, i, s;
-  const r = Ce();
-  let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, _ = !1, m, g = [];
-  const k = () => n(7, _ = !0), y = () => n(7, _ = !1), E = (b) => {
+  const r = Oe();
+  let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, p = !1, m, g = [];
+  const k = () => n(7, p = !0), b = () => n(7, p = !1), E = (w) => {
     if (g.length > 0 || !i.some((Z) => Z.visible)) {
       n(6, h = void 0);
       return;
     }
-    const [I, L] = u.elementToImage(b.offsetX, b.offsetY), C = (Z) => Math.pow(Z[0] - I, 2) + Math.pow(Z[1] - L, 2), G = Yo(o).reduce((Z, te) => C(te) < C(Z) ? te : Z), V = i.filter((Z) => Z.visible).reduce((Z, te) => C(te.point) < C(Z.point) ? te : Z), W = Math.pow(ps / d, 2);
-    C(G) < W || C(V.point) < W ? n(6, h = i.indexOf(V)) : n(6, h = void 0);
+    const [I, L] = u.elementToImage(w.offsetX, w.offsetY), O = (Z) => Math.pow(Z[0] - I, 2) + Math.pow(Z[1] - L, 2), G = No(o).reduce((Z, te) => O(te) < O(Z) ? te : Z), X = i.filter((Z) => Z.visible).reduce((Z, te) => O(te.point) < O(Z.point) ? te : Z), W = Math.pow(ps / d, 2);
+    O(G) < W || O(X.point) < W ? n(6, h = i.indexOf(X)) : n(6, h = void 0);
   }, v = () => {
     document.activeElement !== f && f.focus();
   }, A = () => {
     n(8, g = []), v();
-  }, M = (b) => {
-    n(7, _ = !0), b.preventDefault(), b.stopPropagation(), m = performance.now();
-  }, O = (b, I, L) => (C) => {
-    if (!m || Oe || performance.now() - m > ms) return;
-    const G = (W) => W.polygon === b && W.ring === I && W.point === L, V = g.some(G);
-    C.metaKey || C.ctrlKey || C.shiftKey ? V ? n(8, g = g.filter((W) => !G(W))) : n(8, g = [...g, { polygon: b, ring: I, point: L }]) : V && g.length > 1 ? n(8, g = [{ polygon: b, ring: I, point: L }]) : V ? n(8, g = []) : n(8, g = [{ polygon: b, ring: I, point: L }]), v();
-  }, T = (b, I, L) => {
+  }, M = (w) => {
+    n(7, p = !0), w.preventDefault(), w.stopPropagation(), m = performance.now();
+  }, C = (w, I, L) => (O) => {
+    if (!m || Ce || performance.now() - m > ms) return;
+    const G = (W) => W.polygon === w && W.ring === I && W.point === L, X = g.some(G);
+    O.metaKey || O.ctrlKey || O.shiftKey ? X ? n(8, g = g.filter((W) => !G(W))) : n(8, g = [...g, { polygon: w, ring: I, point: L }]) : X && g.length > 1 ? n(8, g = [{ polygon: w, ring: I, point: L }]) : X ? n(8, g = []) : n(8, g = [{ polygon: w, ring: I, point: L }]), v();
+  }, T = (w, I, L) => {
     v();
-    const C = b.geometry.polygons;
+    const O = w.geometry.polygons;
     let G;
     if (I === "SHAPE")
-      G = C.map((V) => {
-        const W = V.rings.map((Z, te) => ({ points: Z.points.map((Ee, ke) => [Ee[0] + L[0], Ee[1] + L[1]]) })), K = ge(W[0].points);
+      G = O.map((X) => {
+        const W = X.rings.map((Z, te) => ({ points: Z.points.map((Ee, ke) => [Ee[0] + L[0], Ee[1] + L[1]]) })), K = ge(W[0].points);
         return { rings: W, bounds: K };
       });
     else {
-      const [V, W, K, Z] = I.split("-").map((te) => parseInt(te));
-      G = C.map((te, oe) => {
+      const [X, W, K, Z] = I.split("-").map((te) => parseInt(te));
+      G = O.map((te, oe) => {
         if (oe === W) {
-          const Ee = te.rings.map((X, ce) => ce === K ? { points: X.points.map((ue, _e) => _e === Z ? [ue[0] + L[0], ue[1] + L[1]] : ue) } : X), ke = ge(Ee[0].points);
+          const Ee = te.rings.map((V, ce) => ce === K ? { points: V.points.map((ue, _e) => _e === Z ? [ue[0] + L[0], ue[1] + L[1]] : ue) } : V), ke = ge(Ee[0].points);
           return { rings: Ee, bounds: ke };
         } else
           return te;
       });
     }
     return {
-      ...b,
+      ...w,
       geometry: {
         polygons: G,
         bounds: ft(G)
       }
     };
-  }, U = (b) => async (I) => {
+  }, B = (w) => async (I) => {
     I.stopPropagation();
-    const L = i[b], C = o.polygons.map((V, W) => {
+    const L = i[w], O = o.polygons.map((X, W) => {
       if (W === L.elementIdx) {
-        const K = V.rings.map((te, oe) => oe === L.ringIdx ? { points: [
+        const K = X.rings.map((te, oe) => oe === L.ringIdx ? { points: [
           ...te.points.slice(0, L.pointIdx + 1),
           L.point,
           ...te.points.slice(L.pointIdx + 1)
         ] } : te), Z = ge(K[0].points);
         return { rings: K, bounds: Z };
       } else
-        return V;
+        return X;
     });
     r("change", {
       ...l,
       geometry: {
-        polygons: C,
-        bounds: ft(C)
+        polygons: O,
+        bounds: ft(O)
       }
     }), await Wn();
-    const G = [...document.querySelectorAll(".a9s-handle")][b + 1];
+    const G = [...document.querySelectorAll(".a9s-handle")][w + 1];
     if (G != null && G.firstChild) {
-      const V = new PointerEvent(
+      const X = new PointerEvent(
         "pointerdown",
         {
           bubbles: !0,
@@ -4240,52 +4240,52 @@ function _s(e, t, n) {
           buttons: I.buttons
         }
       );
-      G.firstChild.dispatchEvent(V);
-    }
-  }, Y = () => {
-    const b = o.polygons.map((L, C) => {
-      if (g.some((V) => V.polygon === C)) {
-        const V = L.rings.map((K, Z) => {
-          const te = g.filter((oe) => oe.polygon === C && oe.ring === Z);
-          return te.length && K.points.length - te.length >= 3 ? { points: K.points.filter((Ee, ke) => !te.some((X) => X.point === ke)) } : K;
-        }), W = ge(V[0].points);
-        return { rings: V, bounds: W };
+      G.firstChild.dispatchEvent(X);
+    }
+  }, N = () => {
+    const w = o.polygons.map((L, O) => {
+      if (g.some((X) => X.polygon === O)) {
+        const X = L.rings.map((K, Z) => {
+          const te = g.filter((oe) => oe.polygon === O && oe.ring === Z);
+          return te.length && K.points.length - te.length >= 3 ? { points: K.points.filter((Ee, ke) => !te.some((V) => V.point === ke)) } : K;
+        }), W = ge(X[0].points);
+        return { rings: X, bounds: W };
       } else
         return L;
     });
-    !jt(o.polygons, b) && (r("change", {
+    !jt(o.polygons, w) && (r("change", {
       ...l,
       geometry: {
-        polygons: b,
-        bounds: ft(b)
+        polygons: w,
+        bounds: ft(w)
       }
     }), n(8, g = []));
   };
-  Ye(() => {
-    if (Oe) return;
-    const b = (I) => {
-      (I.key === "Delete" || I.key === "Backspace") && (I.preventDefault(), Y());
+  Ne(() => {
+    if (Ce) return;
+    const w = (I) => {
+      (I.key === "Delete" || I.key === "Backspace") && (I.preventDefault(), N());
     };
-    return f.addEventListener("pointermove", E), f.addEventListener("keydown", b), () => {
-      f.removeEventListener("pointermove", E), f.removeEventListener("keydown", b);
+    return f.addEventListener("pointermove", E), f.addEventListener("keydown", w), () => {
+      f.removeEventListener("pointermove", E), f.removeEventListener("keydown", w);
     };
   });
-  const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`, z = (b, I, L, { polygon: C, ring: G, point: V }) => C === b && G === I && V === L;
-  function w(b) {
-    he.call(this, e, b);
+  const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`, z = (w, I, L, { polygon: O, ring: G, point: X }) => O === w && G === I && X === L;
+  function y(w) {
+    he.call(this, e, w);
   }
-  function S(b) {
-    he.call(this, e, b);
+  function S(w) {
+    he.call(this, e, w);
   }
-  function p(b) {
-    he.call(this, e, b);
+  function _(w) {
+    he.call(this, e, w);
   }
-  return e.$$set = (b) => {
-    "shape" in b && n(0, l = b.shape), "computedStyle" in b && n(1, a = b.computedStyle), "transform" in b && n(2, u = b.transform), "viewportScale" in b && n(3, d = b.viewportScale), "svgEl" in b && n(4, f = b.svgEl);
+  return e.$$set = (w) => {
+    "shape" in w && n(0, l = w.shape), "computedStyle" in w && n(1, a = w.computedStyle), "transform" in w && n(2, u = w.transform), "viewportScale" in w && n(3, d = w.viewportScale), "svgEl" in w && n(4, f = w.svgEl);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*shape*/
     1 && n(5, o = l.geometry), e.$$.dirty[0] & /*geom, viewportScale*/
-    40 && n(10, i = Oe ? [] : ds(o, d)), e.$$.dirty[0] & /*geom, viewportScale*/
+    40 && n(10, i = Ce ? [] : ds(o, d)), e.$$.dirty[0] & /*geom, viewportScale*/
     40 && n(9, s = yt(o.bounds, $e / d));
   }, [
     l,
@@ -4295,22 +4295,22 @@ function _s(e, t, n) {
     f,
     o,
     h,
-    _,
+    p,
     g,
     s,
     i,
     k,
-    y,
+    b,
     A,
     M,
-    O,
+    C,
     T,
-    U,
+    B,
     q,
     z,
-    w,
+    y,
     S,
-    p
+    _
   ];
 }
 class ys extends pe {
@@ -4340,9 +4340,9 @@ const ao = /* @__PURE__ */ new Map([
 ]), ws = (e) => ao.get(e.type), bs = (e, t) => ao.set(e, t);
 function Es(e, t, n) {
   let o;
-  const i = Ce();
+  const i = Oe();
   let { annotation: s } = t, { editor: r } = t, { style: l } = t, { target: a } = t, { transform: u } = t, { viewportScale: d } = t, f;
-  return Ye(() => (n(6, f = new r({
+  return Ne(() => (n(6, f = new r({
     target: a,
     props: {
       shape: s.target.selector,
@@ -4359,7 +4359,7 @@ function Es(e, t, n) {
     "annotation" in h && n(0, s = h.annotation), "editor" in h && n(1, r = h.editor), "style" in h && n(2, l = h.style), "target" in h && n(3, a = h.target), "transform" in h && n(4, u = h.transform), "viewportScale" in h && n(5, d = h.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    5 && n(7, o = Be(s, l)), e.$$.dirty & /*annotation, editorComponent*/
+    5 && n(7, o = Ye(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: u }), e.$$.dirty & /*editorComponent, viewportScale*/
     96 && f && f.$set({ viewportScale: d }), e.$$.dirty & /*editorComponent, computedStyle*/
@@ -4388,11 +4388,11 @@ class vs extends pe {
   }
 }
 function Ss(e, t, n) {
-  const o = Ce();
+  const o = Oe();
   let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: l } = t, { viewportScale: a } = t, u;
-  return Ye(() => {
-    const d = s.closest("svg"), f = [], h = (_, m, g) => {
-      d == null || d.addEventListener(_, m, g), f.push(() => d == null ? void 0 : d.removeEventListener(_, m, g));
+  return Ne(() => {
+    const d = s.closest("svg"), f = [], h = (p, m, g) => {
+      d == null || d.addEventListener(p, m, g), f.push(() => d == null ? void 0 : d.removeEventListener(p, m, g));
     };
     return n(5, u = new r({
       target: s,
@@ -4402,8 +4402,8 @@ function Ss(e, t, n) {
         transform: l,
         viewportScale: a
       }
-    })), u.$on("create", (_) => o("create", _.detail)), () => {
-      f.forEach((_) => _()), u.$destroy();
+    })), u.$on("create", (p) => o("create", p.detail)), () => {
+      f.forEach((p) => p()), u.$destroy();
     };
   }), e.$$set = (d) => {
     "drawingMode" in d && n(0, i = d.drawingMode), "target" in d && n(1, s = d.target), "tool" in d && n(2, r = d.tool), "transform" in d && n(3, l = d.transform), "viewportScale" in d && n(4, a = d.viewportScale);
@@ -4505,7 +4505,7 @@ function An(e) {
       );
     },
     m(f, h) {
-      N(f, t, h), j(t, n), j(n, o), j(n, a), N(f, u, h), N(f, d, h);
+      R(f, t, h), j(t, n), j(n, o), j(n, a), R(f, u, h), R(f, d, h);
     },
     p(f, h) {
       h & /*x, buffer*/
@@ -4609,7 +4609,7 @@ function ks(e) {
       t = P("g"), n && n.c(), c(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      N(o, t, i), n && n.m(t, null);
+      R(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*origin*/
@@ -4624,20 +4624,20 @@ function ks(e) {
 }
 function Ms(e, t, n) {
   let o;
-  const i = Ce();
-  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, u, d, f, h, _, m, g;
+  const i = Oe();
+  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, u, d, f, h, p, m, g;
   const k = (M) => {
-    const O = M;
-    u = performance.now(), r === "drag" && (n(0, d = l.elementToImage(O.offsetX, O.offsetY)), f = d, n(1, h = d[0]), n(2, _ = d[1]), n(3, m = 1), n(4, g = 1));
-  }, y = (M) => {
-    const O = M;
-    d && (f = l.elementToImage(O.offsetX, O.offsetY), n(1, h = Math.min(f[0], d[0])), n(2, _ = Math.min(f[1], d[1])), n(3, m = Math.abs(f[0] - d[0])), n(4, g = Math.abs(f[1] - d[1])));
+    const C = M;
+    u = performance.now(), r === "drag" && (n(0, d = l.elementToImage(C.offsetX, C.offsetY)), f = d, n(1, h = d[0]), n(2, p = d[1]), n(3, m = 1), n(4, g = 1));
+  }, b = (M) => {
+    const C = M;
+    d && (f = l.elementToImage(C.offsetX, C.offsetY), n(1, h = Math.min(f[0], d[0])), n(2, p = Math.min(f[1], d[1])), n(3, m = Math.abs(f[0] - d[0])), n(4, g = Math.abs(f[1] - d[1])));
   }, E = (M) => {
-    const O = M, T = performance.now() - u;
+    const C = M, T = performance.now() - u;
     if (r === "click") {
       if (T > 300) return;
-      d ? v() : (n(0, d = l.elementToImage(O.offsetX, O.offsetY)), f = d, n(1, h = d[0]), n(2, _ = d[1]), n(3, m = 1), n(4, g = 1));
-    } else d && (T > 300 || m * g > 100 ? (O.stopPropagation(), v()) : (n(0, d = void 0), f = void 0));
+      d ? v() : (n(0, d = l.elementToImage(C.offsetX, C.offsetY)), f = d, n(1, h = d[0]), n(2, p = d[1]), n(3, m = 1), n(4, g = 1));
+    } else d && (T > 300 || m * g > 100 ? (C.stopPropagation(), v()) : (n(0, d = void 0), f = void 0));
   }, v = () => {
     if (m * g > 15) {
       const M = {
@@ -4645,12 +4645,12 @@ function Ms(e, t, n) {
         geometry: {
           bounds: {
             minX: h,
-            minY: _,
+            minY: p,
             maxX: h + m,
-            maxY: _ + g
+            maxY: p + g
           },
           x: h,
-          y: _,
+          y: p,
           w: m,
           h: g
         }
@@ -4659,8 +4659,8 @@ function Ms(e, t, n) {
     }
     n(0, d = void 0), f = void 0;
   };
-  Ye(() => {
-    s("pointerdown", k), s("pointermove", y), s("pointerup", E, !0);
+  Ne(() => {
+    s("pointerdown", k), s("pointermove", b), s("pointerup", E, !0);
   });
   const A = `rect-mask-${Math.random().toString(36).substring(2, 12)}`;
   return e.$$set = (M) => {
@@ -4671,7 +4671,7 @@ function Ms(e, t, n) {
   }, [
     d,
     h,
-    _,
+    p,
     m,
     g,
     o,
@@ -4692,7 +4692,7 @@ class Ts extends pe {
     });
   }
 }
-function Nt(e) {
+function Rt(e) {
   const t = e.slice(), n = (
     /*coords*/
     t[2].map((o) => o.join(",")).join(" ")
@@ -4700,7 +4700,7 @@ function Nt(e) {
   return t[19] = n, t;
 }
 function kn(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, _, m, g = (
+  let t, n, o, i, s, r, l, a, u, d, f, h, p, m, g = (
     /*isClosable*/
     e[1] && Mn(e)
   );
@@ -4718,29 +4718,29 @@ function kn(e) {
         e[5]
       ), c(n, "class", "a9s-rubberband-polygon-mask svelte-18wrg3t"), c(d, "class", "a9s-outer"), c(d, "mask", `url(#${/*maskId*/
       e[5]})`), c(d, "points", f = /*str*/
-      e[19]), c(h, "class", "a9s-inner"), c(h, "points", _ = /*str*/
+      e[19]), c(h, "class", "a9s-inner"), c(h, "points", p = /*str*/
       e[19]);
     },
-    m(k, y) {
-      N(k, t, y), j(t, n), j(n, o), j(n, a), N(k, d, y), N(k, h, y), g && g.m(k, y), N(k, m, y);
+    m(k, b) {
+      R(k, t, b), j(t, n), j(n, o), j(n, a), R(k, d, b), R(k, h, b), g && g.m(k, b), R(k, m, b);
     },
-    p(k, y) {
-      y & /*mask*/
+    p(k, b) {
+      b & /*mask*/
       8 && i !== (i = /*mask*/
-      k[3].x) && c(o, "x", i), y & /*mask*/
+      k[3].x) && c(o, "x", i), b & /*mask*/
       8 && s !== (s = /*mask*/
-      k[3].y) && c(o, "y", s), y & /*mask*/
+      k[3].y) && c(o, "y", s), b & /*mask*/
       8 && r !== (r = /*mask*/
-      k[3].w) && c(o, "width", r), y & /*mask*/
+      k[3].w) && c(o, "width", r), b & /*mask*/
       8 && l !== (l = /*mask*/
-      k[3].h) && c(o, "height", l), y & /*coords*/
+      k[3].h) && c(o, "height", l), b & /*coords*/
       4 && u !== (u = /*str*/
-      k[19]) && c(a, "points", u), y & /*coords*/
+      k[19]) && c(a, "points", u), b & /*coords*/
       4 && f !== (f = /*str*/
-      k[19]) && c(d, "points", f), y & /*coords*/
-      4 && _ !== (_ = /*str*/
-      k[19]) && c(h, "points", _), /*isClosable*/
-      k[1] ? g ? g.p(k, y) : (g = Mn(k), g.c(), g.m(m.parentNode, m)) : g && (g.d(1), g = null);
+      k[19]) && c(d, "points", f), b & /*coords*/
+      4 && p !== (p = /*str*/
+      k[19]) && c(h, "points", p), /*isClosable*/
+      k[1] ? g ? g.p(k, b) : (g = Mn(k), g.c(), g.m(m.parentNode, m)) : g && (g.d(1), g = null);
     },
     d(k) {
       k && (D(t), D(d), D(h), D(m)), g && g.d(k);
@@ -4761,7 +4761,7 @@ function Mn(e) {
       );
     },
     m(i, s) {
-      N(i, t, s);
+      R(i, t, s);
     },
     p(i, s) {
       s & /*points*/
@@ -4784,18 +4784,18 @@ function Mn(e) {
 function Ls(e) {
   let t, n = (
     /*mask*/
-    e[3] && kn(Nt(e))
+    e[3] && kn(Rt(e))
   );
   return {
     c() {
       t = P("g"), n && n.c(), c(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      N(o, t, i), n && n.m(t, null);
+      R(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*mask*/
-      o[3] ? n ? n.p(Nt(o), i) : (n = kn(Nt(o)), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
+      o[3] ? n ? n.p(Rt(o), i) : (n = kn(Rt(o)), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
     },
     i: ee,
     o: ee,
@@ -4805,22 +4805,22 @@ function Ls(e) {
   };
 }
 const Ps = 20, Is = 1500;
-function Os(e, t, n) {
+function Cs(e, t, n) {
   let o, i, s;
-  const r = Ce();
-  let { addEventListener: l } = t, { drawingMode: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, f, h = [], _, m, g = !1;
-  const k = (O) => {
-    const T = O, { timeStamp: U, offsetX: Y, offsetY: q } = T;
-    if (f = { timeStamp: U, offsetX: Y, offsetY: q }, a === "drag" && h.length === 0) {
+  const r = Oe();
+  let { addEventListener: l } = t, { drawingMode: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, f, h = [], p, m, g = !1;
+  const k = (C) => {
+    const T = C, { timeStamp: B, offsetX: N, offsetY: q } = T;
+    if (f = { timeStamp: B, offsetX: N, offsetY: q }, a === "drag" && h.length === 0) {
       const z = u.elementToImage(T.offsetX, T.offsetY);
-      h.push(z), n(10, _ = z);
+      h.push(z), n(10, p = z);
     }
-  }, y = (O) => {
-    const T = O;
+  }, b = (C) => {
+    const T = C;
     if (m && clearTimeout(m), h.length > 0) {
-      if (n(10, _ = u.elementToImage(T.offsetX, T.offsetY)), h.length > 2) {
-        const U = ut(_, h[0]) * d;
-        n(1, g = U < Ps);
+      if (n(10, p = u.elementToImage(T.offsetX, T.offsetY)), h.length > 2) {
+        const B = ut(p, h[0]) * d;
+        n(1, g = B < Ps);
       }
       T.pointerType === "touch" && (m = setTimeout(
         () => {
@@ -4829,57 +4829,57 @@ function Os(e, t, n) {
         Is
       ));
     }
-  }, E = (O) => {
-    const T = O;
+  }, E = (C) => {
+    const T = C;
     if (m && clearTimeout(m), a === "click") {
-      const U = T.timeStamp - f.timeStamp, Y = ut([f.offsetX, f.offsetY], [T.offsetX, T.offsetY]);
-      if (U > 300 || Y > 15) return;
+      const B = T.timeStamp - f.timeStamp, N = ut([f.offsetX, f.offsetY], [T.offsetX, T.offsetY]);
+      if (B > 300 || N > 15) return;
       if (g)
         A();
       else if (h.length === 0) {
         const q = u.elementToImage(T.offsetX, T.offsetY);
-        h.push(q), n(10, _ = q);
+        h.push(q), n(10, p = q);
       } else
-        h.push(_);
+        h.push(p);
     } else {
-      if (h.length === 1 && ut(h[0], _) <= 4) {
-        n(0, h = []), n(10, _ = void 0);
+      if (h.length === 1 && ut(h[0], p) <= 4) {
+        n(0, h = []), n(10, p = void 0);
         return;
       }
-      T.stopImmediatePropagation(), g ? A() : h.push(_);
+      T.stopImmediatePropagation(), g ? A() : h.push(p);
     }
   }, v = () => {
-    if (!_) return;
-    const O = h.slice(0, -1);
-    if (O.length < 3) return;
+    if (!p) return;
+    const C = h.slice(0, -1);
+    if (C.length < 3) return;
     const T = {
       type: x.POLYGON,
       geometry: {
         bounds: ge(h),
-        points: O
+        points: C
       }
     };
-    Ht(T) > 4 && (n(0, h = []), n(10, _ = void 0), r("create", T));
+    Ht(T) > 4 && (n(0, h = []), n(10, p = void 0), r("create", T));
   }, A = () => {
-    const O = {
+    const C = {
       type: x.POLYGON,
       geometry: {
         bounds: ge(h),
         points: [...h]
       }
     };
-    n(0, h = []), n(10, _ = void 0), r("create", O);
+    n(0, h = []), n(10, p = void 0), r("create", C);
   };
-  Ye(() => {
-    l("pointerdown", k, !0), l("pointermove", y), l("pointerup", E, !0), l("dblclick", v, !0);
+  Ne(() => {
+    l("pointerdown", k, !0), l("pointermove", b), l("pointerup", E, !0), l("dblclick", v, !0);
   });
   const M = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`;
-  return e.$$set = (O) => {
-    "addEventListener" in O && n(6, l = O.addEventListener), "drawingMode" in O && n(7, a = O.drawingMode), "transform" in O && n(8, u = O.transform), "viewportScale" in O && n(9, d = O.viewportScale);
+  return e.$$set = (C) => {
+    "addEventListener" in C && n(6, l = C.addEventListener), "drawingMode" in C && n(7, a = C.drawingMode), "transform" in C && n(8, u = C.transform), "viewportScale" in C && n(9, d = C.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*viewportScale*/
     512 && n(4, o = 4 / d), e.$$.dirty & /*cursor, isClosable, points*/
-    1027 && n(2, i = _ ? g ? h : [...h, _] : []), e.$$.dirty & /*coords, viewportScale*/
+    1027 && n(2, i = p ? g ? h : [...h, p] : []), e.$$.dirty & /*coords, viewportScale*/
     516 && n(3, s = i.length > 0 ? yt(ge(i), 2 / d) : void 0);
   }, [
     h,
@@ -4892,12 +4892,12 @@ function Os(e, t, n) {
     a,
     u,
     d,
-    _
+    p
   ];
 }
-class Cs extends pe {
+class Os extends pe {
   constructor(t) {
-    super(), me(this, t, Os, Ls, se, {
+    super(), me(this, t, Cs, Ls, se, {
       addEventListener: 6,
       drawingMode: 7,
       transform: 8,
@@ -4907,9 +4907,9 @@ class Cs extends pe {
 }
 const Kt = /* @__PURE__ */ new Map([
   ["rectangle", { tool: Ts }],
-  ["polygon", { tool: Cs }]
+  ["polygon", { tool: Os }]
 ]), co = () => [...Kt.keys()], uo = (e) => Kt.get(e), Ds = (e, t, n = {}) => Kt.set(e, { tool: t, opts: n });
-function Ns(e) {
+function Rs(e) {
   let t, n, o, i, s;
   return {
     c() {
@@ -4963,7 +4963,7 @@ function Ns(e) {
       e[0].id);
     },
     m(r, l) {
-      N(r, t, l), j(t, n), j(t, i);
+      R(r, t, l), j(t, n), j(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -4985,22 +4985,22 @@ function Ns(e) {
     }
   };
 }
-function Ys(e, t, n) {
+function Ns(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
   const { cx: l, cy: a, rx: u, ry: d } = 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 = Be(i, r));
+    129 && n(1, o = Ye(i, r));
   }, [i, o, l, a, u, d, s, r];
 }
-class Bs extends pe {
+class Ys extends pe {
   constructor(t) {
-    super(), me(this, t, Ys, Ns, se, { annotation: 0, geom: 6, style: 7 });
+    super(), me(this, t, Ns, Rs, se, { annotation: 0, geom: 6, style: 7 });
   }
 }
-function Rs(e) {
+function Us(e) {
   let t, n, o, i, s;
   return {
     c() {
@@ -5054,7 +5054,7 @@ function Rs(e) {
       e[0].id);
     },
     m(r, l) {
-      N(r, t, l), j(t, n), j(t, i);
+      R(r, t, l), j(t, n), j(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -5076,19 +5076,19 @@ function Rs(e) {
     }
   };
 }
-function Us(e, t, n) {
+function Bs(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
   const { points: l } = s, [[a, u], [d, f]] = l;
   return e.$$set = (h) => {
     "annotation" in h && n(0, i = h.annotation), "geom" in h && n(6, s = h.geom), "style" in h && n(7, r = h.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    129 && n(1, o = Be(i, r));
+    129 && n(1, o = Ye(i, r));
   }, [i, o, a, u, d, f, s, r];
 }
-class Xs extends pe {
+class Vs extends pe {
   constructor(t) {
-    super(), me(this, t, Us, Rs, se, { annotation: 0, geom: 6, style: 7 });
+    super(), me(this, t, Bs, Us, se, { annotation: 0, geom: 6, style: 7 });
   }
 }
 function Tn(e, t, n) {
@@ -5114,7 +5114,7 @@ function Ln(e) {
       ));
     },
     m(i, s) {
-      N(i, t, s), N(i, o, s);
+      R(i, t, s), R(i, o, s);
     },
     p(i, s) {
       s & /*computedStyle*/
@@ -5132,7 +5132,7 @@ function Ln(e) {
     }
   };
 }
-function Vs(e) {
+function Xs(e) {
   let t, n, o = ve(
     /*polygons*/
     e[2]
@@ -5148,7 +5148,7 @@ function Vs(e) {
       e[0].id);
     },
     m(s, r) {
-      N(s, t, r);
+      R(s, t, r);
       for (let l = 0; l < i.length; l += 1)
         i[l] && i[l].m(t, null);
     },
@@ -5175,7 +5175,7 @@ function Vs(e) {
     i: ee,
     o: ee,
     d(s) {
-      s && D(t), Ne(i, s);
+      s && D(t), Re(i, s);
     }
   };
 }
@@ -5186,12 +5186,12 @@ function Hs(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 = Be(i, r));
+    17 && n(1, o = Ye(i, r));
   }, [i, o, l, s, r];
 }
 class Gs extends pe {
   constructor(t) {
-    super(), me(this, t, Hs, Vs, se, { annotation: 0, geom: 3, style: 4 });
+    super(), me(this, t, Hs, Xs, se, { annotation: 0, geom: 3, style: 4 });
   }
 }
 function js(e) {
@@ -5218,7 +5218,7 @@ function js(e) {
       e[0].id);
     },
     m(r, l) {
-      N(r, t, l), j(t, n), j(t, i);
+      R(r, t, l), j(t, n), j(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -5248,7 +5248,7 @@ function qs(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 = Be(i, r));
+    17 && n(1, o = Ye(i, r));
   }, [i, o, l, s, r];
 }
 class Ks extends pe {
@@ -5282,7 +5282,7 @@ function Ws(e) {
       e[0].id);
     },
     m(a, u) {
-      N(a, t, u), j(t, n), j(t, s);
+      R(a, t, u), j(t, n), j(t, s);
     },
     p(a, [u]) {
       u & /*cssClass*/
@@ -5326,7 +5326,7 @@ function Zs(e, t, n) {
     "annotation" in u && n(0, r = u.annotation), "geom" in u && n(4, l = u.geom), "style" in u && n(5, a = u.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    33 && n(3, o = Be(r, a)), e.$$.dirty & /*geom*/
+    33 && n(3, o = Ye(r, a)), e.$$.dirty & /*geom*/
     16 && n(2, i = $n(l)), e.$$.dirty & /*geom*/
     16 && n(1, s = l.closed ? "closed" : "open");
   }, [r, s, i, o, l, a];
@@ -5390,7 +5390,7 @@ function Qs(e) {
       e[0].id);
     },
     m(r, l) {
-      N(r, t, l), j(t, n), j(t, i);
+      R(r, t, l), j(t, n), j(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -5466,7 +5466,7 @@ function xs(e, t, n) {
     "annotation" in f && n(0, a = f.annotation), "geom" in f && n(6, u = f.geom), "style" in f && n(7, d = f.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    129 && n(5, o = Be(a, d)), e.$$.dirty & /*geom*/
+    129 && n(5, o = Ye(a, d)), e.$$.dirty & /*geom*/
     64 && n(4, { x: i, y: s, w: r, h: l } = u, i, (n(3, s), n(6, u)), (n(2, r), n(6, u)), (n(1, l), n(6, u)));
   }, [a, l, r, s, i, o, u, d];
 }
@@ -5475,7 +5475,7 @@ class $s extends pe {
     super(), me(this, t, xs, Qs, se, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const Br = {
+const Yr = {
   elementToImage: (e, t) => [e, t]
 }, er = (e) => ({
   elementToImage: (t, n) => {
@@ -5485,7 +5485,7 @@ const Br = {
     return [s, r];
   }
 }), tr = 250, nr = (e, t) => {
-  const n = Ce();
+  const n = Oe();
   let o;
   return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
     if (performance.now() - o < tr) {
@@ -5505,32 +5505,32 @@ function In(e, t, n) {
   const o = e.slice();
   return o[42] = t[n], o;
 }
-function Yt(e) {
+function Nt(e) {
   const t = e.slice(), n = (
     /*annotation*/
     t[42].target.selector
   );
   return t[45] = n, t;
 }
-function On(e) {
+function Cn(e) {
   let t = (
     /*annotation*/
     e[42]
-  ), n, o, i = Cn(e);
+  ), n, o, i = On(e);
   return {
     c() {
       i.c(), n = Ae();
     },
     m(s, r) {
-      i.m(s, r), N(s, n, r), o = !0;
+      i.m(s, r), R(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*$store*/
       131072 && se(t, t = /*annotation*/
-      s[42]) ? (we(), H(i, 1, 1, ee), be(), i = Cn(s), i.c(), R(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[42]) ? (we(), H(i, 1, 1, ee), be(), i = On(s), i.c(), U(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (R(i), o = !0);
+      o || (U(i), o = !0);
     },
     o(s) {
       H(i), o = !1;
@@ -5542,7 +5542,7 @@ function On(e) {
 }
 function or(e) {
   let t, n;
-  return t = new Xs({
+  return t = new Vs({
     props: {
       annotation: (
         /*annotation*/
@@ -5575,7 +5575,7 @@ function or(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -5620,7 +5620,7 @@ function ir(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -5665,7 +5665,7 @@ function sr(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -5710,7 +5710,7 @@ function rr(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -5755,7 +5755,7 @@ function lr(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -5768,7 +5768,7 @@ function lr(e) {
 function ar(e) {
   var o;
   let t, n;
-  return t = new Bs({
+  return t = new Ys({
     props: {
       annotation: (
         /*annotation*/
@@ -5802,7 +5802,7 @@ function ar(e) {
       i[1]), t.$set(r);
     },
     i(i) {
-      n || (R(t.$$.fragment, i), n = !0);
+      n || (U(t.$$.fragment, i), n = !0);
     },
     o(i) {
       H(t.$$.fragment, i), n = !1;
@@ -5812,7 +5812,7 @@ function ar(e) {
     }
   };
 }
-function Cn(e) {
+function On(e) {
   let t, n, o, i;
   const s = [
     ar,
@@ -5823,7 +5823,7 @@ function Cn(e) {
     or
   ], r = [];
   function l(a, u) {
-    var d, f, h, _, m, g;
+    var d, f, h, p, m, g;
     return (
       /*selector*/
       ((d = a[45]) == null ? void 0 : d.type) === x.ELLIPSE ? 0 : (
@@ -5832,7 +5832,7 @@ function Cn(e) {
           /*selector*/
           ((h = a[45]) == null ? void 0 : h.type) === x.POLYGON ? 2 : (
             /*selector*/
-            ((_ = a[45]) == null ? void 0 : _.type) === x.MULTIPOLYGON ? 3 : (
+            ((p = a[45]) == null ? void 0 : p.type) === x.MULTIPOLYGON ? 3 : (
               /*selector*/
               ((m = a[45]) == null ? void 0 : m.type) === x.POLYLINE ? 4 : (
                 /*selector*/
@@ -5849,16 +5849,16 @@ function Cn(e) {
       n && n.c(), o = Ae();
     },
     m(a, u) {
-      ~t && r[t].m(a, u), N(a, o, u), i = !0;
+      ~t && r[t].m(a, u), R(a, o, u), i = !0;
     },
     p(a, u) {
       let d = t;
       t = l(a), t === d ? ~t && r[t].p(a, u) : (n && (we(), H(r[d], 1, 1, () => {
         r[d] = null;
-      }), be()), ~t ? (n = r[t], n ? n.p(a, u) : (n = r[t] = s[t](a), n.c()), R(n, 1), n.m(o.parentNode, o)) : n = null);
+      }), be()), ~t ? (n = r[t], n ? n.p(a, u) : (n = r[t] = s[t](a), n.c()), U(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
-      i || (R(n), i = !0);
+      i || (U(n), i = !0);
     },
     o(a) {
       H(n), i = !1;
@@ -5876,13 +5876,13 @@ function Dn(e) {
   e[10](
     /*annotation*/
     e[42]
-  ), n, o, i = t && On(Yt(e));
+  ), n, o, i = t && Cn(Nt(e));
   return {
     c() {
       i && i.c(), n = Ae();
     },
     m(s, r) {
-      i && i.m(s, r), N(s, n, r), o = !0;
+      i && i.m(s, r), R(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*$store, isEditable*/
@@ -5893,13 +5893,13 @@ function Dn(e) {
       s[10](
         /*annotation*/
         s[42]
-      )), t ? i ? (i.p(Yt(s), r), r[0] & /*$store, isEditable*/
-      132096 && R(i, 1)) : (i = On(Yt(s)), i.c(), R(i, 1), i.m(n.parentNode, n)) : i && (we(), H(i, 1, 1, () => {
+      )), t ? i ? (i.p(Nt(s), r), r[0] & /*$store, isEditable*/
+      132096 && U(i, 1)) : (i = Cn(Nt(s)), i.c(), U(i, 1), i.m(n.parentNode, n)) : i && (we(), H(i, 1, 1, () => {
         i = null;
       }), be());
     },
     i(s) {
-      o || (R(i), o = !0);
+      o || (U(i), o = !0);
     },
     o(s) {
       H(i), o = !1;
@@ -5909,7 +5909,7 @@ function Dn(e) {
     }
   };
 }
-function Nn(e) {
+function Rn(e) {
   let t, n, o, i;
   const s = [ur, cr], r = [];
   function l(a, u) {
@@ -5927,16 +5927,16 @@ function Nn(e) {
       n && n.c(), o = Ae();
     },
     m(a, u) {
-      ~t && r[t].m(a, u), N(a, o, u), i = !0;
+      ~t && r[t].m(a, u), R(a, o, u), i = !0;
     },
     p(a, u) {
       let d = t;
       t = l(a), t === d ? ~t && r[t].p(a, u) : (n && (we(), H(r[d], 1, 1, () => {
         r[d] = null;
-      }), be()), ~t ? (n = r[t], n ? n.p(a, u) : (n = r[t] = s[t](a), n.c()), R(n, 1), n.m(o.parentNode, o)) : n = null);
+      }), be()), ~t ? (n = r[t], n ? n.p(a, u) : (n = r[t] = s[t](a), n.c()), U(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
-      i || (R(n), i = !0);
+      i || (U(n), i = !0);
     },
     o(a) {
       H(n), i = !1;
@@ -5949,22 +5949,22 @@ function Nn(e) {
 function cr(e) {
   let t = `${/*toolName*/
   e[2]}-${/*toolMountKey*/
-  e[7]}`, n, o, i = Yn(e);
+  e[7]}`, n, o, i = Nn(e);
   return {
     c() {
       i.c(), n = Ae();
     },
     m(s, r) {
-      i.m(s, r), N(s, n, r), o = !0;
+      i.m(s, r), R(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*toolName, toolMountKey*/
       132 && se(t, t = `${/*toolName*/
       s[2]}-${/*toolMountKey*/
-      s[7]}`) ? (we(), H(i, 1, 1, ee), be(), i = Yn(s), i.c(), R(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[7]}`) ? (we(), H(i, 1, 1, ee), be(), i = Nn(s), i.c(), U(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (R(i), o = !0);
+      o || (U(i), o = !0);
     },
     o(s) {
       H(i), o = !1;
@@ -5980,7 +5980,7 @@ function ur(e) {
     e[6]
   ), i = [];
   for (let r = 0; r < o.length; r += 1)
-    i[r] = Rn(Pn(e, o, r));
+    i[r] = Un(Pn(e, o, r));
   const s = (r) => H(i[r], 1, 1, () => {
     i[r] = null;
   });
@@ -5993,7 +5993,7 @@ function ur(e) {
     m(r, l) {
       for (let a = 0; a < i.length; a += 1)
         i[a] && i[a].m(r, l);
-      N(r, t, l), n = !0;
+      R(r, t, l), n = !0;
     },
     p(r, l) {
       if (l[0] & /*editors, drawingEl, style, transform, $scale, onChangeSelected*/
@@ -6005,7 +6005,7 @@ function ur(e) {
         let a;
         for (a = 0; a < o.length; a += 1) {
           const u = Pn(r, o, a);
-          i[a] ? (i[a].p(u, l), R(i[a], 1)) : (i[a] = Rn(u), i[a].c(), R(i[a], 1), i[a].m(t.parentNode, t));
+          i[a] ? (i[a].p(u, l), U(i[a], 1)) : (i[a] = Un(u), i[a].c(), U(i[a], 1), i[a].m(t.parentNode, t));
         }
         for (we(), a = o.length; a < i.length; a += 1)
           s(a);
@@ -6015,7 +6015,7 @@ function ur(e) {
     i(r) {
       if (!n) {
         for (let l = 0; l < o.length; l += 1)
-          R(i[l]);
+          U(i[l]);
         n = !0;
       }
     },
@@ -6026,11 +6026,11 @@ function ur(e) {
       n = !1;
     },
     d(r) {
-      r && D(t), Ne(i, r);
+      r && D(t), Re(i, r);
     }
   };
 }
-function Yn(e) {
+function Nn(e) {
   let t, n;
   return t = new As({
     props: {
@@ -6081,7 +6081,7 @@ function Yn(e) {
       o[18]), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -6091,7 +6091,7 @@ function Yn(e) {
     }
   };
 }
-function Bn(e) {
+function Yn(e) {
   let t, n;
   return t = new vs({
     props: {
@@ -6156,7 +6156,7 @@ function Bn(e) {
       e[18]), t.$set(s);
     },
     i(o) {
-      n || (R(t.$$.fragment, o), n = !0);
+      n || (U(t.$$.fragment, o), n = !0);
     },
     o(o) {
       H(t.$$.fragment, o), n = !1;
@@ -6166,25 +6166,25 @@ function Bn(e) {
     }
   };
 }
-function Rn(e) {
+function Un(e) {
   let t = (
     /*editable*/
     e[39].annotation.id
-  ), n, o, i = Bn(e);
+  ), n, o, i = Yn(e);
   return {
     c() {
       i.c(), n = Ae();
     },
     m(s, r) {
-      i.m(s, r), N(s, n, r), o = !0;
+      i.m(s, r), R(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*editors*/
       64 && se(t, t = /*editable*/
-      s[39].annotation.id) ? (we(), H(i, 1, 1, ee), be(), i = Bn(s), i.c(), R(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[39].annotation.id) ? (we(), H(i, 1, 1, ee), be(), i = Yn(s), i.c(), U(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (R(i), o = !0);
+      o || (U(i), o = !0);
     },
     o(s) {
       H(i), o = !1;
@@ -6209,7 +6209,7 @@ function fr(e) {
   });
   let d = (
     /*drawingEl*/
-    e[8] && Nn(e)
+    e[8] && Rn(e)
   );
   return {
     c() {
@@ -6235,9 +6235,9 @@ function fr(e) {
       );
     },
     m(f, h) {
-      N(f, t, h), j(t, n);
-      for (let _ = 0; _ < a.length; _ += 1)
-        a[_] && a[_].m(n, null);
+      R(f, t, h), j(t, n);
+      for (let p = 0; p < a.length; p += 1)
+        a[p] && a[p].m(n, null);
       j(t, o), d && d.m(o, null), e[35](o), e[36](t), i = !0, s || (r = [
         Q(t, "pointerup", function() {
           ie(
@@ -6269,18 +6269,18 @@ function fr(e) {
             e[34]
           )
         );
-        let _;
-        for (_ = 0; _ < l.length; _ += 1) {
-          const m = In(e, l, _);
-          a[_] ? (a[_].p(m, h), R(a[_], 1)) : (a[_] = Dn(m), a[_].c(), R(a[_], 1), a[_].m(n, null));
+        let p;
+        for (p = 0; p < l.length; p += 1) {
+          const m = In(e, l, p);
+          a[p] ? (a[p].p(m, h), U(a[p], 1)) : (a[p] = Dn(m), a[p].c(), U(a[p], 1), a[p].m(n, null));
         }
-        for (we(), _ = l.length; _ < a.length; _ += 1)
-          u(_);
+        for (we(), p = l.length; p < a.length; p += 1)
+          u(p);
         be();
       }
       /*drawingEl*/
       e[8] ? d ? (d.p(e, h), h[0] & /*drawingEl*/
-      256 && R(d, 1)) : (d = Nn(e), d.c(), R(d, 1), d.m(o, null)) : d && (we(), H(d, 1, 1, () => {
+      256 && U(d, 1)) : (d = Rn(e), d.c(), U(d, 1), d.m(o, null)) : d && (we(), H(d, 1, 1, () => {
         d = null;
       }), be()), (!i || h[0] & /*tool*/
       32768) && Me(
@@ -6307,8 +6307,8 @@ function fr(e) {
     i(f) {
       if (!i) {
         for (let h = 0; h < l.length; h += 1)
-          R(a[h]);
-        R(d), i = !0;
+          U(a[h]);
+        U(d), i = !0;
       }
     },
     o(f) {
@@ -6318,89 +6318,89 @@ function fr(e) {
       H(d), i = !1;
     },
     d(f) {
-      f && D(t), Ne(a, f), d && d.d(), e[35](null), e[36](null), s = !1, Se(r);
+      f && D(t), Re(a, f), d && d.d(), e[35](null), e[36](null), s = !1, Se(r);
     }
   };
 }
 function dr(e, t, n) {
-  let o, i, s, r, l, a, u, d, f, h, _, m, g = ee, k = () => (g(), g = Gn(b, (X) => n(18, m = X)), b);
+  let o, i, s, r, l, a, u, d, f, h, p, m, g = ee, k = () => (g(), g = Gn(w, (V) => n(18, m = V)), w);
   e.$$.on_destroy.push(() => g());
-  let { drawingEnabled: y } = t, { image: E } = t, { preferredDrawingMode: v } = t, { state: A } = t, { style: M = void 0 } = t, { toolName: O = co()[0] } = t, { user: T } = t, { visible: U = !0 } = t, Y = 0;
-  const q = () => n(7, Y += 1), z = () => O, w = () => y;
-  let S, p, b;
-  Ye(() => k(n(9, b = Gi(E, p))));
-  const { hover: I, selection: L, store: C } = A;
-  vt(e, I, (X) => n(16, f = X)), vt(e, L, (X) => n(33, h = X)), vt(e, C, (X) => n(17, _ = X));
-  let G, V;
-  const W = (X) => {
-    G && C.unobserve(G);
-    const ce = X.filter(({ editable: $ }) => $).map(({ id: $ }) => $);
-    ce.length > 0 ? (n(5, V = ce.map(($) => C.getAnnotation($)).filter(($) => $ && pt($))), G = ($) => {
+  let { drawingEnabled: b } = t, { image: E } = t, { preferredDrawingMode: v } = t, { state: A } = t, { style: M = void 0 } = t, { toolName: C = co()[0] } = t, { user: T } = t, { visible: B = !0 } = t, N = 0;
+  const q = () => n(7, N += 1), z = () => C, y = () => b;
+  let S, _, w;
+  Ne(() => k(n(9, w = Gi(E, _))));
+  const { hover: I, selection: L, store: O } = A;
+  vt(e, I, (V) => n(16, f = V)), vt(e, L, (V) => n(33, h = V)), vt(e, O, (V) => n(17, p = V));
+  let G, X;
+  const W = (V) => {
+    G && O.unobserve(G);
+    const ce = V.filter(({ editable: $ }) => $).map(({ id: $ }) => $);
+    ce.length > 0 ? (n(5, X = ce.map(($) => O.getAnnotation($)).filter(($) => $ && pt($))), G = ($) => {
       const { updated: ue } = $.changes;
-      n(5, V = ue == null ? void 0 : ue.map((_e) => _e.newValue));
-    }, C.observe(G, { annotations: ce })) : n(5, V = void 0);
-  }, K = (X) => {
+      n(5, X = ue == null ? void 0 : ue.map((_e) => _e.newValue));
+    }, O.observe(G, { annotations: ce })) : n(5, X = void 0);
+  }, K = (V) => {
     const ce = no(), $ = {
       id: ce,
       bodies: [],
       target: {
         annotation: ce,
-        selector: X.detail,
+        selector: V.detail,
         creator: T,
         created: /* @__PURE__ */ new Date()
       }
     };
-    C.addAnnotation($), L.setSelected($.id);
-  }, Z = (X) => (ce) => {
-    var Re;
-    const { target: $ } = X, ue = 10 * 60 * 1e3, _e = ((Re = $.creator) == null ? void 0 : Re.id) !== T.id || !$.created || (/* @__PURE__ */ new Date()).getTime() - $.created.getTime() > ue;
-    C.updateTarget({
+    O.addAnnotation($), L.setSelected($.id);
+  }, Z = (V) => (ce) => {
+    var Ue;
+    const { target: $ } = V, ue = 10 * 60 * 1e3, _e = ((Ue = $.creator) == null ? void 0 : Ue.id) !== T.id || !$.created || (/* @__PURE__ */ new Date()).getTime() - $.created.getTime() > ue;
+    O.updateTarget({
       ...$,
       selector: ce.detail,
       created: _e ? $.created : /* @__PURE__ */ new Date(),
       updated: _e ? /* @__PURE__ */ new Date() : void 0,
       updatedBy: _e ? T : void 0
     });
-  }, te = (X) => {
-    const { x: ce, y: $ } = fo(X, p), ue = C.getAt(ce, $, void 0, 2);
+  }, te = (V) => {
+    const { x: ce, y: $ } = fo(V, _), ue = O.getAt(ce, $, void 0, 2);
     ue ? f !== ue.id && I.set(ue.id) : I.set(void 0);
-  }, oe = (X) => pt(X);
-  function Ee(X) {
-    ht[X ? "unshift" : "push"](() => {
-      S = X, n(8, S);
+  }, oe = (V) => pt(V);
+  function Ee(V) {
+    ht[V ? "unshift" : "push"](() => {
+      S = V, n(8, S);
     });
   }
-  function ke(X) {
-    ht[X ? "unshift" : "push"](() => {
-      p = X, n(4, p);
+  function ke(V) {
+    ht[V ? "unshift" : "push"](() => {
+      _ = V, n(4, _);
     });
   }
-  return e.$$set = (X) => {
-    "drawingEnabled" in X && n(0, y = X.drawingEnabled), "image" in X && n(25, E = X.image), "preferredDrawingMode" in X && n(26, v = X.preferredDrawingMode), "state" in X && n(27, A = X.state), "style" in X && n(1, M = X.style), "toolName" in X && n(2, O = X.toolName), "user" in X && n(28, T = X.user), "visible" in X && n(3, U = X.visible);
+  return e.$$set = (V) => {
+    "drawingEnabled" in V && n(0, b = V.drawingEnabled), "image" in V && n(25, E = V.image), "preferredDrawingMode" in V && n(26, v = V.preferredDrawingMode), "state" in V && n(27, A = V.state), "style" in V && n(1, M = V.style), "toolName" in V && n(2, C = V.toolName), "user" in V && n(28, T = V.user), "visible" in V && n(3, B = V.visible);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
-    4 && n(15, { tool: o, opts: i } = uo(O) || { tool: void 0, opts: void 0 }, o, (n(32, i), n(2, O))), e.$$.dirty[0] & /*preferredDrawingMode*/
+    4 && n(15, { tool: o, opts: i } = uo(C) || { tool: void 0, opts: void 0 }, o, (n(32, i), n(2, C))), e.$$.dirty[0] & /*preferredDrawingMode*/
     67108864 | e.$$.dirty[1] & /*opts*/
     2 && n(14, s = (i == null ? void 0 : i.drawingMode) || v), e.$$.dirty[0] & /*svgEl*/
-    16 && n(13, r = er(p)), e.$$.dirty[0] & /*svgEl*/
-    16 && n(12, { onPointerDown: l, onPointerUp: a } = nr(p, C), l, (n(11, a), n(4, p))), e.$$.dirty[1] & /*$selection*/
+    16 && n(13, r = er(_)), e.$$.dirty[0] & /*svgEl*/
+    16 && n(12, { onPointerDown: l, onPointerUp: a } = nr(_, O), l, (n(11, a), n(4, _))), e.$$.dirty[1] & /*$selection*/
     4 && W(h.selected), e.$$.dirty[0] & /*editableAnnotations*/
-    32 && n(6, u = V ? V.map((X) => ({
-      annotation: X,
-      editor: ws(X.target.selector)
-    })).filter((X) => X.editor) : void 0), e.$$.dirty[0] & /*editors*/
-    64 && n(10, d = (X) => u && u.some((ce) => ce.annotation.id === X.id));
+    32 && n(6, u = X ? X.map((V) => ({
+      annotation: V,
+      editor: ws(V.target.selector)
+    })).filter((V) => V.editor) : void 0), e.$$.dirty[0] & /*editors*/
+    64 && n(10, d = (V) => u && u.some((ce) => ce.annotation.id === V.id));
   }, [
-    y,
+    b,
     M,
-    O,
-    U,
-    p,
-    V,
+    C,
+    B,
+    _,
+    X,
     u,
-    Y,
+    N,
     S,
-    b,
+    w,
     d,
     a,
     l,
@@ -6408,11 +6408,11 @@ function dr(e, t, n) {
     s,
     o,
     f,
-    _,
+    p,
     m,
     I,
     L,
-    C,
+    O,
     K,
     Z,
     te,
@@ -6422,7 +6422,7 @@ function dr(e, t, n) {
     T,
     q,
     z,
-    w,
+    y,
     i,
     h,
     oe,
@@ -6468,8 +6468,8 @@ class hr extends pe {
 function ho(e, t, n = 0, o = e.length - 1, i = gr) {
   for (; o > n; ) {
     if (o - n > 600) {
-      const a = o - n + 1, u = t - n + 1, d = Math.log(a), f = 0.5 * Math.exp(2 * d / 3), h = 0.5 * Math.sqrt(d * f * (a - f) / a) * (u - a / 2 < 0 ? -1 : 1), _ = Math.max(n, Math.floor(t - u * f / a + h)), m = Math.min(o, Math.floor(t + (a - u) * f / a + h));
-      ho(e, t, _, m, i);
+      const a = o - n + 1, u = t - n + 1, d = Math.log(a), f = 0.5 * Math.exp(2 * d / 3), h = 0.5 * Math.sqrt(d * f * (a - f) / a) * (u - a / 2 < 0 ? -1 : 1), p = Math.max(n, Math.floor(t - u * f / a + h)), m = Math.min(o, Math.floor(t + (a - u) * f / a + h));
+      ho(e, t, p, m, i);
     }
     const s = e[t];
     let r = n, l = o;
@@ -6502,7 +6502,7 @@ class mr {
     for (; n; ) {
       for (let r = 0; r < n.children.length; r++) {
         const l = n.children[r], a = n.leaf ? i(l) : l;
-        at(t, a) && (n.leaf ? o.push(l) : Rt(t, a) ? this._all(l, o) : s.push(l));
+        at(t, a) && (n.leaf ? o.push(l) : Ut(t, a) ? this._all(l, o) : s.push(l));
       }
       n = s.pop();
     }
@@ -6516,7 +6516,7 @@ class mr {
       for (let i = 0; i < n.children.length; i++) {
         const s = n.children[i], r = n.leaf ? this.toBBox(s) : s;
         if (at(t, r)) {
-          if (n.leaf || Rt(t, r)) return !0;
+          if (n.leaf || Ut(t, r)) return !0;
           o.push(s);
         }
       }
@@ -6562,7 +6562,7 @@ class mr {
         if (d !== -1)
           return o.children.splice(d, 1), s.push(o), this._condense(s), this;
       }
-      !u && !o.leaf && Rt(o, i) ? (s.push(o), r.push(l), l = 0, a = o, o = o.children[0]) : a ? (l++, o = a.children[l], u = !1) : o = null;
+      !u && !o.leaf && Ut(o, i) ? (s.push(o), r.push(l), l = 0, a = o, o = o.children[0]) : a ? (l++, o = a.children[l], u = !1) : o = null;
     }
     return this;
   }
@@ -6594,13 +6594,13 @@ class mr {
       return l = je(t.slice(n, o + 1)), He(l, this.toBBox), l;
     i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = je([]), l.leaf = !1, l.height = i;
     const a = Math.ceil(s / r), u = a * Math.ceil(Math.sqrt(r));
-    Un(t, n, o, u, this.compareMinX);
+    Bn(t, n, o, u, this.compareMinX);
     for (let d = n; d <= o; d += u) {
       const f = Math.min(d + u - 1, o);
-      Un(t, d, f, a, this.compareMinY);
+      Bn(t, d, f, a, this.compareMinY);
       for (let h = d; h <= f; h += a) {
-        const _ = Math.min(h + a - 1, f);
-        l.children.push(this._build(t, h, _, i - 1));
+        const p = Math.min(h + a - 1, f);
+        l.children.push(this._build(t, h, p, i - 1));
       }
     }
     return He(l, this.toBBox), l;
@@ -6609,7 +6609,7 @@ class mr {
     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 u = n.children[a], d = Bt(u), f = wr(t, u) - d;
+        const u = n.children[a], d = Yt(u), f = wr(t, u) - d;
         f < r ? (r = f, s = d < s ? d : s, l = u) : f === r && d < s && (s = d, l = u);
       }
       n = l || n.children[0];
@@ -6635,7 +6635,7 @@ class mr {
   _chooseSplitIndex(t, n, o) {
     let i, s = 1 / 0, r = 1 / 0;
     for (let l = n; l <= o - n; l++) {
-      const a = We(t, 0, l, this.toBBox), u = We(t, l, o, this.toBBox), d = br(a, u), f = Bt(a) + Bt(u);
+      const a = We(t, 0, l, this.toBBox), u = We(t, l, o, this.toBBox), d = br(a, u), f = Yt(a) + Yt(u);
       d < s ? (s = d, i = l, r = f < r ? f : r) : d === s && f < r && (r = f, i = l);
     }
     return i || o - n;
@@ -6695,7 +6695,7 @@ function _r(e, t) {
 function yr(e, t) {
   return e.minY - t.minY;
 }
-function Bt(e) {
+function Yt(e) {
   return (e.maxX - e.minX) * (e.maxY - e.minY);
 }
 function lt(e) {
@@ -6708,7 +6708,7 @@ function br(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 Rt(e, t) {
+function Ut(e, t) {
   return e.minX <= t.minX && e.minY <= t.minY && t.maxX <= e.maxX && t.maxY <= e.maxY;
 }
 function at(e, t) {
@@ -6725,7 +6725,7 @@ function je(e) {
     maxY: -1 / 0
   };
 }
-function Un(e, t, n, o, i) {
+function Bn(e, t, n, o, i) {
   const s = [t, n];
   for (; s.length; ) {
     if (n = s.pop(), t = s.pop(), n - t <= o) continue;
@@ -6738,7 +6738,7 @@ const Er = () => {
     e.clear(), t.clear();
   }, i = (f) => {
     if (!dt(f)) return;
-    const { minX: h, minY: _, maxX: m, maxY: g } = f.selector.geometry.bounds, k = { minX: h, minY: _, maxX: m, maxY: g, target: f };
+    const { minX: h, minY: p, maxX: m, maxY: g } = f.selector.geometry.bounds, k = { minX: h, minY: p, maxX: m, maxY: g, target: f };
     e.insert(k), t.set(f.annotation, k);
   }, s = (f) => {
     if (!dt(f)) return;
@@ -6748,33 +6748,33 @@ const Er = () => {
   return {
     all: n,
     clear: o,
-    getAt: (f, h, _, m = 0) => {
-      const k = e.search({
-        minX: f - m,
-        minY: h - m,
-        maxX: f + m,
-        maxY: h + m
-      }).map((y) => y.target).filter((y) => y.selector.type === x.RECTANGLE || Io(y.selector, f, h, m));
-      return k.length > 0 ? (k.sort((y, E) => Ht(y.selector) - Ht(E.selector)), k) : [];
-    },
-    getIntersecting: (f, h, _, m) => e.search({
+    getAt: (f, h, p = 0) => {
+      const g = e.search({
+        minX: f - p,
+        minY: h - p,
+        maxX: f + p,
+        maxY: h + p
+      }).map((k) => k.target).filter((k) => k.selector.type === x.RECTANGLE || Io(k.selector, f, h, p));
+      return g.length > 0 ? (g.sort((k, b) => Ht(k.selector) - Ht(b.selector)), g) : [];
+    },
+    getIntersecting: (f, h, p, m) => e.search({
       minX: f,
       minY: h,
-      maxX: f + _,
+      maxX: f + p,
       maxY: h + m
     }).map((g) => g.target),
     insert: i,
     remove: s,
     set: (f, h = !0) => {
       h && o();
-      const _ = f.reduce((m, g) => {
+      const p = f.reduce((m, g) => {
         if (dt(g)) {
-          const { minX: k, minY: y, maxX: E, maxY: v } = g.selector.geometry.bounds;
-          return [...m, { minX: k, minY: y, maxX: E, maxY: v, target: g }];
+          const { minX: k, minY: b, maxX: E, maxY: v } = g.selector.geometry.bounds;
+          return [...m, { minX: k, minY: b, maxX: E, maxY: v, target: g }];
         } else
           return m;
       }, []);
-      _.forEach((m) => t.set(m.target.annotation, m)), e.load(_);
+      p.forEach((m) => t.set(m.target.annotation, m)), e.load(p);
     },
     size: () => e.all().length,
     update: (f, h) => {
@@ -6789,12 +6789,12 @@ const Er = () => {
     store: {
       ...t,
       getAt: (a, u, d, f) => {
-        const h = n.getAt(a, u, d, f);
+        const h = n.getAt(a, u, f);
         if (d)
           return h.map((m) => t.getAnnotation(m.annotation)).filter(Boolean).filter(d)[0];
         {
-          const _ = h[0];
-          return _ ? t.getAnnotation(_.annotation) : void 0;
+          const p = h[0];
+          return p ? t.getAnnotation(p.annotation) : void 0;
         }
       },
       getIntersecting: (a, u, d, f) => n.getIntersecting(a, u, d, f).map((h) => t.getAnnotation(h.annotation)).filter(Boolean)
@@ -6827,13 +6827,13 @@ const Er = () => {
 }, kr = (e) => {
   const t = Ar(e), n = t > 0.6 ? "dark" : "light";
   return console.log(`[Annotorious] Image brightness: ${t.toFixed(1)}. Setting ${n} theme.`), n;
-}, Xn = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? kr(e) : n), Mr = (e, t) => ({
+}, Vn = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? kr(e) : n), Mr = (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
-}), Vn = typeof navigator > "u" ? !1 : navigator.userAgent.indexOf("Mac OS X") !== -1, Tr = (e, t) => {
+}), Xn = typeof navigator > "u" ? !1 : navigator.userAgent.indexOf("Mac OS X") !== -1, Tr = (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();
@@ -6841,12 +6841,12 @@ const Er = () => {
     const l = r;
     l.key === "z" && l.metaKey && (l.shiftKey ? e.redo() : e.undo());
   }, s = () => {
-    Vn ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
+    Xn ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
   };
-  return Vn ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
+  return Xn ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
     destroy: s
   };
-}, Rr = (e, t = {}) => {
+}, Ur = (e, t = {}) => {
   if (!e)
     throw "Missing argument: image";
   const n = typeof e == "string" ? document.getElementById(e) : e, o = Mr(t, {
@@ -6863,7 +6863,7 @@ const Er = () => {
   u.style.position = "relative", u.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(u, n), u.appendChild(n);
   const d = Tr(l);
   let f = Di();
-  Xn(n, u, o.theme);
+  Vn(n, u, o.theme);
   const h = new hr({
     target: u,
     props: {
@@ -6875,41 +6875,41 @@ const Er = () => {
       user: f
     }
   });
-  h.$on("click", (w) => {
-    const { originalEvent: S, annotation: p } = w.detail;
-    p ? s.userSelect(p.id, S) : s.isEmpty() || s.clear();
+  h.$on("click", (y) => {
+    const { originalEvent: S, annotation: _ } = y.detail;
+    _ ? s.userSelect(_.id, S) : s.isEmpty() || s.clear();
   });
-  const _ = Ti(i, l, o.adapter), m = () => h.cancelDrawing(), g = () => {
+  const p = Ti(i, l, o.adapter), m = () => h.cancelDrawing(), g = () => {
     h.$destroy(), u.parentNode.insertBefore(n, u), u.parentNode.removeChild(u), d.destroy(), l.destroy();
-  }, k = () => h.getDrawingTool(), y = () => f, E = () => h.isDrawingEnabled(), v = (w, S, p) => Ds(w, S, p), A = (w, S) => bs(w, S), M = (w) => {
-    if (!uo(w))
-      throw `No drawing tool named ${w}`;
-    h.$set({ toolName: w });
-  }, O = (w) => h.$set({ drawingEnabled: w }), T = (w) => {
+  }, k = () => h.getDrawingTool(), b = () => f, E = () => h.isDrawingEnabled(), v = (y, S, _) => Ds(y, S, _), A = (y, S) => bs(y, S), M = (y) => {
+    if (!uo(y))
+      throw `No drawing tool named ${y}`;
+    h.$set({ toolName: y });
+  }, C = (y) => h.$set({ drawingEnabled: y }), T = (y) => {
     console.warn("Filter not implemented yet");
-  }, U = (w) => h.$set({ style: w }), Y = (w) => Xn(n, u, w), q = (w) => {
-    f = w, h.$set({ user: w });
-  }, z = (w) => (
+  }, B = (y) => h.$set({ style: y }), N = (y) => Vn(n, u, y), q = (y) => {
+    f = y, h.$set({ user: y });
+  }, z = (y) => (
     // @ts-ignore
-    h.$set({ visible: w })
+    h.$set({ visible: y })
   );
   return {
-    ..._,
+    ...p,
     cancelDrawing: m,
     destroy: g,
     getDrawingTool: k,
-    getUser: y,
+    getUser: b,
     isDrawingEnabled: E,
     listDrawingTools: co,
     on: a.on,
     off: a.off,
     registerDrawingTool: v,
     registerShapeEditor: A,
-    setDrawingEnabled: O,
+    setDrawingEnabled: C,
     setDrawingTool: M,
     setFilter: T,
-    setStyle: U,
-    setTheme: Y,
+    setStyle: B,
+    setTheme: N,
     setUser: q,
     setVisible: z,
     element: u,
@@ -6920,17 +6920,17 @@ export {
   qt as Editor,
   vs as EditorMount,
   ze as Handle,
-  Br as IdentityTransform,
+  Yr as IdentityTransform,
   lo as MidpointHandle,
   rs as PolygonEditor,
   us as RectangleEditor,
-  Xo as RectangleUtil,
+  Vo as RectangleUtil,
   Ts as RubberbandRectangle,
   hr as SVGAnnotationLayer,
   x as ShapeType,
   As as ToolMount,
   oo as UserSelectAction,
-  Yr as W3CImageFormat,
+  Nr as W3CImageFormat,
   nr as addEventListeners,
   Gt as approximateAsPolygon,
   ft as boundsFromMultiPolygonElements,
@@ -6939,18 +6939,18 @@ export {
   Ht as computeArea,
   gt as computePolygonArea,
   $n as computeSVGPath,
-  Cr as computeStyle,
-  Or as createBody,
-  Rr as createImageAnnotator,
+  Or as computeStyle,
+  Cr as createBody,
+  Ur as createImageAnnotator,
   vr as createImageAnnotatorState,
   er as createSVGTransform,
   Sr as createSvelteImageAnnotatorState,
-  Nr as defaultColorProvider,
+  Rr as defaultColorProvider,
   kr as detectTheme,
   ut as distance,
   Gi as enableResponsive,
   Mr as fillDefaults,
-  Yo as getAllCorners,
+  No as getAllCorners,
   ws as getEditor,
   yt as getMaskDimensions,
   fo as getSVGPoint,
@@ -6959,23 +6959,23 @@ export {
   Io as intersects,
   pt as isImageAnnotation,
   dt as isImageAnnotationTarget,
-  Vn as isMac,
+  Xn as isMac,
   mt as isPointInPolygon,
-  Oe as isTouch,
+  Ce as isTouch,
   co as listDrawingTools,
   Te as multipolygonElementToPath,
-  Vo as parseFragmentSelector,
+  Xo as parseFragmentSelector,
   Qo as parseSVGSelector,
-  Ui as parseW3CImageAnnotation,
-  Oo as pointsToPath,
+  Bi as parseW3CImageAnnotation,
+  Co as pointsToPath,
   bs as registerEditor,
   qe as registerShapeUtil,
   Ds as registerTool,
   Ar as sampleBrightness,
   Ho as serializeFragmentSelector,
   $o as serializeSVGSelector,
-  Xi as serializeW3CImageAnnotation,
-  Xn as setTheme,
+  Vi as serializeW3CImageAnnotation,
+  Vn as setTheme,
   Pr as simplifyMultiPolygon,
   Qn as simplifyPoints,
   Ir as simplifyPolygon