@annotorious/annotorious 3.7.0 → 3.7.2

package/dist/annotorious.es.js

@@ -84,7 +84,7 @@ function Jt(e) {
   for (const n in e) n[0] !== "$" && (t[n] = e[n]);
   return t;
 }
-function it(e) {
+function ze(e) {
   return e ?? "";
 }
 function j(e, t) {
@@ -112,7 +112,7 @@ function ye() {
 function Ae() {
   return zn("");
 }
-function Q(e, t, n, o) {
+function W(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
 }
 function c(e, t, n) {
@@ -127,13 +127,13 @@ function Me(e, t, n) {
 function vo(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
   return new CustomEvent(e, { detail: t, bubbles: n, cancelable: o });
 }
-let Qe;
-function Je(e) {
-  Qe = e;
+let xe;
+function Qe(e) {
+  xe = e;
 }
 function Fn() {
-  if (!Qe) throw new Error("Function called outside component initialization");
-  return Qe;
+  if (!xe) throw new Error("Function called outside component initialization");
+  return xe;
 }
 function Ne(e) {
   Fn().$$.on_mount.push(e);
@@ -156,12 +156,12 @@ function Oe() {
     return !0;
   };
 }
-function he(e, t) {
+function ue(e, t) {
   const n = e.$$.callbacks[t.type];
   n && n.slice().forEach((o) => o.call(this, t));
 }
 const Ge = [], ht = [];
-let Fe = [];
+let qe = [];
 const Qt = [], qn = /* @__PURE__ */ Promise.resolve();
 let Vt = !1;
 function Kn() {
@@ -171,33 +171,33 @@ function Wn() {
   return Kn(), qn;
 }
 function Xt(e) {
-  Fe.push(e);
+  qe.push(e);
 }
 const St = /* @__PURE__ */ new Set();
 let Be = 0;
 function Zn() {
   if (Be !== 0)
     return;
-  const e = Qe;
+  const e = xe;
   do {
     try {
       for (; Be < Ge.length; ) {
         const t = Ge[Be];
-        Be++, Je(t), So(t.$$);
+        Be++, Qe(t), So(t.$$);
       }
     } catch (t) {
       throw Ge.length = 0, Be = 0, t;
     }
-    for (Je(null), Ge.length = 0, Be = 0; ht.length; ) ht.pop()();
-    for (let t = 0; t < Fe.length; t += 1) {
-      const n = Fe[t];
+    for (Qe(null), Ge.length = 0, Be = 0; ht.length; ) ht.pop()();
+    for (let t = 0; t < qe.length; t += 1) {
+      const n = qe[t];
       St.has(n) || (St.add(n), n());
     }
-    Fe.length = 0;
+    qe.length = 0;
   } while (Ge.length);
   for (; Qt.length; )
     Qt.pop()();
-  Vt = !1, St.clear(), Je(e);
+  Vt = !1, St.clear(), Qe(e);
 }
 function So(e) {
   if (e.fragment !== null) {
@@ -208,7 +208,7 @@ function So(e) {
 }
 function Ao(e) {
   const t = [], n = [];
-  Fe.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), Fe = t;
+  qe.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), qe = t;
 }
 const ct = /* @__PURE__ */ new Set();
 let De;
@@ -255,8 +255,8 @@ function ko(e, t) {
   e.$$.dirty[0] === -1 && (Ge.push(e), Kn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
 }
 function me(e, t, n, o, i, s, r = null, l = [-1]) {
-  const a = Qe;
-  Je(e);
+  const a = xe;
+  Qe(e);
   const u = e.$$ = {
     fragment: null,
     ctx: [],
@@ -291,7 +291,7 @@ function me(e, t, n, o, i, s, r = null, l = [-1]) {
       u.fragment && u.fragment.c();
     t.intro && U(e.$$.fragment), re(e, t.target, t.anchor), Zn();
   }
-  Je(a);
+  Qe(a);
 }
 class pe {
   constructor() {
@@ -385,7 +385,7 @@ var Jn = { exports: {} };
   })();
 })(Jn);
 var Lo = Jn.exports;
-const Po = /* @__PURE__ */ To(Lo), zt = {}, qe = (e, t) => zt[e] = t, Ht = (e) => zt[e.type].area(e), Io = (e, t, n, o) => zt[e.type].intersects(e, t, n, o), ge = (e) => {
+const Po = /* @__PURE__ */ To(Lo), zt = {}, Ke = (e, t) => zt[e] = t, Ht = (e) => zt[e.type].area(e), Io = (e, t, n, o) => zt[e.type].intersects(e, t, n, o), ge = (e) => {
   let t = 1 / 0, n = 1 / 0, o = -1 / 0, i = -1 / 0;
   return e.forEach(([s, r]) => {
     t = Math.min(t, s), n = Math.min(n, r), o = Math.max(o, s), i = Math.max(i, r);
@@ -420,7 +420,7 @@ const Po = /* @__PURE__ */ To(Lo), zt = {}, qe = (e, t) => zt[e] = t, Ht = (e) =
     return h * h / (s * s) + p * p / (r * r) <= 1;
   }
 };
-qe(x.ELLIPSE, Oo);
+Ke(x.ELLIPSE, Oo);
 const Do = {
   area: (e) => 0,
   intersects: (e, t, n, o = 2) => {
@@ -428,7 +428,7 @@ const Do = {
     return a / u <= o;
   }
 };
-qe(x.LINE, Do);
+Ke(x.LINE, Do);
 const Ro = {
   area: (e) => {
     const { polygons: t } = e.geometry;
@@ -483,7 +483,7 @@ const Ro = {
     }
   };
 };
-qe(x.MULTIPOLYGON, Ro);
+Ke(x.MULTIPOLYGON, Ro);
 const Yo = {
   area: (e) => {
     const t = e.geometry.points;
@@ -504,7 +504,7 @@ const Yo = {
     }
   };
 };
-qe(x.POLYGON, Yo);
+Ke(x.POLYGON, Yo);
 const Uo = {
   area: (e) => {
     const t = e.geometry;
@@ -591,12 +591,12 @@ const Uo = {
   }
   return t.join(" ");
 };
-qe(x.POLYLINE, Uo);
+Ke(x.POLYLINE, Uo);
 const Vo = {
   area: (e) => e.geometry.w * e.geometry.h,
   intersects: (e, t, n) => t >= e.geometry.x && t <= e.geometry.x + e.geometry.w && n >= e.geometry.y && n <= e.geometry.y + e.geometry.h
 };
-qe(x.RECTANGLE, Vo);
+Ke(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;
@@ -839,11 +839,11 @@ const pt = (e) => dt(e.target), dt = (e) => {
   if (t)
     return { type: "SvgSelector", value: t };
   throw `Unsupported shape type: ${e.type}`;
-}, fe = [];
+}, de = [];
 for (let e = 0; e < 256; ++e)
-  fe.push((e + 256).toString(16).slice(1));
+  de.push((e + 256).toString(16).slice(1));
 function ei(e, t = 0) {
-  return (fe[e[t + 0]] + fe[e[t + 1]] + fe[e[t + 2]] + fe[e[t + 3]] + "-" + fe[e[t + 4]] + fe[e[t + 5]] + "-" + fe[e[t + 6]] + fe[e[t + 7]] + "-" + fe[e[t + 8]] + fe[e[t + 9]] + "-" + fe[e[t + 10]] + fe[e[t + 11]] + fe[e[t + 12]] + fe[e[t + 13]] + fe[e[t + 14]] + fe[e[t + 15]]).toLowerCase();
+  return (de[e[t + 0]] + de[e[t + 1]] + de[e[t + 2]] + de[e[t + 3]] + "-" + de[e[t + 4]] + de[e[t + 5]] + "-" + de[e[t + 6]] + de[e[t + 7]] + "-" + de[e[t + 8]] + de[e[t + 9]] + "-" + de[e[t + 10]] + de[e[t + 11]] + de[e[t + 12]] + de[e[t + 13]] + de[e[t + 14]] + de[e[t + 15]]).toLowerCase();
 }
 let At;
 const ti = new Uint8Array(16);
@@ -867,7 +867,7 @@ function no(e, t, n) {
   return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, ei(o);
 }
 var tn = Object.prototype.hasOwnProperty;
-function Ie(e, t) {
+function Ce(e, t) {
   var n, o;
   if (e === t) return !0;
   if (e && t && (n = e.constructor) === t.constructor) {
@@ -875,13 +875,13 @@ function Ie(e, t) {
     if (n === RegExp) return e.toString() === t.toString();
     if (n === Array) {
       if ((o = e.length) === t.length)
-        for (; o-- && Ie(e[o], t[o]); ) ;
+        for (; o-- && Ce(e[o], t[o]); ) ;
       return o === -1;
     }
     if (!n || typeof e == "object") {
       o = 0;
       for (n in e)
-        if (tn.call(e, n) && ++o && !tn.call(t, n) || !(n in t) || !Ie(e[n], t[n])) return !1;
+        if (tn.call(e, n) && ++o && !tn.call(t, n) || !(n in t) || !Ce(e[n], t[n])) return !1;
       return Object.keys(t).length === o;
     }
   }
@@ -942,7 +942,7 @@ const st = { selected: [] }, ri = (e, t, n) => {
   let s = t, r = st;
   o((g) => r = g);
   const l = () => {
-    Ie(r, st) || i(st);
+    Ce(r, st) || i(st);
   }, a = () => {
     var g;
     return ((g = r.selected) == null ? void 0 : g.length) === 0;
@@ -950,40 +950,40 @@ const st = { selected: [] }, ri = (e, t, n) => {
     if (a())
       return !1;
     const k = typeof g == "string" ? g : g.id;
-    return r.selected.some((b) => b.id === k);
+    return r.selected.some((E) => E.id === k);
   }, d = (g, k) => {
-    let b;
+    let E;
     if (Array.isArray(g)) {
-      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)));
+      if (E = g.map((y) => e.getAnnotation(y)).filter(Boolean), E.length < g.length) {
+        console.warn("Invalid selection: " + g.filter((y) => !E.some((A) => A.id === y)));
         return;
       }
     } else {
-      const v = e.getAnnotation(g);
-      if (!v) {
+      const y = e.getAnnotation(g);
+      if (!y) {
         console.warn("Invalid selection: " + g);
         return;
       }
-      b = [v];
+      E = [y];
     }
-    const E = b.reduce((v, A) => {
+    const S = E.reduce((y, A) => {
       const M = m(A);
-      return M === "EDIT" ? [...v, { id: A.id, editable: !0 }] : M === "SELECT" ? [...v, { id: A.id }] : v;
+      return M === "EDIT" ? [...y, { id: A.id, editable: !0 }] : M === "SELECT" ? [...y, { id: A.id }] : y;
     }, []);
-    i({ selected: E, event: k });
+    i({ selected: S, event: k });
   }, f = (g, k) => {
-    const b = Array.isArray(g) ? g : [g], E = b.map((v) => e.getAnnotation(v)).filter((v) => !!v);
+    const E = Array.isArray(g) ? g : [g], S = E.map((y) => e.getAnnotation(y)).filter((y) => !!y);
     i({
-      selected: E.map((v) => {
-        const A = k === void 0 ? m(v) === "EDIT" : k;
-        return { id: v.id, editable: A };
+      selected: S.map((y) => {
+        const A = k === void 0 ? m(y) === "EDIT" : k;
+        return { id: y.id, editable: A };
       })
-    }), E.length !== b.length && console.warn("Invalid selection", g);
+    }), S.length !== E.length && console.warn("Invalid selection", g);
   }, h = (g) => {
     if (a())
       return !1;
     const { selected: k } = r;
-    k.some(({ id: b }) => g.includes(b)) && i({ selected: k.filter(({ id: b }) => !g.includes(b)) });
+    k.some(({ id: E }) => g.includes(E)) && i({ selected: k.filter(({ id: E }) => !g.includes(E)) });
   }, p = (g) => {
     s = g, f(r.selected.map(({ id: k }) => k));
   }, m = (g) => li(g, s, n);
@@ -1011,11 +1011,11 @@ const st = { selected: [] }, ri = (e, t, n) => {
 }, li = (e, t, n) => {
   const o = n ? n.serialize(e) : e;
   return typeof t == "function" ? t(o) : t || "EDIT";
-}, de = [];
+}, he = [];
 for (let e = 0; e < 256; ++e)
-  de.push((e + 256).toString(16).slice(1));
+  he.push((e + 256).toString(16).slice(1));
 function ai(e, t = 0) {
-  return (de[e[t + 0]] + de[e[t + 1]] + de[e[t + 2]] + de[e[t + 3]] + "-" + de[e[t + 4]] + de[e[t + 5]] + "-" + de[e[t + 6]] + de[e[t + 7]] + "-" + de[e[t + 8]] + de[e[t + 9]] + "-" + de[e[t + 10]] + de[e[t + 11]] + de[e[t + 12]] + de[e[t + 13]] + de[e[t + 14]] + de[e[t + 15]]).toLowerCase();
+  return (he[e[t + 0]] + he[e[t + 1]] + he[e[t + 2]] + he[e[t + 3]] + "-" + he[e[t + 4]] + he[e[t + 5]] + "-" + he[e[t + 6]] + he[e[t + 7]] + "-" + he[e[t + 8]] + he[e[t + 9]] + "-" + he[e[t + 10]] + he[e[t + 11]] + he[e[t + 12]] + he[e[t + 13]] + he[e[t + 14]] + he[e[t + 15]]).toLowerCase();
 }
 let Mt;
 const ci = new Uint8Array(16);
@@ -1062,8 +1062,8 @@ const Tt = (e) => {
   return e.bodies.filter((o) => !n.has(o.id));
 }, gi = (e, t) => t.bodies.map((n) => {
   const o = e.bodies.find((i) => i.id === n.id);
-  return { newBody: n, oldBody: o && !Ie(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), mi = (e, t) => !Ie(e.target, t.target), so = (e, t) => {
+  return { newBody: n, oldBody: o && !Ce(o, n) ? o : void 0 };
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), mi = (e, t) => !Ce(e.target, t.target), so = (e, t) => {
   const n = di(e, t), o = hi(e, t), i = gi(e, t);
   return {
     oldValue: e,
@@ -1131,199 +1131,199 @@ const pi = (e, t) => {
     }
   };
 }, yi = (e) => e.id !== void 0, wi = () => {
-  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 = (y, S) => {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (w, v = {}) => {
+    n.push({ onChange: w, options: v });
+  }, i = (w) => {
+    const v = n.findIndex((_) => _.onChange == w);
+    v > -1 && n.splice(v, 1);
+  }, s = (w, v) => {
     const _ = {
-      origin: y,
+      origin: w,
       changes: {
-        created: S.created || [],
-        updated: S.updated || [],
-        deleted: S.deleted || []
+        created: v.created || [],
+        updated: v.updated || [],
+        deleted: v.deleted || []
       },
       state: [...e.values()]
     };
-    n.forEach((w) => {
-      pi(w, _) && w.onChange(_);
+    n.forEach((b) => {
+      pi(b, _) && b.onChange(_);
     });
-  }, r = (y, S = ne.LOCAL) => {
-    if (y.id && e.get(y.id))
-      throw Error(`Cannot add annotation ${y.id} - exists already`);
+  }, r = (w, v = ne.LOCAL) => {
+    if (w.id && e.get(w.id))
+      throw Error(`Cannot add annotation ${w.id} - exists already`);
     {
-      const _ = rt(y);
-      e.set(_.id, _), _.bodies.forEach((w) => t.set(w.id, _.id)), s(S, { created: [_] });
+      const _ = rt(w);
+      e.set(_.id, _), _.bodies.forEach((b) => t.set(b.id, _.id)), s(v, { created: [_] });
     }
-  }, l = (y, S) => {
-    const _ = rt(typeof y == "string" ? S : y), w = typeof y == "string" ? y : y.id, I = w && e.get(w);
+  }, l = (w, v) => {
+    const _ = rt(typeof w == "string" ? v : w), b = typeof w == "string" ? w : w.id, I = b && e.get(b);
     if (I) {
       const L = so(I, _);
-      return w === _.id ? e.set(w, _) : (e.delete(w), e.set(_.id, _)), I.bodies.forEach((O) => t.delete(O.id)), _.bodies.forEach((O) => t.set(O.id, _.id)), L;
+      return b === _.id ? e.set(b, _) : (e.delete(b), e.set(_.id, _)), I.bodies.forEach((O) => t.delete(O.id)), _.bodies.forEach((O) => t.set(O.id, _.id)), L;
     } else
-      console.warn(`Cannot update annotation ${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) => {
+      console.warn(`Cannot update annotation ${b} - does not exist`);
+  }, a = (w, v = ne.LOCAL, _ = ne.LOCAL) => {
+    const b = yi(v) ? _ : v, I = l(w, v);
+    I && s(b, { updated: [I] });
+  }, u = (w, v = ne.LOCAL) => {
+    e.get(w.id) ? a(w, v) : r(w, v);
+  }, d = (w, v = ne.LOCAL) => {
+    const _ = w.reduce((b, I) => {
       const L = l(I);
-      return L ? [...w, L] : w;
+      return L ? [...b, L] : b;
     }, []);
-    _.length > 0 && s(S, { updated: _ });
-  }, f = (y, S = ne.LOCAL) => {
-    const _ = y.map(rt), { toAdd: w, toUpdate: I } = _.reduce((O, G) => e.get(G.id) ? { ...O, toUpdate: [...O.toUpdate, G] } : { ...O, toAdd: [...O.toAdd, G] }, { toAdd: [], toUpdate: [] }), L = I.map((O) => l(O, S)).filter(Boolean);
-    w.forEach((O) => {
+    _.length > 0 && s(v, { updated: _ });
+  }, f = (w, v = ne.LOCAL) => {
+    const _ = w.map(rt), { toAdd: b, toUpdate: I } = _.reduce((O, G) => e.get(G.id) ? { ...O, toUpdate: [...O.toUpdate, G] } : { ...O, toAdd: [...O.toAdd, G] }, { toAdd: [], toUpdate: [] }), L = I.map((O) => l(O, v)).filter(Boolean);
+    b.forEach((O) => {
       e.set(O.id, O), O.bodies.forEach((G) => t.set(G.id, O.id));
-    }), s(S, { created: w, updated: L });
-  }, h = (y, S = ne.LOCAL) => {
-    const _ = e.get(y.annotation);
+    }), s(v, { created: b, updated: L });
+  }, h = (w, v = ne.LOCAL) => {
+    const _ = e.get(w.annotation);
     if (_) {
-      const w = {
+      const b = {
         ..._,
-        bodies: [..._.bodies, y]
+        bodies: [..._.bodies, w]
       };
-      e.set(_.id, w), t.set(y.id, w.id), s(S, { updated: [{
+      e.set(_.id, b), t.set(w.id, b.id), s(v, { updated: [{
         oldValue: _,
-        newValue: w,
-        bodiesCreated: [y]
+        newValue: b,
+        bodiesCreated: [w]
       }] });
     } else
-      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(y, { deleted: S });
-  }, g = (y, S = !0, _ = ne.LOCAL) => {
-    const w = y.map(rt);
-    if (S) {
+      console.warn(`Attempt to add body to missing annotation: ${w.annotation}`);
+  }, p = () => [...e.values()], m = (w = ne.LOCAL) => {
+    const v = [...e.values()];
+    e.clear(), t.clear(), s(w, { deleted: v });
+  }, g = (w, v = !0, _ = ne.LOCAL) => {
+    const b = w.map(rt);
+    if (v) {
       const I = [...e.values()];
-      e.clear(), t.clear(), w.forEach((L) => {
+      e.clear(), t.clear(), b.forEach((L) => {
         e.set(L.id, L), L.bodies.forEach((O) => t.set(O.id, L.id));
-      }), s(_, { created: w, deleted: I });
+      }), s(_, { created: b, deleted: I });
     } else {
-      const I = y.reduce((L, O) => {
+      const I = w.reduce((L, O) => {
         const G = O.id && e.get(O.id);
         return G ? [...L, G] : L;
       }, []);
       if (I.length > 0)
         throw Error(`Bulk insert would overwrite the following annotations: ${I.map((L) => L.id).join(", ")}`);
-      w.forEach((L) => {
+      b.forEach((L) => {
         e.set(L.id, L), L.bodies.forEach((O) => t.set(O.id, L.id));
-      }), s(_, { created: w });
+      }), s(_, { created: b });
     }
-  }, k = (y) => {
-    const S = typeof y == "string" ? y : y.id, _ = e.get(S);
+  }, k = (w) => {
+    const v = typeof w == "string" ? w : w.id, _ = e.get(v);
     if (_)
-      return e.delete(S), _.bodies.forEach((w) => t.delete(w.id)), _;
-    console.warn(`Attempt to delete missing annotation: ${S}`);
-  }, b = (y, S = ne.LOCAL) => {
-    const _ = k(y);
-    _ && s(S, { deleted: [_] });
-  }, E = (y, S = ne.LOCAL) => {
-    const _ = y.reduce((w, I) => {
+      return e.delete(v), _.bodies.forEach((b) => t.delete(b.id)), _;
+    console.warn(`Attempt to delete missing annotation: ${v}`);
+  }, E = (w, v = ne.LOCAL) => {
+    const _ = k(w);
+    _ && s(v, { deleted: [_] });
+  }, S = (w, v = ne.LOCAL) => {
+    const _ = w.reduce((b, I) => {
       const L = k(I);
-      return L ? [...w, L] : w;
+      return L ? [...b, L] : b;
     }, []);
-    _.length > 0 && s(S, { deleted: _ });
-  }, v = (y) => {
-    const S = e.get(y.annotation);
-    if (S) {
-      const _ = S.bodies.find((w) => w.id === y.id);
+    _.length > 0 && s(v, { deleted: _ });
+  }, y = (w) => {
+    const v = e.get(w.annotation);
+    if (v) {
+      const _ = v.bodies.find((b) => b.id === w.id);
       if (_) {
         t.delete(_.id);
-        const w = {
-          ...S,
-          bodies: S.bodies.filter((I) => I.id !== y.id)
+        const b = {
+          ...v,
+          bodies: v.bodies.filter((I) => I.id !== w.id)
         };
-        return e.set(S.id, w), {
-          oldValue: S,
-          newValue: w,
+        return e.set(v.id, b), {
+          oldValue: v,
+          newValue: b,
           bodiesDeleted: [_]
         };
       } else
-        console.warn(`Attempt to delete missing body ${y.id} from annotation ${y.annotation}`);
+        console.warn(`Attempt to delete missing body ${w.id} from annotation ${w.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${y.annotation}`);
-  }, A = (y, S = ne.LOCAL) => {
-    const _ = v(y);
-    _ && s(S, { updated: [_] });
-  }, M = (y, S = ne.LOCAL) => {
-    const _ = y.map((w) => v(w)).filter(Boolean);
-    _.length > 0 && s(S, { updated: _ });
-  }, C = (y) => {
-    const S = e.get(y);
-    return S ? { ...S } : void 0;
-  }, T = (y) => {
-    const S = t.get(y);
-    if (S) {
-      const _ = C(S).bodies.find((w) => w.id === y);
+      console.warn(`Attempt to delete body from missing annotation ${w.annotation}`);
+  }, A = (w, v = ne.LOCAL) => {
+    const _ = y(w);
+    _ && s(v, { updated: [_] });
+  }, M = (w, v = ne.LOCAL) => {
+    const _ = w.map((b) => y(b)).filter(Boolean);
+    _.length > 0 && s(v, { updated: _ });
+  }, C = (w) => {
+    const v = e.get(w);
+    return v ? { ...v } : void 0;
+  }, T = (w) => {
+    const v = t.get(w);
+    if (v) {
+      const _ = C(v).bodies.find((b) => b.id === w);
       if (_)
         return _;
-      console.error(`Store integrity error: body ${y} in index, but not in annotation`);
+      console.error(`Store integrity error: body ${w} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${y}`);
-  }, B = (y, S) => {
-    if (y.annotation !== S.annotation)
+      console.warn(`Attempt to retrieve missing body: ${w}`);
+  }, B = (w, v) => {
+    if (w.annotation !== v.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const _ = e.get(y.annotation);
+    const _ = e.get(w.annotation);
     if (_) {
-      const w = _.bodies.find((L) => L.id === y.id), I = {
+      const b = _.bodies.find((L) => L.id === w.id), I = {
         ..._,
-        bodies: _.bodies.map((L) => L.id === w.id ? S : L)
+        bodies: _.bodies.map((L) => L.id === b.id ? v : L)
       };
-      return e.set(_.id, I), w.id !== S.id && (t.delete(w.id), t.set(S.id, I.id)), {
+      return e.set(_.id, I), b.id !== v.id && (t.delete(b.id), t.set(v.id, I.id)), {
         oldValue: _,
         newValue: I,
-        bodiesUpdated: [{ oldBody: w, newBody: S }]
+        bodiesUpdated: [{ oldBody: b, newBody: v }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${y.annotation}`);
-  }, N = (y, S, _ = ne.LOCAL) => {
-    const w = B(y, S);
-    w && s(_, { updated: [w] });
-  }, q = (y, S = ne.LOCAL) => {
-    const _ = y.map((w) => B({ id: w.id, annotation: w.annotation }, w)).filter(Boolean);
-    s(S, { updated: _ });
-  }, z = (y) => {
-    const S = e.get(y.annotation);
-    if (S) {
+      console.warn(`Attempt to add body to missing annotation ${w.annotation}`);
+  }, N = (w, v, _ = ne.LOCAL) => {
+    const b = B(w, v);
+    b && s(_, { updated: [b] });
+  }, q = (w, v = ne.LOCAL) => {
+    const _ = w.map((b) => B({ id: b.id, annotation: b.annotation }, b)).filter(Boolean);
+    s(v, { updated: _ });
+  }, z = (w) => {
+    const v = e.get(w.annotation);
+    if (v) {
       const _ = {
-        ...S,
+        ...v,
         target: {
-          ...S.target,
-          ...y
+          ...v.target,
+          ...w
         }
       };
-      return e.set(S.id, _), {
-        oldValue: S,
+      return e.set(v.id, _), {
+        oldValue: v,
         newValue: _,
         targetUpdated: {
-          oldTarget: S.target,
-          newTarget: y
+          oldTarget: v.target,
+          newTarget: w
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${y.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${w.annotation}`);
   };
   return {
     addAnnotation: r,
     addBody: h,
     all: p,
     bulkAddAnnotations: g,
-    bulkDeleteAnnotations: E,
+    bulkDeleteAnnotations: S,
     bulkDeleteBodies: M,
     bulkUpdateAnnotations: d,
     bulkUpdateBodies: q,
-    bulkUpdateTargets: (y, S = ne.LOCAL) => {
-      const _ = y.map((w) => z(w)).filter(Boolean);
-      _.length > 0 && s(S, { updated: _ });
+    bulkUpdateTargets: (w, v = ne.LOCAL) => {
+      const _ = w.map((b) => z(b)).filter(Boolean);
+      _.length > 0 && s(v, { updated: _ });
     },
     bulkUpsertAnnotations: f,
     clear: m,
-    deleteAnnotation: b,
+    deleteAnnotation: E,
     deleteBody: A,
     getAnnotation: C,
     getBody: T,
@@ -1331,9 +1331,9 @@ const pi = (e, t) => {
     unobserve: i,
     updateAnnotation: a,
     updateBody: N,
-    updateTarget: (y, S = ne.LOCAL) => {
-      const _ = z(y);
-      _ && s(S, { updated: [_] });
+    updateTarget: (w, v = ne.LOCAL) => {
+      const _ = z(w);
+      _ && s(v, { updated: [_] });
     },
     upsertAnnotation: u
   };
@@ -1367,8 +1367,8 @@ const vi = 250, Si = (e, t) => {
       if (k - r > vi)
         o.splice(i + 1), o.push(g), i = o.length - 1;
       else {
-        const b = o.length - 1;
-        o[b] = _i(o[b], g);
+        const E = o.length - 1;
+        o[E] = _i(o[E], g);
       }
       r = k;
     }
@@ -1406,60 +1406,60 @@ 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 = (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 = (b, E, v) => {
-    a.has(b) && setTimeout(() => {
-      a.get(b).forEach((A) => {
+  const h = (E, S) => {
+    a.has(E) ? a.get(E).push(S) : a.set(E, [S]);
+  }, p = (E, S) => {
+    const y = a.get(E);
+    if (y) {
+      const A = y.indexOf(S);
+      A !== -1 && y.splice(A, 1);
+    }
+  }, m = (E, S, y) => {
+    a.has(E) && setTimeout(() => {
+      a.get(E).forEach((A) => {
         if (n) {
-          const M = Array.isArray(E) ? E.map((T) => n.serialize(T)) : n.serialize(E), C = v ? v instanceof PointerEvent ? v : n.serialize(v) : void 0;
+          const M = Array.isArray(S) ? S.map((T) => n.serialize(T)) : n.serialize(S), C = y ? y instanceof PointerEvent ? y : n.serialize(y) : void 0;
           A(M, C);
         } else
-          A(E, v);
+          A(S, y);
       });
     }, 1);
   }, g = () => {
-    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);
+    const { selected: E } = s, S = (E || []).map(({ id: y }) => r.getAnnotation(y));
+    S.forEach((y) => {
+      const A = u.find((M) => M.id === y.id);
+      (!A || !Ce(A, y)) && m("updateAnnotation", y, A);
+    }), u = u.map((y) => S.find(({ id: M }) => M === y.id) || y);
   };
-  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);
+  s.subscribe(({ selected: E }) => {
+    if (!(u.length === 0 && E.length === 0)) {
+      if (u.length === 0 && E.length > 0)
+        u = E.map(({ id: S }) => r.getAnnotation(S));
+      else if (u.length > 0 && E.length === 0)
+        u.forEach((S) => {
+          const y = r.getAnnotation(S.id);
+          y && !Ce(y, S) && m("updateAnnotation", y, S);
         }), u = [];
       else {
-        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 S = new Set(u.map((A) => A.id)), y = new Set(E.map(({ id: A }) => A));
+        u.filter((A) => !y.has(A.id)).forEach((A) => {
           const M = r.getAnnotation(A.id);
-          M && !Ie(M, A) && m("updateAnnotation", M, A);
+          M && !Ce(M, A) && m("updateAnnotation", M, A);
         }), u = [
           // Remove annotations that were deselected
-          ...u.filter((A) => v.has(A.id)),
+          ...u.filter((A) => y.has(A.id)),
           // Add editable annotations that were selected
-          ...b.filter(({ id: A }) => !E.has(A)).map(({ id: A }) => r.getAnnotation(A))
+          ...E.filter(({ id: A }) => !S.has(A)).map(({ id: A }) => r.getAnnotation(A))
         ];
       }
       m("selectionChanged", u);
     }
-  }), 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) => {
+  }), i.subscribe((E) => {
+    !d && E ? m("mouseEnterAnnotation", r.getAnnotation(E)) : d && !E ? m("mouseLeaveAnnotation", r.getAnnotation(d)) : d && E && (m("mouseLeaveAnnotation", r.getAnnotation(d)), m("mouseEnterAnnotation", r.getAnnotation(E))), d = E;
+  }), l == null || l.subscribe((E) => m("viewportIntersect", E.map((S) => r.getAnnotation(S)))), r.observe((E) => {
     o && (f && clearTimeout(f), f = setTimeout(g, 1e3));
-    const { created: E, deleted: v } = b.changes;
-    (E || []).forEach((A) => m("createAnnotation", A)), (v || []).forEach((A) => m("deleteAnnotation", A)), (b.changes.updated || []).filter((A) => [
+    const { created: S, deleted: y } = E.changes;
+    (S || []).forEach((A) => m("createAnnotation", A)), (y || []).forEach((A) => m("deleteAnnotation", A)), (E.changes.updated || []).filter((A) => [
       ...A.bodiesCreated || [],
       ...A.bodiesDeleted || [],
       ...A.bodiesUpdated || []
@@ -1467,15 +1467,15 @@ const vi = 250, Si = (e, t) => {
       const C = u.find((T) => T.id === A.id) || A;
       u = u.map((T) => T.id === A.id ? M : T), m("updateAnnotation", M, C);
     });
-  }, { origin: ne.LOCAL }), r.observe((b) => {
+  }, { origin: ne.LOCAL }), r.observe((E) => {
     if (u) {
-      const E = new Set(u.map((A) => A.id)), v = (b.changes.updated || []).filter(({ newValue: A }) => E.has(A.id)).map(({ newValue: A }) => A);
-      v.length > 0 && (u = u.map((A) => v.find((C) => C.id === A.id) || A));
+      const S = new Set(u.map((A) => A.id)), y = (E.changes.updated || []).filter(({ newValue: A }) => S.has(A.id)).map(({ newValue: A }) => A);
+      y.length > 0 && (u = u.map((A) => y.find((C) => C.id === A.id) || A));
     }
   }, { origin: ne.REMOTE });
-  const k = (b) => (E) => {
-    const { updated: v } = E;
-    b ? (v || []).forEach((A) => m("updateAnnotation", A.oldValue, A.newValue)) : (v || []).forEach((A) => m("updateAnnotation", A.newValue, A.oldValue));
+  const k = (E) => (S) => {
+    const { updated: y } = S;
+    E ? (y || []).forEach((A) => m("updateAnnotation", A.oldValue, A.newValue)) : (y || []).forEach((A) => m("updateAnnotation", A.newValue, A.oldValue));
   };
   return t.on("undo", k(!0)), t.on("redo", k(!1)), { on: h, off: p, emit: m };
 }, Mi = (e) => (t) => t.reduce((n, o) => {
@@ -1490,46 +1490,46 @@ const vi = 250, Si = (e, t) => {
     ...n
   };
 }, { parsed: [], failed: [] }), Ti = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (b) => {
+  const { store: o, selection: i } = e, s = (E) => {
     if (n) {
-      const { parsed: E, error: v } = n.parse(b);
-      E ? o.addAnnotation(E, ne.REMOTE) : console.error(v);
+      const { parsed: S, error: y } = n.parse(E);
+      S ? o.addAnnotation(S, ne.REMOTE) : console.error(y);
     } else
-      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;
+      o.addAnnotation(Tt(E), ne.REMOTE);
+  }, r = () => i.clear(), l = () => o.clear(), a = (E) => {
+    const S = o.getAnnotation(E);
+    return n && S ? n.serialize(S) : S;
   }, u = () => n ? o.all().map(n.serialize) : o.all(), d = () => {
-    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 = (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;
+    var E;
+    const S = (((E = i.selected) == null ? void 0 : E.map((y) => y.id)) || []).map((y) => o.getAnnotation(y)).filter(Boolean);
+    return n ? S.map(n.serialize) : S;
+  }, f = (E, S = !0) => fetch(E).then((y) => y.json()).then((y) => (p(y, S), y)), h = (E) => {
+    if (typeof E == "string") {
+      const S = o.getAnnotation(E);
+      if (o.deleteAnnotation(E), S)
+        return n ? n.serialize(S) : S;
     } else {
-      const E = n ? n.parse(b).parsed : b;
-      if (E)
-        return o.deleteAnnotation(E), b;
+      const S = n ? n.parse(E).parsed : E;
+      if (S)
+        return o.deleteAnnotation(S), E;
     }
-  }, p = (b, E = !0) => {
+  }, p = (E, S = !0) => {
     if (n) {
-      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);
+      const y = n.parseAll || Mi(n), { parsed: A, failed: M } = y(E);
+      M.length > 0 && console.warn(`Discarded ${M.length} invalid annotations`, M), o.bulkAddAnnotations(A, S, ne.REMOTE);
     } else
-      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) => {
+      o.bulkAddAnnotations(E.map(Tt), S, ne.REMOTE);
+  }, m = (E, S) => {
+    E ? i.setSelected(E, S) : i.clear();
+  }, g = (E) => {
+    i.clear(), i.setUserSelectAction(E);
+  }, k = (E) => {
     if (n) {
-      const E = n.parse(b).parsed, v = n.serialize(o.getAnnotation(E.id));
-      return o.updateAnnotation(E), v;
+      const S = n.parse(E).parsed, y = n.serialize(o.getAnnotation(S.id));
+      return o.updateAnnotation(S), y;
     } else {
-      const E = o.getAnnotation(b.id);
-      return o.updateAnnotation(Tt(b)), E;
+      const S = o.getAnnotation(E.id);
+      return o.updateAnnotation(Tt(E)), S;
     }
   };
   return {
@@ -1759,7 +1759,7 @@ const Hi = (e, t) => {
     w: i - n + 2 * t,
     h: s - o + 2 * t
   };
-}, Ce = typeof window > "u" || typeof navigator > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || // @ts-ignore
+}, Le = typeof window > "u" || typeof navigator > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || // @ts-ignore
 navigator.msMaxTouchPoints > 0, ji = (e) => ({}), on = (e) => ({ grab: (
   /*onGrab*/
   e[0]
@@ -1782,13 +1782,13 @@ function zi(e) {
     },
     m(l, a) {
       R(l, t, a), r && r.m(t, null), n = !0, o || (i = [
-        Q(
+        W(
           t,
           "pointerup",
           /*onRelease*/
           e[2]
         ),
-        Q(
+        W(
           t,
           "pointermove",
           /*onPointerMove*/
@@ -1832,19 +1832,19 @@ function Fi(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
   const s = Oe();
   let { shape: r } = t, { editor: l } = t, { transform: a } = t, { svgEl: u } = t, d, f, h;
-  const p = (k) => (b) => {
+  const p = (k) => (E) => {
     if (d = k, u) {
-      const { left: v, top: A } = u.getBoundingClientRect(), M = b.clientX - v, C = b.clientY - A;
+      const { left: y, top: A } = u.getBoundingClientRect(), M = E.clientX - y, C = E.clientY - A;
       f = a.elementToImage(M, C);
     } else {
-      const { offsetX: v, offsetY: A } = b;
-      f = a.elementToImage(v, A);
+      const { offsetX: y, offsetY: A } = E;
+      f = a.elementToImage(y, A);
     }
-    h = r, b.target.setPointerCapture(b.pointerId), s("grab", b);
+    h = r, E.target.setPointerCapture(E.pointerId), s("grab", E);
   }, m = (k) => {
     if (d) {
-      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);
+      const [E, S] = a.elementToImage(k.offsetX, k.offsetY), y = [E - f[0], S - f[1]];
+      n(3, r = l(h, d, y)), s("change", r);
     }
   }, g = (k) => {
     k.target.releasePointerCapture(k.pointerId), d = void 0, h = r, s("release", k);
@@ -1880,7 +1880,7 @@ function qi(e) {
   );
   return {
     c() {
-      t = P("g"), n = P("circle"), u && u.c(), i = P("circle"), c(n, "class", "a9s-handle-buffer"), c(
+      t = P("g"), n = P("circle"), u && u.c(), i = P("circle"), c(n, "class", "a9s-handle-buffer svelte-qtyc7s"), c(
         n,
         "cx",
         /*x*/
@@ -1892,8 +1892,8 @@ function qi(e) {
         e[1]
       ), c(n, "r", o = /*handleRadius*/
       e[5] + 6 / /*scale*/
-      e[2]), c(n, "role", "button"), c(n, "tabindex", "0"), c(i, "class", s = `a9s-handle-dot${/*selected*/
-      e[3] ? " selected" : ""}`), c(
+      e[2]), c(n, "role", "button"), c(n, "tabindex", "0"), c(i, "class", s = ze(`a9s-handle-dot${/*selected*/
+      e[3] ? " selected" : ""}`) + " svelte-qtyc7s"), c(
         i,
         "cx",
         /*x*/
@@ -1913,43 +1913,43 @@ function qi(e) {
     },
     m(d, f) {
       R(d, t, f), j(t, n), u && u.m(t, null), j(t, i), l || (a = [
-        Q(
+        W(
           n,
           "dblclick",
-          /*dblclick_handler*/
-          e[11]
+          /*dblclick_handler_1*/
+          e[12]
         ),
-        Q(
+        W(
           n,
           "pointerenter",
           /*pointerenter_handler*/
-          e[12]
+          e[13]
         ),
-        Q(
+        W(
           n,
           "pointerleave",
           /*pointerleave_handler*/
-          e[13]
+          e[14]
         ),
-        Q(
+        W(
           n,
           "pointerdown",
           /*pointerdown_handler_1*/
-          e[14]
+          e[15]
         ),
-        Q(
+        W(
           n,
           "pointerdown",
           /*onPointerDown*/
           e[6]
         ),
-        Q(
+        W(
           n,
           "pointerup",
           /*pointerup_handler_1*/
-          e[15]
+          e[16]
         ),
-        Q(
+        W(
           n,
           "pointerup",
           /*onPointerUp*/
@@ -1975,8 +1975,8 @@ function qi(e) {
       d[5] + 6 / /*scale*/
       d[2]) && c(n, "r", o), /*selected*/
       d[3] ? u ? u.p(d, f) : (u = sn(d), u.c(), u.m(t, i)) : u && (u.d(1), u = null), f & /*selected*/
-      8 && s !== (s = `a9s-handle-dot${/*selected*/
-      d[3] ? " selected" : ""}`) && c(i, "class", s), f & /*x*/
+      8 && s !== (s = ze(`a9s-handle-dot${/*selected*/
+      d[3] ? " selected" : ""}`) + " svelte-qtyc7s") && c(i, "class", s), f & /*x*/
       1 && c(
         i,
         "cx",
@@ -2035,7 +2035,7 @@ function Ki(e) {
         e[1]
       ), c(i, "r", s = /*handleRadius*/
       e[5] + 10 / /*scale*/
-      e[2]), c(i, "class", "a9s-handle-buffer"), c(r, "class", "a9s-handle-dot"), c(
+      e[2]), c(i, "class", "a9s-handle-buffer svelte-qtyc7s"), c(i, "role", "button"), c(i, "tabindex", "0"), c(r, "class", "a9s-handle-dot"), c(
         r,
         "cx",
         /*x*/
@@ -2051,25 +2051,31 @@ function Ki(e) {
     },
     m(d, f) {
       R(d, t, f), j(t, n), j(t, i), j(t, r), a || (u = [
-        Q(
+        W(
           i,
-          "pointerdown",
-          /*pointerdown_handler*/
+          "dblclick",
+          /*dblclick_handler*/
           e[9]
         ),
-        Q(
+        W(
           i,
-          "pointerup",
-          /*pointerup_handler*/
+          "pointerdown",
+          /*pointerdown_handler*/
           e[10]
         ),
-        Q(
+        W(
           i,
           "pointerdown",
           /*onPointerDown*/
           e[6]
         ),
-        Q(
+        W(
+          i,
+          "pointerup",
+          /*pointerup_handler*/
+          e[11]
+        ),
+        W(
           i,
           "pointerup",
           /*onPointerUp*/
@@ -2182,7 +2188,7 @@ function sn(e) {
 function Wi(e) {
   let t;
   function n(s, r) {
-    return Ce ? Ki : qi;
+    return Le ? Ki : qi;
   }
   let i = n()(e);
   return {
@@ -2204,32 +2210,35 @@ function Wi(e) {
 }
 function Zi(e, t, n) {
   let o, { x: i } = t, { y: s } = t, { scale: r } = t, { selected: l = void 0 } = t, a = !1;
-  const u = (E) => {
-    E.pointerType === "touch" && n(4, a = !0);
+  const u = (y) => {
+    y.pointerType === "touch" && n(4, a = !0);
   }, d = () => n(4, a = !1);
-  function f(E) {
-    he.call(this, e, E);
+  function f(y) {
+    ue.call(this, e, y);
+  }
+  function h(y) {
+    ue.call(this, e, y);
   }
-  function h(E) {
-    he.call(this, e, E);
+  function p(y) {
+    ue.call(this, e, y);
   }
-  function p(E) {
-    he.call(this, e, E);
+  function m(y) {
+    ue.call(this, e, y);
   }
-  function m(E) {
-    he.call(this, e, E);
+  function g(y) {
+    ue.call(this, e, y);
   }
-  function g(E) {
-    he.call(this, e, E);
+  function k(y) {
+    ue.call(this, e, y);
   }
-  function k(E) {
-    he.call(this, e, E);
+  function E(y) {
+    ue.call(this, e, y);
   }
-  function b(E) {
-    he.call(this, e, E);
+  function S(y) {
+    ue.call(this, e, y);
   }
-  return e.$$set = (E) => {
-    n(8, t = Bt(Bt({}, t), Jt(E))), "x" in E && n(0, i = E.x), "y" in E && n(1, s = E.y), "scale" in E && n(2, r = E.scale), "selected" in E && n(3, l = E.selected);
+  return e.$$set = (y) => {
+    n(8, t = Bt(Bt({}, t), Jt(y))), "x" in y && n(0, i = y.x), "y" in y && n(1, s = y.y), "scale" in y && n(2, r = y.scale), "selected" in y && n(3, l = y.selected);
   }, e.$$.update = () => {
     e.$$.dirty & /*scale*/
     4 && n(5, o = 4 / r);
@@ -2249,10 +2258,11 @@ function Zi(e, t, n) {
     m,
     g,
     k,
-    b
+    E,
+    S
   ];
 }
-class ze extends pe {
+class Fe extends pe {
   constructor(t) {
     super(), me(this, t, Zi, Wi, se, { x: 0, y: 1, scale: 2, selected: 3 });
   }
@@ -2306,13 +2316,13 @@ function Ji(e) {
     },
     m(a, u) {
       R(a, t, u), j(t, n), j(t, i), j(t, s), r || (l = [
-        Q(
+        W(
           n,
           "pointerdown",
           /*pointerdown_handler*/
           e[5]
         ),
-        Q(
+        W(
           n,
           "pointerdown",
           /*onPointerDown*/
@@ -2431,7 +2441,7 @@ function Qi(e) {
 function xi(e) {
   let t;
   function n(s, r) {
-    return Ce ? Qi : Ji;
+    return Le ? Qi : Ji;
   }
   let i = n()(e);
   return {
@@ -2457,7 +2467,7 @@ function $i(e, t, n) {
     u.pointerType;
   };
   function a(u) {
-    he.call(this, e, u);
+    ue.call(this, e, u);
   }
   return e.$$set = (u) => {
     "x" in u && n(0, i = u.x), "y" in u && n(1, s = u.y), "scale" in u && n(4, r = u.scale);
@@ -2511,7 +2521,7 @@ function ln(e) {
     c() {
       t = P("circle"), c(t, "cx", n = /*point*/
       e[28][0]), c(t, "cy", o = /*point*/
-      e[28][1]), c(t, "r", i = xe / /*viewportScale*/
+      e[28][1]), c(t, "r", i = $e / /*viewportScale*/
       e[3]), c(t, "class", "svelte-1h2slbm");
     },
     m(s, r) {
@@ -2523,7 +2533,7 @@ function ln(e) {
       s[28][0]) && c(t, "cx", n), r[0] & /*midpoints, visibleMidpoint*/
       1088 && o !== (o = /*point*/
       s[28][1]) && c(t, "cy", o), r[0] & /*viewportScale*/
-      8 && i !== (i = xe / /*viewportScale*/
+      8 && i !== (i = $e / /*viewportScale*/
       s[3]) && c(t, "r", i);
     },
     d(s) {
@@ -2541,7 +2551,7 @@ function an(e) {
       e[9].w), c(n, "height", r = /*mask*/
       e[9].h), c(n, "class", "svelte-1h2slbm"), c(l, "cx", a = /*point*/
       e[28][0]), c(l, "cy", u = /*point*/
-      e[28][1]), c(l, "r", d = xe / /*viewportScale*/
+      e[28][1]), c(l, "r", d = $e / /*viewportScale*/
       e[3]), c(l, "class", "svelte-1h2slbm"), c(t, "id", `${/*maskId*/
       e[19]}-inner`), c(t, "class", "a9s-polygon-editor-mask svelte-1h2slbm");
     },
@@ -2562,7 +2572,7 @@ function an(e) {
       f[28][0]) && c(l, "cx", a), h[0] & /*midpoints, visibleMidpoint*/
       1088 && u !== (u = /*point*/
       f[28][1]) && c(l, "cy", u), h[0] & /*viewportScale*/
-      8 && d !== (d = xe / /*viewportScale*/
+      8 && d !== (d = $e / /*viewportScale*/
       f[3]) && c(l, "r", d);
     },
     d(f) {
@@ -2572,7 +2582,7 @@ function an(e) {
 }
 function cn(e) {
   let t, n;
-  return t = new ze({
+  return t = new Fe({
     props: {
       class: "a9s-corner-handle",
       x: (
@@ -2713,7 +2723,7 @@ function un(e) {
   };
 }
 function es(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, p, m, g, k, b, E, v, A, M, C = (
+  let t, n, o, i, s, r, l, a, u, d, f, h, p, m, g, k, E, S, y, A, M, C = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && ln(It(e))
@@ -2725,10 +2735,10 @@ function es(e) {
     /*geom*/
     e[5].points
   ), N = [];
-  for (let y = 0; y < B.length; y += 1)
-    N[y] = cn(rn(e, B, y));
-  const q = (y) => H(N[y], 1, 1, () => {
-    N[y] = null;
+  for (let w = 0; w < B.length; w += 1)
+    N[w] = cn(rn(e, B, w));
+  const q = (w) => H(N[w], 1, 1, () => {
+    N[w] = null;
   });
   let z = (
     /*visibleMidpoint*/
@@ -2738,9 +2748,9 @@ function es(e) {
   return {
     c() {
       t = P("defs"), n = P("mask"), o = P("rect"), a = P("polygon"), C && C.c(), T && T.c(), d = ye(), f = P("polygon"), p = ye(), m = P("polygon"), k = ye();
-      for (let y = 0; y < N.length; y += 1)
-        N[y].c();
-      b = ye(), z && z.c(), E = Ae(), c(o, "x", i = /*mask*/
+      for (let w = 0; w < N.length; w += 1)
+        N[w].c();
+      E = ye(), z && z.c(), S = 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,36 +2767,36 @@ function es(e) {
       ), c(m, "points", g = /*geom*/
       e[5].points.map(hn).join(" "));
     },
-    m(y, S) {
-      R(y, t, S), j(t, n), j(n, o), j(n, a), C && C.m(n, null), T && T.m(t, null), R(y, d, S), R(y, f, S), R(y, p, S), R(y, m, S), R(y, k, S);
+    m(w, v) {
+      R(w, t, v), j(t, n), j(n, o), j(n, a), C && C.m(n, null), T && T.m(t, null), R(w, d, v), R(w, f, v), R(w, p, v), R(w, m, v), R(w, k, v);
       for (let _ = 0; _ < N.length; _ += 1)
-        N[_] && N[_].m(y, S);
-      R(y, b, S), z && z.m(y, S), R(y, E, S), v = !0, A || (M = [
-        Q(
+        N[_] && N[_].m(w, v);
+      R(w, E, v), z && z.m(w, v), R(w, S, v), y = !0, A || (M = [
+        W(
           f,
           "pointerup",
           /*onShapePointerUp*/
           e[14]
         ),
-        Q(f, "pointerdown", function() {
+        W(f, "pointerdown", function() {
           ie(
             /*grab*/
             e[27]("SHAPE")
           ) && e[27]("SHAPE").apply(this, arguments);
         }),
-        Q(
+        W(
           m,
           "pointermove",
           /*onPointerMove*/
           e[13]
         ),
-        Q(
+        W(
           m,
           "pointerup",
           /*onShapePointerUp*/
           e[14]
         ),
-        Q(m, "pointerdown", function() {
+        W(m, "pointerdown", function() {
           ie(
             /*grab*/
             e[27]("SHAPE")
@@ -2794,32 +2804,32 @@ function es(e) {
         })
       ], A = !0);
     },
-    p(y, S) {
-      if (e = y, (!v || S[0] & /*mask*/
+    p(w, v) {
+      if (e = w, (!y || v[0] & /*mask*/
       512 && i !== (i = /*mask*/
-      e[9].x)) && c(o, "x", i), (!v || S[0] & /*mask*/
+      e[9].x)) && c(o, "x", i), (!y || v[0] & /*mask*/
       512 && s !== (s = /*mask*/
-      e[9].y)) && c(o, "y", s), (!v || S[0] & /*mask*/
+      e[9].y)) && c(o, "y", s), (!y || v[0] & /*mask*/
       512 && r !== (r = /*mask*/
-      e[9].w)) && c(o, "width", r), (!v || S[0] & /*mask*/
+      e[9].w)) && c(o, "width", r), (!y || v[0] & /*mask*/
       512 && l !== (l = /*mask*/
-      e[9].h)) && c(o, "height", l), (!v || S[0] & /*geom*/
+      e[9].h)) && c(o, "height", l), (!y || v[0] & /*geom*/
       32 && u !== (u = /*geom*/
       e[5].points.map(fn).join(" "))) && c(a, "points", u), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? C ? C.p(It(e), S) : (C = ln(It(e)), C.c(), C.m(n, null)) : C && (C.d(1), C = null), /*visibleMidpoint*/
+      e[7] ? C ? C.p(It(e), v) : (C = ln(It(e)), C.c(), C.m(n, null)) : C && (C.d(1), C = null), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? T ? T.p(Pt(e), S) : (T = an(Pt(e)), T.c(), T.m(t, null)) : T && (T.d(1), T = null), (!v || S[0] & /*geom*/
+      e[7] ? T ? T.p(Pt(e), v) : (T = an(Pt(e)), T.c(), T.m(t, null)) : T && (T.d(1), T = null), (!y || v[0] & /*geom*/
       32 && h !== (h = /*geom*/
-      e[5].points.map(dn).join(" "))) && c(f, "points", h), (!v || S[0] & /*computedStyle*/
+      e[5].points.map(dn).join(" "))) && c(f, "points", h), (!y || v[0] & /*computedStyle*/
       2) && c(
         m,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!v || S[0] & /*geom*/
+      ), (!y || v[0] & /*geom*/
       32 && g !== (g = /*geom*/
-      e[5].points.map(hn).join(" "))) && c(m, "points", g), S[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
+      e[5].points.map(hn).join(" "))) && c(m, "points", g), v[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
       134322472) {
         B = ve(
           /*geom*/
@@ -2827,8 +2837,8 @@ function es(e) {
         );
         let _;
         for (_ = 0; _ < B.length; _ += 1) {
-          const w = rn(e, B, _);
-          N[_] ? (N[_].p(w, S), U(N[_], 1)) : (N[_] = cn(w), N[_].c(), U(N[_], 1), N[_].m(b.parentNode, b));
+          const b = rn(e, B, _);
+          N[_] ? (N[_].p(b, v), U(N[_], 1)) : (N[_] = cn(b), N[_].c(), U(N[_], 1), N[_].m(E.parentNode, E));
         }
         for (we(), _ = B.length; _ < N.length; _ += 1)
           q(_);
@@ -2836,26 +2846,26 @@ function es(e) {
       }
       /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? z ? (z.p(Lt(e), S), S[0] & /*visibleMidpoint, isHandleHovered*/
-      192 && U(z, 1)) : (z = un(Lt(e)), z.c(), U(z, 1), z.m(E.parentNode, E)) : z && (we(), H(z, 1, 1, () => {
+      e[7] ? z ? (z.p(Lt(e), v), v[0] & /*visibleMidpoint, isHandleHovered*/
+      192 && U(z, 1)) : (z = un(Lt(e)), z.c(), U(z, 1), z.m(S.parentNode, S)) : z && (we(), H(z, 1, 1, () => {
         z = null;
       }), be());
     },
-    i(y) {
-      if (!v) {
-        for (let S = 0; S < B.length; S += 1)
-          U(N[S]);
-        U(z), v = !0;
+    i(w) {
+      if (!y) {
+        for (let v = 0; v < B.length; v += 1)
+          U(N[v]);
+        U(z), y = !0;
       }
     },
-    o(y) {
+    o(w) {
       N = N.filter(Boolean);
-      for (let S = 0; S < N.length; S += 1)
-        H(N[S]);
-      H(z), v = !1;
+      for (let v = 0; v < N.length; v += 1)
+        H(N[v]);
+      H(z), y = !1;
     },
-    d(y) {
-      y && (D(t), D(d), D(f), D(p), D(m), D(k), D(b), D(E)), C && C.d(), T && T.d(), Re(N, y), z && z.d(y), A = !1, Se(M);
+    d(w) {
+      w && (D(t), D(d), D(f), D(p), D(m), D(k), D(E), D(S)), C && C.d(), T && T.d(), Re(N, w), z && z.d(w), A = !1, Se(M);
     }
   };
 }
@@ -2930,37 +2940,37 @@ function ts(e) {
     }
   };
 }
-const ns = 250, os = 1e3, is = 12, xe = 4.5, fn = (e) => e.join(","), dn = (e) => e.join(","), hn = (e) => e.join(",");
+const ns = 250, os = 1e3, is = 12, $e = 4.5, fn = (e) => e.join(","), dn = (e) => e.join(","), hn = (e) => e.join(",");
 function ss(e, t, n) {
   let o, i, s;
   const r = Oe();
   let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, p = !1, m, g = [];
-  const k = () => n(7, p = !0), b = () => n(7, p = !1), E = (_) => {
+  const k = () => n(7, p = !0), E = () => n(7, p = !1), S = (_) => {
     if (g.length > 0 || !i.some((K) => K.visible)) {
       n(6, h = void 0);
       return;
     }
-    const [w, I] = u.elementToImage(_.offsetX, _.offsetY), L = (K) => Math.pow(K[0] - w, 2) + Math.pow(K[1] - I, 2), O = o.points.reduce((K, Z) => L(Z) < L(K) ? Z : K), G = i.filter((K) => K.visible).reduce((K, Z) => L(Z.point) < L(K.point) ? Z : K), X = Math.pow(os / d, 2);
+    const [b, I] = u.elementToImage(_.offsetX, _.offsetY), L = (K) => Math.pow(K[0] - b, 2) + Math.pow(K[1] - I, 2), O = o.points.reduce((K, J) => L(J) < L(K) ? J : K), G = i.filter((K) => K.visible).reduce((K, J) => L(J.point) < L(K.point) ? J : K), X = Math.pow(os / d, 2);
     L(O) < X || L(G.point) < X ? n(6, h = i.indexOf(G)) : n(6, h = void 0);
-  }, v = () => {
+  }, y = () => {
     document.activeElement !== f && f.focus();
   }, A = () => {
-    n(8, g = []), v();
+    n(8, g = []), y();
   }, M = (_) => {
     n(7, p = !0), _.preventDefault(), _.stopPropagation(), m = performance.now();
-  }, C = (_) => (w) => {
-    if (!m || Ce || performance.now() - m > ns) return;
+  }, C = (_) => (b) => {
+    if (!m || Le || performance.now() - m > ns) return;
     const I = g.includes(_);
-    w.metaKey || w.ctrlKey || w.shiftKey ? I ? n(8, g = g.filter((L) => L !== _)) : n(8, g = [...g, _]) : I && g.length > 1 ? n(8, g = [_]) : I ? n(8, g = []) : n(8, g = [_]), v();
-  }, T = (_, w, I) => {
-    v();
+    b.metaKey || b.ctrlKey || b.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 = [_]), y();
+  }, T = (_, b, I) => {
+    y();
     let L;
     const O = _.geometry;
-    g.length > 1 ? L = O.points.map(([X, W], K) => g.includes(K) ? [X + I[0], W + I[1]] : [X, W]) : w === "SHAPE" ? L = O.points.map(([X, W]) => [X + I[0], W + I[1]]) : L = O.points.map(([X, W], K) => w === `HANDLE-${K}` ? [X + I[0], W + I[1]] : [X, W]);
+    g.length > 1 ? L = O.points.map(([X, Z], K) => g.includes(K) ? [X + I[0], Z + I[1]] : [X, Z]) : b === "SHAPE" ? L = O.points.map(([X, Z]) => [X + I[0], Z + I[1]]) : L = O.points.map(([X, Z], K) => b === `HANDLE-${K}` ? [X + I[0], Z + I[1]] : [X, Z]);
     const G = ge(L);
     return { ..._, geometry: { points: L, bounds: G } };
-  }, B = (_) => async (w) => {
-    w.stopPropagation();
+  }, B = (_) => async (b) => {
+    b.stopPropagation();
     const I = [
       ...o.points.slice(0, _ + 1),
       i[_].point,
@@ -2974,50 +2984,50 @@ function ss(e, t, n) {
         {
           bubbles: !0,
           cancelable: !0,
-          clientX: w.clientX,
-          clientY: w.clientY,
-          pointerId: w.pointerId,
-          pointerType: w.pointerType,
-          isPrimary: w.isPrimary,
-          buttons: w.buttons
+          clientX: b.clientX,
+          clientY: b.clientY,
+          pointerId: b.pointerId,
+          pointerType: b.pointerType,
+          isPrimary: b.isPrimary,
+          buttons: b.buttons
         }
       );
       O.firstChild.dispatchEvent(G);
     }
   }, N = () => {
     if (o.points.length - g.length < 3) return;
-    const _ = o.points.filter((I, L) => !g.includes(L)), w = ge(_);
-    r("change", { ...l, geometry: { points: _, bounds: w } }), n(8, g = []);
+    const _ = o.points.filter((I, L) => !g.includes(L)), b = ge(_);
+    r("change", { ...l, geometry: { points: _, bounds: b } }), n(8, g = []);
   };
   Ne(() => {
-    if (Ce) return;
-    const _ = (w) => {
-      (w.key === "Delete" || w.key === "Backspace") && (w.preventDefault(), N());
+    if (Le) return;
+    const _ = (b) => {
+      (b.key === "Delete" || b.key === "Backspace") && (b.preventDefault(), N());
     };
-    return f.addEventListener("pointermove", E), f.addEventListener("keydown", _), () => {
-      f.removeEventListener("pointermove", E), f.removeEventListener("keydown", _);
+    return f.addEventListener("pointermove", S), f.addEventListener("keydown", _), () => {
+      f.removeEventListener("pointermove", S), f.removeEventListener("keydown", _);
     };
   });
   const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`;
   function z(_) {
-    he.call(this, e, _);
+    ue.call(this, e, _);
   }
-  function y(_) {
-    he.call(this, e, _);
+  function w(_) {
+    ue.call(this, e, _);
   }
-  function S(_) {
-    he.call(this, e, _);
+  function v(_) {
+    ue.call(this, e, _);
   }
   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 = Ce ? [] : o.points.map((_, w) => {
-      const I = w === o.points.length - 1 ? o.points[0] : o.points[w + 1], L = (_[0] + I[0]) / 2, O = (_[1] + I[1]) / 2, X = Math.sqrt(Math.pow(I[0] - L, 2) + Math.pow(I[1] - O, 2)) > is / d;
+    40 && n(10, i = Le ? [] : o.points.map((_, b) => {
+      const I = b === o.points.length - 1 ? o.points[0] : o.points[b + 1], L = (_[0] + I[0]) / 2, O = (_[1] + I[1]) / 2, X = Math.sqrt(Math.pow(I[0] - L, 2) + Math.pow(I[1] - O, 2)) > is / d;
       return { point: [L, O], visible: X };
     })), e.$$.dirty[0] & /*geom, viewportScale*/
-    40 && n(9, s = yt(o.bounds, xe / d));
+    40 && n(9, s = yt(o.bounds, $e / d));
   }, [
     l,
     a,
@@ -3031,8 +3041,8 @@ function ss(e, t, n) {
     s,
     i,
     k,
-    b,
     E,
+    S,
     A,
     M,
     C,
@@ -3040,8 +3050,8 @@ function ss(e, t, n) {
     B,
     q,
     z,
-    y,
-    S
+    w,
+    v
   ];
 }
 class rs extends pe {
@@ -3065,8 +3075,8 @@ class rs extends pe {
   }
 }
 function ls(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, p, m, g, k, b, E, v, A, M, C, T, B, N, q, z, y, S, _, w, I, L, O, G, X, W, K, Z, te, oe, Ee, ke, V, ce, $, ue, _e, Ue, Le, wt, Pe, J, bt, Wt;
-  return $ = new ze({
+  let t, n, o, i, s, r, l, a, u, d, f, h, p, m, g, k, E, S, y, A, M, C, T, B, N, q, z, w, v, _, b, I, L, O, G, X, Z, K, J, te, oe, Ee, ke, V, ce, $, fe, _e, Ue, Pe, wt, Ie, Q, bt, Wt;
+  return $ = new Fe({
     props: {
       class: "a9s-corner-handle-topleft",
       x: (
@@ -3087,7 +3097,7 @@ function ls(e) {
       /*grab*/
       e[12]("TOP_LEFT")
     ) && e[12]("TOP_LEFT").apply(this, arguments);
-  }), _e = new ze({
+  }), _e = new Fe({
     props: {
       class: "a9s-corner-handle-topright",
       x: (
@@ -3109,7 +3119,7 @@ function ls(e) {
       /*grab*/
       e[12]("TOP_RIGHT")
     ) && e[12]("TOP_RIGHT").apply(this, arguments);
-  }), Le = new ze({
+  }), Pe = new Fe({
     props: {
       class: "a9s-corner-handle-bottomright",
       x: (
@@ -3127,12 +3137,12 @@ function ls(e) {
         e[3]
       )
     }
-  }), Le.$on("pointerdown", function() {
+  }), Pe.$on("pointerdown", function() {
     ie(
       /*grab*/
       e[12]("BOTTOM_RIGHT")
     ) && e[12]("BOTTOM_RIGHT").apply(this, arguments);
-  }), Pe = new ze({
+  }), Ie = new Fe({
     props: {
       class: "a9s-corner-handle-bottomleft",
       x: (
@@ -3149,14 +3159,14 @@ function ls(e) {
         e[3]
       )
     }
-  }), Pe.$on("pointerdown", function() {
+  }), Ie.$on("pointerdown", function() {
     ie(
       /*grab*/
       e[12]("BOTTOM_LEFT")
     ) && e[12]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = P("defs"), n = P("mask"), o = P("rect"), a = P("rect"), p = ye(), m = P("rect"), v = ye(), A = P("rect"), N = ye(), q = P("rect"), _ = ye(), w = P("rect"), G = ye(), X = P("rect"), te = ye(), oe = P("rect"), ce = ye(), ae($.$$.fragment), ue = ye(), ae(_e.$$.fragment), Ue = ye(), ae(Le.$$.fragment), wt = ye(), ae(Pe.$$.fragment), c(o, "class", "rect-mask-bg svelte-1njczvj"), c(o, "x", i = /*mask*/
+      t = P("defs"), n = P("mask"), o = P("rect"), a = P("rect"), p = ye(), m = P("rect"), y = ye(), A = P("rect"), N = ye(), q = P("rect"), _ = ye(), b = P("rect"), G = ye(), X = P("rect"), te = ye(), oe = P("rect"), ce = ye(), ae($.$$.fragment), fe = ye(), ae(_e.$$.fragment), Ue = ye(), ae(Pe.$$.fragment), wt = ye(), ae(Ie.$$.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,8 +3182,8 @@ 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", b = /*geom*/
-      e[5].w), c(m, "height", E = /*geom*/
+      e[5].y), c(m, "width", E = /*geom*/
+      e[5].w), c(m, "height", S = /*geom*/
       e[5].h), c(A, "class", "a9s-inner a9s-shape-handle"), c(
         A,
         "style",
@@ -3184,54 +3194,54 @@ function ls(e) {
       e[5].y), c(A, "width", T = /*geom*/
       e[5].w), c(A, "height", B = /*geom*/
       e[5].h), c(q, "class", "a9s-edge-handle a9s-edge-handle-top"), c(q, "x", z = /*geom*/
-      e[5].x), c(q, "y", y = /*geom*/
-      e[5].y), c(q, "height", 1), c(q, "width", S = /*geom*/
-      e[5].w), c(w, "class", "a9s-edge-handle a9s-edge-handle-right"), c(w, "x", I = /*geom*/
+      e[5].x), c(q, "y", w = /*geom*/
+      e[5].y), c(q, "height", 1), c(q, "width", v = /*geom*/
+      e[5].w), c(b, "class", "a9s-edge-handle a9s-edge-handle-right"), c(b, "x", I = /*geom*/
       e[5].x + /*geom*/
-      e[5].w), c(w, "y", L = /*geom*/
-      e[5].y), c(w, "height", O = /*geom*/
-      e[5].h), c(w, "width", 1), c(X, "class", "a9s-edge-handle a9s-edge-handle-bottom"), c(X, "x", W = /*geom*/
+      e[5].w), c(b, "y", L = /*geom*/
+      e[5].y), c(b, "height", O = /*geom*/
+      e[5].h), c(b, "width", 1), c(X, "class", "a9s-edge-handle a9s-edge-handle-bottom"), c(X, "x", Z = /*geom*/
       e[5].x), c(X, "y", K = /*geom*/
       e[5].y + /*geom*/
-      e[5].h), c(X, "height", 1), c(X, "width", Z = /*geom*/
+      e[5].h), c(X, "height", 1), c(X, "width", J = /*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", V = /*geom*/
       e[5].h), c(oe, "width", 1);
     },
     m(F, Y) {
-      R(F, t, Y), j(t, n), j(n, o), j(n, a), R(F, p, Y), R(F, m, Y), R(F, v, Y), R(F, A, Y), R(F, N, Y), R(F, q, Y), R(F, _, Y), R(F, w, Y), R(F, G, Y), R(F, X, Y), R(F, te, Y), R(F, oe, Y), R(F, ce, Y), re($, F, Y), R(F, ue, Y), re(_e, F, Y), R(F, Ue, Y), re(Le, F, Y), R(F, wt, Y), re(Pe, F, Y), J = !0, bt || (Wt = [
-        Q(m, "pointerdown", function() {
+      R(F, t, Y), j(t, n), j(n, o), j(n, a), R(F, p, Y), R(F, m, Y), R(F, y, Y), R(F, A, Y), R(F, N, Y), R(F, q, Y), R(F, _, Y), R(F, b, Y), R(F, G, Y), R(F, X, Y), R(F, te, Y), R(F, oe, Y), R(F, ce, Y), re($, F, Y), R(F, fe, Y), re(_e, F, Y), R(F, Ue, Y), re(Pe, F, Y), R(F, wt, Y), re(Ie, F, Y), Q = !0, bt || (Wt = [
+        W(m, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("SHAPE")
           ) && e[12]("SHAPE").apply(this, arguments);
         }),
-        Q(A, "pointerdown", function() {
+        W(A, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("SHAPE")
           ) && e[12]("SHAPE").apply(this, arguments);
         }),
-        Q(q, "pointerdown", function() {
+        W(q, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("TOP")
           ) && e[12]("TOP").apply(this, arguments);
         }),
-        Q(w, "pointerdown", function() {
+        W(b, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("RIGHT")
           ) && e[12]("RIGHT").apply(this, arguments);
         }),
-        Q(X, "pointerdown", function() {
+        W(X, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("BOTTOM")
           ) && e[12]("BOTTOM").apply(this, arguments);
         }),
-        Q(oe, "pointerdown", function() {
+        W(oe, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("LEFT")
@@ -3240,116 +3250,116 @@ function ls(e) {
       ], bt = !0);
     },
     p(F, Y) {
-      e = F, (!J || Y & /*mask*/
+      e = F, (!Q || Y & /*mask*/
       64 && i !== (i = /*mask*/
-      e[6].x)) && c(o, "x", i), (!J || Y & /*mask*/
+      e[6].x)) && c(o, "x", i), (!Q || Y & /*mask*/
       64 && s !== (s = /*mask*/
-      e[6].y)) && c(o, "y", s), (!J || Y & /*mask*/
+      e[6].y)) && c(o, "y", s), (!Q || Y & /*mask*/
       64 && r !== (r = /*mask*/
-      e[6].w)) && c(o, "width", r), (!J || Y & /*mask*/
+      e[6].w)) && c(o, "width", r), (!Q || Y & /*mask*/
       64 && l !== (l = /*mask*/
-      e[6].h)) && c(o, "height", l), (!J || Y & /*geom*/
+      e[6].h)) && c(o, "height", l), (!Q || Y & /*geom*/
       32 && u !== (u = /*geom*/
-      e[5].x)) && c(a, "x", u), (!J || Y & /*geom*/
+      e[5].x)) && c(a, "x", u), (!Q || Y & /*geom*/
       32 && d !== (d = /*geom*/
-      e[5].y)) && c(a, "y", d), (!J || Y & /*geom*/
+      e[5].y)) && c(a, "y", d), (!Q || Y & /*geom*/
       32 && f !== (f = /*geom*/
-      e[5].w)) && c(a, "width", f), (!J || Y & /*geom*/
+      e[5].w)) && c(a, "width", f), (!Q || Y & /*geom*/
       32 && h !== (h = /*geom*/
-      e[5].h)) && c(a, "height", h), (!J || Y & /*geom*/
+      e[5].h)) && c(a, "height", h), (!Q || Y & /*geom*/
       32 && g !== (g = /*geom*/
-      e[5].x)) && c(m, "x", g), (!J || Y & /*geom*/
+      e[5].x)) && c(m, "x", g), (!Q || Y & /*geom*/
       32 && k !== (k = /*geom*/
-      e[5].y)) && c(m, "y", k), (!J || Y & /*geom*/
-      32 && b !== (b = /*geom*/
-      e[5].w)) && c(m, "width", b), (!J || Y & /*geom*/
+      e[5].y)) && c(m, "y", k), (!Q || Y & /*geom*/
       32 && E !== (E = /*geom*/
-      e[5].h)) && c(m, "height", E), (!J || Y & /*computedStyle*/
+      e[5].w)) && c(m, "width", E), (!Q || Y & /*geom*/
+      32 && S !== (S = /*geom*/
+      e[5].h)) && c(m, "height", S), (!Q || Y & /*computedStyle*/
       2) && c(
         A,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!J || Y & /*geom*/
+      ), (!Q || Y & /*geom*/
       32 && M !== (M = /*geom*/
-      e[5].x)) && c(A, "x", M), (!J || Y & /*geom*/
+      e[5].x)) && c(A, "x", M), (!Q || Y & /*geom*/
       32 && C !== (C = /*geom*/
-      e[5].y)) && c(A, "y", C), (!J || Y & /*geom*/
+      e[5].y)) && c(A, "y", C), (!Q || Y & /*geom*/
       32 && T !== (T = /*geom*/
-      e[5].w)) && c(A, "width", T), (!J || Y & /*geom*/
+      e[5].w)) && c(A, "width", T), (!Q || Y & /*geom*/
       32 && B !== (B = /*geom*/
-      e[5].h)) && c(A, "height", B), (!J || Y & /*geom*/
+      e[5].h)) && c(A, "height", B), (!Q || Y & /*geom*/
       32 && z !== (z = /*geom*/
-      e[5].x)) && c(q, "x", z), (!J || Y & /*geom*/
-      32 && y !== (y = /*geom*/
-      e[5].y)) && c(q, "y", y), (!J || Y & /*geom*/
-      32 && S !== (S = /*geom*/
-      e[5].w)) && c(q, "width", S), (!J || Y & /*geom*/
+      e[5].x)) && c(q, "x", z), (!Q || Y & /*geom*/
+      32 && w !== (w = /*geom*/
+      e[5].y)) && c(q, "y", w), (!Q || Y & /*geom*/
+      32 && v !== (v = /*geom*/
+      e[5].w)) && c(q, "width", v), (!Q || Y & /*geom*/
       32 && I !== (I = /*geom*/
       e[5].x + /*geom*/
-      e[5].w)) && c(w, "x", I), (!J || Y & /*geom*/
+      e[5].w)) && c(b, "x", I), (!Q || Y & /*geom*/
       32 && L !== (L = /*geom*/
-      e[5].y)) && c(w, "y", L), (!J || Y & /*geom*/
+      e[5].y)) && c(b, "y", L), (!Q || Y & /*geom*/
       32 && O !== (O = /*geom*/
-      e[5].h)) && c(w, "height", O), (!J || Y & /*geom*/
-      32 && W !== (W = /*geom*/
-      e[5].x)) && c(X, "x", W), (!J || Y & /*geom*/
+      e[5].h)) && c(b, "height", O), (!Q || Y & /*geom*/
+      32 && Z !== (Z = /*geom*/
+      e[5].x)) && c(X, "x", Z), (!Q || Y & /*geom*/
       32 && K !== (K = /*geom*/
       e[5].y + /*geom*/
-      e[5].h)) && c(X, "y", K), (!J || Y & /*geom*/
-      32 && Z !== (Z = /*geom*/
-      e[5].w)) && c(X, "width", Z), (!J || Y & /*geom*/
+      e[5].h)) && c(X, "y", K), (!Q || Y & /*geom*/
+      32 && J !== (J = /*geom*/
+      e[5].w)) && c(X, "width", J), (!Q || Y & /*geom*/
       32 && Ee !== (Ee = /*geom*/
-      e[5].x)) && c(oe, "x", Ee), (!J || Y & /*geom*/
+      e[5].x)) && c(oe, "x", Ee), (!Q || Y & /*geom*/
       32 && ke !== (ke = /*geom*/
-      e[5].y)) && c(oe, "y", ke), (!J || Y & /*geom*/
+      e[5].y)) && c(oe, "y", ke), (!Q || Y & /*geom*/
       32 && V !== (V = /*geom*/
       e[5].h)) && c(oe, "height", V);
-      const et = {};
-      Y & /*geom*/
-      32 && (et.x = /*geom*/
-      e[5].x), Y & /*geom*/
-      32 && (et.y = /*geom*/
-      e[5].y), Y & /*viewportScale*/
-      8 && (et.scale = /*viewportScale*/
-      e[3]), $.$set(et);
       const tt = {};
       Y & /*geom*/
       32 && (tt.x = /*geom*/
-      e[5].x + /*geom*/
-      e[5].w), Y & /*geom*/
+      e[5].x), Y & /*geom*/
       32 && (tt.y = /*geom*/
       e[5].y), Y & /*viewportScale*/
       8 && (tt.scale = /*viewportScale*/
-      e[3]), _e.$set(tt);
+      e[3]), $.$set(tt);
       const nt = {};
       Y & /*geom*/
       32 && (nt.x = /*geom*/
       e[5].x + /*geom*/
       e[5].w), Y & /*geom*/
       32 && (nt.y = /*geom*/
-      e[5].y + /*geom*/
-      e[5].h), Y & /*viewportScale*/
+      e[5].y), Y & /*viewportScale*/
       8 && (nt.scale = /*viewportScale*/
-      e[3]), Le.$set(nt);
+      e[3]), _e.$set(nt);
       const ot = {};
       Y & /*geom*/
       32 && (ot.x = /*geom*/
-      e[5].x), Y & /*geom*/
+      e[5].x + /*geom*/
+      e[5].w), Y & /*geom*/
       32 && (ot.y = /*geom*/
       e[5].y + /*geom*/
       e[5].h), Y & /*viewportScale*/
       8 && (ot.scale = /*viewportScale*/
       e[3]), Pe.$set(ot);
+      const it = {};
+      Y & /*geom*/
+      32 && (it.x = /*geom*/
+      e[5].x), Y & /*geom*/
+      32 && (it.y = /*geom*/
+      e[5].y + /*geom*/
+      e[5].h), Y & /*viewportScale*/
+      8 && (it.scale = /*viewportScale*/
+      e[3]), Ie.$set(it);
     },
     i(F) {
-      J || (U($.$$.fragment, F), U(_e.$$.fragment, F), U(Le.$$.fragment, F), U(Pe.$$.fragment, F), J = !0);
+      Q || (U($.$$.fragment, F), U(_e.$$.fragment, F), U(Pe.$$.fragment, F), U(Ie.$$.fragment, F), Q = !0);
     },
     o(F) {
-      H($.$$.fragment, F), H(_e.$$.fragment, F), H(Le.$$.fragment, F), H(Pe.$$.fragment, F), J = !1;
+      H($.$$.fragment, F), H(_e.$$.fragment, F), H(Pe.$$.fragment, F), H(Ie.$$.fragment, F), Q = !1;
     },
     d(F) {
-      F && (D(t), D(p), D(m), D(v), D(A), D(N), D(q), D(_), D(w), D(G), D(X), D(te), D(oe), D(ce), D(ue), D(Ue), D(wt)), le($, F), le(_e, F), le(Le, F), le(Pe, F), bt = !1, Se(Wt);
+      F && (D(t), D(p), D(m), D(y), D(A), D(N), D(q), D(_), D(b), D(G), D(X), D(te), D(oe), D(ce), D(fe), D(Ue), D(wt)), le($, F), le(_e, F), le(Pe, F), le(Ie, F), bt = !1, Se(Wt);
     }
   };
 }
@@ -3425,12 +3435,12 @@ 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, b) => {
-    const E = g.geometry.bounds;
-    let [v, A] = [E.minX, E.minY], [M, C] = [E.maxX, E.maxY];
-    const [T, B] = b;
+  const d = (g, k, E) => {
+    const S = g.geometry.bounds;
+    let [y, A] = [S.minX, S.minY], [M, C] = [S.maxX, S.maxY];
+    const [T, B] = E;
     if (k === "SHAPE")
-      v += T, M += T, A += B, C += B;
+      y += T, M += T, A += B, C += B;
     else {
       switch (k) {
         case "TOP":
@@ -3450,7 +3460,7 @@ function cs(e, t, n) {
         case "LEFT":
         case "TOP_LEFT":
         case "BOTTOM_LEFT": {
-          v += T;
+          y += T;
           break;
         }
         case "RIGHT":
@@ -3461,31 +3471,31 @@ function cs(e, t, n) {
         }
       }
     }
-    const N = Math.min(v, M), q = Math.min(A, C), z = Math.abs(M - v), y = Math.abs(C - A);
+    const N = Math.min(y, M), q = Math.min(A, C), z = Math.abs(M - y), w = Math.abs(C - A);
     return {
       ...g,
       geometry: {
         x: N,
         y: q,
         w: z,
-        h: y,
+        h: w,
         bounds: {
           minX: N,
           minY: q,
           maxX: N + z,
-          maxY: q + y
+          maxY: q + w
         }
       }
     };
   }, f = `rect-mask-${Math.random().toString(36).substring(2, 12)}`;
   function h(g) {
-    he.call(this, e, g);
+    ue.call(this, e, g);
   }
   function p(g) {
-    he.call(this, e, g);
+    ue.call(this, e, g);
   }
   function m(g) {
-    he.call(this, e, g);
+    ue.call(this, e, g);
   }
   return e.$$set = (g) => {
     "shape" in g && n(0, s = g.shape), "computedStyle" in g && n(1, r = g.computedStyle), "transform" in g && n(2, l = g.transform), "viewportScale" in g && n(3, a = g.viewportScale), "svgEl" in g && n(4, u = g.svgEl);
@@ -3600,7 +3610,7 @@ function yn(e) {
     c() {
       t = P("circle"), c(t, "cx", n = /*point*/
       e[29][0]), c(t, "cy", o = /*point*/
-      e[29][1]), c(t, "r", i = $e / /*viewportScale*/
+      e[29][1]), c(t, "r", i = et / /*viewportScale*/
       e[3]), c(t, "class", "svelte-1vxo6dc");
     },
     m(s, r) {
@@ -3612,7 +3622,7 @@ function yn(e) {
       s[29][0]) && c(t, "cx", n), r[0] & /*midpoints, visibleMidpoint*/
       1088 && o !== (o = /*point*/
       s[29][1]) && c(t, "cy", o), r[0] & /*viewportScale*/
-      8 && i !== (i = $e / /*viewportScale*/
+      8 && i !== (i = et / /*viewportScale*/
       s[3]) && c(t, "r", i);
     },
     d(s) {
@@ -3630,7 +3640,7 @@ function wn(e) {
       e[9].w), c(n, "height", r = /*mask*/
       e[9].h), c(n, "class", "svelte-1vxo6dc"), c(l, "cx", a = /*point*/
       e[29][0]), c(l, "cy", u = /*point*/
-      e[29][1]), c(l, "r", d = $e / /*viewportScale*/
+      e[29][1]), c(l, "r", d = et / /*viewportScale*/
       e[3]), c(l, "class", "svelte-1vxo6dc"), c(t, "id", `${/*maskId*/
       e[18]}-${/*elementIdx*/
       e[32]}-inner`), c(t, "class", "a9s-multipolygon-editor-mask svelte-1vxo6dc");
@@ -3652,7 +3662,7 @@ function wn(e) {
       f[29][0]) && c(l, "cx", a), h[0] & /*midpoints, visibleMidpoint*/
       1088 && u !== (u = /*point*/
       f[29][1]) && c(l, "cy", u), h[0] & /*viewportScale*/
-      8 && d !== (d = $e / /*viewportScale*/
+      8 && d !== (d = et / /*viewportScale*/
       f[3]) && c(l, "r", d);
     },
     d(f) {
@@ -3676,7 +3686,7 @@ function bn(e) {
       )
     );
   }
-  return t = new ze({
+  return t = new Fe({
     props: {
       class: "a9s-corner-handle",
       x: (
@@ -3818,11 +3828,11 @@ function En(e) {
   };
 }
 function vn(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, p, m, g, k, b, E = (
+  let t, n, o, i, s, r, l, a, u, d, f, h, p, m, g, k, E, S = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && yn(Dt(e))
-  ), v = (
+  ), y = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && wn(Ot(e))
@@ -3837,7 +3847,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 = P("path");
+      t = P("g"), n = P("defs"), o = P("mask"), i = P("rect"), u = P("path"), S && S.c(), y && y.c(), f = P("path"), p = P("path");
       for (let T = 0; T < M.length; T += 1)
         M[T].c();
       c(i, "x", s = /*mask*/
@@ -3867,29 +3877,29 @@ function vn(e) {
       ));
     },
     m(T, B) {
-      R(T, t, B), j(t, n), j(n, o), j(o, i), j(o, u), E && E.m(o, null), v && v.m(n, null), j(t, f), j(t, p);
+      R(T, t, B), j(t, n), j(n, o), j(o, i), j(o, u), S && S.m(o, null), y && y.m(n, null), j(t, f), j(t, p);
       for (let N = 0; N < M.length; N += 1)
         M[N] && M[N].m(t, null);
-      g = !0, k || (b = [
-        Q(
+      g = !0, k || (E = [
+        W(
           f,
           "pointerup",
           /*onShapePointerUp*/
           e[13]
         ),
-        Q(f, "pointerdown", function() {
+        W(f, "pointerdown", function() {
           ie(
             /*grab*/
             e[28]("SHAPE")
           ) && e[28]("SHAPE").apply(this, arguments);
         }),
-        Q(
+        W(
           p,
           "pointerup",
           /*onShapePointerUp*/
           e[13]
         ),
-        Q(p, "pointerdown", function() {
+        W(p, "pointerdown", function() {
           ie(
             /*grab*/
             e[28]("SHAPE")
@@ -3912,9 +3922,9 @@ function vn(e) {
         e[30]
       ))) && c(u, "d", d), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? E ? E.p(Dt(e), B) : (E = yn(Dt(e)), E.c(), E.m(o, null)) : E && (E.d(1), E = null), /*visibleMidpoint*/
+      e[7] ? S ? S.p(Dt(e), B) : (S = yn(Dt(e)), S.c(), S.m(o, null)) : S && (S.d(1), S = null), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? v ? v.p(Ot(e), B) : (v = wn(Ot(e)), v.c(), v.m(n, null)) : v && (v.d(1), v = null), (!g || B[0] & /*geom*/
+      e[7] ? y ? y.p(Ot(e), B) : (y = wn(Ot(e)), y.c(), y.m(n, null)) : y && (y.d(1), y = null), (!g || B[0] & /*geom*/
       32 && h !== (h = Te(
         /*element*/
         e[30]
@@ -3958,7 +3968,7 @@ function vn(e) {
       g = !1;
     },
     d(T) {
-      T && D(t), E && E.d(), v && v.d(), Re(M, T), k = !1, Se(b);
+      T && D(t), S && S.d(), y && y.d(), Re(M, T), k = !1, Se(E);
     }
   };
 }
@@ -4157,64 +4167,64 @@ function gs(e) {
     }
   };
 }
-const ms = 250, ps = 1e3, $e = 4.5;
+const ms = 250, ps = 1e3, et = 4.5;
 function _s(e, t, n) {
   let o, i, s;
   const r = Oe();
   let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, p = !1, m, g = [];
-  const k = () => n(7, p = !0), b = () => n(7, p = !1), E = (w) => {
-    if (g.length > 0 || !i.some((Z) => Z.visible)) {
+  const k = () => n(7, p = !0), E = () => n(7, p = !1), S = (b) => {
+    if (g.length > 0 || !i.some((J) => J.visible)) {
       n(6, h = void 0);
       return;
     }
-    const [I, L] = u.elementToImage(w.offsetX, w.offsetY), O = (Z) => Math.pow(Z[0] - I, 2) + Math.pow(Z[1] - L, 2), G = No(o).reduce((Z, te) => O(te) < O(Z) ? te : Z), X = i.filter((Z) => Z.visible).reduce((Z, te) => O(te.point) < O(Z.point) ? te : Z), W = Math.pow(ps / d, 2);
-    O(G) < W || O(X.point) < W ? n(6, h = i.indexOf(X)) : n(6, h = void 0);
-  }, v = () => {
+    const [I, L] = u.elementToImage(b.offsetX, b.offsetY), O = (J) => Math.pow(J[0] - I, 2) + Math.pow(J[1] - L, 2), G = No(o).reduce((J, te) => O(te) < O(J) ? te : J), X = i.filter((J) => J.visible).reduce((J, te) => O(te.point) < O(J.point) ? te : J), Z = Math.pow(ps / d, 2);
+    O(G) < Z || O(X.point) < Z ? n(6, h = i.indexOf(X)) : n(6, h = void 0);
+  }, y = () => {
     document.activeElement !== f && f.focus();
   }, A = () => {
-    n(8, g = []), v();
-  }, M = (w) => {
-    n(7, p = !0), w.preventDefault(), w.stopPropagation(), m = performance.now();
-  }, C = (w, I, L) => (O) => {
-    if (!m || Ce || performance.now() - m > ms) return;
-    const G = (W) => W.polygon === w && W.ring === I && W.point === L, X = g.some(G);
-    O.metaKey || O.ctrlKey || O.shiftKey ? X ? n(8, g = g.filter((W) => !G(W))) : n(8, g = [...g, { polygon: w, ring: I, point: L }]) : X && g.length > 1 ? n(8, g = [{ polygon: w, ring: I, point: L }]) : X ? n(8, g = []) : n(8, g = [{ polygon: w, ring: I, point: L }]), v();
-  }, T = (w, I, L) => {
-    v();
-    const O = w.geometry.polygons;
+    n(8, g = []), y();
+  }, M = (b) => {
+    n(7, p = !0), b.preventDefault(), b.stopPropagation(), m = performance.now();
+  }, C = (b, I, L) => (O) => {
+    if (!m || Le || performance.now() - m > ms) return;
+    const G = (Z) => Z.polygon === b && Z.ring === I && Z.point === L, X = g.some(G);
+    O.metaKey || O.ctrlKey || O.shiftKey ? X ? n(8, g = g.filter((Z) => !G(Z))) : n(8, g = [...g, { polygon: b, ring: I, point: L }]) : X && g.length > 1 ? n(8, g = [{ polygon: b, ring: I, point: L }]) : X ? n(8, g = []) : n(8, g = [{ polygon: b, ring: I, point: L }]), y();
+  }, T = (b, I, L) => {
+    y();
+    const O = b.geometry.polygons;
     let G;
     if (I === "SHAPE")
       G = O.map((X) => {
-        const W = X.rings.map((Z, te) => ({ points: Z.points.map((Ee, ke) => [Ee[0] + L[0], Ee[1] + L[1]]) })), K = ge(W[0].points);
-        return { rings: W, bounds: K };
+        const Z = X.rings.map((J, te) => ({ points: J.points.map((Ee, ke) => [Ee[0] + L[0], Ee[1] + L[1]]) })), K = ge(Z[0].points);
+        return { rings: Z, bounds: K };
       });
     else {
-      const [X, W, K, Z] = I.split("-").map((te) => parseInt(te));
+      const [X, Z, K, J] = I.split("-").map((te) => parseInt(te));
       G = O.map((te, oe) => {
-        if (oe === W) {
-          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);
+        if (oe === Z) {
+          const Ee = te.rings.map((V, ce) => ce === K ? { points: V.points.map((fe, _e) => _e === J ? [fe[0] + L[0], fe[1] + L[1]] : fe) } : V), ke = ge(Ee[0].points);
           return { rings: Ee, bounds: ke };
         } else
           return te;
       });
     }
     return {
-      ...w,
+      ...b,
       geometry: {
         polygons: G,
         bounds: ft(G)
       }
     };
-  }, B = (w) => async (I) => {
+  }, B = (b) => async (I) => {
     I.stopPropagation();
-    const L = i[w], O = o.polygons.map((X, W) => {
-      if (W === L.elementIdx) {
+    const L = i[b], O = o.polygons.map((X, Z) => {
+      if (Z === L.elementIdx) {
         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 };
+        ] } : te), J = ge(K[0].points);
+        return { rings: K, bounds: J };
       } else
         return X;
     });
@@ -4225,7 +4235,7 @@ function _s(e, t, n) {
         bounds: ft(O)
       }
     }), await Wn();
-    const G = [...document.querySelectorAll(".a9s-handle")][w + 1];
+    const G = [...document.querySelectorAll(".a9s-handle")][b + 1];
     if (G != null && G.firstChild) {
       const X = new PointerEvent(
         "pointerdown",
@@ -4243,50 +4253,50 @@ function _s(e, t, n) {
       G.firstChild.dispatchEvent(X);
     }
   }, N = () => {
-    const w = o.polygons.map((L, O) => {
+    const b = o.polygons.map((L, O) => {
       if (g.some((X) => X.polygon === O)) {
-        const X = L.rings.map((K, Z) => {
-          const te = g.filter((oe) => oe.polygon === O && oe.ring === Z);
+        const X = L.rings.map((K, J) => {
+          const te = g.filter((oe) => oe.polygon === O && oe.ring === J);
           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 };
+        }), Z = ge(X[0].points);
+        return { rings: X, bounds: Z };
       } else
         return L;
     });
-    !jt(o.polygons, w) && (r("change", {
+    !jt(o.polygons, b) && (r("change", {
       ...l,
       geometry: {
-        polygons: w,
-        bounds: ft(w)
+        polygons: b,
+        bounds: ft(b)
       }
     }), n(8, g = []));
   };
   Ne(() => {
-    if (Ce) return;
-    const w = (I) => {
+    if (Le) return;
+    const b = (I) => {
       (I.key === "Delete" || I.key === "Backspace") && (I.preventDefault(), N());
     };
-    return f.addEventListener("pointermove", E), f.addEventListener("keydown", w), () => {
-      f.removeEventListener("pointermove", E), f.removeEventListener("keydown", w);
+    return f.addEventListener("pointermove", S), f.addEventListener("keydown", b), () => {
+      f.removeEventListener("pointermove", S), f.removeEventListener("keydown", b);
     };
   });
-  const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`, z = (w, I, L, { polygon: O, ring: G, point: X }) => O === w && G === I && X === L;
-  function y(w) {
-    he.call(this, e, w);
+  const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`, z = (b, I, L, { polygon: O, ring: G, point: X }) => O === b && G === I && X === L;
+  function w(b) {
+    ue.call(this, e, b);
   }
-  function S(w) {
-    he.call(this, e, w);
+  function v(b) {
+    ue.call(this, e, b);
   }
-  function _(w) {
-    he.call(this, e, w);
+  function _(b) {
+    ue.call(this, e, b);
   }
-  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);
+  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);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*shape*/
     1 && n(5, o = l.geometry), e.$$.dirty[0] & /*geom, viewportScale*/
-    40 && n(10, i = Ce ? [] : ds(o, d)), e.$$.dirty[0] & /*geom, viewportScale*/
-    40 && n(9, s = yt(o.bounds, $e / d));
+    40 && n(10, i = Le ? [] : ds(o, d)), e.$$.dirty[0] & /*geom, viewportScale*/
+    40 && n(9, s = yt(o.bounds, et / d));
   }, [
     l,
     a,
@@ -4300,7 +4310,7 @@ function _s(e, t, n) {
     s,
     i,
     k,
-    b,
+    E,
     A,
     M,
     C,
@@ -4308,8 +4318,8 @@ function _s(e, t, n) {
     B,
     q,
     z,
-    y,
-    S,
+    w,
+    v,
     _
   ];
 }
@@ -4629,16 +4639,16 @@ function Ms(e, t, n) {
   const k = (M) => {
     const C = M;
     u = performance.now(), r === "drag" && (n(0, d = l.elementToImage(C.offsetX, C.offsetY)), f = d, n(1, h = d[0]), n(2, p = d[1]), n(3, m = 1), n(4, g = 1));
-  }, b = (M) => {
+  }, E = (M) => {
     const C = M;
     d && (f = l.elementToImage(C.offsetX, C.offsetY), n(1, h = Math.min(f[0], d[0])), n(2, p = Math.min(f[1], d[1])), n(3, m = Math.abs(f[0] - d[0])), n(4, g = Math.abs(f[1] - d[1])));
-  }, E = (M) => {
+  }, S = (M) => {
     const C = M, T = performance.now() - u;
     if (r === "click") {
       if (T > 300) return;
-      d ? v() : (n(0, d = l.elementToImage(C.offsetX, C.offsetY)), f = d, n(1, h = d[0]), n(2, p = d[1]), n(3, m = 1), n(4, g = 1));
-    } else d && (T > 300 || m * g > 100 ? (C.stopPropagation(), v()) : (n(0, d = void 0), f = void 0));
-  }, v = () => {
+      d ? y() : (n(0, d = l.elementToImage(C.offsetX, C.offsetY)), f = d, n(1, h = d[0]), n(2, p = d[1]), n(3, m = 1), n(4, g = 1));
+    } else d && (T > 300 || m * g > 100 ? (C.stopPropagation(), y()) : (n(0, d = void 0), f = void 0));
+  }, y = () => {
     if (m * g > 15) {
       const M = {
         type: x.RECTANGLE,
@@ -4660,7 +4670,7 @@ function Ms(e, t, n) {
     n(0, d = void 0), f = void 0;
   };
   Ne(() => {
-    s("pointerdown", k), s("pointermove", b), s("pointerup", E, !0);
+    s("pointerdown", k), s("pointermove", E), s("pointerup", S, !0);
   });
   const A = `rect-mask-${Math.random().toString(36).substring(2, 12)}`;
   return e.$$set = (M) => {
@@ -4721,26 +4731,26 @@ function kn(e) {
       e[19]), c(h, "class", "a9s-inner"), c(h, "points", p = /*str*/
       e[19]);
     },
-    m(k, b) {
-      R(k, t, b), j(t, n), j(n, o), j(n, a), R(k, d, b), R(k, h, b), g && g.m(k, b), R(k, m, b);
+    m(k, E) {
+      R(k, t, E), j(t, n), j(n, o), j(n, a), R(k, d, E), R(k, h, E), g && g.m(k, E), R(k, m, E);
     },
-    p(k, b) {
-      b & /*mask*/
+    p(k, E) {
+      E & /*mask*/
       8 && i !== (i = /*mask*/
-      k[3].x) && c(o, "x", i), b & /*mask*/
+      k[3].x) && c(o, "x", i), E & /*mask*/
       8 && s !== (s = /*mask*/
-      k[3].y) && c(o, "y", s), b & /*mask*/
+      k[3].y) && c(o, "y", s), E & /*mask*/
       8 && r !== (r = /*mask*/
-      k[3].w) && c(o, "width", r), b & /*mask*/
+      k[3].w) && c(o, "width", r), E & /*mask*/
       8 && l !== (l = /*mask*/
-      k[3].h) && c(o, "height", l), b & /*coords*/
+      k[3].h) && c(o, "height", l), E & /*coords*/
       4 && u !== (u = /*str*/
-      k[19]) && c(a, "points", u), b & /*coords*/
+      k[19]) && c(a, "points", u), E & /*coords*/
       4 && f !== (f = /*str*/
-      k[19]) && c(d, "points", f), b & /*coords*/
+      k[19]) && c(d, "points", f), E & /*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);
+      k[1] ? g ? g.p(k, E) : (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);
@@ -4815,7 +4825,7 @@ function Cs(e, t, n) {
       const z = u.elementToImage(T.offsetX, T.offsetY);
       h.push(z), n(10, p = z);
     }
-  }, b = (C) => {
+  }, E = (C) => {
     const T = C;
     if (m && clearTimeout(m), h.length > 0) {
       if (n(10, p = u.elementToImage(T.offsetX, T.offsetY)), h.length > 2) {
@@ -4824,12 +4834,12 @@ function Cs(e, t, n) {
       }
       T.pointerType === "touch" && (m = setTimeout(
         () => {
-          v();
+          y();
         },
         Is
       ));
     }
-  }, E = (C) => {
+  }, S = (C) => {
     const T = C;
     if (m && clearTimeout(m), a === "click") {
       const B = T.timeStamp - f.timeStamp, N = ut([f.offsetX, f.offsetY], [T.offsetX, T.offsetY]);
@@ -4848,7 +4858,7 @@ function Cs(e, t, n) {
       }
       T.stopImmediatePropagation(), g ? A() : h.push(p);
     }
-  }, v = () => {
+  }, y = () => {
     if (!p) return;
     const C = h.slice(0, -1);
     if (C.length < 3) return;
@@ -4871,7 +4881,7 @@ function Cs(e, t, n) {
     n(0, h = []), n(10, p = void 0), r("create", C);
   };
   Ne(() => {
-    l("pointerdown", k, !0), l("pointermove", b), l("pointerup", E, !0), l("dblclick", v, !0);
+    l("pointerdown", k, !0), l("pointermove", E), l("pointerup", S, !0), l("dblclick", y, !0);
   });
   const M = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`;
   return e.$$set = (C) => {
@@ -5260,14 +5270,14 @@ function Ws(e) {
   let t, n, o, i, s, r, l;
   return {
     c() {
-      t = P("g"), n = P("path"), s = P("path"), c(n, "class", o = it(`a9s-outer ${/*cssClass*/
+      t = P("g"), n = P("path"), s = P("path"), c(n, "class", o = ze(`a9s-outer ${/*cssClass*/
       e[1]}`) + " svelte-1w0132l"), c(n, "style", i = /*computedStyle*/
       e[3] ? "display:none;" : void 0), c(
         n,
         "d",
         /*d*/
         e[2]
-      ), c(s, "class", r = it(`a9s-inner ${/*cssClass*/
+      ), c(s, "class", r = ze(`a9s-inner ${/*cssClass*/
       e[1]}`) + " svelte-1w0132l"), c(
         s,
         "style",
@@ -5286,7 +5296,7 @@ function Ws(e) {
     },
     p(a, [u]) {
       u & /*cssClass*/
-      2 && o !== (o = it(`a9s-outer ${/*cssClass*/
+      2 && o !== (o = ze(`a9s-outer ${/*cssClass*/
       a[1]}`) + " svelte-1w0132l") && c(n, "class", o), u & /*computedStyle*/
       8 && i !== (i = /*computedStyle*/
       a[3] ? "display:none;" : void 0) && c(n, "style", i), u & /*d*/
@@ -5296,7 +5306,7 @@ function Ws(e) {
         /*d*/
         a[2]
       ), u & /*cssClass*/
-      2 && r !== (r = it(`a9s-inner ${/*cssClass*/
+      2 && r !== (r = ze(`a9s-inner ${/*cssClass*/
       a[1]}`) + " svelte-1w0132l") && c(s, "class", r), u & /*computedStyle*/
       8 && c(
         s,
@@ -5489,8 +5499,8 @@ const Yr = {
   let o;
   return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
     if (performance.now() - o < tr) {
-      const { x: a, y: u } = fo(r, e), d = t.getAt(a, u, void 0, 2);
-      d ? n("click", { originalEvent: r, annotation: d }) : n("click", { originalEvent: r });
+      const { x: a, y: u } = fo(r, e), d = Le ? 10 : 2, f = t.getAt(a, u, void 0, d);
+      f ? n("click", { originalEvent: r, annotation: f }) : n("click", { originalEvent: r });
     }
   } };
 }, fo = (e, t) => {
@@ -6239,19 +6249,19 @@ function fr(e) {
       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() {
+        W(t, "pointerup", function() {
           ie(
             /*onPointerUp*/
             e[11]
           ) && e[11].apply(this, arguments);
         }),
-        Q(t, "pointerdown", function() {
+        W(t, "pointerdown", function() {
           ie(
             /*onPointerDown*/
             e[12]
           ) && e[12].apply(this, arguments);
         }),
-        Q(
+        W(
           t,
           "pointermove",
           /*onPointerMove*/
@@ -6323,21 +6333,21 @@ function fr(e) {
   };
 }
 function dr(e, t, n) {
-  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);
+  let o, i, s, r, l, a, u, d, f, h, p, m, g = ee, k = () => (g(), g = Gn(b, (V) => n(18, m = V)), b);
   e.$$.on_destroy.push(() => g());
-  let { drawingEnabled: b } = t, { image: E } = t, { preferredDrawingMode: v } = t, { state: A } = t, { style: M = void 0 } = t, { toolName: C = co()[0] } = t, { user: T } = t, { visible: B = !0 } = t, N = 0;
-  const q = () => n(7, N += 1), z = () => C, y = () => b;
-  let S, _, w;
-  Ne(() => k(n(9, w = Gi(E, _))));
+  let { drawingEnabled: E } = t, { image: S } = t, { preferredDrawingMode: y } = t, { state: A } = t, { style: M = void 0 } = t, { toolName: C = co()[0] } = t, { user: T } = t, { visible: B = !0 } = t, N = 0;
+  const q = () => n(7, N += 1), z = () => C, w = () => E;
+  let v, _, b;
+  Ne(() => k(n(9, b = Gi(S, _))));
   const { hover: I, selection: L, store: O } = A;
   vt(e, I, (V) => n(16, f = V)), vt(e, L, (V) => n(33, h = V)), vt(e, O, (V) => n(17, p = V));
   let G, X;
-  const W = (V) => {
+  const Z = (V) => {
     G && O.unobserve(G);
     const ce = V.filter(({ editable: $ }) => $).map(({ id: $ }) => $);
     ce.length > 0 ? (n(5, X = ce.map(($) => O.getAnnotation($)).filter(($) => $ && pt($))), G = ($) => {
-      const { updated: ue } = $.changes;
-      n(5, X = ue == null ? void 0 : ue.map((_e) => _e.newValue));
+      const { updated: fe } = $.changes;
+      n(5, X = fe == null ? void 0 : fe.map((_e) => _e.newValue));
     }, O.observe(G, { annotations: ce })) : n(5, X = void 0);
   }, K = (V) => {
     const ce = no(), $ = {
@@ -6351,9 +6361,9 @@ function dr(e, t, n) {
       }
     };
     O.addAnnotation($), L.setSelected($.id);
-  }, Z = (V) => (ce) => {
+  }, J = (V) => (ce) => {
     var Ue;
-    const { target: $ } = V, ue = 10 * 60 * 1e3, _e = ((Ue = $.creator) == null ? void 0 : Ue.id) !== T.id || !$.created || (/* @__PURE__ */ new Date()).getTime() - $.created.getTime() > ue;
+    const { target: $ } = V, fe = 10 * 60 * 1e3, _e = ((Ue = $.creator) == null ? void 0 : Ue.id) !== T.id || !$.created || (/* @__PURE__ */ new Date()).getTime() - $.created.getTime() > fe;
     O.updateTarget({
       ...$,
       selector: ce.detail,
@@ -6362,12 +6372,12 @@ function dr(e, t, n) {
       updatedBy: _e ? T : void 0
     });
   }, te = (V) => {
-    const { x: ce, y: $ } = fo(V, _), ue = O.getAt(ce, $, void 0, 2);
-    ue ? f !== ue.id && I.set(ue.id) : I.set(void 0);
+    const { x: ce, y: $ } = fo(V, _), fe = O.getAt(ce, $, void 0, 2);
+    fe ? f !== fe.id && I.set(fe.id) : I.set(void 0);
   }, oe = (V) => pt(V);
   function Ee(V) {
     ht[V ? "unshift" : "push"](() => {
-      S = V, n(8, S);
+      v = V, n(8, v);
     });
   }
   function ke(V) {
@@ -6376,22 +6386,22 @@ function dr(e, t, n) {
     });
   }
   return e.$$set = (V) => {
-    "drawingEnabled" in V && n(0, b = V.drawingEnabled), "image" in V && n(25, E = V.image), "preferredDrawingMode" in V && n(26, v = V.preferredDrawingMode), "state" in V && n(27, A = V.state), "style" in V && n(1, M = V.style), "toolName" in V && n(2, C = V.toolName), "user" in V && n(28, T = V.user), "visible" in V && n(3, B = V.visible);
+    "drawingEnabled" in V && n(0, E = V.drawingEnabled), "image" in V && n(25, S = V.image), "preferredDrawingMode" in V && n(26, y = V.preferredDrawingMode), "state" in V && n(27, A = V.state), "style" in V && n(1, M = V.style), "toolName" in V && n(2, C = V.toolName), "user" in V && n(28, T = V.user), "visible" in V && n(3, B = V.visible);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
     4 && n(15, { tool: o, opts: i } = uo(C) || { tool: void 0, opts: void 0 }, o, (n(32, i), n(2, C))), e.$$.dirty[0] & /*preferredDrawingMode*/
     67108864 | e.$$.dirty[1] & /*opts*/
-    2 && n(14, s = (i == null ? void 0 : i.drawingMode) || v), e.$$.dirty[0] & /*svgEl*/
+    2 && n(14, s = (i == null ? void 0 : i.drawingMode) || y), e.$$.dirty[0] & /*svgEl*/
     16 && n(13, r = er(_)), e.$$.dirty[0] & /*svgEl*/
     16 && n(12, { onPointerDown: l, onPointerUp: a } = nr(_, O), l, (n(11, a), n(4, _))), e.$$.dirty[1] & /*$selection*/
-    4 && W(h.selected), e.$$.dirty[0] & /*editableAnnotations*/
+    4 && Z(h.selected), e.$$.dirty[0] & /*editableAnnotations*/
     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));
   }, [
-    b,
+    E,
     M,
     C,
     B,
@@ -6399,8 +6409,8 @@ function dr(e, t, n) {
     X,
     u,
     N,
-    S,
-    w,
+    v,
+    b,
     d,
     a,
     l,
@@ -6414,15 +6424,15 @@ function dr(e, t, n) {
     L,
     O,
     K,
-    Z,
+    J,
     te,
-    E,
-    v,
+    S,
+    y,
     A,
     T,
     q,
     z,
-    y,
+    w,
     i,
     h,
     oe,
@@ -6473,14 +6483,14 @@ function ho(e, t, n = 0, o = e.length - 1, i = gr) {
     }
     const s = e[t];
     let r = n, l = o;
-    for (Ke(e, n, t), i(e[o], s) > 0 && Ke(e, n, o); r < l; ) {
-      for (Ke(e, r, l), r++, l--; i(e[r], s) < 0; ) r++;
+    for (We(e, n, t), i(e[o], s) > 0 && We(e, n, o); r < l; ) {
+      for (We(e, r, l), r++, l--; i(e[r], s) < 0; ) r++;
       for (; i(e[l], s) > 0; ) l--;
     }
-    i(e[n], s) === 0 ? Ke(e, n, l) : (l++, Ke(e, l, o)), l <= t && (n = l + 1), t <= l && (o = l - 1);
+    i(e[n], s) === 0 ? We(e, n, l) : (l++, We(e, l, o)), l <= t && (n = l + 1), t <= l && (o = l - 1);
   }
 }
-function Ke(e, t, n) {
+function We(e, t, n) {
   const o = e[t];
   e[t] = e[n], e[n] = o;
 }
@@ -6618,7 +6628,7 @@ class mr {
   }
   _insert(t, n, o) {
     const i = o ? t : this.toBBox(t), s = [], r = this._chooseSubtree(i, this.data, n, s);
-    for (r.children.push(t), Ze(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
+    for (r.children.push(t), Je(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
       this._split(s, n), n--;
     this._adjustParentBBoxes(i, s, n);
   }
@@ -6635,7 +6645,7 @@ class mr {
   _chooseSplitIndex(t, n, o) {
     let i, s = 1 / 0, r = 1 / 0;
     for (let l = n; l <= o - n; l++) {
-      const a = We(t, 0, l, this.toBBox), u = We(t, l, o, this.toBBox), d = br(a, u), f = Yt(a) + Yt(u);
+      const a = Ze(t, 0, l, this.toBBox), u = Ze(t, l, o, this.toBBox), d = br(a, u), f = Yt(a) + Yt(u);
       d < s ? (s = d, i = l, r = f < r ? f : r) : d === s && f < r && (r = f, i = l);
     }
     return i || o - n;
@@ -6648,21 +6658,21 @@ class mr {
   // total margin of all possible split distributions where each node is at least m full
   _allDistMargin(t, n, o, i) {
     t.children.sort(i);
-    const s = this.toBBox, r = We(t, 0, n, s), l = We(t, o - n, o, s);
+    const s = this.toBBox, r = Ze(t, 0, n, s), l = Ze(t, o - n, o, s);
     let a = lt(r) + lt(l);
     for (let u = n; u < o - n; u++) {
       const d = t.children[u];
-      Ze(r, t.leaf ? s(d) : d), a += lt(r);
+      Je(r, t.leaf ? s(d) : d), a += lt(r);
     }
     for (let u = o - n - 1; u >= n; u--) {
       const d = t.children[u];
-      Ze(l, t.leaf ? s(d) : d), a += lt(l);
+      Je(l, t.leaf ? s(d) : d), a += lt(l);
     }
     return a;
   }
   _adjustParentBBoxes(t, n, o) {
     for (let i = o; i >= 0; i--)
-      Ze(n[i], t);
+      Je(n[i], t);
   }
   _condense(t) {
     for (let n = t.length - 1, o; n >= 0; n--)
@@ -6676,17 +6686,17 @@ function pr(e, t, n) {
   return -1;
 }
 function He(e, t) {
-  We(e, 0, e.children.length, t, e);
+  Ze(e, 0, e.children.length, t, e);
 }
-function We(e, t, n, o, i) {
+function Ze(e, t, n, o, i) {
   i || (i = je(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
   for (let s = t; s < n; s++) {
     const r = e.children[s];
-    Ze(i, e.leaf ? o(r) : r);
+    Je(i, e.leaf ? o(r) : r);
   }
   return i;
 }
-function Ze(e, t) {
+function Je(e, t) {
   return e.minX = Math.min(e.minX, t.minX), e.minY = Math.min(e.minY, t.minY), e.maxX = Math.max(e.maxX, t.maxX), e.maxY = Math.max(e.maxY, t.maxY), e;
 }
 function _r(e, t) {
@@ -6755,7 +6765,7 @@ const Er = () => {
         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) : [];
+      return g.length > 0 ? (g.sort((k, E) => Ht(k.selector) - Ht(E.selector)), g) : [];
     },
     getIntersecting: (f, h, p, m) => e.search({
       minX: f,
@@ -6769,8 +6779,8 @@ const Er = () => {
       h && o();
       const p = f.reduce((m, g) => {
         if (dt(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 }];
+          const { minX: k, minY: E, maxX: S, maxY: y } = g.selector.geometry.bounds;
+          return [...m, { minX: k, minY: E, maxX: S, maxY: y, target: g }];
         } else
           return m;
       }, []);
@@ -6875,35 +6885,35 @@ const Er = () => {
       user: f
     }
   });
-  h.$on("click", (y) => {
-    const { originalEvent: S, annotation: _ } = y.detail;
-    _ ? s.userSelect(_.id, S) : s.isEmpty() || s.clear();
+  h.$on("click", (w) => {
+    const { originalEvent: v, annotation: _ } = w.detail;
+    _ ? s.userSelect(_.id, v) : s.isEmpty() || s.clear();
   });
   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(), b = () => f, E = () => h.isDrawingEnabled(), v = (y, S, _) => Ds(y, S, _), A = (y, S) => bs(y, S), M = (y) => {
-    if (!uo(y))
-      throw `No drawing tool named ${y}`;
-    h.$set({ toolName: y });
-  }, C = (y) => h.$set({ drawingEnabled: y }), T = (y) => {
+  }, k = () => h.getDrawingTool(), E = () => f, S = () => h.isDrawingEnabled(), y = (w, v, _) => Ds(w, v, _), A = (w, v) => bs(w, v), M = (w) => {
+    if (!uo(w))
+      throw `No drawing tool named ${w}`;
+    h.$set({ toolName: w });
+  }, C = (w) => h.$set({ drawingEnabled: w }), T = (w) => {
     console.warn("Filter not implemented yet");
-  }, B = (y) => h.$set({ style: y }), N = (y) => Vn(n, u, y), q = (y) => {
-    f = y, h.$set({ user: y });
-  }, z = (y) => (
+  }, B = (w) => h.$set({ style: w }), N = (w) => Vn(n, u, w), q = (w) => {
+    f = w, h.$set({ user: w });
+  }, z = (w) => (
     // @ts-ignore
-    h.$set({ visible: y })
+    h.$set({ visible: w })
   );
   return {
     ...p,
     cancelDrawing: m,
     destroy: g,
     getDrawingTool: k,
-    getUser: b,
-    isDrawingEnabled: E,
+    getUser: E,
+    isDrawingEnabled: S,
     listDrawingTools: co,
     on: a.on,
     off: a.off,
-    registerDrawingTool: v,
+    registerDrawingTool: y,
     registerShapeEditor: A,
     setDrawingEnabled: C,
     setDrawingTool: M,
@@ -6919,7 +6929,7 @@ const Er = () => {
 export {
   qt as Editor,
   vs as EditorMount,
-  ze as Handle,
+  Fe as Handle,
   Yr as IdentityTransform,
   lo as MidpointHandle,
   rs as PolygonEditor,
@@ -6961,7 +6971,7 @@ export {
   dt as isImageAnnotationTarget,
   Xn as isMac,
   mt as isPointInPolygon,
-  Ce as isTouch,
+  Le as isTouch,
   co as listDrawingTools,
   Te as multipolygonElementToPath,
   Xo as parseFragmentSelector,
@@ -6969,7 +6979,7 @@ export {
   Bi as parseW3CImageAnnotation,
   Co as pointsToPath,
   bs as registerEditor,
-  qe as registerShapeUtil,
+  Ke as registerShapeUtil,
   Ds as registerTool,
   Ar as sampleBrightness,
   Ho as serializeFragmentSelector,