@annotorious/annotorious 3.6.4 → 3.6.6

package/dist/annotorious.es.js

@@ -163,14 +163,14 @@ 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();
@@ -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) {
@@ -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) {
@@ -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]];
@@ -416,8 +416,8 @@ const Po = /* @__PURE__ */ To(Lo), zt = {}, qe = (e, t) => zt[e] = t, Ht = (e) =
 }, Co = {
   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);
@@ -525,7 +525,7 @@ const Ro = {
   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,
@@ -592,31 +592,31 @@ const Ro = {
   return t.join(" ");
 };
 qe(x.POLYLINE, Ro);
-const Xo = {
+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
   };
@@ -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,184 +1146,184 @@ 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((C) => t.delete(C.id)), _.bodies.forEach((C) => t.set(C.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) => {
+    _.length > 0 && s(S, { updated: _ });
+  }, f = (y, S = ne.LOCAL) => {
+    const _ = y.map(rt), { toAdd: w, toUpdate: I } = _.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);
+    w.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]
+    }), 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.clear(), t.clear(), w.forEach((L) => {
         e.set(L.id, L), L.bodies.forEach((C) => t.set(C.id, L.id));
-      }), s(p, { created: b, deleted: I });
+      }), s(_, { created: w, deleted: I });
     } else {
-      const I = w.reduce((L, C) => {
+      const I = y.reduce((L, C) => {
         const G = C.id && e.get(C.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) => {
+      w.forEach((L) => {
         e.set(L.id, L), L.bodies.forEach((C) => t.set(C.id, L.id));
-      }), s(p, { created: b });
+      }), s(_, { created: w });
     }
-  }, 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;
+  }, 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: _ });
+  }, O = (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 _ = O(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}`);
+  }, U = (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}`);
+  }, Y = (y, S, _ = ne.LOCAL) => {
+    const w = U(y, S);
+    w && s(_, { updated: [w] });
+  }, q = (y, S = ne.LOCAL) => {
+    const _ = y.map((w) => U({ 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,
     getBody: T,
@@ -1331,9 +1331,9 @@ const pi = (e, t) => {
     unobserve: i,
     updateAnnotation: a,
     updateBody: Y,
-    updateTarget: (w, S = ne.LOCAL) => {
-      const p = z(w);
-      p && s(S, { updated: [p] });
+    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,17 +1406,17 @@ 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);
@@ -1425,23 +1425,23 @@ const vi = 250, Si = (e, t) => {
       });
     }, 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,17 +1449,17 @@ 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 || []
@@ -1467,17 +1467,17 @@ const vi = 250, Si = (e, t) => {
       const O = u.find((T) => T.id === A.id) || A;
       u = u.map((T) => T.id === A.id ? M : T), m("updateAnnotation", M, O);
     });
-  }, { 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);
+      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((O) => O.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,7 +1545,7 @@ const vi = 250, Si = (e, t) => {
     loadAnnotations: f,
     redo: t.redo,
     removeAnnotation: h,
-    setAnnotations: _,
+    setAnnotations: p,
     setSelected: m,
     setUserSelectAction: g,
     undo: t.undo,
@@ -1633,14 +1633,14 @@ const Di = () => ({ isGuest: !0, id: Oi("1234567890abcdefghijklmnopqrstuvwxyzABC
   }, 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 }) => {
+const Yr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Ui(i, t), serialize: (i) => Vi(i, e, t) }), Ui = (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 = 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" ? 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,
@@ -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(
@@ -1832,18 +1832,18 @@ function Fi(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
   const s = Ce();
   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;
+      const { left: v, top: A } = u.getBoundingClientRect(), M = b.clientX - v, O = b.clientY - A;
       f = a.elementToImage(M, O);
     } 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,
@@ -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,7 +2225,7 @@ 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) => {
@@ -2245,11 +2245,11 @@ function Zi(e, t, n) {
     t,
     f,
     h,
-    _,
+    p,
     m,
     g,
     k,
-    y
+    b
   ];
 }
 class ze extends pe {
@@ -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, O = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && ln(It(e))
@@ -2725,10 +2725,10 @@ function es(e) {
     /*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;
+  for (let y = 0; y < U.length; y += 1)
+    Y[y] = cn(rn(e, U, y));
+  const q = (y) => H(Y[y], 1, 1, () => {
+    Y[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"), O && O.c(), T && T.c(), d = ye(), f = P("polygon"), p = ye(), m = P("polygon"), k = ye();
+      for (let y = 0; y < Y.length; y += 1)
+        Y[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) {
+      N(y, t, S), j(t, n), j(n, o), j(n, a), O && O.m(n, null), T && T.m(t, null), N(y, d, S), N(y, f, S), N(y, p, S), N(y, m, S), N(y, k, S);
+      for (let _ = 0; _ < Y.length; _ += 1)
+        Y[_] && Y[_].m(y, S);
+      N(y, b, S), z && z.m(y, S), N(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*/
@@ -2825,13 +2825,13 @@ function es(e) {
           /*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; _ < U.length; _ += 1) {
+          const w = rn(e, U, _);
+          Y[_] ? (Y[_].p(w, S), R(Y[_], 1)) : (Y[_] = cn(w), Y[_].c(), R(Y[_], 1), Y[_].m(b.parentNode, b));
         }
-        for (we(), p = U.length; p < Y.length; p += 1)
-          q(p);
+        for (we(), _ = U.length; _ < Y.length; _ += 1)
+          q(_);
         be();
       }
       /*visibleMidpoint*/
@@ -2841,21 +2841,21 @@ function es(e) {
         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;
       }
     },
-    o(w) {
+    o(y) {
       Y = Y.filter(Boolean);
       for (let S = 0; S < Y.length; S += 1)
         H(Y[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)), O && O.d(), T && T.d(), Ne(Y, y), z && z.d(y), A = !1, Se(M);
     }
   };
 }
@@ -2934,88 +2934,88 @@ const ns = 250, os = 1e3, is = 12, xe = 4.5, fn = (e) => e.join(","), dn = (e) =
 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) => {
+  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), 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), X = Math.pow(os / d, 2);
+    L(C) < 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) => {
+  }, M = (_) => {
+    n(7, p = !0), _.preventDefault(), _.stopPropagation(), m = performance.now();
+  }, O = (_) => (w) => {
     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) => {
+    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 C = _.geometry;
+    g.length > 1 ? L = C.points.map(([X, W], K) => g.includes(K) ? [X + I[0], W + I[1]] : [X, W]) : w === "SHAPE" ? L = C.points.map(([X, W]) => [X + I[0], W + I[1]]) : L = C.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 } };
+  }, U = (_) => 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];
+    const C = [...document.querySelectorAll(".a9s-handle")][_ + 1];
     if (C != null && C.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);
     }
   }, Y = () => {
     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());
+    const _ = (w) => {
+      (w.key === "Delete" || w.key === "Backspace") && (w.preventDefault(), Y());
     };
-    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 = Oe ? [] : o.points.map((_, w) => {
+      const I = w === o.points.length - 1 ? o.points[0] : o.points[w + 1], L = (_[0] + I[0]) / 2, C = (_[1] + I[1]) / 2, X = Math.sqrt(Math.pow(I[0] - L, 2) + Math.pow(I[1] - C, 2)) > is / d;
+      return { point: [L, C], visible: X };
     })), e.$$.dirty[0] & /*geom, viewportScale*/
     40 && n(9, s = yt(o.bounds, xe / d));
   }, [
@@ -3026,12 +3026,12 @@ function ss(e, t, n) {
     f,
     o,
     h,
-    _,
+    p,
     g,
     s,
     i,
     k,
-    y,
+    b,
     E,
     A,
     M,
@@ -3040,7 +3040,7 @@ function ss(e, t, n) {
     U,
     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, O, T, U, Y, q, z, y, S, _, w, I, L, C, G, X, W, K, Z, te, oe, Ee, ke, V, ce, $, ue, _e, Re, 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"), Y = 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), Re = 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,
@@ -3184,23 +3184,23 @@ function ls(e) {
       e[5].y), c(A, "width", T = /*geom*/
       e[5].w), c(A, "height", U = /*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", C = /*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 = [
+      N(F, t, B), j(t, n), j(n, o), j(n, a), N(F, p, B), N(F, m, B), N(F, v, B), N(F, A, B), N(F, Y, B), N(F, q, B), N(F, _, B), N(F, w, B), N(F, G, B), N(F, X, 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 = [
         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")
@@ -3261,8 +3261,8 @@ function ls(e) {
       e[5].x)) && c(m, "x", g), (!J || B & /*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*/
+      32 && b !== (b = /*geom*/
+      e[5].w)) && c(m, "width", b), (!J || B & /*geom*/
       32 && E !== (E = /*geom*/
       e[5].h)) && c(m, "height", E), (!J || B & /*computedStyle*/
       2) && c(
@@ -3281,30 +3281,30 @@ function ls(e) {
       e[5].h)) && c(A, "height", U), (!J || B & /*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*/
+      32 && y !== (y = /*geom*/
+      e[5].y)) && c(q, "y", y), (!J || B & /*geom*/
       32 && S !== (S = /*geom*/
       e[5].w)) && c(q, "width", S), (!J || B & /*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 || B & /*geom*/
       32 && L !== (L = /*geom*/
-      e[5].y)) && c(b, "y", L), (!J || B & /*geom*/
+      e[5].y)) && c(w, "y", L), (!J || B & /*geom*/
       32 && C !== (C = /*geom*/
-      e[5].h)) && c(b, "height", C), (!J || B & /*geom*/
+      e[5].h)) && c(w, "height", C), (!J || B & /*geom*/
       32 && W !== (W = /*geom*/
-      e[5].x)) && c(V, "x", W), (!J || B & /*geom*/
+      e[5].x)) && c(X, "x", W), (!J || B & /*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 || B & /*geom*/
       32 && Z !== (Z = /*geom*/
-      e[5].w)) && c(V, "width", Z), (!J || B & /*geom*/
+      e[5].w)) && c(X, "width", Z), (!J || B & /*geom*/
       32 && Ee !== (Ee = /*geom*/
       e[5].x)) && c(oe, "x", Ee), (!J || B & /*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);
+      32 && V !== (V = /*geom*/
+      e[5].h)) && c(oe, "height", V);
       const et = {};
       B & /*geom*/
       32 && (et.x = /*geom*/
@@ -3349,7 +3349,7 @@ function ls(e) {
       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(Y), D(q), D(_), D(w), D(G), D(X), 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);
     }
   };
 }
@@ -3425,10 +3425,10 @@ 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;
+    const [T, U] = b;
     if (k === "SHAPE")
       v += T, M += T, A += U, O += U;
     else {
@@ -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 Y = Math.min(v, M), q = Math.min(A, O), z = Math.abs(M - v), y = Math.abs(O - A);
     return {
       ...g,
       geometry: {
         x: Y,
         y: q,
         w: z,
-        h: w,
+        h: y,
         bounds: {
           minX: Y,
           minY: q,
           maxX: Y + z,
-          maxY: q + w
+          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,10 +3543,10 @@ 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];
   }, []);
@@ -3818,7 +3818,7 @@ function En(e) {
   };
 }
 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))
@@ -3837,7 +3837,7 @@ function vn(e) {
   });
   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, _);
+      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, p);
       for (let Y = 0; Y < M.length; Y += 1)
         M[Y] && M[Y].m(t, null);
-      g = !0, k || (y = [
+      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")
@@ -3920,7 +3920,7 @@ function vn(e) {
         e[30]
       ))) && c(f, "d", h), (!g || U[0] & /*computedStyle*/
       2) && c(
-        _,
+        p,
         "style",
         /*computedStyle*/
         e[1]
@@ -3928,7 +3928,7 @@ function vn(e) {
       32 && m !== (m = Te(
         /*element*/
         e[30]
-      ))) && c(_, "d", m), U[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
+      ))) && c(p, "d", m), U[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
       268491048) {
         A = ve(
           /*element*/
@@ -3958,7 +3958,7 @@ function vn(e) {
       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(), Ne(M, T), k = !1, Se(b);
     }
   };
 }
@@ -4161,62 +4161,62 @@ 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) => {
+  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), 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), X = 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(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) => {
+  }, M = (w) => {
+    n(7, p = !0), w.preventDefault(), w.stopPropagation(), m = performance.now();
+  }, O = (w, 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) => {
+    const G = (W) => W.polygon === w && W.ring === I && W.point === L, X = g.some(G);
+    C.metaKey || C.ctrlKey || C.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 C = 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 = C.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));
+      const [X, W, K, Z] = I.split("-").map((te) => parseInt(te));
       G = C.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) => {
+  }, U = (w) => async (I) => {
     I.stopPropagation();
-    const L = i[b], C = o.polygons.map((V, W) => {
+    const L = i[w], C = 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,
@@ -4225,9 +4225,9 @@ function _s(e, t, n) {
         bounds: ft(C)
       }
     }), 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,48 +4240,48 @@ function _s(e, t, n) {
           buttons: I.buttons
         }
       );
-      G.firstChild.dispatchEvent(V);
+      G.firstChild.dispatchEvent(X);
     }
   }, Y = () => {
-    const b = o.polygons.map((L, C) => {
-      if (g.some((V) => V.polygon === C)) {
-        const V = L.rings.map((K, Z) => {
+    const w = o.polygons.map((L, C) => {
+      if (g.some((X) => X.polygon === C)) {
+        const X = 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 };
+          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) => {
+    const w = (I) => {
       (I.key === "Delete" || I.key === "Backspace") && (I.preventDefault(), Y());
     };
-    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: C, ring: G, point: X }) => C === 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*/
@@ -4295,12 +4295,12 @@ function _s(e, t, n) {
     f,
     o,
     h,
-    _,
+    p,
     g,
     s,
     i,
     k,
-    y,
+    b,
     A,
     M,
     O,
@@ -4308,9 +4308,9 @@ function _s(e, t, n) {
     U,
     q,
     z,
-    w,
+    y,
     S,
-    p
+    _
   ];
 }
 class ys extends pe {
@@ -4391,8 +4391,8 @@ function Ss(e, t, n) {
   const o = Ce();
   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));
+    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);
@@ -4625,18 +4625,18 @@ 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;
+  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) => {
+    u = performance.now(), r === "drag" && (n(0, d = l.elementToImage(O.offsetX, O.offsetY)), f = d, n(1, h = d[0]), n(2, p = d[1]), n(3, m = 1), n(4, g = 1));
+  }, b = (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])));
+    d && (f = l.elementToImage(O.offsetX, O.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;
     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));
+      d ? v() : (n(0, d = l.elementToImage(O.offsetX, O.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 ? (O.stopPropagation(), v()) : (n(0, d = void 0), f = void 0));
   }, v = () => {
     if (m * g > 15) {
@@ -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
         }
@@ -4660,7 +4660,7 @@ function Ms(e, t, n) {
     n(0, d = void 0), f = void 0;
   };
   Ye(() => {
-    s("pointerdown", k), s("pointermove", y), s("pointerup", E, !0);
+    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,
@@ -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) {
+      N(k, t, b), j(t, n), j(n, o), j(n, a), N(k, d, b), N(k, h, b), g && g.m(k, b), N(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);
@@ -4808,18 +4808,18 @@ const Ps = 20, Is = 1500;
 function Os(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;
+  let { addEventListener: l } = t, { drawingMode: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, f, h = [], p, 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 z = u.elementToImage(T.offsetX, T.offsetY);
-      h.push(z), n(10, _ = z);
+      h.push(z), n(10, p = z);
     }
-  }, y = (O) => {
+  }, b = (O) => {
     const T = O;
     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;
+      if (n(10, p = u.elementToImage(T.offsetX, T.offsetY)), h.length > 2) {
+        const U = ut(p, h[0]) * d;
         n(1, g = U < Ps);
       }
       T.pointerType === "touch" && (m = setTimeout(
@@ -4838,18 +4838,18 @@ function Os(e, t, n) {
         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;
+    if (!p) return;
     const O = h.slice(0, -1);
     if (O.length < 3) return;
     const T = {
@@ -4859,7 +4859,7 @@ function Os(e, t, n) {
         points: O
       }
     };
-    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 = {
       type: x.POLYGON,
@@ -4868,10 +4868,10 @@ function Os(e, t, n) {
         points: [...h]
       }
     };
-    n(0, h = []), n(10, _ = void 0), r("create", O);
+    n(0, h = []), n(10, p = void 0), r("create", O);
   };
   Ye(() => {
-    l("pointerdown", k, !0), l("pointermove", y), l("pointerup", E, !0), l("dblclick", v, !0);
+    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) => {
@@ -4879,7 +4879,7 @@ function Os(e, t, n) {
   }, 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,7 +4892,7 @@ function Os(e, t, n) {
     a,
     u,
     d,
-    _
+    p
   ];
 }
 class Cs extends pe {
@@ -5086,7 +5086,7 @@ function Us(e, t, n) {
     129 && n(1, o = Be(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 });
   }
@@ -5132,7 +5132,7 @@ function Ln(e) {
     }
   };
 }
-function Vs(e) {
+function Xs(e) {
   let t, n, o = ve(
     /*polygons*/
     e[2]
@@ -5191,7 +5191,7 @@ function Hs(e, t, n) {
 }
 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) {
@@ -5542,7 +5542,7 @@ function On(e) {
 }
 function or(e) {
   let t, n;
-  return t = new Xs({
+  return t = new Vs({
     props: {
       annotation: (
         /*annotation*/
@@ -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*/
@@ -6236,8 +6236,8 @@ function fr(e) {
     },
     m(f, h) {
       N(f, t, h), j(t, n);
-      for (let _ = 0; _ < a.length; _ += 1)
-        a[_] && a[_].m(n, null);
+      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,13 +6269,13 @@ 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), R(a[p], 1)) : (a[p] = Dn(m), a[p].c(), R(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*/
@@ -6323,37 +6323,37 @@ function fr(e) {
   };
 }
 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))));
+  let { drawingEnabled: b } = 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, y = () => b;
+  let S, _, w;
+  Ye(() => k(n(9, w = Gi(E, _))));
   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) => {
+  vt(e, I, (V) => n(16, f = V)), vt(e, L, (V) => n(33, h = V)), vt(e, C, (V) => n(17, p = V));
+  let G, X;
+  const W = (V) => {
     G && C.unobserve(G);
-    const ce = X.filter(({ editable: $ }) => $).map(({ id: $ }) => $);
-    ce.length > 0 ? (n(5, V = ce.map(($) => C.getAnnotation($)).filter(($) => $ && pt($))), G = ($) => {
+    const ce = V.filter(({ editable: $ }) => $).map(({ id: $ }) => $);
+    ce.length > 0 ? (n(5, X = ce.map(($) => C.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));
+    }, C.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) => {
+  }, Z = (V) => (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;
+    const { target: $ } = V, ue = 10 * 60 * 1e3, _e = ((Re = $.creator) == null ? void 0 : Re.id) !== T.id || !$.created || (/* @__PURE__ */ new Date()).getTime() - $.created.getTime() > ue;
     C.updateTarget({
       ...$,
       selector: ce.detail,
@@ -6361,46 +6361,46 @@ function dr(e, t, n) {
       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 = C.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, O = V.toolName), "user" in V && n(28, T = V.user), "visible" in V && n(3, U = 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*/
     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(_, C), 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,
+    _,
+    X,
     u,
     Y,
     S,
-    b,
+    w,
     d,
     a,
     l,
@@ -6408,7 +6408,7 @@ function dr(e, t, n) {
     s,
     o,
     f,
-    _,
+    p,
     m,
     I,
     L,
@@ -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;
@@ -6599,8 +6599,8 @@ class mr {
       const f = Math.min(d + u - 1, o);
       Un(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;
@@ -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,9 +6841,9 @@ 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 = {}) => {
@@ -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,30 +6875,30 @@ 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 });
+  }, O = (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) => (
+  }, U = (y) => h.$set({ style: y }), Y = (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,
@@ -6921,9 +6921,10 @@ export {
   vs as EditorMount,
   ze as Handle,
   Br 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,
@@ -6958,12 +6959,12 @@ export {
   Io as intersects,
   pt as isImageAnnotation,
   dt as isImageAnnotationTarget,
-  Vn as isMac,
+  Xn as isMac,
   mt as isPointInPolygon,
   Oe as isTouch,
   co as listDrawingTools,
   Te as multipolygonElementToPath,
-  Vo as parseFragmentSelector,
+  Xo as parseFragmentSelector,
   Qo as parseSVGSelector,
   Ui as parseW3CImageAnnotation,
   Oo as pointsToPath,
@@ -6973,8 +6974,8 @@ export {
   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