@annotorious/annotorious 3.6.2 → 3.6.4

package/dist/annotorious.es.js

@@ -112,7 +112,7 @@ function ye() {
 function Ae() {
   return zn("");
 }
-function x(e, t, n, o) {
+function Q(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
 }
 function c(e, t, n) {
@@ -156,7 +156,7 @@ function Ce() {
     return !0;
   };
 }
-function _e(e, t) {
+function he(e, t) {
   const n = e.$$.callbacks[t.type];
   n && n.slice().forEach((o) => o.call(this, t));
 }
@@ -254,7 +254,7 @@ function le(e, t) {
 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 ge(e, t, n, o, i, s, r = null, l = [-1]) {
+function me(e, t, n, o, i, s, r = null, l = [-1]) {
   const a = Qe;
   Je(e);
   const u = e.$$ = {
@@ -280,8 +280,8 @@ function ge(e, t, n, o, i, s, r = null, l = [-1]) {
   };
   r && r(u.root);
   let d = !1;
-  if (u.ctx = n ? n(e, t.props || {}, (f, h, ...y) => {
-    const m = y.length ? y[0] : h;
+  if (u.ctx = n ? n(e, t.props || {}, (f, h, ..._) => {
+    const m = _.length ? _[0] : h;
     return u.ctx && i(u.ctx[f], u.ctx[f] = m) && (!u.skip_bound && u.bound[f] && u.bound[f](m), d && ko(e, f)), h;
   }) : [], u.update(), d = !0, Se(u.before_update), u.fragment = o ? o(u.ctx) : !1, t.target) {
     if (t.hydrate) {
@@ -293,7 +293,7 @@ function ge(e, t, n, o, i, s, r = null, l = [-1]) {
   }
   Je(a);
 }
-class me {
+class pe {
   constructor() {
     /**
      * ### PRIVATE API
@@ -341,7 +341,7 @@ class me {
 }
 const Mo = "4";
 typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(Mo);
-var Q = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.MULTIPOLYGON = "MULTIPOLYGON", e.POLYGON = "POLYGON", e.POLYLINE = "POLYLINE", e.RECTANGLE = "RECTANGLE", e.LINE = "LINE", e))(Q || {});
+var x = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.MULTIPOLYGON = "MULTIPOLYGON", e.POLYGON = "POLYGON", e.POLYLINE = "POLYLINE", e.RECTANGLE = "RECTANGLE", e.LINE = "LINE", e))(x || {});
 function To(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -353,24 +353,24 @@ var Jn = { exports: {} };
       return u * u + d * d;
     }
     function n(l, a, u) {
-      var d = a.x, f = a.y, h = u.x - d, y = u.y - f;
-      if (h !== 0 || y !== 0) {
-        var m = ((l.x - d) * h + (l.y - f) * y) / (h * h + y * y);
-        m > 1 ? (d = u.x, f = u.y) : m > 0 && (d += h * m, f += y * m);
+      var d = a.x, f = a.y, h = u.x - d, _ = u.y - f;
+      if (h !== 0 || _ !== 0) {
+        var m = ((l.x - d) * h + (l.y - f) * _) / (h * h + _ * _);
+        m > 1 ? (d = u.x, f = u.y) : m > 0 && (d += h * m, f += _ * m);
       }
-      return h = l.x - d, y = l.y - f, h * h + y * y;
+      return h = l.x - d, _ = l.y - f, h * h + _ * _;
     }
     function o(l, a) {
-      for (var u = l[0], d = [u], f, h = 1, y = l.length; h < y; h++)
+      for (var u = l[0], d = [u], f, h = 1, _ = l.length; h < _; h++)
         f = l[h], t(f, u) > a && (d.push(f), u = f);
       return u !== f && d.push(f), d;
     }
     function i(l, a, u, d, f) {
-      for (var h = d, y, m = a + 1; m < u; m++) {
+      for (var h = d, _, m = a + 1; m < u; m++) {
         var g = n(l[m], l[a], l[u]);
-        g > h && (y = m, h = g);
+        g > h && (_ = m, h = g);
       }
-      h > d && (y - a > 1 && i(l, a, y, d, f), f.push(l[y]), u - y > 1 && i(l, y, u, d, f));
+      h > d && (_ - a > 1 && i(l, a, _, d, f), f.push(l[_]), u - _ > 1 && i(l, _, u, d, f));
     }
     function s(l, a) {
       var u = l.length - 1, d = [l[0]];
@@ -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), he = (e) => {
+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) => {
   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);
@@ -416,11 +416,11 @@ const Po = /* @__PURE__ */ To(Lo), zt = {}, qe = (e, t) => zt[e] = t, Ht = (e) =
 }, Co = {
   area: (e) => Math.PI * e.geometry.rx * e.geometry.ry,
   intersects: (e, t, n) => {
-    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, l = 0, a = Math.cos(l), u = Math.sin(l), d = t - o, f = n - i, h = a * d + u * f, y = u * d - a * f;
-    return h * h / (s * s) + y * y / (r * r) <= 1;
+    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, l = 0, a = Math.cos(l), u = Math.sin(l), d = t - o, f = n - i, h = a * d + u * f, _ = u * d - a * f;
+    return h * h / (s * s) + _ * _ / (r * r) <= 1;
   }
 };
-qe(Q.ELLIPSE, Co);
+qe(x.ELLIPSE, Co);
 const Do = {
   area: (e) => 0,
   intersects: (e, t, n, o = 2) => {
@@ -428,7 +428,7 @@ const Do = {
     return a / u <= o;
   }
 };
-qe(Q.LINE, Do);
+qe(x.LINE, Do);
 const No = {
   area: (e) => {
     const { polygons: t } = e.geometry;
@@ -455,11 +455,11 @@ const No = {
   }
 }, ft = (e) => {
   const t = e.reduce((n, o) => [...n, ...o.rings[0].points], []);
-  return he(t);
+  return ge(t);
 }, Te = (e) => e.rings.map((n) => Oo(n.points)).join(" "), Yo = (e) => e.polygons.reduce((t, n) => [
   ...t,
   ...n.rings.reduce((o, i) => [...o, ...i.points], [])
-], []), Lr = (e, t = 1) => {
+], []), Pr = (e, t = 1) => {
   const n = e.geometry.polygons.map((i) => {
     const s = i.rings.map((l) => {
       const a = Qn(l.points, t);
@@ -467,7 +467,7 @@ const No = {
         ...l,
         points: a
       };
-    }), r = he(s[0].points);
+    }), r = ge(s[0].points);
     return {
       ...i,
       rings: s,
@@ -483,7 +483,7 @@ const No = {
     }
   };
 };
-qe(Q.MULTIPOLYGON, No);
+qe(x.MULTIPOLYGON, No);
 const Bo = {
   area: (e) => {
     const t = e.geometry.points;
@@ -493,8 +493,8 @@ const Bo = {
     const o = e.geometry.points;
     return mt(o, t, n);
   }
-}, Pr = (e, t = 1) => {
-  const n = Qn(e.geometry.points, t), o = he(n);
+}, Ir = (e, t = 1) => {
+  const n = Qn(e.geometry.points, t), o = ge(n);
   return {
     ...e,
     geometry: {
@@ -504,7 +504,7 @@ const Bo = {
     }
   };
 };
-qe(Q.POLYGON, Bo);
+qe(x.POLYGON, Bo);
 const Ro = {
   area: (e) => {
     const t = e.geometry;
@@ -591,12 +591,12 @@ const Ro = {
   }
   return t.join(" ");
 };
-qe(Q.POLYLINE, Ro);
+qe(x.POLYLINE, Ro);
 const Xo = {
   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(Q.RECTANGLE, Xo);
+qe(x.RECTANGLE, Xo);
 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;
@@ -604,19 +604,19 @@ const pt = (e) => dt(e.target), dt = (e) => {
   const n = typeof e == "string" ? e : e.value, o = /(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [s, r, l, a, u, d, f] = i;
   if (r !== "xywh") throw new Error("Unsupported MediaFragment: " + n);
   if (l && l !== "pixel") throw new Error(`Unsupported MediaFragment unit: ${l}`);
-  const [h, y, m, g] = [a, u, d, f].map(parseFloat);
+  const [h, _, m, g] = [a, u, d, f].map(parseFloat);
   return {
-    type: Q.RECTANGLE,
+    type: x.RECTANGLE,
     geometry: {
       x: h,
-      y,
+      y: _,
       w: m,
       h: g,
       bounds: {
         minX: h,
-        minY: t ? y - g : y,
+        minY: t ? _ - g : _,
         maxX: h + m,
-        maxY: t ? y : y + g
+        maxY: t ? _ : _ + g
       }
     }
   };
@@ -667,12 +667,17 @@ const pt = (e) => dt(e.target), dt = (e) => {
         break;
     }
   if (o.length > 2 && n.push({ points: o }), n.length > 0) {
-    const s = he(n[0].points);
+    const s = ge(n[0].points);
     return { rings: n, bounds: s };
   }
 }, zo = (e) => {
-  const t = to(e), n = [];
-  let o = [0, 0], i = !1;
+  const { point: t, inHandle: n, outHandle: o } = e;
+  if (!n || !o) return !1;
+  const i = n[0] - t[0], s = n[1] - t[1], r = o[0] - t[0], l = o[1] - t[1], a = i * l - s * r;
+  return Math.abs(a) < 0.01;
+}, Fo = (e) => {
+  const t = to(e);
+  let n = [], o = [0, 0], i = !1;
   for (let r = 0; r < t.length; r++) {
     const l = t[r];
     switch (l.type.toUpperCase()) {
@@ -708,7 +713,8 @@ const pt = (e) => dt(e.target), dt = (e) => {
         break;
     }
   }
-  const s = he(Gt(n, i));
+  n = n.map((r) => zo(r) ? { ...r, locked: !0 } : r);
+  const s = ge(Gt(n, i));
   return {
     points: n,
     closed: i,
@@ -725,16 +731,16 @@ const pt = (e) => dt(e.target), dt = (e) => {
     });
   }
   return t;
-}, Fo = (e) => {
+}, qo = (e) => {
   const [t, n, o] = e.match(/(<polygon points=["|'])([^("|')]*)/) || [], i = o.split(" ").map((s) => s.split(",").map(parseFloat));
   return {
-    type: Q.POLYGON,
+    type: x.POLYGON,
     geometry: {
       points: i,
-      bounds: he(i)
+      bounds: ge(i)
     }
   };
-}, qo = (e) => {
+}, Ko = (e) => {
   const t = _t(e), n = parseFloat(t.getAttribute("cx")), o = parseFloat(t.getAttribute("cy")), i = parseFloat(t.getAttribute("rx")), s = parseFloat(t.getAttribute("ry")), r = {
     minX: n - i,
     minY: o - s,
@@ -742,7 +748,7 @@ const pt = (e) => dt(e.target), dt = (e) => {
     maxY: o + s
   };
   return {
-    type: Q.ELLIPSE,
+    type: x.ELLIPSE,
     geometry: {
       cx: n,
       cy: o,
@@ -751,7 +757,7 @@ const pt = (e) => dt(e.target), dt = (e) => {
       bounds: r
     }
   };
-}, Ko = (e) => {
+}, Wo = (e) => {
   const t = _t(e), n = parseFloat(t.getAttribute("x1")), o = parseFloat(t.getAttribute("x2")), i = parseFloat(t.getAttribute("y1")), s = parseFloat(t.getAttribute("y2")), r = {
     minX: Math.min(n, o),
     minY: Math.min(i, s),
@@ -759,75 +765,75 @@ const pt = (e) => dt(e.target), dt = (e) => {
     maxY: Math.max(i, s)
   };
   return {
-    type: Q.LINE,
+    type: x.LINE,
     geometry: {
       points: [[n, i], [o, s]],
       bounds: r
     }
   };
-}, Wo = (e) => {
+}, Zo = (e) => {
   const t = _t(e), n = t.nodeName === "path" ? t : Array.from(t.querySelectorAll("path"))[0], o = n == null ? void 0 : n.getAttribute("d");
   if (!o)
     throw new Error("Could not parse SVG path");
-  const i = zo(o);
+  const i = Fo(o);
   if (!i)
     throw new Error("Could not parse SVG path");
   return {
-    type: Q.POLYLINE,
+    type: x.POLYLINE,
     geometry: i
   };
-}, Zo = (e) => {
-  const t = _t(e), i = (t.nodeName === "path" ? [t] : Array.from(t.querySelectorAll("path"))).map((a) => a.getAttribute("d") || "").map((a) => jo(a)).filter(Boolean), s = i.reduce((a, u) => [...a, ...u.rings[0].points], []), r = he(s);
+}, Jo = (e) => {
+  const t = _t(e), i = (t.nodeName === "path" ? [t] : Array.from(t.querySelectorAll("path"))).map((a) => a.getAttribute("d") || "").map((a) => jo(a)).filter(Boolean), s = i.reduce((a, u) => [...a, ...u.rings[0].points], []), r = ge(s);
   return i.length === 1 && i[0].rings.length === 1 ? {
-    type: Q.POLYGON,
+    type: x.POLYGON,
     geometry: {
       points: s,
       bounds: r
     }
   } : {
-    type: Q.MULTIPOLYGON,
+    type: x.MULTIPOLYGON,
     geometry: {
       polygons: i,
       bounds: r
     }
   };
-}, Jo = (e) => {
+}, Qo = (e) => {
   const t = typeof e == "string" ? e : e.value;
   if (t.includes("<polygon points="))
-    return Fo(t);
+    return qo(t);
   if (t.includes("<path ") && (t.includes(" C ") || !t.includes("Z")))
-    return Wo(t);
-  if (t.includes("<path "))
     return Zo(t);
+  if (t.includes("<path "))
+    return Jo(t);
   if (t.includes("<ellipse "))
-    return qo(t);
-  if (t.includes("<line "))
     return Ko(t);
+  if (t.includes("<line "))
+    return Wo(t);
   throw "Unsupported SVG shape: " + t;
-}, Qo = (e) => `<g>${e.polygons.map((n) => `<path fill-rule="evenodd" d="${Te(n)}" />`).join("")}</g>`, xo = (e) => {
+}, xo = (e) => `<g>${e.polygons.map((n) => `<path fill-rule="evenodd" d="${Te(n)}" />`).join("")}</g>`, $o = (e) => {
   let t;
   switch (e.type) {
-    case Q.POLYGON: {
+    case x.POLYGON: {
       const n = e.geometry, { points: o } = n;
       t = `<svg><polygon points="${o.map((i) => i.join(",")).join(" ")}" /></svg>`;
       break;
     }
-    case Q.ELLIPSE: {
+    case x.ELLIPSE: {
       const n = e.geometry;
       t = `<svg><ellipse cx="${n.cx}" cy="${n.cy}" rx="${n.rx}" ry="${n.ry}" /></svg>`;
       break;
     }
-    case Q.MULTIPOLYGON: {
+    case x.MULTIPOLYGON: {
       const n = e.geometry;
-      t = `<svg>${Qo(n)}</svg>`;
+      t = `<svg>${xo(n)}</svg>`;
       break;
     }
-    case Q.LINE: {
+    case x.LINE: {
       const n = e.geometry, [[o, i], [s, r]] = n.points;
       t = `<svg><line x1="${o}" y1="${i}" x2="${s}" y2="${r}" /></svg>`;
       break;
     }
-    case Q.POLYLINE:
+    case x.POLYLINE:
       t = `<svg><path d="${$n(e.geometry)}" /></svg>`;
   }
   if (t)
@@ -836,29 +842,29 @@ const pt = (e) => dt(e.target), dt = (e) => {
 }, fe = [];
 for (let e = 0; e < 256; ++e)
   fe.push((e + 256).toString(16).slice(1));
-function $o(e, t = 0) {
+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();
 }
 let At;
-const ei = new Uint8Array(16);
-function ti() {
+const ti = new Uint8Array(16);
+function ni() {
   if (!At) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     At = crypto.getRandomValues.bind(crypto);
   }
-  return At(ei);
+  return At(ti);
 }
-const ni = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), en = { randomUUID: ni };
+const oi = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), en = { randomUUID: oi };
 function no(e, t, n) {
   var i;
   if (en.randomUUID && !e)
     return en.randomUUID();
   e = e || {};
-  const o = e.random ?? ((i = e.rng) == null ? void 0 : i.call(e)) ?? ti();
+  const o = e.random ?? ((i = e.rng) == null ? void 0 : i.call(e)) ?? ni();
   if (o.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, $o(o);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, ei(o);
 }
 var tn = Object.prototype.hasOwnProperty;
 function Ie(e, t) {
@@ -883,7 +889,7 @@ function Ie(e, t) {
 }
 function kt() {
 }
-function oi(e, t) {
+function ii(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
 const Xe = [];
@@ -891,7 +897,7 @@ function Ft(e, t = kt) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
-    if (oi(e, l) && (e = l, n)) {
+    if (ii(e, l) && (e = l, n)) {
       const a = !Xe.length;
       for (const u of o)
         u[1](), Xe.push(u, e);
@@ -913,7 +919,7 @@ function Ft(e, t = kt) {
   }
   return { set: i, update: s, subscribe: r };
 }
-const ii = (e) => {
+const si = (e) => {
   const { subscribe: t, set: n } = Ft();
   let o;
   return t((i) => o = i), e.observe(({ changes: i }) => {
@@ -931,7 +937,7 @@ const ii = (e) => {
   };
 };
 var oo = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(oo || {});
-const st = { selected: [] }, si = (e, t, n) => {
+const st = { selected: [] }, ri = (e, t, n) => {
   const { subscribe: o, set: i } = Ft(st);
   let s = t, r = st;
   o((g) => r = g);
@@ -944,43 +950,43 @@ const st = { selected: [] }, si = (e, t, n) => {
     if (a())
       return !1;
     const k = typeof g == "string" ? g : g.id;
-    return r.selected.some((p) => p.id === k);
+    return r.selected.some((y) => y.id === k);
   }, d = (g, k) => {
-    let p;
+    let y;
     if (Array.isArray(g)) {
-      if (p = g.map((E) => e.getAnnotation(E)).filter(Boolean), p.length < g.length) {
-        console.warn("Invalid selection: " + g.filter((E) => !p.some((A) => A.id === E)));
+      if (y = g.map((v) => e.getAnnotation(v)).filter(Boolean), y.length < g.length) {
+        console.warn("Invalid selection: " + g.filter((v) => !y.some((A) => A.id === v)));
         return;
       }
     } else {
-      const E = e.getAnnotation(g);
-      if (!E) {
+      const v = e.getAnnotation(g);
+      if (!v) {
         console.warn("Invalid selection: " + g);
         return;
       }
-      p = [E];
+      y = [v];
     }
-    const S = p.reduce((E, A) => {
+    const E = y.reduce((v, A) => {
       const M = m(A);
-      return M === "EDIT" ? [...E, { id: A.id, editable: !0 }] : M === "SELECT" ? [...E, { id: A.id }] : E;
+      return M === "EDIT" ? [...v, { id: A.id, editable: !0 }] : M === "SELECT" ? [...v, { id: A.id }] : v;
     }, []);
-    i({ selected: S, event: k });
+    i({ selected: E, event: k });
   }, f = (g, k) => {
-    const p = Array.isArray(g) ? g : [g], S = p.map((E) => e.getAnnotation(E)).filter((E) => !!E);
+    const y = Array.isArray(g) ? g : [g], E = y.map((v) => e.getAnnotation(v)).filter((v) => !!v);
     i({
-      selected: S.map((E) => {
-        const A = k === void 0 ? m(E) === "EDIT" : k;
-        return { id: E.id, editable: A };
+      selected: E.map((v) => {
+        const A = k === void 0 ? m(v) === "EDIT" : k;
+        return { id: v.id, editable: A };
       })
-    }), S.length !== p.length && console.warn("Invalid selection", g);
+    }), E.length !== y.length && console.warn("Invalid selection", g);
   }, h = (g) => {
     if (a())
       return !1;
     const { selected: k } = r;
-    k.some(({ id: p }) => g.includes(p)) && i({ selected: k.filter(({ id: p }) => !g.includes(p)) });
-  }, y = (g) => {
+    k.some(({ id: y }) => g.includes(y)) && i({ selected: k.filter(({ id: y }) => !g.includes(y)) });
+  }, _ = (g) => {
     s = g, f(r.selected.map(({ id: k }) => k));
-  }, m = (g) => ri(g, s, n);
+  }, m = (g) => li(g, s, n);
   return e.observe(
     ({ changes: g }) => h((g.deleted || []).map((k) => k.id))
   ), {
@@ -998,39 +1004,39 @@ const st = { selected: [] }, si = (e, t, n) => {
     isEmpty: a,
     isSelected: u,
     setSelected: f,
-    setUserSelectAction: y,
+    setUserSelectAction: _,
     subscribe: o,
     userSelect: d
   };
-}, ri = (e, t, n) => {
+}, li = (e, t, n) => {
   const o = n ? n.serialize(e) : e;
   return typeof t == "function" ? t(o) : t || "EDIT";
 }, de = [];
 for (let e = 0; e < 256; ++e)
   de.push((e + 256).toString(16).slice(1));
-function li(e, t = 0) {
+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();
 }
 let Mt;
-const ai = new Uint8Array(16);
-function ci() {
+const ci = new Uint8Array(16);
+function ui() {
   if (!Mt) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     Mt = crypto.getRandomValues.bind(crypto);
   }
-  return Mt(ai);
+  return Mt(ci);
 }
-const ui = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), nn = { randomUUID: ui };
+const fi = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), nn = { randomUUID: fi };
 function io(e, t, n) {
   var o;
   if (nn.randomUUID && !e)
     return nn.randomUUID();
   e = e || {};
-  const i = e.random ?? ((o = e.rng) == null ? void 0 : o.call(e)) ?? ci();
+  const i = e.random ?? ((o = e.rng) == null ? void 0 : o.call(e)) ?? ui();
   if (i.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, li(i);
+  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, ai(i);
 }
 const Tt = (e) => {
   const t = (n) => {
@@ -1042,34 +1048,34 @@ const Tt = (e) => {
     bodies: (e.bodies || []).map(t),
     target: t(e.target)
   };
-}, Ir = (e, t, n, o) => ({
+}, Or = (e, t, n, o) => ({
   id: io(),
   annotation: typeof e == "string" ? e : e.id,
   created: n || /* @__PURE__ */ new Date(),
   creator: o,
   ...t
-}), fi = (e, t) => {
+}), di = (e, t) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
-}, di = (e, t) => {
+}, hi = (e, t) => {
   const n = new Set(t.bodies.map((o) => o.id));
   return e.bodies.filter((o) => !n.has(o.id));
-}, hi = (e, t) => t.bodies.map((n) => {
+}, 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 })), gi = (e, t) => !Ie(e.target, t.target), so = (e, t) => {
-  const n = fi(e, t), o = di(e, t), i = hi(e, t);
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), mi = (e, t) => !Ie(e.target, t.target), so = (e, t) => {
+  const n = di(e, t), o = hi(e, t), i = gi(e, t);
   return {
     oldValue: e,
     newValue: t,
     bodiesCreated: n.length > 0 ? n : void 0,
     bodiesDeleted: o.length > 0 ? o : void 0,
     bodiesUpdated: i.length > 0 ? i : void 0,
-    targetUpdated: gi(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
+    targetUpdated: mi(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
 var ne = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e.SILENT = "SILENT", e))(ne || {});
-const mi = (e, t) => {
+const pi = (e, t) => {
   var n, o;
   const { changes: i, origin: s } = t;
   if (!(e.options.origin ? e.options.origin === s : s !== "SILENT"))
@@ -1091,7 +1097,7 @@ const mi = (e, t) => {
     return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((l) => r.has(l));
   } else
     return !0;
-}, pi = (e, t) => {
+}, _i = (e, t) => {
   const n = new Set((e.created || []).map((f) => f.id)), o = new Set((e.updated || []).map(({ newValue: f }) => f.id)), i = new Set((t.created || []).map((f) => f.id)), s = new Set((t.deleted || []).map((f) => f.id)), r = new Set((t.updated || []).map(({ oldValue: f }) => f.id)), l = new Set((t.updated || []).filter(({ oldValue: f }) => n.has(f.id) || o.has(f.id)).map(({ oldValue: f }) => f.id)), a = [
     ...(e.created || []).filter((f) => !s.has(f.id)).map((f) => r.has(f.id) ? t.updated.find(({ oldValue: h }) => h.id === f.id).newValue : f),
     ...t.created || []
@@ -1100,9 +1106,9 @@ const mi = (e, t) => {
     ...(t.deleted || []).filter((f) => !n.has(f.id))
   ], d = [
     ...(e.updated || []).filter(({ newValue: f }) => !s.has(f.id)).map((f) => {
-      const { oldValue: h, newValue: y } = f;
-      if (r.has(y.id)) {
-        const m = t.updated.find((g) => g.oldValue.id === y.id).newValue;
+      const { oldValue: h, newValue: _ } = f;
+      if (r.has(_.id)) {
+        const m = t.updated.find((g) => g.oldValue.id === _.id).newValue;
         return so(h, m);
       } else
         return f;
@@ -1124,79 +1130,79 @@ const mi = (e, t) => {
       annotation: t
     }
   };
-}, _i = (e) => e.id !== void 0, yi = () => {
-  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (w, v = {}) => {
-    n.push({ onChange: w, options: v });
+}, yi = (e) => e.id !== void 0, wi = () => {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (w, S = {}) => {
+    n.push({ onChange: w, options: S });
   }, i = (w) => {
-    const v = n.findIndex((_) => _.onChange == w);
-    v > -1 && n.splice(v, 1);
-  }, s = (w, v) => {
-    const _ = {
+    const S = n.findIndex((p) => p.onChange == w);
+    S > -1 && n.splice(S, 1);
+  }, s = (w, S) => {
+    const p = {
       origin: w,
       changes: {
-        created: v.created || [],
-        updated: v.updated || [],
-        deleted: v.deleted || []
+        created: S.created || [],
+        updated: S.updated || [],
+        deleted: S.deleted || []
       },
       state: [...e.values()]
     };
     n.forEach((b) => {
-      mi(b, _) && b.onChange(_);
+      pi(b, p) && b.onChange(p);
     });
-  }, r = (w, v = ne.LOCAL) => {
+  }, r = (w, S = ne.LOCAL) => {
     if (w.id && e.get(w.id))
       throw Error(`Cannot add annotation ${w.id} - exists already`);
     {
-      const _ = rt(w);
-      e.set(_.id, _), _.bodies.forEach((b) => t.set(b.id, _.id)), s(v, { created: [_] });
+      const p = rt(w);
+      e.set(p.id, p), p.bodies.forEach((b) => t.set(b.id, p.id)), s(S, { created: [p] });
     }
-  }, l = (w, v) => {
-    const _ = rt(typeof w == "string" ? v : w), b = typeof w == "string" ? w : w.id, I = b && e.get(b);
+  }, l = (w, S) => {
+    const p = rt(typeof w == "string" ? S : w), b = typeof w == "string" ? w : w.id, I = b && e.get(b);
     if (I) {
-      const L = so(I, _);
-      return b === _.id ? e.set(b, _) : (e.delete(b), e.set(_.id, _)), I.bodies.forEach((C) => t.delete(C.id)), _.bodies.forEach((C) => t.set(C.id, _.id)), L;
+      const L = so(I, p);
+      return b === p.id ? e.set(b, p) : (e.delete(b), e.set(p.id, p)), I.bodies.forEach((C) => t.delete(C.id)), p.bodies.forEach((C) => t.set(C.id, p.id)), L;
     } else
       console.warn(`Cannot update annotation ${b} - does not exist`);
-  }, a = (w, v = ne.LOCAL, _ = ne.LOCAL) => {
-    const b = _i(v) ? _ : v, I = l(w, v);
+  }, a = (w, S = ne.LOCAL, p = ne.LOCAL) => {
+    const b = yi(S) ? p : S, I = l(w, S);
     I && s(b, { updated: [I] });
-  }, u = (w, v = ne.LOCAL) => {
-    e.get(w.id) ? a(w, v) : r(w, v);
-  }, d = (w, v = ne.LOCAL) => {
-    const _ = w.reduce((b, I) => {
+  }, u = (w, S = ne.LOCAL) => {
+    e.get(w.id) ? a(w, S) : r(w, S);
+  }, d = (w, S = ne.LOCAL) => {
+    const p = w.reduce((b, I) => {
       const L = l(I);
       return L ? [...b, L] : b;
     }, []);
-    _.length > 0 && s(v, { updated: _ });
-  }, f = (w, v = ne.LOCAL) => {
-    const _ = w.map(rt), { toAdd: b, toUpdate: I } = _.reduce((C, G) => e.get(G.id) ? { ...C, toUpdate: [...C.toUpdate, G] } : { ...C, toAdd: [...C.toAdd, G] }, { toAdd: [], toUpdate: [] }), L = I.map((C) => l(C, v)).filter(Boolean);
+    p.length > 0 && s(S, { updated: p });
+  }, f = (w, S = ne.LOCAL) => {
+    const p = w.map(rt), { toAdd: b, toUpdate: I } = p.reduce((C, G) => e.get(G.id) ? { ...C, toUpdate: [...C.toUpdate, G] } : { ...C, toAdd: [...C.toAdd, G] }, { toAdd: [], toUpdate: [] }), L = I.map((C) => l(C, S)).filter(Boolean);
     b.forEach((C) => {
       e.set(C.id, C), C.bodies.forEach((G) => t.set(G.id, C.id));
-    }), s(v, { created: b, updated: L });
-  }, h = (w, v = ne.LOCAL) => {
-    const _ = e.get(w.annotation);
-    if (_) {
+    }), s(S, { created: b, updated: L });
+  }, h = (w, S = ne.LOCAL) => {
+    const p = e.get(w.annotation);
+    if (p) {
       const b = {
-        ..._,
-        bodies: [..._.bodies, w]
+        ...p,
+        bodies: [...p.bodies, w]
       };
-      e.set(_.id, b), t.set(w.id, b.id), s(v, { updated: [{
-        oldValue: _,
+      e.set(p.id, b), t.set(w.id, b.id), s(S, { updated: [{
+        oldValue: p,
         newValue: b,
         bodiesCreated: [w]
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${w.annotation}`);
-  }, y = () => [...e.values()], m = (w = ne.LOCAL) => {
-    const v = [...e.values()];
-    e.clear(), t.clear(), s(w, { deleted: v });
-  }, g = (w, v = !0, _ = ne.LOCAL) => {
+  }, _ = () => [...e.values()], m = (w = ne.LOCAL) => {
+    const S = [...e.values()];
+    e.clear(), t.clear(), s(w, { deleted: S });
+  }, g = (w, S = !0, p = ne.LOCAL) => {
     const b = w.map(rt);
-    if (v) {
+    if (S) {
       const I = [...e.values()];
       e.clear(), t.clear(), b.forEach((L) => {
         e.set(L.id, L), L.bodies.forEach((C) => t.set(C.id, L.id));
-      }), s(_, { created: b, deleted: I });
+      }), s(p, { created: b, deleted: I });
     } else {
       const I = w.reduce((L, C) => {
         const G = C.id && e.get(C.id);
@@ -1206,96 +1212,96 @@ const mi = (e, t) => {
         throw Error(`Bulk insert would overwrite the following annotations: ${I.map((L) => L.id).join(", ")}`);
       b.forEach((L) => {
         e.set(L.id, L), L.bodies.forEach((C) => t.set(C.id, L.id));
-      }), s(_, { created: b });
+      }), s(p, { created: b });
     }
   }, k = (w) => {
-    const v = typeof w == "string" ? w : w.id, _ = e.get(v);
-    if (_)
-      return e.delete(v), _.bodies.forEach((b) => t.delete(b.id)), _;
-    console.warn(`Attempt to delete missing annotation: ${v}`);
-  }, p = (w, v = ne.LOCAL) => {
-    const _ = k(w);
-    _ && s(v, { deleted: [_] });
-  }, S = (w, v = ne.LOCAL) => {
-    const _ = w.reduce((b, I) => {
+    const S = typeof w == "string" ? w : w.id, p = e.get(S);
+    if (p)
+      return e.delete(S), p.bodies.forEach((b) => t.delete(b.id)), p;
+    console.warn(`Attempt to delete missing annotation: ${S}`);
+  }, y = (w, S = ne.LOCAL) => {
+    const p = k(w);
+    p && s(S, { deleted: [p] });
+  }, E = (w, S = ne.LOCAL) => {
+    const p = w.reduce((b, I) => {
       const L = k(I);
       return L ? [...b, L] : b;
     }, []);
-    _.length > 0 && s(v, { deleted: _ });
-  }, E = (w) => {
-    const v = e.get(w.annotation);
-    if (v) {
-      const _ = v.bodies.find((b) => b.id === w.id);
-      if (_) {
-        t.delete(_.id);
+    p.length > 0 && s(S, { deleted: p });
+  }, v = (w) => {
+    const S = e.get(w.annotation);
+    if (S) {
+      const p = S.bodies.find((b) => b.id === w.id);
+      if (p) {
+        t.delete(p.id);
         const b = {
-          ...v,
-          bodies: v.bodies.filter((I) => I.id !== w.id)
+          ...S,
+          bodies: S.bodies.filter((I) => I.id !== w.id)
         };
-        return e.set(v.id, b), {
-          oldValue: v,
+        return e.set(S.id, b), {
+          oldValue: S,
           newValue: b,
-          bodiesDeleted: [_]
+          bodiesDeleted: [p]
         };
       } else
         console.warn(`Attempt to delete missing body ${w.id} from annotation ${w.annotation}`);
     } else
       console.warn(`Attempt to delete body from missing annotation ${w.annotation}`);
-  }, A = (w, v = ne.LOCAL) => {
-    const _ = E(w);
-    _ && s(v, { updated: [_] });
-  }, M = (w, v = ne.LOCAL) => {
-    const _ = w.map((b) => E(b)).filter(Boolean);
-    _.length > 0 && s(v, { updated: _ });
+  }, A = (w, S = ne.LOCAL) => {
+    const p = v(w);
+    p && s(S, { updated: [p] });
+  }, M = (w, S = ne.LOCAL) => {
+    const p = w.map((b) => v(b)).filter(Boolean);
+    p.length > 0 && s(S, { updated: p });
   }, O = (w) => {
-    const v = e.get(w);
-    return v ? { ...v } : void 0;
+    const S = e.get(w);
+    return S ? { ...S } : void 0;
   }, T = (w) => {
-    const v = t.get(w);
-    if (v) {
-      const _ = O(v).bodies.find((b) => b.id === w);
-      if (_)
-        return _;
+    const S = t.get(w);
+    if (S) {
+      const p = O(S).bodies.find((b) => b.id === w);
+      if (p)
+        return p;
       console.error(`Store integrity error: body ${w} in index, but not in annotation`);
     } else
       console.warn(`Attempt to retrieve missing body: ${w}`);
-  }, U = (w, v) => {
-    if (w.annotation !== v.annotation)
+  }, U = (w, S) => {
+    if (w.annotation !== S.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const _ = e.get(w.annotation);
-    if (_) {
-      const b = _.bodies.find((L) => L.id === w.id), I = {
-        ..._,
-        bodies: _.bodies.map((L) => L.id === b.id ? v : L)
+    const p = e.get(w.annotation);
+    if (p) {
+      const b = p.bodies.find((L) => L.id === w.id), I = {
+        ...p,
+        bodies: p.bodies.map((L) => L.id === b.id ? S : L)
       };
-      return e.set(_.id, I), b.id !== v.id && (t.delete(b.id), t.set(v.id, I.id)), {
-        oldValue: _,
+      return e.set(p.id, I), b.id !== S.id && (t.delete(b.id), t.set(S.id, I.id)), {
+        oldValue: p,
         newValue: I,
-        bodiesUpdated: [{ oldBody: b, newBody: v }]
+        bodiesUpdated: [{ oldBody: b, newBody: S }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${w.annotation}`);
-  }, Y = (w, v, _ = ne.LOCAL) => {
-    const b = U(w, v);
-    b && s(_, { updated: [b] });
-  }, q = (w, v = ne.LOCAL) => {
-    const _ = w.map((b) => U({ id: b.id, annotation: b.annotation }, b)).filter(Boolean);
-    s(v, { updated: _ });
+  }, Y = (w, S, p = ne.LOCAL) => {
+    const b = U(w, S);
+    b && s(p, { updated: [b] });
+  }, q = (w, S = ne.LOCAL) => {
+    const p = w.map((b) => U({ id: b.id, annotation: b.annotation }, b)).filter(Boolean);
+    s(S, { updated: p });
   }, z = (w) => {
-    const v = e.get(w.annotation);
-    if (v) {
-      const _ = {
-        ...v,
+    const S = e.get(w.annotation);
+    if (S) {
+      const p = {
+        ...S,
         target: {
-          ...v.target,
+          ...S.target,
           ...w
         }
       };
-      return e.set(v.id, _), {
-        oldValue: v,
-        newValue: _,
+      return e.set(S.id, p), {
+        oldValue: S,
+        newValue: p,
         targetUpdated: {
-          oldTarget: v.target,
+          oldTarget: S.target,
           newTarget: w
         }
       };
@@ -1305,19 +1311,19 @@ const mi = (e, t) => {
   return {
     addAnnotation: r,
     addBody: h,
-    all: y,
+    all: _,
     bulkAddAnnotations: g,
-    bulkDeleteAnnotations: S,
+    bulkDeleteAnnotations: E,
     bulkDeleteBodies: M,
     bulkUpdateAnnotations: d,
     bulkUpdateBodies: q,
-    bulkUpdateTargets: (w, v = ne.LOCAL) => {
-      const _ = w.map((b) => z(b)).filter(Boolean);
-      _.length > 0 && s(v, { updated: _ });
+    bulkUpdateTargets: (w, S = ne.LOCAL) => {
+      const p = w.map((b) => z(b)).filter(Boolean);
+      p.length > 0 && s(S, { updated: p });
     },
     bulkUpsertAnnotations: f,
     clear: m,
-    deleteAnnotation: p,
+    deleteAnnotation: y,
     deleteBody: A,
     getAnnotation: O,
     getBody: T,
@@ -1325,20 +1331,20 @@ const mi = (e, t) => {
     unobserve: i,
     updateAnnotation: a,
     updateBody: Y,
-    updateTarget: (w, v = ne.LOCAL) => {
-      const _ = z(w);
-      _ && s(v, { updated: [_] });
+    updateTarget: (w, S = ne.LOCAL) => {
+      const p = z(w);
+      p && s(S, { updated: [p] });
     },
     upsertAnnotation: u
   };
-}, wi = (e) => ({
+}, bi = (e) => ({
   ...e,
   subscribe: (t) => {
     const n = (o) => t(o.state);
     return e.observe(n), t(e.all()), () => e.unobserve(n);
   }
 });
-let bi = () => ({
+let Ei = () => ({
   emit(e, ...t) {
     for (let n = this.events[e] || [], o = 0, i = n.length; o < i; o++)
       n[o](...t);
@@ -1352,24 +1358,24 @@ let bi = () => ({
     };
   }
 });
-const Ei = 250, vi = (e, t) => {
-  const n = bi(), o = (t == null ? void 0 : t.changes) || [];
+const vi = 250, Si = (e, t) => {
+  const n = Ei(), o = (t == null ? void 0 : t.changes) || [];
   let i = t ? t.pointer : -1, s = !1, r = 0;
   const l = (m) => {
     if (!s) {
       const { changes: g } = m, k = performance.now();
-      if (k - r > Ei)
+      if (k - r > vi)
         o.splice(i + 1), o.push(g), i = o.length - 1;
       else {
-        const p = o.length - 1;
-        o[p] = pi(o[p], g);
+        const y = o.length - 1;
+        o[y] = _i(o[y], g);
       }
       r = k;
     }
     s = !1;
   };
   e.observe(l, { origin: ne.LOCAL });
-  const a = (m) => m && m.length > 0 && e.bulkDeleteAnnotations(m), u = (m) => m && m.length > 0 && e.bulkAddAnnotations(m, !1), d = (m) => m && m.length > 0 && e.bulkUpdateAnnotations(m.map(({ oldValue: g }) => g)), f = (m) => m && m.length > 0 && e.bulkUpdateAnnotations(m.map(({ newValue: g }) => g)), h = (m) => m && m.length > 0 && e.bulkAddAnnotations(m, !1), y = (m) => m && m.length > 0 && e.bulkDeleteAnnotations(m);
+  const a = (m) => m && m.length > 0 && e.bulkDeleteAnnotations(m), u = (m) => m && m.length > 0 && e.bulkAddAnnotations(m, !1), d = (m) => m && m.length > 0 && e.bulkUpdateAnnotations(m.map(({ oldValue: g }) => g)), f = (m) => m && m.length > 0 && e.bulkUpdateAnnotations(m.map(({ newValue: g }) => g)), h = (m) => m && m.length > 0 && e.bulkAddAnnotations(m, !1), _ = (m) => m && m.length > 0 && e.bulkDeleteAnnotations(m);
   return {
     canRedo: () => o.length - 1 > i,
     canUndo: () => i > -1,
@@ -1380,7 +1386,7 @@ const Ei = 250, vi = (e, t) => {
       if (o.length - 1 > i) {
         s = !0;
         const { created: m, updated: g, deleted: k } = o[i + 1];
-        u(m), f(g), y(k), n.emit("redo", o[i + 1]), i += 1;
+        u(m), f(g), _(k), n.emit("redo", o[i + 1]), i += 1;
       }
     },
     undo: () => {
@@ -1391,69 +1397,69 @@ const Ei = 250, vi = (e, t) => {
       }
     }
   };
-}, Si = () => {
+}, Ai = () => {
   const { subscribe: e, set: t } = Ft([]);
   return {
     subscribe: e,
     set: t
   };
-}, Ai = (e, t, n, o) => {
+}, 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 = (p, S) => {
-    a.has(p) ? a.get(p).push(S) : a.set(p, [S]);
-  }, y = (p, S) => {
-    const E = a.get(p);
-    if (E) {
-      const A = E.indexOf(S);
-      A !== -1 && E.splice(A, 1);
-    }
-  }, m = (p, S, E) => {
-    a.has(p) && setTimeout(() => {
-      a.get(p).forEach((A) => {
+  const h = (y, E) => {
+    a.has(y) ? a.get(y).push(E) : a.set(y, [E]);
+  }, _ = (y, E) => {
+    const v = a.get(y);
+    if (v) {
+      const A = v.indexOf(E);
+      A !== -1 && v.splice(A, 1);
+    }
+  }, m = (y, E, v) => {
+    a.has(y) && setTimeout(() => {
+      a.get(y).forEach((A) => {
         if (n) {
-          const M = Array.isArray(S) ? S.map((T) => n.serialize(T)) : n.serialize(S), O = E ? E instanceof PointerEvent ? E : n.serialize(E) : void 0;
+          const M = Array.isArray(E) ? E.map((T) => n.serialize(T)) : n.serialize(E), O = v ? v instanceof PointerEvent ? v : n.serialize(v) : void 0;
           A(M, O);
         } else
-          A(S, E);
+          A(E, v);
       });
     }, 1);
   }, g = () => {
-    const { selected: p } = s, S = (p || []).map(({ id: E }) => r.getAnnotation(E));
-    S.forEach((E) => {
-      const A = u.find((M) => M.id === E.id);
-      (!A || !Ie(A, E)) && m("updateAnnotation", E, A);
-    }), u = u.map((E) => S.find(({ id: M }) => M === E.id) || E);
+    const { selected: y } = s, E = (y || []).map(({ id: v }) => r.getAnnotation(v));
+    E.forEach((v) => {
+      const A = u.find((M) => M.id === v.id);
+      (!A || !Ie(A, v)) && m("updateAnnotation", v, A);
+    }), u = u.map((v) => E.find(({ id: M }) => M === v.id) || v);
   };
-  s.subscribe(({ selected: p }) => {
-    if (!(u.length === 0 && p.length === 0)) {
-      if (u.length === 0 && p.length > 0)
-        u = p.map(({ id: S }) => r.getAnnotation(S));
-      else if (u.length > 0 && p.length === 0)
-        u.forEach((S) => {
-          const E = r.getAnnotation(S.id);
-          E && !Ie(E, S) && m("updateAnnotation", E, S);
+  s.subscribe(({ selected: y }) => {
+    if (!(u.length === 0 && y.length === 0)) {
+      if (u.length === 0 && y.length > 0)
+        u = y.map(({ id: E }) => r.getAnnotation(E));
+      else if (u.length > 0 && y.length === 0)
+        u.forEach((E) => {
+          const v = r.getAnnotation(E.id);
+          v && !Ie(v, E) && m("updateAnnotation", v, E);
         }), u = [];
       else {
-        const S = new Set(u.map((A) => A.id)), E = new Set(p.map(({ id: A }) => A));
-        u.filter((A) => !E.has(A.id)).forEach((A) => {
+        const E = new Set(u.map((A) => A.id)), v = new Set(y.map(({ id: A }) => A));
+        u.filter((A) => !v.has(A.id)).forEach((A) => {
           const M = r.getAnnotation(A.id);
           M && !Ie(M, A) && m("updateAnnotation", M, A);
         }), u = [
           // Remove annotations that were deselected
-          ...u.filter((A) => E.has(A.id)),
+          ...u.filter((A) => v.has(A.id)),
           // Add editable annotations that were selected
-          ...p.filter(({ id: A }) => !S.has(A)).map(({ id: A }) => r.getAnnotation(A))
+          ...y.filter(({ id: A }) => !E.has(A)).map(({ id: A }) => r.getAnnotation(A))
         ];
       }
       m("selectionChanged", u);
     }
-  }), i.subscribe((p) => {
-    !d && p ? m("mouseEnterAnnotation", r.getAnnotation(p)) : d && !p ? m("mouseLeaveAnnotation", r.getAnnotation(d)) : d && p && (m("mouseLeaveAnnotation", r.getAnnotation(d)), m("mouseEnterAnnotation", r.getAnnotation(p))), d = p;
-  }), l == null || l.subscribe((p) => m("viewportIntersect", p.map((S) => r.getAnnotation(S)))), r.observe((p) => {
+  }), i.subscribe((y) => {
+    !d && y ? m("mouseEnterAnnotation", r.getAnnotation(y)) : d && !y ? m("mouseLeaveAnnotation", r.getAnnotation(d)) : d && y && (m("mouseLeaveAnnotation", r.getAnnotation(d)), m("mouseEnterAnnotation", r.getAnnotation(y))), d = y;
+  }), l == null || l.subscribe((y) => m("viewportIntersect", y.map((E) => r.getAnnotation(E)))), r.observe((y) => {
     o && (f && clearTimeout(f), f = setTimeout(g, 1e3));
-    const { created: S, deleted: E } = p.changes;
-    (S || []).forEach((A) => m("createAnnotation", A)), (E || []).forEach((A) => m("deleteAnnotation", A)), (p.changes.updated || []).filter((A) => [
+    const { created: E, deleted: v } = y.changes;
+    (E || []).forEach((A) => m("createAnnotation", A)), (v || []).forEach((A) => m("deleteAnnotation", A)), (y.changes.updated || []).filter((A) => [
       ...A.bodiesCreated || [],
       ...A.bodiesDeleted || [],
       ...A.bodiesUpdated || []
@@ -1461,18 +1467,18 @@ const Ei = 250, vi = (e, t) => {
       const O = u.find((T) => T.id === A.id) || A;
       u = u.map((T) => T.id === A.id ? M : T), m("updateAnnotation", M, O);
     });
-  }, { origin: ne.LOCAL }), r.observe((p) => {
+  }, { origin: ne.LOCAL }), r.observe((y) => {
     if (u) {
-      const S = new Set(u.map((A) => A.id)), E = (p.changes.updated || []).filter(({ newValue: A }) => S.has(A.id)).map(({ newValue: A }) => A);
-      E.length > 0 && (u = u.map((A) => E.find((O) => O.id === A.id) || A));
+      const E = new Set(u.map((A) => A.id)), v = (y.changes.updated || []).filter(({ newValue: A }) => E.has(A.id)).map(({ newValue: A }) => A);
+      v.length > 0 && (u = u.map((A) => v.find((O) => O.id === A.id) || A));
     }
   }, { origin: ne.REMOTE });
-  const k = (p) => (S) => {
-    const { updated: E } = S;
-    p ? (E || []).forEach((A) => m("updateAnnotation", A.oldValue, A.newValue)) : (E || []).forEach((A) => m("updateAnnotation", A.newValue, A.oldValue));
+  const k = (y) => (E) => {
+    const { updated: v } = E;
+    y ? (v || []).forEach((A) => m("updateAnnotation", A.oldValue, A.newValue)) : (v || []).forEach((A) => m("updateAnnotation", A.newValue, A.oldValue));
   };
-  return t.on("undo", k(!0)), t.on("redo", k(!1)), { on: h, off: y, emit: m };
-}, ki = (e) => (t) => t.reduce((n, o) => {
+  return t.on("undo", k(!0)), t.on("redo", k(!1)), { on: h, off: _, emit: m };
+}, Mi = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
     parsed: n.parsed,
@@ -1483,47 +1489,47 @@ const Ei = 250, vi = (e, t) => {
   } : {
     ...n
   };
-}, { parsed: [], failed: [] }), Mi = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (p) => {
+}, { parsed: [], failed: [] }), Ti = (e, t, n) => {
+  const { store: o, selection: i } = e, s = (y) => {
     if (n) {
-      const { parsed: S, error: E } = n.parse(p);
-      S ? o.addAnnotation(S, ne.REMOTE) : console.error(E);
+      const { parsed: E, error: v } = n.parse(y);
+      E ? o.addAnnotation(E, ne.REMOTE) : console.error(v);
     } else
-      o.addAnnotation(Tt(p), ne.REMOTE);
-  }, r = () => i.clear(), l = () => o.clear(), a = (p) => {
-    const S = o.getAnnotation(p);
-    return n && S ? n.serialize(S) : S;
+      o.addAnnotation(Tt(y), ne.REMOTE);
+  }, r = () => i.clear(), l = () => o.clear(), a = (y) => {
+    const E = o.getAnnotation(y);
+    return n && E ? n.serialize(E) : E;
   }, u = () => n ? o.all().map(n.serialize) : o.all(), d = () => {
-    var p;
-    const S = (((p = i.selected) == null ? void 0 : p.map((E) => E.id)) || []).map((E) => o.getAnnotation(E)).filter(Boolean);
-    return n ? S.map(n.serialize) : S;
-  }, f = (p, S = !0) => fetch(p).then((E) => E.json()).then((E) => (y(E, S), E)), h = (p) => {
-    if (typeof p == "string") {
-      const S = o.getAnnotation(p);
-      if (o.deleteAnnotation(p), S)
-        return n ? n.serialize(S) : S;
+    var y;
+    const E = (((y = i.selected) == null ? void 0 : y.map((v) => v.id)) || []).map((v) => o.getAnnotation(v)).filter(Boolean);
+    return n ? E.map(n.serialize) : E;
+  }, f = (y, E = !0) => fetch(y).then((v) => v.json()).then((v) => (_(v, E), v)), h = (y) => {
+    if (typeof y == "string") {
+      const E = o.getAnnotation(y);
+      if (o.deleteAnnotation(y), E)
+        return n ? n.serialize(E) : E;
     } else {
-      const S = n ? n.parse(p).parsed : p;
-      if (S)
-        return o.deleteAnnotation(S), p;
+      const E = n ? n.parse(y).parsed : y;
+      if (E)
+        return o.deleteAnnotation(E), y;
     }
-  }, y = (p, S = !0) => {
+  }, _ = (y, E = !0) => {
     if (n) {
-      const E = n.parseAll || ki(n), { parsed: A, failed: M } = E(p);
-      M.length > 0 && console.warn(`Discarded ${M.length} invalid annotations`, M), o.bulkAddAnnotations(A, S, ne.REMOTE);
+      const v = n.parseAll || Mi(n), { parsed: A, failed: M } = v(y);
+      M.length > 0 && console.warn(`Discarded ${M.length} invalid annotations`, M), o.bulkAddAnnotations(A, E, ne.REMOTE);
     } else
-      o.bulkAddAnnotations(p.map(Tt), S, ne.REMOTE);
-  }, m = (p, S) => {
-    p ? i.setSelected(p, S) : i.clear();
-  }, g = (p) => {
-    i.clear(), i.setUserSelectAction(p);
-  }, k = (p) => {
+      o.bulkAddAnnotations(y.map(Tt), E, ne.REMOTE);
+  }, m = (y, E) => {
+    y ? i.setSelected(y, E) : i.clear();
+  }, g = (y) => {
+    i.clear(), i.setUserSelectAction(y);
+  }, k = (y) => {
     if (n) {
-      const S = n.parse(p).parsed, E = n.serialize(o.getAnnotation(S.id));
-      return o.updateAnnotation(S), E;
+      const E = n.parse(y).parsed, v = n.serialize(o.getAnnotation(E.id));
+      return o.updateAnnotation(E), v;
     } else {
-      const S = o.getAnnotation(p.id);
-      return o.updateAnnotation(Tt(p)), S;
+      const E = o.getAnnotation(y.id);
+      return o.updateAnnotation(Tt(y)), E;
     }
   };
   return {
@@ -1539,13 +1545,13 @@ const Ei = 250, vi = (e, t) => {
     loadAnnotations: f,
     redo: t.redo,
     removeAnnotation: h,
-    setAnnotations: y,
+    setAnnotations: _,
     setSelected: m,
     setUserSelectAction: g,
     undo: t.undo,
     updateAnnotation: k
   };
-}, Or = (e, t, n) => typeof t == "function" ? t(e, n) : t, Cr = (e, t) => typeof e != "function" && typeof t != "function" ? {
+}, Cr = (e, t, n) => typeof t == "function" ? t(e, n) : t, Dr = (e, t) => typeof e != "function" && typeof t != "function" ? {
   ...e || {},
   ...t || {}
 } : (n, o) => {
@@ -1554,8 +1560,8 @@ const Ei = 250, vi = (e, t) => {
     ...i || {},
     ...s || {}
   };
-}, Ti = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let Li = (e) => crypto.getRandomValues(new Uint8Array(e)), Pi = (e, t, n) => {
+}, Li = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let Pi = (e) => crypto.getRandomValues(new Uint8Array(e)), Ii = (e, t, n) => {
   let o = (2 << Math.log2(e.length - 1)) - 1, i = -~(1.6 * o * t / e.length);
   return (s = t) => {
     let r = "";
@@ -1565,13 +1571,13 @@ let Li = (e) => crypto.getRandomValues(new Uint8Array(e)), Pi = (e, t, n) => {
         if (r += e[l[a] & o] || "", r.length >= s) return r;
     }
   };
-}, Ii = (e, t = 21) => Pi(e, t | 0, Li), Oi = (e = 21) => {
+}, Oi = (e, t = 21) => Ii(e, t | 0, Pi), Ci = (e = 21) => {
   let t = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
   for (; e--; )
-    t += Ti[n[e] & 63];
+    t += Li[n[e] & 63];
   return t;
 };
-const Ci = () => ({ isGuest: !0, id: Ii("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Di = (e) => {
+const Di = () => ({ isGuest: !0, id: Oi("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Ni = (e) => {
   const t = JSON.stringify(e);
   let n = 0;
   for (let o = 0, i = t.length; o < i; o++) {
@@ -1579,10 +1585,10 @@ const Ci = () => ({ isGuest: !0, id: Ii("1234567890abcdefghijklmnopqrstuvwxyzABC
     n = (n << 5) - n + s, n |= 0;
   }
   return `${n}`;
-}, ro = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, Ni = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
+}, ro = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, Yi = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
   const { id: o, type: i, purpose: s, value: r, created: l, modified: a, creator: u, ...d } = n;
   return {
-    id: o || `temp-${Di(n)}`,
+    id: o || `temp-${Ni(n)}`,
     annotation: t,
     type: i,
     purpose: s,
@@ -1592,7 +1598,7 @@ const Ci = () => ({ isGuest: !0, id: Ii("1234567890abcdefghijklmnopqrstuvwxyzABC
     updated: a ? new Date(a) : void 0,
     ...d
   };
-}), Yi = (e) => e.map((t) => {
+}), Bi = (e) => e.map((t) => {
   var n;
   const { annotation: o, created: i, updated: s, ...r } = t, l = {
     ...r,
@@ -1600,7 +1606,7 @@ const Ci = () => ({ isGuest: !0, id: Ii("1234567890abcdefghijklmnopqrstuvwxyzABC
     modified: s == null ? void 0 : s.toISOString()
   };
   return (n = l.id) != null && n.startsWith("temp-") && delete l.id, l;
-}), Bi = [
+}), Ri = [
   "#ff7c00",
   // orange
   "#1ac938",
@@ -1619,22 +1625,22 @@ const Ci = () => ({ isGuest: !0, id: Ii("1234567890abcdefghijklmnopqrstuvwxyzABC
   // cyan
   "#023eff"
   // blue
-], Dr = () => {
-  const e = [...Bi];
+], Nr = () => {
+  const e = [...Ri];
   return { assignRandomColor: () => {
     const t = Math.floor(Math.random() * e.length), n = e[t];
     return e.splice(t, 1), n;
   }, releaseColor: (t) => e.push(t) };
 };
-Oi();
-const Nr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Ri(i, t), serialize: (i) => Ui(i, e, t) }), Ri = (e, t = { strict: !0, invertY: !1 }) => {
+Ci();
+const Yr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Ui(i, t), serialize: (i) => Xi(i, e, t) }), Ui = (e, t = { strict: !0, invertY: !1 }) => {
   const n = e.id || no(), {
     creator: o,
     created: i,
     modified: s,
     body: r,
     ...l
-  } = e, a = Ni(r || [], n), u = Array.isArray(e.target) ? e.target[0] : e.target, d = typeof u == "string" ? u : Array.isArray(u.selector) ? u.selector[0] : u.selector, f = typeof d == "string" || (d == null ? void 0 : d.type) === "FragmentSelector" ? Vo(d, t.invertY) : (d == null ? void 0 : d.type) === "SvgSelector" ? Jo(d) : void 0, h = Array.isArray(l.target) ? l.target[0] : l.targret;
+  } = e, a = Yi(r || [], n), u = Array.isArray(e.target) ? e.target[0] : e.target, d = typeof u == "string" ? u : Array.isArray(u.selector) ? u.selector[0] : u.selector, f = typeof d == "string" || (d == null ? void 0 : d.type) === "FragmentSelector" ? Vo(d, t.invertY) : (d == null ? void 0 : d.type) === "SvgSelector" ? Qo(d) : void 0, h = Array.isArray(l.target) ? l.target[0] : l.targret;
   return f || !t.strict ? {
     parsed: {
       ...l,
@@ -1653,7 +1659,7 @@ const Nr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Ri(i, t), se
   } : {
     error: Error(`Invalid selector: ${JSON.stringify(d)}`)
   };
-}, Ui = (e, t, n = { strict: !0, invertY: !1 }) => {
+}, Xi = (e, t, n = { strict: !0, invertY: !1 }) => {
   const {
     selector: o,
     creator: i,
@@ -1665,7 +1671,7 @@ const Nr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Ri(i, t), se
   } = e.target;
   let u;
   try {
-    u = o.type == Q.RECTANGLE ? Ho(o.geometry) : xo(o);
+    u = o.type == x.RECTANGLE ? Ho(o.geometry) : $o(o);
   } catch (f) {
     if (n.strict)
       throw f;
@@ -1676,7 +1682,7 @@ const Nr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Ri(i, t), se
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
     type: "Annotation",
-    body: Yi(e.bodies),
+    body: Bi(e.bodies),
     created: s == null ? void 0 : s.toISOString(),
     creator: i,
     modified: r == null ? void 0 : r.toISOString(),
@@ -1689,7 +1695,7 @@ const Nr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Ri(i, t), se
   };
   return delete d.bodies, "annotation" in d.target && delete d.target.annotation, d;
 }, Ve = [];
-function Xi(e, t = ee) {
+function Vi(e, t = ee) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
@@ -1715,7 +1721,7 @@ function Xi(e, t = ee) {
   }
   return { set: i, update: s, subscribe: r };
 }
-const Vi = (e, t) => {
+const Hi = (e, t) => {
   const { naturalWidth: n, naturalHeight: o } = e;
   if (!n && !o) {
     const { width: i, height: s } = e;
@@ -1725,9 +1731,9 @@ const Vi = (e, t) => {
     });
   } else
     t.setAttribute("viewBox", `0 0 ${n} ${o}`);
-}, Hi = (e, t) => {
-  Vi(e, t);
-  const { subscribe: n, set: o } = Xi(1);
+}, Gi = (e, t) => {
+  Hi(e, t);
+  const { subscribe: n, set: o } = Vi(1);
   let i;
   return window.ResizeObserver && (i = new ResizeObserver(() => {
     const r = t.getBoundingClientRect(), { width: l, height: a } = t.viewBox.baseVal, u = Math.max(
@@ -1754,11 +1760,11 @@ const Vi = (e, t) => {
     h: s - o + 2 * t
   };
 }, Oe = typeof window > "u" || typeof navigator > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || // @ts-ignore
-navigator.msMaxTouchPoints > 0, Gi = (e) => ({}), on = (e) => ({ grab: (
+navigator.msMaxTouchPoints > 0, ji = (e) => ({}), on = (e) => ({ grab: (
   /*onGrab*/
   e[0]
 ) });
-function ji(e) {
+function zi(e) {
   let t, n, o, i;
   const s = (
     /*#slots*/
@@ -1776,13 +1782,13 @@ function ji(e) {
     },
     m(l, a) {
       N(l, t, a), r && r.m(t, null), n = !0, o || (i = [
-        x(
+        Q(
           t,
           "pointerup",
           /*onRelease*/
           e[2]
         ),
-        x(
+        Q(
           t,
           "pointermove",
           /*onPointerMove*/
@@ -1803,7 +1809,7 @@ function ji(e) {
           /*$$scope*/
           l[7],
           a,
-          Gi
+          ji
         ) : bo(
           /*$$scope*/
           l[7]
@@ -1822,23 +1828,23 @@ function ji(e) {
     }
   };
 }
-function zi(e, t, n) {
+function Fi(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
   const s = Ce();
   let { shape: r } = t, { editor: l } = t, { transform: a } = t, { svgEl: u } = t, d, f, h;
-  const y = (k) => (p) => {
+  const _ = (k) => (y) => {
     if (d = k, u) {
-      const { left: E, top: A } = u.getBoundingClientRect(), M = p.clientX - E, O = p.clientY - A;
+      const { left: v, top: A } = u.getBoundingClientRect(), M = y.clientX - v, O = y.clientY - A;
       f = a.elementToImage(M, O);
     } else {
-      const { offsetX: E, offsetY: A } = p;
-      f = a.elementToImage(E, A);
+      const { offsetX: v, offsetY: A } = y;
+      f = a.elementToImage(v, A);
     }
-    h = r, p.target.setPointerCapture(p.pointerId), s("grab", p);
+    h = r, y.target.setPointerCapture(y.pointerId), s("grab", y);
   }, m = (k) => {
     if (d) {
-      const [p, S] = a.elementToImage(k.offsetX, k.offsetY), E = [p - f[0], S - f[1]];
-      n(3, r = l(h, d, E)), s("change", r);
+      const [y, E] = a.elementToImage(k.offsetX, k.offsetY), v = [y - f[0], E - f[1]];
+      n(3, r = l(h, d, v)), s("change", r);
     }
   }, g = (k) => {
     k.target.releasePointerCapture(k.pointerId), d = void 0, h = r, s("release", k);
@@ -1846,7 +1852,7 @@ function zi(e, t, n) {
   return e.$$set = (k) => {
     "shape" in k && n(3, r = k.shape), "editor" in k && n(4, l = k.editor), "transform" in k && n(5, a = k.transform), "svgEl" in k && n(6, u = k.svgEl), "$$scope" in k && n(7, i = k.$$scope);
   }, [
-    y,
+    _,
     m,
     g,
     r,
@@ -1857,9 +1863,9 @@ function zi(e, t, n) {
     o
   ];
 }
-class qt extends me {
+class qt extends pe {
   constructor(t) {
-    super(), ge(this, t, zi, ji, se, {
+    super(), me(this, t, Fi, zi, se, {
       shape: 3,
       editor: 4,
       transform: 5,
@@ -1867,7 +1873,7 @@ class qt extends me {
     });
   }
 }
-function Fi(e) {
+function qi(e) {
   let t, n, o, i, s, r, l, a, u = (
     /*selected*/
     e[3] && sn(e)
@@ -1886,7 +1892,7 @@ function Fi(e) {
         e[1]
       ), c(n, "r", o = /*handleRadius*/
       e[5] + 6 / /*scale*/
-      e[2]), c(i, "class", s = `a9s-handle-dot${/*selected*/
+      e[2]), c(n, "role", "button"), c(n, "tabindex", "0"), c(i, "class", s = `a9s-handle-dot${/*selected*/
       e[3] ? " selected" : ""}`), c(
         i,
         "cx",
@@ -1907,37 +1913,43 @@ function Fi(e) {
     },
     m(d, f) {
       N(d, t, f), j(t, n), u && u.m(t, null), j(t, i), l || (a = [
-        x(
+        Q(
+          n,
+          "dblclick",
+          /*dblclick_handler*/
+          e[11]
+        ),
+        Q(
           n,
           "pointerenter",
           /*pointerenter_handler*/
-          e[11]
+          e[12]
         ),
-        x(
+        Q(
           n,
           "pointerleave",
           /*pointerleave_handler*/
-          e[12]
+          e[13]
         ),
-        x(
+        Q(
           n,
           "pointerdown",
           /*pointerdown_handler_1*/
-          e[13]
+          e[14]
         ),
-        x(
+        Q(
           n,
           "pointerdown",
           /*onPointerDown*/
           e[6]
         ),
-        x(
+        Q(
           n,
           "pointerup",
           /*pointerup_handler_1*/
-          e[14]
+          e[15]
         ),
-        x(
+        Q(
           n,
           "pointerup",
           /*onPointerUp*/
@@ -1991,7 +2003,7 @@ function Fi(e) {
     }
   };
 }
-function qi(e) {
+function Ki(e) {
   let t, n, o, i, s, r, l, a, u;
   return {
     c() {
@@ -2039,25 +2051,25 @@ function qi(e) {
     },
     m(d, f) {
       N(d, t, f), j(t, n), j(t, i), j(t, r), a || (u = [
-        x(
+        Q(
           i,
           "pointerdown",
           /*pointerdown_handler*/
           e[9]
         ),
-        x(
+        Q(
           i,
           "pointerup",
           /*pointerup_handler*/
           e[10]
         ),
-        x(
+        Q(
           i,
           "pointerdown",
           /*onPointerDown*/
           e[6]
         ),
-        x(
+        Q(
           i,
           "pointerup",
           /*onPointerUp*/
@@ -2167,10 +2179,10 @@ function sn(e) {
     }
   };
 }
-function Ki(e) {
+function Wi(e) {
   let t;
   function n(s, r) {
-    return Oe ? qi : Fi;
+    return Oe ? Ki : qi;
   }
   let i = n()(e);
   return {
@@ -2190,31 +2202,34 @@ function Ki(e) {
     }
   };
 }
-function Wi(e, t, n) {
+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 = (p) => {
-    p.pointerType === "touch" && n(4, a = !0);
+  const u = (E) => {
+    E.pointerType === "touch" && n(4, a = !0);
   }, d = () => n(4, a = !1);
-  function f(p) {
-    _e.call(this, e, p);
+  function f(E) {
+    he.call(this, e, E);
   }
-  function h(p) {
-    _e.call(this, e, p);
+  function h(E) {
+    he.call(this, e, E);
   }
-  function y(p) {
-    _e.call(this, e, p);
+  function _(E) {
+    he.call(this, e, E);
   }
-  function m(p) {
-    _e.call(this, e, p);
+  function m(E) {
+    he.call(this, e, E);
   }
-  function g(p) {
-    _e.call(this, e, p);
+  function g(E) {
+    he.call(this, e, E);
   }
-  function k(p) {
-    _e.call(this, e, p);
+  function k(E) {
+    he.call(this, e, E);
   }
-  return e.$$set = (p) => {
-    n(8, t = Ut(Ut({}, t), Jt(p))), "x" in p && n(0, i = p.x), "y" in p && n(1, s = p.y), "scale" in p && n(2, r = p.scale), "selected" in p && n(3, l = p.selected);
+  function y(E) {
+    he.call(this, e, E);
+  }
+  return e.$$set = (E) => {
+    n(8, t = Ut(Ut({}, t), Jt(E))), "x" in E && n(0, i = E.x), "y" in E && n(1, s = E.y), "scale" in E && n(2, r = E.scale), "selected" in E && n(3, l = E.selected);
   }, e.$$.update = () => {
     e.$$.dirty & /*scale*/
     4 && n(5, o = 4 / r);
@@ -2230,18 +2245,19 @@ function Wi(e, t, n) {
     t,
     f,
     h,
-    y,
+    _,
     m,
     g,
-    k
+    k,
+    y
   ];
 }
-class ze extends me {
+class ze extends pe {
   constructor(t) {
-    super(), ge(this, t, Wi, Ki, se, { x: 0, y: 1, scale: 2, selected: 3 });
+    super(), me(this, t, Zi, Wi, se, { x: 0, y: 1, scale: 2, selected: 3 });
   }
 }
-function Zi(e) {
+function Ji(e) {
   let t, n, o, i, s, r, l;
   return {
     c() {
@@ -2290,13 +2306,13 @@ function Zi(e) {
     },
     m(a, u) {
       N(a, t, u), j(t, n), j(t, i), j(t, s), r || (l = [
-        x(
+        Q(
           n,
           "pointerdown",
           /*pointerdown_handler*/
           e[5]
         ),
-        x(
+        Q(
           n,
           "pointerdown",
           /*onPointerDown*/
@@ -2362,7 +2378,7 @@ function Zi(e) {
     }
   };
 }
-function Ji(e) {
+function Qi(e) {
   let t;
   return {
     c() {
@@ -2412,10 +2428,10 @@ function Ji(e) {
     }
   };
 }
-function Qi(e) {
+function xi(e) {
   let t;
   function n(s, r) {
-    return Oe ? Ji : Zi;
+    return Oe ? Qi : Ji;
   }
   let i = n()(e);
   return {
@@ -2435,13 +2451,13 @@ function Qi(e) {
     }
   };
 }
-function xi(e, t, n) {
+function $i(e, t, n) {
   let o, { x: i } = t, { y: s } = t, { scale: r } = t;
   const l = (u) => {
     u.pointerType;
   };
   function a(u) {
-    _e.call(this, e, u);
+    he.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);
@@ -2450,9 +2466,9 @@ function xi(e, t, n) {
     16 && n(2, o = 4 / r);
   }, [i, s, o, l, r, a];
 }
-class lo extends me {
+class lo extends pe {
   constructor(t) {
-    super(), ge(this, t, xi, Qi, se, { x: 0, y: 1, scale: 4 });
+    super(), me(this, t, $i, xi, se, { x: 0, y: 1, scale: 4 });
   }
 }
 function Lt(e) {
@@ -2696,8 +2712,8 @@ function un(e) {
     }
   };
 }
-function $i(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, y, m, g, k, p, S, E, A, M, O = (
+function es(e) {
+  let t, n, o, i, s, r, l, a, u, d, f, h, _, m, g, k, y, E, v, A, M, O = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && ln(It(e))
@@ -2721,10 +2737,10 @@ function $i(e) {
   );
   return {
     c() {
-      t = P("defs"), n = P("mask"), o = P("rect"), a = P("polygon"), O && O.c(), T && T.c(), d = ye(), f = P("polygon"), y = ye(), m = P("polygon"), k = ye();
+      t = P("defs"), n = P("mask"), o = P("rect"), a = P("polygon"), O && O.c(), T && T.c(), d = ye(), f = P("polygon"), _ = ye(), m = P("polygon"), k = ye();
       for (let w = 0; w < Y.length; w += 1)
         Y[w].c();
-      p = ye(), z && z.c(), S = Ae(), c(o, "x", i = /*mask*/
+      y = ye(), z && z.c(), E = Ae(), c(o, "x", i = /*mask*/
       e[9].x), c(o, "y", s = /*mask*/
       e[9].y), c(o, "width", r = /*mask*/
       e[9].w), c(o, "height", l = /*mask*/
@@ -2741,36 +2757,36 @@ function $i(e) {
       ), c(m, "points", g = /*geom*/
       e[5].points.map(hn).join(" "));
     },
-    m(w, v) {
-      N(w, t, v), j(t, n), j(n, o), j(n, a), O && O.m(n, null), T && T.m(t, null), N(w, d, v), N(w, f, v), N(w, y, v), N(w, m, v), N(w, k, v);
-      for (let _ = 0; _ < Y.length; _ += 1)
-        Y[_] && Y[_].m(w, v);
-      N(w, p, v), z && z.m(w, v), N(w, S, v), E = !0, A || (M = [
-        x(
+    m(w, S) {
+      N(w, t, S), j(t, n), j(n, o), j(n, a), O && O.m(n, null), T && T.m(t, null), N(w, d, S), N(w, f, S), N(w, _, S), N(w, m, S), N(w, k, S);
+      for (let p = 0; p < Y.length; p += 1)
+        Y[p] && Y[p].m(w, S);
+      N(w, y, S), z && z.m(w, S), N(w, E, S), v = !0, A || (M = [
+        Q(
           f,
           "pointerup",
           /*onShapePointerUp*/
           e[14]
         ),
-        x(f, "pointerdown", function() {
+        Q(f, "pointerdown", function() {
           ie(
             /*grab*/
             e[27]("SHAPE")
           ) && e[27]("SHAPE").apply(this, arguments);
         }),
-        x(
+        Q(
           m,
           "pointermove",
           /*onPointerMove*/
           e[13]
         ),
-        x(
+        Q(
           m,
           "pointerup",
           /*onShapePointerUp*/
           e[14]
         ),
-        x(m, "pointerdown", function() {
+        Q(m, "pointerdown", function() {
           ie(
             /*grab*/
             e[27]("SHAPE")
@@ -2778,72 +2794,72 @@ function $i(e) {
         })
       ], A = !0);
     },
-    p(w, v) {
-      if (e = w, (!E || v[0] & /*mask*/
+    p(w, S) {
+      if (e = w, (!v || S[0] & /*mask*/
       512 && i !== (i = /*mask*/
-      e[9].x)) && c(o, "x", i), (!E || v[0] & /*mask*/
+      e[9].x)) && c(o, "x", i), (!v || S[0] & /*mask*/
       512 && s !== (s = /*mask*/
-      e[9].y)) && c(o, "y", s), (!E || v[0] & /*mask*/
+      e[9].y)) && c(o, "y", s), (!v || S[0] & /*mask*/
       512 && r !== (r = /*mask*/
-      e[9].w)) && c(o, "width", r), (!E || v[0] & /*mask*/
+      e[9].w)) && c(o, "width", r), (!v || S[0] & /*mask*/
       512 && l !== (l = /*mask*/
-      e[9].h)) && c(o, "height", l), (!E || v[0] & /*geom*/
+      e[9].h)) && c(o, "height", l), (!v || S[0] & /*geom*/
       32 && u !== (u = /*geom*/
       e[5].points.map(fn).join(" "))) && c(a, "points", u), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? O ? O.p(It(e), v) : (O = ln(It(e)), O.c(), O.m(n, null)) : O && (O.d(1), O = null), /*visibleMidpoint*/
+      e[7] ? O ? O.p(It(e), S) : (O = ln(It(e)), O.c(), O.m(n, null)) : O && (O.d(1), O = null), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? T ? T.p(Pt(e), v) : (T = an(Pt(e)), T.c(), T.m(t, null)) : T && (T.d(1), T = null), (!E || v[0] & /*geom*/
+      e[7] ? T ? T.p(Pt(e), S) : (T = an(Pt(e)), T.c(), T.m(t, null)) : T && (T.d(1), T = null), (!v || S[0] & /*geom*/
       32 && h !== (h = /*geom*/
-      e[5].points.map(dn).join(" "))) && c(f, "points", h), (!E || v[0] & /*computedStyle*/
+      e[5].points.map(dn).join(" "))) && c(f, "points", h), (!v || S[0] & /*computedStyle*/
       2) && c(
         m,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!E || v[0] & /*geom*/
+      ), (!v || S[0] & /*geom*/
       32 && g !== (g = /*geom*/
-      e[5].points.map(hn).join(" "))) && c(m, "points", g), v[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
+      e[5].points.map(hn).join(" "))) && c(m, "points", g), S[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
       134322472) {
         U = ve(
           /*geom*/
           e[5].points
         );
-        let _;
-        for (_ = 0; _ < U.length; _ += 1) {
-          const b = rn(e, U, _);
-          Y[_] ? (Y[_].p(b, v), R(Y[_], 1)) : (Y[_] = cn(b), Y[_].c(), R(Y[_], 1), Y[_].m(p.parentNode, p));
+        let p;
+        for (p = 0; p < U.length; p += 1) {
+          const b = rn(e, U, p);
+          Y[p] ? (Y[p].p(b, S), R(Y[p], 1)) : (Y[p] = cn(b), Y[p].c(), R(Y[p], 1), Y[p].m(y.parentNode, y));
         }
-        for (we(), _ = U.length; _ < Y.length; _ += 1)
-          q(_);
+        for (we(), p = U.length; p < Y.length; p += 1)
+          q(p);
         be();
       }
       /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? z ? (z.p(Lt(e), v), v[0] & /*visibleMidpoint, isHandleHovered*/
-      192 && R(z, 1)) : (z = un(Lt(e)), z.c(), R(z, 1), z.m(S.parentNode, S)) : z && (we(), H(z, 1, 1, () => {
+      e[7] ? z ? (z.p(Lt(e), S), S[0] & /*visibleMidpoint, isHandleHovered*/
+      192 && R(z, 1)) : (z = un(Lt(e)), z.c(), R(z, 1), z.m(E.parentNode, E)) : z && (we(), H(z, 1, 1, () => {
         z = null;
       }), be());
     },
     i(w) {
-      if (!E) {
-        for (let v = 0; v < U.length; v += 1)
-          R(Y[v]);
-        R(z), E = !0;
+      if (!v) {
+        for (let S = 0; S < U.length; S += 1)
+          R(Y[S]);
+        R(z), v = !0;
       }
     },
     o(w) {
       Y = Y.filter(Boolean);
-      for (let v = 0; v < Y.length; v += 1)
-        H(Y[v]);
-      H(z), E = !1;
+      for (let S = 0; S < Y.length; S += 1)
+        H(Y[S]);
+      H(z), v = !1;
     },
     d(w) {
-      w && (D(t), D(d), D(f), D(y), D(m), D(k), D(p), D(S)), O && O.d(), T && T.d(), Ne(Y, w), z && z.d(w), A = !1, Se(M);
+      w && (D(t), D(d), D(f), D(_), D(m), D(k), D(y), D(E)), O && O.d(), T && T.d(), Ne(Y, w), z && z.d(w), A = !1, Se(M);
     }
   };
 }
-function es(e) {
+function ts(e) {
   let t, n;
   return t = new qt({
     props: {
@@ -2865,7 +2881,7 @@ function es(e) {
       ),
       $$slots: {
         default: [
-          $i,
+          es,
           ({ grab: o }) => ({ 27: o }),
           ({ grab: o }) => [o ? 134217728 : 0]
         ]
@@ -2914,44 +2930,44 @@ function es(e) {
     }
   };
 }
-const ts = 250, ns = 1e3, os = 12, xe = 4.5, fn = (e) => e.join(","), dn = (e) => e.join(","), hn = (e) => e.join(",");
-function is(e, t, n) {
+const ns = 250, os = 1e3, is = 12, xe = 4.5, fn = (e) => e.join(","), dn = (e) => e.join(","), hn = (e) => e.join(",");
+function ss(e, t, n) {
   let o, i, s;
   const r = Ce();
-  let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, y = !1, m, g = [];
-  const k = () => n(7, y = !0), p = () => n(7, y = !1), S = (_) => {
+  let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, _ = !1, m, g = [];
+  const k = () => n(7, _ = !0), y = () => n(7, _ = !1), E = (p) => {
     if (g.length > 0 || !i.some((K) => K.visible)) {
       n(6, h = void 0);
       return;
     }
-    const [b, I] = u.elementToImage(_.offsetX, _.offsetY), L = (K) => Math.pow(K[0] - b, 2) + Math.pow(K[1] - I, 2), C = o.points.reduce((K, Z) => L(Z) < L(K) ? Z : K), G = i.filter((K) => K.visible).reduce((K, Z) => L(Z.point) < L(K.point) ? Z : K), V = Math.pow(ns / d, 2);
+    const [b, I] = u.elementToImage(p.offsetX, p.offsetY), L = (K) => Math.pow(K[0] - b, 2) + Math.pow(K[1] - I, 2), C = o.points.reduce((K, Z) => L(Z) < L(K) ? Z : K), G = i.filter((K) => K.visible).reduce((K, Z) => L(Z.point) < L(K.point) ? Z : K), V = Math.pow(os / d, 2);
     L(C) < V || L(G.point) < V ? n(6, h = i.indexOf(G)) : n(6, h = void 0);
-  }, E = () => {
+  }, v = () => {
     document.activeElement !== f && f.focus();
   }, A = () => {
-    n(8, g = []), E();
-  }, M = (_) => {
-    n(7, y = !0), _.preventDefault(), _.stopPropagation(), m = performance.now();
-  }, O = (_) => (b) => {
-    if (!m || Oe || performance.now() - m > ts) return;
-    const I = g.includes(_);
-    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 = [_]), E();
-  }, T = (_, b, I) => {
-    E();
+    n(8, g = []), v();
+  }, M = (p) => {
+    n(7, _ = !0), p.preventDefault(), p.stopPropagation(), m = performance.now();
+  }, O = (p) => (b) => {
+    if (!m || Oe || performance.now() - m > ns) return;
+    const I = g.includes(p);
+    b.metaKey || b.ctrlKey || b.shiftKey ? I ? n(8, g = g.filter((L) => L !== p)) : n(8, g = [...g, p]) : I && g.length > 1 ? n(8, g = [p]) : I ? n(8, g = []) : n(8, g = [p]), v();
+  }, T = (p, b, I) => {
+    v();
     let L;
-    const C = _.geometry;
+    const C = p.geometry;
     g.length > 1 ? L = C.points.map(([V, W], K) => g.includes(K) ? [V + I[0], W + I[1]] : [V, W]) : b === "SHAPE" ? L = C.points.map(([V, W]) => [V + I[0], W + I[1]]) : L = C.points.map(([V, W], K) => b === `HANDLE-${K}` ? [V + I[0], W + I[1]] : [V, W]);
-    const G = he(L);
-    return { ..._, geometry: { points: L, bounds: G } };
-  }, U = (_) => async (b) => {
+    const G = ge(L);
+    return { ...p, geometry: { points: L, bounds: G } };
+  }, U = (p) => async (b) => {
     b.stopPropagation();
     const I = [
-      ...o.points.slice(0, _ + 1),
-      i[_].point,
-      ...o.points.slice(_ + 1)
-    ], L = he(I);
+      ...o.points.slice(0, p + 1),
+      i[p].point,
+      ...o.points.slice(p + 1)
+    ], L = ge(I);
     r("change", { ...l, geometry: { points: I, bounds: L } }), await Wn();
-    const C = [...document.querySelectorAll(".a9s-handle")][_ + 1];
+    const C = [...document.querySelectorAll(".a9s-handle")][p + 1];
     if (C != null && C.firstChild) {
       const G = new PointerEvent(
         "pointerdown",
@@ -2970,35 +2986,35 @@ function is(e, t, n) {
     }
   }, Y = () => {
     if (o.points.length - g.length < 3) return;
-    const _ = o.points.filter((I, L) => !g.includes(L)), b = he(_);
-    r("change", { ...l, geometry: { points: _, bounds: b } }), n(8, g = []);
+    const p = o.points.filter((I, L) => !g.includes(L)), b = ge(p);
+    r("change", { ...l, geometry: { points: p, bounds: b } }), n(8, g = []);
   };
   Ye(() => {
     if (Oe) return;
-    const _ = (b) => {
+    const p = (b) => {
       (b.key === "Delete" || b.key === "Backspace") && (b.preventDefault(), Y());
     };
-    return f.addEventListener("pointermove", S), f.addEventListener("keydown", _), () => {
-      f.removeEventListener("pointermove", S), f.removeEventListener("keydown", _);
+    return f.addEventListener("pointermove", E), f.addEventListener("keydown", p), () => {
+      f.removeEventListener("pointermove", E), f.removeEventListener("keydown", p);
     };
   });
   const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`;
-  function z(_) {
-    _e.call(this, e, _);
+  function z(p) {
+    he.call(this, e, p);
   }
-  function w(_) {
-    _e.call(this, e, _);
+  function w(p) {
+    he.call(this, e, p);
   }
-  function v(_) {
-    _e.call(this, e, _);
+  function S(p) {
+    he.call(this, e, p);
   }
-  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);
+  return e.$$set = (p) => {
+    "shape" in p && n(0, l = p.shape), "computedStyle" in p && n(1, a = p.computedStyle), "transform" in p && n(2, u = p.transform), "viewportScale" in p && n(3, d = p.viewportScale), "svgEl" in p && n(4, f = p.svgEl);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*shape*/
     1 && n(5, o = l.geometry), e.$$.dirty[0] & /*geom, viewportScale*/
-    40 && n(10, i = Oe ? [] : o.points.map((_, b) => {
-      const I = b === o.points.length - 1 ? o.points[0] : o.points[b + 1], L = (_[0] + I[0]) / 2, C = (_[1] + I[1]) / 2, V = Math.sqrt(Math.pow(I[0] - L, 2) + Math.pow(I[1] - C, 2)) > os / d;
+    40 && n(10, i = Oe ? [] : o.points.map((p, b) => {
+      const I = b === o.points.length - 1 ? o.points[0] : o.points[b + 1], L = (p[0] + I[0]) / 2, C = (p[1] + I[1]) / 2, V = Math.sqrt(Math.pow(I[0] - L, 2) + Math.pow(I[1] - C, 2)) > is / d;
       return { point: [L, C], visible: V };
     })), e.$$.dirty[0] & /*geom, viewportScale*/
     40 && n(9, s = yt(o.bounds, xe / d));
@@ -3010,13 +3026,13 @@ function is(e, t, n) {
     f,
     o,
     h,
-    y,
+    _,
     g,
     s,
     i,
     k,
-    p,
-    S,
+    y,
+    E,
     A,
     M,
     O,
@@ -3025,16 +3041,16 @@ function is(e, t, n) {
     q,
     z,
     w,
-    v
+    S
   ];
 }
-class ss extends me {
+class rs extends pe {
   constructor(t) {
-    super(), ge(
+    super(), me(
       this,
       t,
-      is,
-      es,
+      ss,
+      ts,
       se,
       {
         shape: 0,
@@ -3048,8 +3064,8 @@ class ss extends me {
     );
   }
 }
-function rs(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, y, m, g, k, p, S, E, A, M, O, T, U, Y, q, z, w, v, _, b, I, L, C, G, V, W, K, Z, te, oe, Ee, ke, X, ce, $, ue, pe, Re, Le, wt, Pe, J, bt, Wt;
+function ls(e) {
+  let t, n, o, i, s, r, l, a, u, d, f, h, _, m, g, k, y, E, v, A, M, O, T, U, Y, q, z, w, S, p, b, I, L, C, G, V, W, K, Z, te, oe, Ee, ke, X, ce, $, ue, _e, Re, Le, wt, Pe, J, bt, Wt;
   return $ = new ze({
     props: {
       class: "a9s-corner-handle-topleft",
@@ -3071,7 +3087,7 @@ function rs(e) {
       /*grab*/
       e[12]("TOP_LEFT")
     ) && e[12]("TOP_LEFT").apply(this, arguments);
-  }), pe = new ze({
+  }), _e = new ze({
     props: {
       class: "a9s-corner-handle-topright",
       x: (
@@ -3088,7 +3104,7 @@ function rs(e) {
         e[3]
       )
     }
-  }), pe.$on("pointerdown", function() {
+  }), _e.$on("pointerdown", function() {
     ie(
       /*grab*/
       e[12]("TOP_RIGHT")
@@ -3140,7 +3156,7 @@ function rs(e) {
     ) && e[12]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = P("defs"), n = P("mask"), o = P("rect"), a = P("rect"), y = ye(), m = P("rect"), E = ye(), A = P("rect"), Y = ye(), q = P("rect"), _ = ye(), b = P("rect"), G = ye(), V = P("rect"), te = ye(), oe = P("rect"), ce = ye(), ae($.$$.fragment), ue = ye(), ae(pe.$$.fragment), Re = ye(), ae(Le.$$.fragment), wt = ye(), ae(Pe.$$.fragment), c(o, "class", "rect-mask-bg svelte-1njczvj"), c(o, "x", i = /*mask*/
+      t = P("defs"), n = P("mask"), o = P("rect"), a = P("rect"), _ = ye(), m = P("rect"), v = ye(), A = P("rect"), Y = ye(), q = P("rect"), p = ye(), b = P("rect"), G = ye(), V = P("rect"), te = ye(), oe = P("rect"), ce = ye(), ae($.$$.fragment), ue = ye(), ae(_e.$$.fragment), Re = ye(), ae(Le.$$.fragment), wt = ye(), ae(Pe.$$.fragment), c(o, "class", "rect-mask-bg svelte-1njczvj"), c(o, "x", i = /*mask*/
       e[6].x), c(o, "y", s = /*mask*/
       e[6].y), c(o, "width", r = /*mask*/
       e[6].w), c(o, "height", l = /*mask*/
@@ -3156,8 +3172,8 @@ function rs(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", p = /*geom*/
-      e[5].w), c(m, "height", S = /*geom*/
+      e[5].y), c(m, "width", y = /*geom*/
+      e[5].w), c(m, "height", E = /*geom*/
       e[5].h), c(A, "class", "a9s-inner a9s-shape-handle"), c(
         A,
         "style",
@@ -3169,7 +3185,7 @@ function rs(e) {
       e[5].w), c(A, "height", U = /*geom*/
       e[5].h), c(q, "class", "a9s-edge-handle a9s-edge-handle-top"), c(q, "x", z = /*geom*/
       e[5].x), c(q, "y", w = /*geom*/
-      e[5].y), c(q, "height", 1), c(q, "width", v = /*geom*/
+      e[5].y), c(q, "height", 1), c(q, "width", S = /*geom*/
       e[5].w), c(b, "class", "a9s-edge-handle a9s-edge-handle-right"), c(b, "x", I = /*geom*/
       e[5].x + /*geom*/
       e[5].w), c(b, "y", L = /*geom*/
@@ -3184,38 +3200,38 @@ function rs(e) {
       e[5].h), c(oe, "width", 1);
     },
     m(F, B) {
-      N(F, t, B), j(t, n), j(n, o), j(n, a), N(F, y, B), N(F, m, B), N(F, E, B), N(F, A, B), N(F, Y, B), N(F, q, B), N(F, _, B), N(F, b, B), N(F, G, B), N(F, V, B), N(F, te, B), N(F, oe, B), N(F, ce, B), re($, F, B), N(F, ue, B), re(pe, F, B), N(F, Re, B), re(Le, F, B), N(F, wt, B), re(Pe, F, B), J = !0, bt || (Wt = [
-        x(m, "pointerdown", function() {
+      N(F, t, B), j(t, n), j(n, o), j(n, a), N(F, _, B), N(F, m, B), N(F, v, B), N(F, A, B), N(F, Y, B), N(F, q, B), N(F, p, B), N(F, b, B), N(F, G, B), N(F, V, B), N(F, te, B), N(F, oe, B), N(F, ce, B), re($, F, B), N(F, ue, B), re(_e, F, B), N(F, Re, B), re(Le, F, B), N(F, wt, B), re(Pe, F, B), J = !0, bt || (Wt = [
+        Q(m, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("SHAPE")
           ) && e[12]("SHAPE").apply(this, arguments);
         }),
-        x(A, "pointerdown", function() {
+        Q(A, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("SHAPE")
           ) && e[12]("SHAPE").apply(this, arguments);
         }),
-        x(q, "pointerdown", function() {
+        Q(q, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("TOP")
           ) && e[12]("TOP").apply(this, arguments);
         }),
-        x(b, "pointerdown", function() {
+        Q(b, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("RIGHT")
           ) && e[12]("RIGHT").apply(this, arguments);
         }),
-        x(V, "pointerdown", function() {
+        Q(V, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("BOTTOM")
           ) && e[12]("BOTTOM").apply(this, arguments);
         }),
-        x(oe, "pointerdown", function() {
+        Q(oe, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("LEFT")
@@ -3245,10 +3261,10 @@ function rs(e) {
       e[5].x)) && c(m, "x", g), (!J || B & /*geom*/
       32 && k !== (k = /*geom*/
       e[5].y)) && c(m, "y", k), (!J || B & /*geom*/
-      32 && p !== (p = /*geom*/
-      e[5].w)) && c(m, "width", p), (!J || B & /*geom*/
-      32 && S !== (S = /*geom*/
-      e[5].h)) && c(m, "height", S), (!J || B & /*computedStyle*/
+      32 && y !== (y = /*geom*/
+      e[5].w)) && c(m, "width", y), (!J || B & /*geom*/
+      32 && E !== (E = /*geom*/
+      e[5].h)) && c(m, "height", E), (!J || B & /*computedStyle*/
       2) && c(
         A,
         "style",
@@ -3267,8 +3283,8 @@ function rs(e) {
       e[5].x)) && c(q, "x", z), (!J || B & /*geom*/
       32 && w !== (w = /*geom*/
       e[5].y)) && c(q, "y", w), (!J || B & /*geom*/
-      32 && v !== (v = /*geom*/
-      e[5].w)) && c(q, "width", v), (!J || B & /*geom*/
+      32 && S !== (S = /*geom*/
+      e[5].w)) && c(q, "width", S), (!J || B & /*geom*/
       32 && I !== (I = /*geom*/
       e[5].x + /*geom*/
       e[5].w)) && c(b, "x", I), (!J || B & /*geom*/
@@ -3305,7 +3321,7 @@ function rs(e) {
       32 && (tt.y = /*geom*/
       e[5].y), B & /*viewportScale*/
       8 && (tt.scale = /*viewportScale*/
-      e[3]), pe.$set(tt);
+      e[3]), _e.$set(tt);
       const nt = {};
       B & /*geom*/
       32 && (nt.x = /*geom*/
@@ -3327,17 +3343,17 @@ function rs(e) {
       e[3]), Pe.$set(ot);
     },
     i(F) {
-      J || (R($.$$.fragment, F), R(pe.$$.fragment, F), R(Le.$$.fragment, F), R(Pe.$$.fragment, F), J = !0);
+      J || (R($.$$.fragment, F), R(_e.$$.fragment, F), R(Le.$$.fragment, F), R(Pe.$$.fragment, F), J = !0);
     },
     o(F) {
-      H($.$$.fragment, F), H(pe.$$.fragment, F), H(Le.$$.fragment, F), H(Pe.$$.fragment, F), J = !1;
+      H($.$$.fragment, F), H(_e.$$.fragment, F), H(Le.$$.fragment, F), H(Pe.$$.fragment, F), J = !1;
     },
     d(F) {
-      F && (D(t), D(y), D(m), D(E), D(A), D(Y), D(q), D(_), D(b), D(G), D(V), D(te), D(oe), D(ce), D(ue), D(Re), D(wt)), le($, F), le(pe, F), le(Le, F), le(Pe, F), bt = !1, Se(Wt);
+      F && (D(t), D(_), D(m), D(v), D(A), D(Y), D(q), D(p), D(b), D(G), D(V), D(te), D(oe), D(ce), D(ue), D(Re), D(wt)), le($, F), le(_e, F), le(Le, F), le(Pe, F), bt = !1, Se(Wt);
     }
   };
 }
-function ls(e) {
+function as(e) {
   let t, n;
   return t = new qt({
     props: {
@@ -3359,7 +3375,7 @@ function ls(e) {
       ),
       $$slots: {
         default: [
-          rs,
+          ls,
           ({ grab: o }) => ({ 12: o }),
           ({ grab: o }) => o ? 4096 : 0
         ]
@@ -3407,14 +3423,14 @@ function ls(e) {
     }
   };
 }
-function as(e, t, n) {
+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, p) => {
-    const S = g.geometry.bounds;
-    let [E, A] = [S.minX, S.minY], [M, O] = [S.maxX, S.maxY];
-    const [T, U] = p;
+  const d = (g, k, y) => {
+    const E = g.geometry.bounds;
+    let [v, A] = [E.minX, E.minY], [M, O] = [E.maxX, E.maxY];
+    const [T, U] = y;
     if (k === "SHAPE")
-      E += T, M += T, A += U, O += U;
+      v += T, M += T, A += U, O += U;
     else {
       switch (k) {
         case "TOP":
@@ -3434,7 +3450,7 @@ function as(e, t, n) {
         case "LEFT":
         case "TOP_LEFT":
         case "BOTTOM_LEFT": {
-          E += T;
+          v += T;
           break;
         }
         case "RIGHT":
@@ -3445,7 +3461,7 @@ function as(e, t, n) {
         }
       }
     }
-    const Y = Math.min(E, M), q = Math.min(A, O), z = Math.abs(M - E), w = Math.abs(O - A);
+    const Y = Math.min(v, M), q = Math.min(A, O), z = Math.abs(M - v), w = Math.abs(O - A);
     return {
       ...g,
       geometry: {
@@ -3463,13 +3479,13 @@ function as(e, t, n) {
     };
   }, f = `rect-mask-${Math.random().toString(36).substring(2, 12)}`;
   function h(g) {
-    _e.call(this, e, g);
+    he.call(this, e, g);
   }
-  function y(g) {
-    _e.call(this, e, g);
+  function _(g) {
+    he.call(this, e, g);
   }
   function m(g) {
-    _e.call(this, e, g);
+    he.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);
@@ -3488,13 +3504,13 @@ function as(e, t, n) {
     d,
     f,
     h,
-    y,
+    _,
     m
   ];
 }
-class cs extends me {
+class us extends pe {
   constructor(t) {
-    super(), ge(this, t, as, ls, se, {
+    super(), me(this, t, cs, as, se, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -3524,13 +3540,13 @@ function jt(e, t) {
   }
   return e !== e && t !== t;
 }
-const us = 12, fs = (e, t) => e.polygons.reduce((n, o, i) => {
+const fs = 12, ds = (e, t) => e.polygons.reduce((n, o, i) => {
   const s = o.rings.reduce((r, l, a) => {
     const u = l.points.map((d, f) => {
-      const h = f === l.points.length - 1 ? l.points[0] : l.points[f + 1], y = (d[0] + h[0]) / 2, m = (d[1] + h[1]) / 2, k = Math.sqrt(
-        Math.pow(h[0] - y, 2) + Math.pow(h[1] - m, 2)
-      ) > us / t;
-      return { point: [y, m], visible: k, elementIdx: i, ringIdx: a, pointIdx: f };
+      const h = f === l.points.length - 1 ? l.points[0] : l.points[f + 1], _ = (d[0] + h[0]) / 2, m = (d[1] + h[1]) / 2, k = Math.sqrt(
+        Math.pow(h[0] - _, 2) + Math.pow(h[1] - m, 2)
+      ) > fs / t;
+      return { point: [_, m], visible: k, elementIdx: i, ringIdx: a, pointIdx: f };
     });
     return [...r, ...u];
   }, []);
@@ -3802,11 +3818,11 @@ function En(e) {
   };
 }
 function vn(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, y, m, g, k, p, S = (
+  let t, n, o, i, s, r, l, a, u, d, f, h, _, m, g, k, y, E = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && yn(Dt(e))
-  ), E = (
+  ), v = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && wn(Ct(e))
@@ -3821,7 +3837,7 @@ function vn(e) {
   });
   return {
     c() {
-      t = P("g"), n = P("defs"), o = P("mask"), i = P("rect"), u = P("path"), S && S.c(), E && E.c(), f = P("path"), y = P("path");
+      t = P("g"), n = P("defs"), o = P("mask"), i = P("rect"), u = P("path"), E && E.c(), v && v.c(), f = P("path"), _ = P("path");
       for (let T = 0; T < M.length; T += 1)
         M[T].c();
       c(i, "x", s = /*mask*/
@@ -3838,42 +3854,42 @@ function vn(e) {
       e[32]}-outer)`), c(f, "fill-rule", "evenodd"), c(f, "d", h = Te(
         /*element*/
         e[30]
-      )), c(y, "class", "a9s-inner"), c(y, "mask", `url(#${/*maskId*/
+      )), c(_, "class", "a9s-inner"), c(_, "mask", `url(#${/*maskId*/
       e[18]}-${/*elementIdx*/
       e[32]}-inner)`), c(
-        y,
+        _,
         "style",
         /*computedStyle*/
         e[1]
-      ), c(y, "fill-rule", "evenodd"), c(y, "d", m = Te(
+      ), c(_, "fill-rule", "evenodd"), c(_, "d", m = Te(
         /*element*/
         e[30]
       ));
     },
     m(T, U) {
-      N(T, t, U), j(t, n), j(n, o), j(o, i), j(o, u), S && S.m(o, null), E && E.m(n, null), j(t, f), j(t, y);
+      N(T, t, U), j(t, n), j(n, o), j(o, i), j(o, u), E && E.m(o, null), v && v.m(n, null), j(t, f), j(t, _);
       for (let Y = 0; Y < M.length; Y += 1)
         M[Y] && M[Y].m(t, null);
-      g = !0, k || (p = [
-        x(
+      g = !0, k || (y = [
+        Q(
           f,
           "pointerup",
           /*onShapePointerUp*/
           e[13]
         ),
-        x(f, "pointerdown", function() {
+        Q(f, "pointerdown", function() {
           ie(
             /*grab*/
             e[28]("SHAPE")
           ) && e[28]("SHAPE").apply(this, arguments);
         }),
-        x(
-          y,
+        Q(
+          _,
           "pointerup",
           /*onShapePointerUp*/
           e[13]
         ),
-        x(y, "pointerdown", function() {
+        Q(_, "pointerdown", function() {
           ie(
             /*grab*/
             e[28]("SHAPE")
@@ -3896,15 +3912,15 @@ function vn(e) {
         e[30]
       ))) && c(u, "d", d), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? S ? S.p(Dt(e), U) : (S = yn(Dt(e)), S.c(), S.m(o, null)) : S && (S.d(1), S = null), /*visibleMidpoint*/
+      e[7] ? E ? E.p(Dt(e), U) : (E = yn(Dt(e)), E.c(), E.m(o, null)) : E && (E.d(1), E = null), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? E ? E.p(Ct(e), U) : (E = wn(Ct(e)), E.c(), E.m(n, null)) : E && (E.d(1), E = null), (!g || U[0] & /*geom*/
+      e[7] ? v ? v.p(Ct(e), U) : (v = wn(Ct(e)), v.c(), v.m(n, null)) : v && (v.d(1), v = null), (!g || U[0] & /*geom*/
       32 && h !== (h = Te(
         /*element*/
         e[30]
       ))) && c(f, "d", h), (!g || U[0] & /*computedStyle*/
       2) && c(
-        y,
+        _,
         "style",
         /*computedStyle*/
         e[1]
@@ -3912,7 +3928,7 @@ function vn(e) {
       32 && m !== (m = Te(
         /*element*/
         e[30]
-      ))) && c(y, "d", m), U[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
+      ))) && c(_, "d", m), U[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
       268491048) {
         A = ve(
           /*element*/
@@ -3942,7 +3958,7 @@ function vn(e) {
       g = !1;
     },
     d(T) {
-      T && D(t), S && S.d(), E && E.d(), Ne(M, T), k = !1, Se(p);
+      T && D(t), E && E.d(), v && v.d(), Ne(M, T), k = !1, Se(y);
     }
   };
 }
@@ -4003,7 +4019,7 @@ function Sn(e) {
     }
   };
 }
-function ds(e) {
+function hs(e) {
   let t, n, o, i = ve(
     /*geom*/
     e[5].polygons
@@ -4070,7 +4086,7 @@ function ds(e) {
     }
   };
 }
-function hs(e) {
+function gs(e) {
   let t, n;
   return t = new qt({
     props: {
@@ -4092,7 +4108,7 @@ function hs(e) {
       ),
       $$slots: {
         default: [
-          ds,
+          hs,
           ({ grab: o }) => ({ 28: o }),
           ({ grab: o }) => [o ? 268435456 : 0]
         ]
@@ -4141,42 +4157,42 @@ function hs(e) {
     }
   };
 }
-const gs = 250, ms = 1e3, $e = 4.5;
-function ps(e, t, n) {
+const ms = 250, ps = 1e3, $e = 4.5;
+function _s(e, t, n) {
   let o, i, s;
   const r = Ce();
-  let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, y = !1, m, g = [];
-  const k = () => n(7, y = !0), p = () => n(7, y = !1), S = (b) => {
+  let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, _ = !1, m, g = [];
+  const k = () => n(7, _ = !0), y = () => n(7, _ = !1), E = (b) => {
     if (g.length > 0 || !i.some((Z) => Z.visible)) {
       n(6, h = void 0);
       return;
     }
-    const [I, L] = u.elementToImage(b.offsetX, b.offsetY), C = (Z) => Math.pow(Z[0] - I, 2) + Math.pow(Z[1] - L, 2), G = Yo(o).reduce((Z, te) => C(te) < C(Z) ? te : Z), V = i.filter((Z) => Z.visible).reduce((Z, te) => C(te.point) < C(Z.point) ? te : Z), W = Math.pow(ms / d, 2);
+    const [I, L] = u.elementToImage(b.offsetX, b.offsetY), C = (Z) => Math.pow(Z[0] - I, 2) + Math.pow(Z[1] - L, 2), G = Yo(o).reduce((Z, te) => C(te) < C(Z) ? te : Z), V = i.filter((Z) => Z.visible).reduce((Z, te) => C(te.point) < C(Z.point) ? te : Z), W = Math.pow(ps / d, 2);
     C(G) < W || C(V.point) < W ? n(6, h = i.indexOf(V)) : n(6, h = void 0);
-  }, E = () => {
+  }, v = () => {
     document.activeElement !== f && f.focus();
   }, A = () => {
-    n(8, g = []), E();
+    n(8, g = []), v();
   }, M = (b) => {
-    n(7, y = !0), b.preventDefault(), b.stopPropagation(), m = performance.now();
+    n(7, _ = !0), b.preventDefault(), b.stopPropagation(), m = performance.now();
   }, O = (b, I, L) => (C) => {
-    if (!m || Oe || performance.now() - m > gs) return;
+    if (!m || Oe || performance.now() - m > ms) return;
     const G = (W) => W.polygon === b && W.ring === I && W.point === L, V = g.some(G);
-    C.metaKey || C.ctrlKey || C.shiftKey ? V ? n(8, g = g.filter((W) => !G(W))) : n(8, g = [...g, { polygon: b, ring: I, point: L }]) : V && g.length > 1 ? n(8, g = [{ polygon: b, ring: I, point: L }]) : V ? n(8, g = []) : n(8, g = [{ polygon: b, ring: I, point: L }]), E();
+    C.metaKey || C.ctrlKey || C.shiftKey ? V ? n(8, g = g.filter((W) => !G(W))) : n(8, g = [...g, { polygon: b, ring: I, point: L }]) : V && g.length > 1 ? n(8, g = [{ polygon: b, ring: I, point: L }]) : V ? n(8, g = []) : n(8, g = [{ polygon: b, ring: I, point: L }]), v();
   }, T = (b, I, L) => {
-    E();
+    v();
     const C = b.geometry.polygons;
     let G;
     if (I === "SHAPE")
       G = C.map((V) => {
-        const W = V.rings.map((Z, te) => ({ points: Z.points.map((Ee, ke) => [Ee[0] + L[0], Ee[1] + L[1]]) })), K = he(W[0].points);
+        const W = V.rings.map((Z, te) => ({ points: Z.points.map((Ee, ke) => [Ee[0] + L[0], Ee[1] + L[1]]) })), K = ge(W[0].points);
         return { rings: W, bounds: K };
       });
     else {
       const [V, W, K, Z] = I.split("-").map((te) => parseInt(te));
       G = C.map((te, oe) => {
         if (oe === W) {
-          const Ee = te.rings.map((X, ce) => ce === K ? { points: X.points.map((ue, pe) => pe === Z ? [ue[0] + L[0], ue[1] + L[1]] : ue) } : X), ke = he(Ee[0].points);
+          const Ee = te.rings.map((X, ce) => ce === K ? { points: X.points.map((ue, _e) => _e === Z ? [ue[0] + L[0], ue[1] + L[1]] : ue) } : X), ke = ge(Ee[0].points);
           return { rings: Ee, bounds: ke };
         } else
           return te;
@@ -4197,7 +4213,7 @@ function ps(e, t, n) {
           ...te.points.slice(0, L.pointIdx + 1),
           L.point,
           ...te.points.slice(L.pointIdx + 1)
-        ] } : te), Z = he(K[0].points);
+        ] } : te), Z = ge(K[0].points);
         return { rings: K, bounds: Z };
       } else
         return V;
@@ -4232,7 +4248,7 @@ function ps(e, t, n) {
         const V = L.rings.map((K, Z) => {
           const te = g.filter((oe) => oe.polygon === C && oe.ring === Z);
           return te.length && K.points.length - te.length >= 3 ? { points: K.points.filter((Ee, ke) => !te.some((X) => X.point === ke)) } : K;
-        }), W = he(V[0].points);
+        }), W = ge(V[0].points);
         return { rings: V, bounds: W };
       } else
         return L;
@@ -4250,26 +4266,26 @@ function ps(e, t, n) {
     const b = (I) => {
       (I.key === "Delete" || I.key === "Backspace") && (I.preventDefault(), Y());
     };
-    return f.addEventListener("pointermove", S), f.addEventListener("keydown", b), () => {
-      f.removeEventListener("pointermove", S), f.removeEventListener("keydown", b);
+    return f.addEventListener("pointermove", E), f.addEventListener("keydown", b), () => {
+      f.removeEventListener("pointermove", E), f.removeEventListener("keydown", b);
     };
   });
   const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`, z = (b, I, L, { polygon: C, ring: G, point: V }) => C === b && G === I && V === L;
   function w(b) {
-    _e.call(this, e, b);
+    he.call(this, e, b);
   }
-  function v(b) {
-    _e.call(this, e, b);
+  function S(b) {
+    he.call(this, e, b);
   }
-  function _(b) {
-    _e.call(this, e, b);
+  function p(b) {
+    he.call(this, e, b);
   }
   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 = Oe ? [] : fs(o, d)), e.$$.dirty[0] & /*geom, viewportScale*/
+    40 && n(10, i = Oe ? [] : ds(o, d)), e.$$.dirty[0] & /*geom, viewportScale*/
     40 && n(9, s = yt(o.bounds, $e / d));
   }, [
     l,
@@ -4279,12 +4295,12 @@ function ps(e, t, n) {
     f,
     o,
     h,
-    y,
+    _,
     g,
     s,
     i,
     k,
-    p,
+    y,
     A,
     M,
     O,
@@ -4293,17 +4309,17 @@ function ps(e, t, n) {
     q,
     z,
     w,
-    v,
-    _
+    S,
+    p
   ];
 }
-class _s extends me {
+class ys extends pe {
   constructor(t) {
-    super(), ge(
+    super(), me(
       this,
       t,
-      ps,
-      hs,
+      _s,
+      gs,
       se,
       {
         shape: 0,
@@ -4318,11 +4334,11 @@ class _s extends me {
   }
 }
 const ao = /* @__PURE__ */ new Map([
-  [Q.RECTANGLE, cs],
-  [Q.POLYGON, ss],
-  [Q.MULTIPOLYGON, _s]
-]), ys = (e) => ao.get(e.type), ws = (e, t) => ao.set(e, t);
-function bs(e, t, n) {
+  [x.RECTANGLE, us],
+  [x.POLYGON, rs],
+  [x.MULTIPOLYGON, ys]
+]), ws = (e) => ao.get(e.type), bs = (e, t) => ao.set(e, t);
+function Es(e, t, n) {
   let o;
   const i = Ce();
   let { annotation: s } = t, { editor: r } = t, { style: l } = t, { target: a } = t, { transform: u } = t, { viewportScale: d } = t, f;
@@ -4359,9 +4375,9 @@ function bs(e, t, n) {
     o
   ];
 }
-class Es extends me {
+class vs extends pe {
   constructor(t) {
-    super(), ge(this, t, bs, null, se, {
+    super(), me(this, t, Es, null, se, {
       annotation: 0,
       editor: 1,
       style: 2,
@@ -4371,12 +4387,12 @@ class Es extends me {
     });
   }
 }
-function vs(e, t, n) {
+function Ss(e, t, n) {
   const o = Ce();
   let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: l } = t, { viewportScale: a } = t, u;
   return Ye(() => {
-    const d = s.closest("svg"), f = [], h = (y, m, g) => {
-      d == null || d.addEventListener(y, m, g), f.push(() => d == null ? void 0 : d.removeEventListener(y, m, g));
+    const d = s.closest("svg"), f = [], h = (_, m, g) => {
+      d == null || d.addEventListener(_, m, g), f.push(() => d == null ? void 0 : d.removeEventListener(_, m, g));
     };
     return n(5, u = new r({
       target: s,
@@ -4386,8 +4402,8 @@ function vs(e, t, n) {
         transform: l,
         viewportScale: a
       }
-    })), u.$on("create", (y) => o("create", y.detail)), () => {
-      f.forEach((y) => y()), u.$destroy();
+    })), u.$on("create", (_) => o("create", _.detail)), () => {
+      f.forEach((_) => _()), u.$destroy();
     };
   }), e.$$set = (d) => {
     "drawingMode" in d && n(0, i = d.drawingMode), "target" in d && n(1, s = d.target), "tool" in d && n(2, r = d.tool), "transform" in d && n(3, l = d.transform), "viewportScale" in d && n(4, a = d.viewportScale);
@@ -4397,9 +4413,9 @@ function vs(e, t, n) {
     48 && u && u.$set({ viewportScale: a });
   }, [i, s, r, l, a, u];
 }
-class Ss extends me {
+class As extends pe {
   constructor(t) {
-    super(), ge(this, t, vs, null, se, {
+    super(), me(this, t, Ss, null, se, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -4583,7 +4599,7 @@ function An(e) {
     }
   };
 }
-function As(e) {
+function ks(e) {
   let t, n = (
     /*origin*/
     e[0] && An(e)
@@ -4606,35 +4622,35 @@ function As(e) {
     }
   };
 }
-function ks(e, t, n) {
+function Ms(e, t, n) {
   let o;
   const i = Ce();
-  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, u, d, f, h, y, m, g;
+  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, u, d, f, h, _, m, g;
   const k = (M) => {
     const O = M;
-    u = performance.now(), r === "drag" && (n(0, d = l.elementToImage(O.offsetX, O.offsetY)), f = d, n(1, h = d[0]), n(2, y = d[1]), n(3, m = 1), n(4, g = 1));
-  }, p = (M) => {
+    u = performance.now(), r === "drag" && (n(0, d = l.elementToImage(O.offsetX, O.offsetY)), f = d, n(1, h = d[0]), n(2, _ = d[1]), n(3, m = 1), n(4, g = 1));
+  }, y = (M) => {
     const O = M;
-    d && (f = l.elementToImage(O.offsetX, O.offsetY), n(1, h = Math.min(f[0], d[0])), n(2, y = Math.min(f[1], d[1])), n(3, m = Math.abs(f[0] - d[0])), n(4, g = Math.abs(f[1] - d[1])));
-  }, S = (M) => {
+    d && (f = l.elementToImage(O.offsetX, O.offsetY), n(1, h = Math.min(f[0], d[0])), n(2, _ = Math.min(f[1], d[1])), n(3, m = Math.abs(f[0] - d[0])), n(4, g = Math.abs(f[1] - d[1])));
+  }, E = (M) => {
     const O = M, T = performance.now() - u;
     if (r === "click") {
       if (T > 300) return;
-      d ? E() : (n(0, d = l.elementToImage(O.offsetX, O.offsetY)), f = d, n(1, h = d[0]), n(2, y = d[1]), n(3, m = 1), n(4, g = 1));
-    } else d && (T > 300 || m * g > 100 ? (O.stopPropagation(), E()) : (n(0, d = void 0), f = void 0));
-  }, E = () => {
+      d ? v() : (n(0, d = l.elementToImage(O.offsetX, O.offsetY)), f = d, n(1, h = d[0]), n(2, _ = d[1]), n(3, m = 1), n(4, g = 1));
+    } else d && (T > 300 || m * g > 100 ? (O.stopPropagation(), v()) : (n(0, d = void 0), f = void 0));
+  }, v = () => {
     if (m * g > 15) {
       const M = {
-        type: Q.RECTANGLE,
+        type: x.RECTANGLE,
         geometry: {
           bounds: {
             minX: h,
-            minY: y,
+            minY: _,
             maxX: h + m,
-            maxY: y + g
+            maxY: _ + g
           },
           x: h,
-          y,
+          y: _,
           w: m,
           h: g
         }
@@ -4644,7 +4660,7 @@ function ks(e, t, n) {
     n(0, d = void 0), f = void 0;
   };
   Ye(() => {
-    s("pointerdown", k), s("pointermove", p), s("pointerup", S, !0);
+    s("pointerdown", k), s("pointermove", y), s("pointerup", E, !0);
   });
   const A = `rect-mask-${Math.random().toString(36).substring(2, 12)}`;
   return e.$$set = (M) => {
@@ -4655,7 +4671,7 @@ function ks(e, t, n) {
   }, [
     d,
     h,
-    y,
+    _,
     m,
     g,
     o,
@@ -4666,9 +4682,9 @@ function ks(e, t, n) {
     a
   ];
 }
-class Ms extends me {
+class Ts extends pe {
   constructor(t) {
-    super(), ge(this, t, ks, As, se, {
+    super(), me(this, t, Ms, ks, se, {
       addEventListener: 7,
       drawingMode: 8,
       transform: 9,
@@ -4684,7 +4700,7 @@ function Nt(e) {
   return t[19] = n, t;
 }
 function kn(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, y, m, g = (
+  let t, n, o, i, s, r, l, a, u, d, f, h, _, m, g = (
     /*isClosable*/
     e[1] && Mn(e)
   );
@@ -4702,29 +4718,29 @@ function kn(e) {
         e[5]
       ), c(n, "class", "a9s-rubberband-polygon-mask svelte-18wrg3t"), c(d, "class", "a9s-outer"), c(d, "mask", `url(#${/*maskId*/
       e[5]})`), c(d, "points", f = /*str*/
-      e[19]), c(h, "class", "a9s-inner"), c(h, "points", y = /*str*/
+      e[19]), c(h, "class", "a9s-inner"), c(h, "points", _ = /*str*/
       e[19]);
     },
-    m(k, p) {
-      N(k, t, p), j(t, n), j(n, o), j(n, a), N(k, d, p), N(k, h, p), g && g.m(k, p), N(k, m, p);
+    m(k, y) {
+      N(k, t, y), j(t, n), j(n, o), j(n, a), N(k, d, y), N(k, h, y), g && g.m(k, y), N(k, m, y);
     },
-    p(k, p) {
-      p & /*mask*/
+    p(k, y) {
+      y & /*mask*/
       8 && i !== (i = /*mask*/
-      k[3].x) && c(o, "x", i), p & /*mask*/
+      k[3].x) && c(o, "x", i), y & /*mask*/
       8 && s !== (s = /*mask*/
-      k[3].y) && c(o, "y", s), p & /*mask*/
+      k[3].y) && c(o, "y", s), y & /*mask*/
       8 && r !== (r = /*mask*/
-      k[3].w) && c(o, "width", r), p & /*mask*/
+      k[3].w) && c(o, "width", r), y & /*mask*/
       8 && l !== (l = /*mask*/
-      k[3].h) && c(o, "height", l), p & /*coords*/
+      k[3].h) && c(o, "height", l), y & /*coords*/
       4 && u !== (u = /*str*/
-      k[19]) && c(a, "points", u), p & /*coords*/
+      k[19]) && c(a, "points", u), y & /*coords*/
       4 && f !== (f = /*str*/
-      k[19]) && c(d, "points", f), p & /*coords*/
-      4 && y !== (y = /*str*/
-      k[19]) && c(h, "points", y), /*isClosable*/
-      k[1] ? g ? g.p(k, p) : (g = Mn(k), g.c(), g.m(m.parentNode, m)) : g && (g.d(1), g = null);
+      k[19]) && c(d, "points", f), y & /*coords*/
+      4 && _ !== (_ = /*str*/
+      k[19]) && c(h, "points", _), /*isClosable*/
+      k[1] ? g ? g.p(k, y) : (g = Mn(k), g.c(), g.m(m.parentNode, m)) : g && (g.d(1), g = null);
     },
     d(k) {
       k && (D(t), D(d), D(h), D(m)), g && g.d(k);
@@ -4765,7 +4781,7 @@ function Mn(e) {
     }
   };
 }
-function Ts(e) {
+function Ls(e) {
   let t, n = (
     /*mask*/
     e[3] && kn(Nt(e))
@@ -4788,32 +4804,32 @@ function Ts(e) {
     }
   };
 }
-const Ls = 20, Ps = 1500;
-function Is(e, t, n) {
+const Ps = 20, Is = 1500;
+function Os(e, t, n) {
   let o, i, s;
   const r = Ce();
-  let { addEventListener: l } = t, { drawingMode: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, f, h = [], y, m, g = !1;
+  let { addEventListener: l } = t, { drawingMode: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, f, h = [], _, m, g = !1;
   const k = (O) => {
     const T = O, { timeStamp: U, offsetX: Y, offsetY: q } = T;
     if (f = { timeStamp: U, offsetX: Y, offsetY: q }, a === "drag" && h.length === 0) {
       const z = u.elementToImage(T.offsetX, T.offsetY);
-      h.push(z), n(10, y = z);
+      h.push(z), n(10, _ = z);
     }
-  }, p = (O) => {
+  }, y = (O) => {
     const T = O;
     if (m && clearTimeout(m), h.length > 0) {
-      if (n(10, y = u.elementToImage(T.offsetX, T.offsetY)), h.length > 2) {
-        const U = ut(y, h[0]) * d;
-        n(1, g = U < Ls);
+      if (n(10, _ = u.elementToImage(T.offsetX, T.offsetY)), h.length > 2) {
+        const U = ut(_, h[0]) * d;
+        n(1, g = U < Ps);
       }
       T.pointerType === "touch" && (m = setTimeout(
         () => {
-          E();
+          v();
         },
-        Ps
+        Is
       ));
     }
-  }, S = (O) => {
+  }, E = (O) => {
     const T = O;
     if (m && clearTimeout(m), a === "click") {
       const U = T.timeStamp - f.timeStamp, Y = ut([f.offsetX, f.offsetY], [T.offsetX, T.offsetY]);
@@ -4822,40 +4838,40 @@ function Is(e, t, n) {
         A();
       else if (h.length === 0) {
         const q = u.elementToImage(T.offsetX, T.offsetY);
-        h.push(q), n(10, y = q);
+        h.push(q), n(10, _ = q);
       } else
-        h.push(y);
+        h.push(_);
     } else {
-      if (h.length === 1 && ut(h[0], y) <= 4) {
-        n(0, h = []), n(10, y = void 0);
+      if (h.length === 1 && ut(h[0], _) <= 4) {
+        n(0, h = []), n(10, _ = void 0);
         return;
       }
-      T.stopImmediatePropagation(), g ? A() : h.push(y);
+      T.stopImmediatePropagation(), g ? A() : h.push(_);
     }
-  }, E = () => {
-    if (!y) return;
+  }, v = () => {
+    if (!_) return;
     const O = h.slice(0, -1);
     if (O.length < 3) return;
     const T = {
-      type: Q.POLYGON,
+      type: x.POLYGON,
       geometry: {
-        bounds: he(h),
+        bounds: ge(h),
         points: O
       }
     };
-    Ht(T) > 4 && (n(0, h = []), n(10, y = void 0), r("create", T));
+    Ht(T) > 4 && (n(0, h = []), n(10, _ = void 0), r("create", T));
   }, A = () => {
     const O = {
-      type: Q.POLYGON,
+      type: x.POLYGON,
       geometry: {
-        bounds: he(h),
+        bounds: ge(h),
         points: [...h]
       }
     };
-    n(0, h = []), n(10, y = void 0), r("create", O);
+    n(0, h = []), n(10, _ = void 0), r("create", O);
   };
   Ye(() => {
-    l("pointerdown", k, !0), l("pointermove", p), l("pointerup", S, !0), l("dblclick", E, !0);
+    l("pointerdown", k, !0), l("pointermove", y), l("pointerup", E, !0), l("dblclick", v, !0);
   });
   const M = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`;
   return e.$$set = (O) => {
@@ -4863,8 +4879,8 @@ function Is(e, t, n) {
   }, e.$$.update = () => {
     e.$$.dirty & /*viewportScale*/
     512 && n(4, o = 4 / d), e.$$.dirty & /*cursor, isClosable, points*/
-    1027 && n(2, i = y ? g ? h : [...h, y] : []), e.$$.dirty & /*coords, viewportScale*/
-    516 && n(3, s = i.length > 0 ? yt(he(i), 2 / d) : void 0);
+    1027 && n(2, i = _ ? g ? h : [...h, _] : []), e.$$.dirty & /*coords, viewportScale*/
+    516 && n(3, s = i.length > 0 ? yt(ge(i), 2 / d) : void 0);
   }, [
     h,
     g,
@@ -4876,12 +4892,12 @@ function Is(e, t, n) {
     a,
     u,
     d,
-    y
+    _
   ];
 }
-class Os extends me {
+class Cs extends pe {
   constructor(t) {
-    super(), ge(this, t, Is, Ts, se, {
+    super(), me(this, t, Os, Ls, se, {
       addEventListener: 6,
       drawingMode: 7,
       transform: 8,
@@ -4890,10 +4906,10 @@ class Os extends me {
   }
 }
 const Kt = /* @__PURE__ */ new Map([
-  ["rectangle", { tool: Ms }],
-  ["polygon", { tool: Os }]
-]), co = () => [...Kt.keys()], uo = (e) => Kt.get(e), Cs = (e, t, n = {}) => Kt.set(e, { tool: t, opts: n });
-function Ds(e) {
+  ["rectangle", { tool: Ts }],
+  ["polygon", { tool: Cs }]
+]), co = () => [...Kt.keys()], uo = (e) => Kt.get(e), Ds = (e, t, n = {}) => Kt.set(e, { tool: t, opts: n });
+function Ns(e) {
   let t, n, o, i, s;
   return {
     c() {
@@ -4969,7 +4985,7 @@ function Ds(e) {
     }
   };
 }
-function Ns(e, t, n) {
+function Ys(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
   const { cx: l, cy: a, rx: u, ry: d } = s;
   return e.$$set = (f) => {
@@ -4979,12 +4995,12 @@ function Ns(e, t, n) {
     129 && n(1, o = Be(i, r));
   }, [i, o, l, a, u, d, s, r];
 }
-class Ys extends me {
+class Bs extends pe {
   constructor(t) {
-    super(), ge(this, t, Ns, Ds, se, { annotation: 0, geom: 6, style: 7 });
+    super(), me(this, t, Ys, Ns, se, { annotation: 0, geom: 6, style: 7 });
   }
 }
-function Bs(e) {
+function Rs(e) {
   let t, n, o, i, s;
   return {
     c() {
@@ -5060,7 +5076,7 @@ function Bs(e) {
     }
   };
 }
-function Rs(e, t, n) {
+function Us(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
   const { points: l } = s, [[a, u], [d, f]] = l;
   return e.$$set = (h) => {
@@ -5070,9 +5086,9 @@ function Rs(e, t, n) {
     129 && n(1, o = Be(i, r));
   }, [i, o, a, u, d, f, s, r];
 }
-class Us extends me {
+class Xs extends pe {
   constructor(t) {
-    super(), ge(this, t, Rs, Bs, se, { annotation: 0, geom: 6, style: 7 });
+    super(), me(this, t, Us, Rs, se, { annotation: 0, geom: 6, style: 7 });
   }
 }
 function Tn(e, t, n) {
@@ -5116,7 +5132,7 @@ function Ln(e) {
     }
   };
 }
-function Xs(e) {
+function Vs(e) {
   let t, n, o = ve(
     /*polygons*/
     e[2]
@@ -5163,7 +5179,7 @@ function Xs(e) {
     }
   };
 }
-function Vs(e, t, n) {
+function Hs(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
   const { polygons: l } = s;
   return e.$$set = (a) => {
@@ -5173,12 +5189,12 @@ function Vs(e, t, n) {
     17 && n(1, o = Be(i, r));
   }, [i, o, l, s, r];
 }
-class Hs extends me {
+class Gs extends pe {
   constructor(t) {
-    super(), ge(this, t, Vs, Xs, se, { annotation: 0, geom: 3, style: 4 });
+    super(), me(this, t, Hs, Vs, se, { annotation: 0, geom: 3, style: 4 });
   }
 }
-function Gs(e) {
+function js(e) {
   let t, n, o, i, s;
   return {
     c() {
@@ -5187,7 +5203,7 @@ function Gs(e) {
         n,
         "points",
         /*points*/
-        e[2].map(js).join(" ")
+        e[2].map(zs).join(" ")
       ), c(i, "class", "a9s-inner"), c(
         i,
         "style",
@@ -5197,7 +5213,7 @@ function Gs(e) {
         i,
         "points",
         /*points*/
-        e[2].map(zs).join(" ")
+        e[2].map(Fs).join(" ")
       ), c(t, "class", "a9s-annotation"), c(t, "data-id", s = /*annotation*/
       e[0].id);
     },
@@ -5224,8 +5240,8 @@ function Gs(e) {
     }
   };
 }
-const js = (e) => e.join(","), zs = (e) => e.join(",");
-function Fs(e, t, n) {
+const zs = (e) => e.join(","), Fs = (e) => e.join(",");
+function qs(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
   const { points: l } = s;
   return e.$$set = (a) => {
@@ -5235,12 +5251,12 @@ function Fs(e, t, n) {
     17 && n(1, o = Be(i, r));
   }, [i, o, l, s, r];
 }
-class qs extends me {
+class Ks extends pe {
   constructor(t) {
-    super(), ge(this, t, Fs, Gs, se, { annotation: 0, geom: 3, style: 4 });
+    super(), me(this, t, qs, js, se, { annotation: 0, geom: 3, style: 4 });
   }
 }
-function Ks(e) {
+function Ws(e) {
   let t, n, o, i, s, r, l;
   return {
     c() {
@@ -5304,7 +5320,7 @@ function Ks(e) {
     }
   };
 }
-function Ws(e, t, n) {
+function Zs(e, t, n) {
   let o, i, s, { annotation: r } = t, { geom: l } = t, { style: a } = t;
   return e.$$set = (u) => {
     "annotation" in u && n(0, r = u.annotation), "geom" in u && n(4, l = u.geom), "style" in u && n(5, a = u.style);
@@ -5315,12 +5331,12 @@ function Ws(e, t, n) {
     16 && n(1, s = l.closed ? "closed" : "open");
   }, [r, s, i, o, l, a];
 }
-class Zs extends me {
+class Js extends pe {
   constructor(t) {
-    super(), ge(this, t, Ws, Ks, se, { annotation: 0, geom: 4, style: 5 });
+    super(), me(this, t, Zs, Ws, se, { annotation: 0, geom: 4, style: 5 });
   }
 }
-function Js(e) {
+function Qs(e) {
   let t, n, o, i, s;
   return {
     c() {
@@ -5444,7 +5460,7 @@ function Js(e) {
     }
   };
 }
-function Qs(e, t, n) {
+function xs(e, t, n) {
   let o, i, s, r, l, { annotation: a } = t, { geom: u } = t, { style: d } = t;
   return e.$$set = (f) => {
     "annotation" in f && n(0, a = f.annotation), "geom" in f && n(6, u = f.geom), "style" in f && n(7, d = f.style);
@@ -5454,25 +5470,25 @@ function Qs(e, t, n) {
     64 && n(4, { x: i, y: s, w: r, h: l } = u, i, (n(3, s), n(6, u)), (n(2, r), n(6, u)), (n(1, l), n(6, u)));
   }, [a, l, r, s, i, o, u, d];
 }
-class xs extends me {
+class $s extends pe {
   constructor(t) {
-    super(), ge(this, t, Qs, Js, se, { annotation: 0, geom: 6, style: 7 });
+    super(), me(this, t, xs, Qs, se, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const Yr = {
+const Br = {
   elementToImage: (e, t) => [e, t]
-}, $s = (e) => ({
+}, er = (e) => ({
   elementToImage: (t, n) => {
     const o = e.getBoundingClientRect(), i = e.createSVGPoint();
     i.x = t + o.x, i.y = n + o.y;
     const { x: s, y: r } = i.matrixTransform(e.getScreenCTM().inverse());
     return [s, r];
   }
-}), er = 250, tr = (e, t) => {
+}), tr = 250, nr = (e, t) => {
   const n = Ce();
   let o;
   return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
-    if (performance.now() - o < er) {
+    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 });
     }
@@ -5524,9 +5540,9 @@ function On(e) {
     }
   };
 }
-function nr(e) {
+function or(e) {
   let t, n;
-  return t = new Us({
+  return t = new Xs({
     props: {
       annotation: (
         /*annotation*/
@@ -5569,9 +5585,9 @@ function nr(e) {
     }
   };
 }
-function or(e) {
+function ir(e) {
   let t, n;
-  return t = new Zs({
+  return t = new Js({
     props: {
       annotation: (
         /*annotation*/
@@ -5614,9 +5630,9 @@ function or(e) {
     }
   };
 }
-function ir(e) {
+function sr(e) {
   let t, n;
-  return t = new Hs({
+  return t = new Gs({
     props: {
       annotation: (
         /*annotation*/
@@ -5659,9 +5675,9 @@ function ir(e) {
     }
   };
 }
-function sr(e) {
+function rr(e) {
   let t, n;
-  return t = new qs({
+  return t = new Ks({
     props: {
       annotation: (
         /*annotation*/
@@ -5704,9 +5720,9 @@ function sr(e) {
     }
   };
 }
-function rr(e) {
+function lr(e) {
   let t, n;
-  return t = new xs({
+  return t = new $s({
     props: {
       annotation: (
         /*annotation*/
@@ -5749,10 +5765,10 @@ function rr(e) {
     }
   };
 }
-function lr(e) {
+function ar(e) {
   var o;
   let t, n;
-  return t = new Ys({
+  return t = new Bs({
     props: {
       annotation: (
         /*annotation*/
@@ -5799,28 +5815,28 @@ function lr(e) {
 function Cn(e) {
   let t, n, o, i;
   const s = [
+    ar,
     lr,
     rr,
     sr,
     ir,
-    or,
-    nr
+    or
   ], r = [];
   function l(a, u) {
-    var d, f, h, y, m, g;
+    var d, f, h, _, m, g;
     return (
       /*selector*/
-      ((d = a[45]) == null ? void 0 : d.type) === Q.ELLIPSE ? 0 : (
+      ((d = a[45]) == null ? void 0 : d.type) === x.ELLIPSE ? 0 : (
         /*selector*/
-        ((f = a[45]) == null ? void 0 : f.type) === Q.RECTANGLE ? 1 : (
+        ((f = a[45]) == null ? void 0 : f.type) === x.RECTANGLE ? 1 : (
           /*selector*/
-          ((h = a[45]) == null ? void 0 : h.type) === Q.POLYGON ? 2 : (
+          ((h = a[45]) == null ? void 0 : h.type) === x.POLYGON ? 2 : (
             /*selector*/
-            ((y = a[45]) == null ? void 0 : y.type) === Q.MULTIPOLYGON ? 3 : (
+            ((_ = a[45]) == null ? void 0 : _.type) === x.MULTIPOLYGON ? 3 : (
               /*selector*/
-              ((m = a[45]) == null ? void 0 : m.type) === Q.POLYLINE ? 4 : (
+              ((m = a[45]) == null ? void 0 : m.type) === x.POLYLINE ? 4 : (
                 /*selector*/
-                ((g = a[45]) == null ? void 0 : g.type) === Q.LINE ? 5 : -1
+                ((g = a[45]) == null ? void 0 : g.type) === x.LINE ? 5 : -1
               )
             )
           )
@@ -5895,7 +5911,7 @@ function Dn(e) {
 }
 function Nn(e) {
   let t, n, o, i;
-  const s = [cr, ar], r = [];
+  const s = [ur, cr], r = [];
   function l(a, u) {
     return (
       /*editors*/
@@ -5930,7 +5946,7 @@ function Nn(e) {
     }
   };
 }
-function ar(e) {
+function cr(e) {
   let t = `${/*toolName*/
   e[2]}-${/*toolMountKey*/
   e[7]}`, n, o, i = Yn(e);
@@ -5958,7 +5974,7 @@ function ar(e) {
     }
   };
 }
-function cr(e) {
+function ur(e) {
   let t, n, o = ve(
     /*editors*/
     e[6]
@@ -6016,7 +6032,7 @@ function cr(e) {
 }
 function Yn(e) {
   let t, n;
-  return t = new Ss({
+  return t = new As({
     props: {
       target: (
         /*drawingEl*/
@@ -6077,7 +6093,7 @@ function Yn(e) {
 }
 function Bn(e) {
   let t, n;
-  return t = new Es({
+  return t = new vs({
     props: {
       target: (
         /*drawingEl*/
@@ -6178,7 +6194,7 @@ function Rn(e) {
     }
   };
 }
-function ur(e) {
+function fr(e) {
   let t, n, o, i, s, r, l = ve(
     /*$store*/
     e[17].filter(
@@ -6220,22 +6236,22 @@ function ur(e) {
     },
     m(f, h) {
       N(f, t, h), j(t, n);
-      for (let y = 0; y < a.length; y += 1)
-        a[y] && a[y].m(n, null);
+      for (let _ = 0; _ < a.length; _ += 1)
+        a[_] && a[_].m(n, null);
       j(t, o), d && d.m(o, null), e[35](o), e[36](t), i = !0, s || (r = [
-        x(t, "pointerup", function() {
+        Q(t, "pointerup", function() {
           ie(
             /*onPointerUp*/
             e[11]
           ) && e[11].apply(this, arguments);
         }),
-        x(t, "pointerdown", function() {
+        Q(t, "pointerdown", function() {
           ie(
             /*onPointerDown*/
             e[12]
           ) && e[12].apply(this, arguments);
         }),
-        x(
+        Q(
           t,
           "pointermove",
           /*onPointerMove*/
@@ -6253,13 +6269,13 @@ function ur(e) {
             e[34]
           )
         );
-        let y;
-        for (y = 0; y < l.length; y += 1) {
-          const m = In(e, l, y);
-          a[y] ? (a[y].p(m, h), R(a[y], 1)) : (a[y] = Dn(m), a[y].c(), R(a[y], 1), a[y].m(n, null));
+        let _;
+        for (_ = 0; _ < l.length; _ += 1) {
+          const m = In(e, l, _);
+          a[_] ? (a[_].p(m, h), R(a[_], 1)) : (a[_] = Dn(m), a[_].c(), R(a[_], 1), a[_].m(n, null));
         }
-        for (we(), y = l.length; y < a.length; y += 1)
-          u(y);
+        for (we(), _ = l.length; _ < a.length; _ += 1)
+          u(_);
         be();
       }
       /*drawingEl*/
@@ -6306,22 +6322,22 @@ function ur(e) {
     }
   };
 }
-function fr(e, t, n) {
-  let o, i, s, r, l, a, u, d, f, h, y, m, g = ee, k = () => (g(), g = Gn(b, (X) => n(18, m = X)), b);
+function dr(e, t, n) {
+  let o, i, s, r, l, a, u, d, f, h, _, m, g = ee, k = () => (g(), g = Gn(b, (X) => n(18, m = X)), b);
   e.$$.on_destroy.push(() => g());
-  let { drawingEnabled: p } = t, { image: S } = t, { preferredDrawingMode: E } = t, { state: A } = t, { style: M = void 0 } = t, { toolName: O = co()[0] } = t, { user: T } = t, { visible: U = !0 } = t, Y = 0;
-  const q = () => n(7, Y += 1), z = () => O, w = () => p;
-  let v, _, b;
-  Ye(() => k(n(9, b = Hi(S, _))));
+  let { drawingEnabled: y } = t, { image: E } = t, { preferredDrawingMode: v } = t, { state: A } = t, { style: M = void 0 } = t, { toolName: O = co()[0] } = t, { user: T } = t, { visible: U = !0 } = t, Y = 0;
+  const q = () => n(7, Y += 1), z = () => O, w = () => y;
+  let S, p, b;
+  Ye(() => k(n(9, b = Gi(E, p))));
   const { hover: I, selection: L, store: C } = A;
-  vt(e, I, (X) => n(16, f = X)), vt(e, L, (X) => n(33, h = X)), vt(e, C, (X) => n(17, y = X));
+  vt(e, I, (X) => n(16, f = X)), vt(e, L, (X) => n(33, h = X)), vt(e, C, (X) => n(17, _ = X));
   let G, V;
   const W = (X) => {
     G && C.unobserve(G);
     const ce = X.filter(({ editable: $ }) => $).map(({ id: $ }) => $);
     ce.length > 0 ? (n(5, V = ce.map(($) => C.getAnnotation($)).filter(($) => $ && pt($))), G = ($) => {
       const { updated: ue } = $.changes;
-      n(5, V = ue == null ? void 0 : ue.map((pe) => pe.newValue));
+      n(5, V = ue == null ? void 0 : ue.map((_e) => _e.newValue));
     }, C.observe(G, { annotations: ce })) : n(5, V = void 0);
   }, K = (X) => {
     const ce = no(), $ = {
@@ -6337,53 +6353,53 @@ function fr(e, t, n) {
     C.addAnnotation($), L.setSelected($.id);
   }, Z = (X) => (ce) => {
     var Re;
-    const { target: $ } = X, ue = 10 * 60 * 1e3, pe = ((Re = $.creator) == null ? void 0 : Re.id) !== T.id || !$.created || (/* @__PURE__ */ new Date()).getTime() - $.created.getTime() > ue;
+    const { target: $ } = X, ue = 10 * 60 * 1e3, _e = ((Re = $.creator) == null ? void 0 : Re.id) !== T.id || !$.created || (/* @__PURE__ */ new Date()).getTime() - $.created.getTime() > ue;
     C.updateTarget({
       ...$,
       selector: ce.detail,
-      created: pe ? $.created : /* @__PURE__ */ new Date(),
-      updated: pe ? /* @__PURE__ */ new Date() : void 0,
-      updatedBy: pe ? T : void 0
+      created: _e ? $.created : /* @__PURE__ */ new Date(),
+      updated: _e ? /* @__PURE__ */ new Date() : void 0,
+      updatedBy: _e ? T : void 0
     });
   }, te = (X) => {
-    const { x: ce, y: $ } = fo(X, _), ue = C.getAt(ce, $, void 0, 2);
+    const { x: ce, y: $ } = fo(X, p), ue = C.getAt(ce, $, void 0, 2);
     ue ? f !== ue.id && I.set(ue.id) : I.set(void 0);
   }, oe = (X) => pt(X);
   function Ee(X) {
     ht[X ? "unshift" : "push"](() => {
-      v = X, n(8, v);
+      S = X, n(8, S);
     });
   }
   function ke(X) {
     ht[X ? "unshift" : "push"](() => {
-      _ = X, n(4, _);
+      p = X, n(4, p);
     });
   }
   return e.$$set = (X) => {
-    "drawingEnabled" in X && n(0, p = X.drawingEnabled), "image" in X && n(25, S = X.image), "preferredDrawingMode" in X && n(26, E = X.preferredDrawingMode), "state" in X && n(27, A = X.state), "style" in X && n(1, M = X.style), "toolName" in X && n(2, O = X.toolName), "user" in X && n(28, T = X.user), "visible" in X && n(3, U = X.visible);
+    "drawingEnabled" in X && n(0, y = X.drawingEnabled), "image" in X && n(25, E = X.image), "preferredDrawingMode" in X && n(26, v = X.preferredDrawingMode), "state" in X && n(27, A = X.state), "style" in X && n(1, M = X.style), "toolName" in X && n(2, O = X.toolName), "user" in X && n(28, T = X.user), "visible" in X && n(3, U = X.visible);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
     4 && n(15, { tool: o, opts: i } = uo(O) || { tool: void 0, opts: void 0 }, o, (n(32, i), n(2, O))), e.$$.dirty[0] & /*preferredDrawingMode*/
     67108864 | e.$$.dirty[1] & /*opts*/
-    2 && n(14, s = (i == null ? void 0 : i.drawingMode) || E), e.$$.dirty[0] & /*svgEl*/
-    16 && n(13, r = $s(_)), e.$$.dirty[0] & /*svgEl*/
-    16 && n(12, { onPointerDown: l, onPointerUp: a } = tr(_, C), l, (n(11, a), n(4, _))), e.$$.dirty[1] & /*$selection*/
+    2 && n(14, s = (i == null ? void 0 : i.drawingMode) || v), e.$$.dirty[0] & /*svgEl*/
+    16 && n(13, r = er(p)), e.$$.dirty[0] & /*svgEl*/
+    16 && n(12, { onPointerDown: l, onPointerUp: a } = nr(p, C), l, (n(11, a), n(4, p))), e.$$.dirty[1] & /*$selection*/
     4 && W(h.selected), e.$$.dirty[0] & /*editableAnnotations*/
     32 && n(6, u = V ? V.map((X) => ({
       annotation: X,
-      editor: ys(X.target.selector)
+      editor: ws(X.target.selector)
     })).filter((X) => X.editor) : void 0), e.$$.dirty[0] & /*editors*/
     64 && n(10, d = (X) => u && u.some((ce) => ce.annotation.id === X.id));
   }, [
-    p,
+    y,
     M,
     O,
     U,
-    _,
+    p,
     V,
     u,
     Y,
-    v,
+    S,
     b,
     d,
     a,
@@ -6392,7 +6408,7 @@ function fr(e, t, n) {
     s,
     o,
     f,
-    y,
+    _,
     m,
     I,
     L,
@@ -6400,8 +6416,8 @@ function fr(e, t, n) {
     K,
     Z,
     te,
-    S,
     E,
+    v,
     A,
     T,
     q,
@@ -6414,13 +6430,13 @@ function fr(e, t, n) {
     ke
   ];
 }
-class dr extends me {
+class hr extends pe {
   constructor(t) {
-    super(), ge(
+    super(), me(
       this,
       t,
+      dr,
       fr,
-      ur,
       se,
       {
         drawingEnabled: 0,
@@ -6449,11 +6465,11 @@ class dr extends me {
     return this.$$.ctx[31];
   }
 }
-function ho(e, t, n = 0, o = e.length - 1, i = hr) {
+function ho(e, t, n = 0, o = e.length - 1, i = gr) {
   for (; o > n; ) {
     if (o - n > 600) {
-      const a = o - n + 1, u = t - n + 1, d = Math.log(a), f = 0.5 * Math.exp(2 * d / 3), h = 0.5 * Math.sqrt(d * f * (a - f) / a) * (u - a / 2 < 0 ? -1 : 1), y = Math.max(n, Math.floor(t - u * f / a + h)), m = Math.min(o, Math.floor(t + (a - u) * f / a + h));
-      ho(e, t, y, m, i);
+      const a = o - n + 1, u = t - n + 1, d = Math.log(a), f = 0.5 * Math.exp(2 * d / 3), h = 0.5 * Math.sqrt(d * f * (a - f) / a) * (u - a / 2 < 0 ? -1 : 1), _ = Math.max(n, Math.floor(t - u * f / a + h)), m = Math.min(o, Math.floor(t + (a - u) * f / a + h));
+      ho(e, t, _, m, i);
     }
     const s = e[t];
     let r = n, l = o;
@@ -6468,10 +6484,10 @@ function Ke(e, t, n) {
   const o = e[t];
   e[t] = e[n], e[n] = o;
 }
-function hr(e, t) {
+function gr(e, t) {
   return e < t ? -1 : e > t ? 1 : 0;
 }
-class gr {
+class mr {
   constructor(t = 9) {
     this._maxEntries = Math.max(4, t), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
   }
@@ -6542,7 +6558,7 @@ class gr {
     let l, a, u;
     for (; o || s.length; ) {
       if (o || (o = s.pop(), a = s[s.length - 1], l = r.pop(), u = !0), o.leaf) {
-        const d = mr(t, o.children, n);
+        const d = pr(t, o.children, n);
         if (d !== -1)
           return o.children.splice(d, 1), s.push(o), this._condense(s), this;
       }
@@ -6583,8 +6599,8 @@ class gr {
       const f = Math.min(d + u - 1, o);
       Un(t, d, f, a, this.compareMinY);
       for (let h = d; h <= f; h += a) {
-        const y = Math.min(h + a - 1, f);
-        l.children.push(this._build(t, h, y, i - 1));
+        const _ = Math.min(h + a - 1, f);
+        l.children.push(this._build(t, h, _, i - 1));
       }
     }
     return He(l, this.toBBox), l;
@@ -6593,7 +6609,7 @@ class gr {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
       let s = 1 / 0, r = 1 / 0, l;
       for (let a = 0; a < n.children.length; a++) {
-        const u = n.children[a], d = Bt(u), f = yr(t, u) - d;
+        const u = n.children[a], d = Bt(u), f = wr(t, u) - d;
         f < r ? (r = f, s = d < s ? d : s, l = u) : f === r && d < s && (s = d, l = u);
       }
       n = l || n.children[0];
@@ -6619,14 +6635,14 @@ class gr {
   _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 = wr(a, u), f = Bt(a) + Bt(u);
+      const a = We(t, 0, l, this.toBBox), u = We(t, l, o, this.toBBox), d = br(a, u), f = Bt(a) + Bt(u);
       d < s ? (s = d, i = l, r = f < r ? f : r) : d === s && f < r && (r = f, i = l);
     }
     return i || o - n;
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(t, n, o) {
-    const i = t.leaf ? this.compareMinX : pr, s = t.leaf ? this.compareMinY : _r, r = this._allDistMargin(t, n, o, i), l = this._allDistMargin(t, n, o, s);
+    const i = t.leaf ? this.compareMinX : _r, s = t.leaf ? this.compareMinY : yr, r = this._allDistMargin(t, n, o, i), l = this._allDistMargin(t, n, o, s);
     r < l && t.children.sort(i);
   }
   // total margin of all possible split distributions where each node is at least m full
@@ -6653,7 +6669,7 @@ class gr {
       t[n].children.length === 0 ? n > 0 ? (o = t[n - 1].children, o.splice(o.indexOf(t[n]), 1)) : this.clear() : He(t[n], this.toBBox);
   }
 }
-function mr(e, t, n) {
+function pr(e, t, n) {
   if (!n) return t.indexOf(e);
   for (let o = 0; o < t.length; o++)
     if (n(e, t[o])) return o;
@@ -6673,10 +6689,10 @@ function We(e, t, n, o, i) {
 function Ze(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 pr(e, t) {
+function _r(e, t) {
   return e.minX - t.minX;
 }
-function _r(e, t) {
+function yr(e, t) {
   return e.minY - t.minY;
 }
 function Bt(e) {
@@ -6685,10 +6701,10 @@ function Bt(e) {
 function lt(e) {
   return e.maxX - e.minX + (e.maxY - e.minY);
 }
-function yr(e, t) {
+function wr(e, t) {
   return (Math.max(t.maxX, e.maxX) - Math.min(t.minX, e.minX)) * (Math.max(t.maxY, e.maxY) - Math.min(t.minY, e.minY));
 }
-function wr(e, t) {
+function br(e, t) {
   const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), s = Math.min(e.maxY, t.maxY);
   return Math.max(0, i - n) * Math.max(0, s - o);
 }
@@ -6717,12 +6733,12 @@ function Un(e, t, n, o, i) {
     ho(e, r, t, n, i), s.push(t, r, r, n);
   }
 }
-const br = () => {
-  const e = new gr(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
+const Er = () => {
+  const e = new mr(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
     e.clear(), t.clear();
   }, i = (f) => {
     if (!dt(f)) return;
-    const { minX: h, minY: y, maxX: m, maxY: g } = f.selector.geometry.bounds, k = { minX: h, minY: y, maxX: m, maxY: g, target: f };
+    const { minX: h, minY: _, maxX: m, maxY: g } = f.selector.geometry.bounds, k = { minX: h, minY: _, maxX: m, maxY: g, target: f };
     e.insert(k), t.set(f.annotation, k);
   }, s = (f) => {
     if (!dt(f)) return;
@@ -6732,41 +6748,41 @@ const br = () => {
   return {
     all: n,
     clear: o,
-    getAt: (f, h, y, m = 0) => {
+    getAt: (f, h, _, m = 0) => {
       const k = e.search({
         minX: f - m,
         minY: h - m,
         maxX: f + m,
         maxY: h + m
-      }).map((p) => p.target).filter((p) => p.selector.type === Q.RECTANGLE || Io(p.selector, f, h, m));
-      return k.length > 0 ? (k.sort((p, S) => Ht(p.selector) - Ht(S.selector)), k) : [];
+      }).map((y) => y.target).filter((y) => y.selector.type === x.RECTANGLE || Io(y.selector, f, h, m));
+      return k.length > 0 ? (k.sort((y, E) => Ht(y.selector) - Ht(E.selector)), k) : [];
     },
-    getIntersecting: (f, h, y, m) => e.search({
+    getIntersecting: (f, h, _, m) => e.search({
       minX: f,
       minY: h,
-      maxX: f + y,
+      maxX: f + _,
       maxY: h + m
     }).map((g) => g.target),
     insert: i,
     remove: s,
     set: (f, h = !0) => {
       h && o();
-      const y = f.reduce((m, g) => {
+      const _ = f.reduce((m, g) => {
         if (dt(g)) {
-          const { minX: k, minY: p, maxX: S, maxY: E } = g.selector.geometry.bounds;
-          return [...m, { minX: k, minY: p, maxX: S, maxY: E, target: g }];
+          const { minX: k, minY: y, maxX: E, maxY: v } = g.selector.geometry.bounds;
+          return [...m, { minX: k, minY: y, maxX: E, maxY: v, target: g }];
         } else
           return m;
       }, []);
-      y.forEach((m) => t.set(m.target.annotation, m)), e.load(y);
+      _.forEach((m) => t.set(m.target.annotation, m)), e.load(_);
     },
     size: () => e.all().length,
     update: (f, h) => {
       s(f), i(h);
     }
   };
-}, Er = (e) => {
-  const t = yi(), n = br(), o = si(t, e.userSelectAction, e.adapter), i = ii(t), s = Si();
+}, vr = (e) => {
+  const t = wi(), n = Er(), o = ri(t, e.userSelectAction, e.adapter), i = si(t), s = Ai();
   return t.observe(({ changes: a }) => {
     n.set((a.created || []).map((u) => u.target), !1), (a.deleted || []).forEach((u) => n.remove(u.target)), (a.updated || []).forEach(({ oldValue: u, newValue: d }) => n.update(u.target, d.target));
   }), {
@@ -6777,8 +6793,8 @@ const br = () => {
         if (d)
           return h.map((m) => t.getAnnotation(m.annotation)).filter(Boolean).filter(d)[0];
         {
-          const y = h[0];
-          return y ? t.getAnnotation(y.annotation) : void 0;
+          const _ = h[0];
+          return _ ? t.getAnnotation(_.annotation) : void 0;
         }
       },
       getIntersecting: (a, u, d, f) => n.getIntersecting(a, u, d, f).map((h) => t.getAnnotation(h.annotation)).filter(Boolean)
@@ -6787,13 +6803,13 @@ const br = () => {
     hover: i,
     viewport: s
   };
-}, vr = (e) => {
-  const t = Er(e);
+}, Sr = (e) => {
+  const t = vr(e);
   return {
     ...t,
-    store: wi(t.store)
+    store: bi(t.store)
   };
-}, Sr = (e) => {
+}, Ar = (e) => {
   let t, n;
   if (e.nodeName === "CANVAS")
     t = e, n = t.getContext("2d", { willReadFrequently: !0 });
@@ -6808,16 +6824,16 @@ const br = () => {
       o += u;
     }
   return o / 81;
-}, Ar = (e) => {
-  const t = Sr(e), n = t > 0.6 ? "dark" : "light";
+}, kr = (e) => {
+  const t = Ar(e), n = t > 0.6 ? "dark" : "light";
   return console.log(`[Annotorious] Image brightness: ${t.toFixed(1)}. Setting ${n} theme.`), n;
-}, Xn = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? Ar(e) : n), kr = (e, t) => ({
+}, Xn = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? kr(e) : n), Mr = (e, t) => ({
   ...e,
   drawingEnabled: e.drawingEnabled === void 0 ? t.drawingEnabled : e.drawingEnabled,
   drawingMode: e.drawingMode || t.drawingMode,
   userSelectAction: e.userSelectAction || t.userSelectAction,
   theme: e.theme || t.theme
-}), Vn = typeof navigator > "u" ? !1 : navigator.userAgent.indexOf("Mac OS X") !== -1, Mr = (e, t) => {
+}), Vn = typeof navigator > "u" ? !1 : navigator.userAgent.indexOf("Mac OS X") !== -1, Tr = (e, t) => {
   const n = t || document, o = (r) => {
     const l = r;
     l.key === "z" && l.ctrlKey ? e.undo() : l.key === "y" && l.ctrlKey && e.redo();
@@ -6830,25 +6846,25 @@ const br = () => {
   return Vn ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
     destroy: s
   };
-}, Br = (e, t = {}) => {
+}, Rr = (e, t = {}) => {
   if (!e)
     throw "Missing argument: image";
-  const n = typeof e == "string" ? document.getElementById(e) : e, o = kr(t, {
+  const n = typeof e == "string" ? document.getElementById(e) : e, o = Mr(t, {
     drawingEnabled: !0,
     drawingMode: "drag",
     userSelectAction: oo.EDIT,
     theme: "light"
-  }), i = vr(o), { selection: s, store: r } = i, l = vi(r, o.initialHistory), a = Ai(
+  }), i = Sr(o), { selection: s, store: r } = i, l = Si(r, o.initialHistory), a = ki(
     i,
     l,
     o.adapter,
     o.autoSave
   ), u = document.createElement("DIV");
   u.style.position = "relative", u.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(u, n), u.appendChild(n);
-  const d = Mr(l);
-  let f = Ci();
+  const d = Tr(l);
+  let f = Di();
   Xn(n, u, o.theme);
-  const h = new dr({
+  const h = new hr({
     target: u,
     props: {
       drawingEnabled: !!o.drawingEnabled,
@@ -6860,12 +6876,12 @@ const br = () => {
     }
   });
   h.$on("click", (w) => {
-    const { originalEvent: v, annotation: _ } = w.detail;
-    _ ? s.userSelect(_.id, v) : s.isEmpty() || s.clear();
+    const { originalEvent: S, annotation: p } = w.detail;
+    p ? s.userSelect(p.id, S) : s.isEmpty() || s.clear();
   });
-  const y = Mi(i, l, o.adapter), m = () => h.cancelDrawing(), g = () => {
+  const _ = 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(), p = () => f, S = () => h.isDrawingEnabled(), E = (w, v, _) => Cs(w, v, _), A = (w, v) => ws(w, v), M = (w) => {
+  }, k = () => h.getDrawingTool(), y = () => f, E = () => h.isDrawingEnabled(), v = (w, S, p) => Ds(w, S, p), A = (w, S) => bs(w, S), M = (w) => {
     if (!uo(w))
       throw `No drawing tool named ${w}`;
     h.$set({ toolName: w });
@@ -6878,16 +6894,16 @@ const br = () => {
     h.$set({ visible: w })
   );
   return {
-    ...y,
+    ..._,
     cancelDrawing: m,
     destroy: g,
     getDrawingTool: k,
-    getUser: p,
-    isDrawingEnabled: S,
+    getUser: y,
+    isDrawingEnabled: E,
     listDrawingTools: co,
     on: a.on,
     off: a.off,
-    registerDrawingTool: E,
+    registerDrawingTool: v,
     registerShapeEditor: A,
     setDrawingEnabled: O,
     setDrawingTool: M,
@@ -6902,43 +6918,43 @@ const br = () => {
 };
 export {
   qt as Editor,
-  Es as EditorMount,
+  vs as EditorMount,
   ze as Handle,
-  Yr as IdentityTransform,
-  ss as PolygonEditor,
-  cs as RectangleEditor,
+  Br as IdentityTransform,
+  rs as PolygonEditor,
+  us as RectangleEditor,
   Xo as RectangleUtil,
-  Ms as RubberbandRectangle,
-  dr as SVGAnnotationLayer,
-  Q as ShapeType,
-  Ss as ToolMount,
+  Ts as RubberbandRectangle,
+  hr as SVGAnnotationLayer,
+  x as ShapeType,
+  As as ToolMount,
   oo as UserSelectAction,
-  Nr as W3CImageFormat,
-  tr as addEventListeners,
+  Yr as W3CImageFormat,
+  nr as addEventListeners,
   Gt as approximateAsPolygon,
   ft as boundsFromMultiPolygonElements,
-  he as boundsFromPoints,
-  Cr as chainStyles,
+  ge as boundsFromPoints,
+  Dr as chainStyles,
   Ht as computeArea,
   gt as computePolygonArea,
   $n as computeSVGPath,
-  Or as computeStyle,
-  Ir as createBody,
-  Br as createImageAnnotator,
-  Er as createImageAnnotatorState,
-  $s as createSVGTransform,
-  vr as createSvelteImageAnnotatorState,
-  Dr as defaultColorProvider,
-  Ar as detectTheme,
+  Cr as computeStyle,
+  Or as createBody,
+  Rr as createImageAnnotator,
+  vr as createImageAnnotatorState,
+  er as createSVGTransform,
+  Sr as createSvelteImageAnnotatorState,
+  Nr as defaultColorProvider,
+  kr as detectTheme,
   ut as distance,
-  Hi as enableResponsive,
-  kr as fillDefaults,
+  Gi as enableResponsive,
+  Mr as fillDefaults,
   Yo as getAllCorners,
-  ys as getEditor,
+  ws as getEditor,
   yt as getMaskDimensions,
   fo as getSVGPoint,
   uo as getTool,
-  Mr as initKeyboardCommands,
+  Tr as initKeyboardCommands,
   Io as intersects,
   pt as isImageAnnotation,
   dt as isImageAnnotationTarget,
@@ -6948,19 +6964,19 @@ export {
   co as listDrawingTools,
   Te as multipolygonElementToPath,
   Vo as parseFragmentSelector,
-  Jo as parseSVGSelector,
-  Ri as parseW3CImageAnnotation,
+  Qo as parseSVGSelector,
+  Ui as parseW3CImageAnnotation,
   Oo as pointsToPath,
-  ws as registerEditor,
+  bs as registerEditor,
   qe as registerShapeUtil,
-  Cs as registerTool,
-  Sr as sampleBrightness,
+  Ds as registerTool,
+  Ar as sampleBrightness,
   Ho as serializeFragmentSelector,
-  xo as serializeSVGSelector,
-  Ui as serializeW3CImageAnnotation,
+  $o as serializeSVGSelector,
+  Xi as serializeW3CImageAnnotation,
   Xn as setTheme,
-  Lr as simplifyMultiPolygon,
+  Pr as simplifyMultiPolygon,
   Qn as simplifyPoints,
-  Pr as simplifyPolygon
+  Ir as simplifyPolygon
 };
 //# sourceMappingURL=annotorious.es.js.map