@annotorious/svelte 3.0.0-rc.4 → 3.0.0-rc.5

package/dist/annotorious-svelte.es5.js

@@ -5,14 +5,14 @@ function qt(t, n) {
     t[r] = n[r];
   return t;
 }
-function Yt(t) {
+function kt(t) {
   return t();
 }
-function Mt() {
+function It() {
   return /* @__PURE__ */ Object.create(null);
 }
-function z(t) {
-  t.forEach(Yt);
+function D(t) {
+  t.forEach(kt);
 }
 function _(t) {
   return typeof t == "function";
@@ -23,7 +23,7 @@ function Et(t, n) {
 function Jt(t) {
   return Object.keys(t).length === 0;
 }
-function Qt(t, n, r, o) {
+function Kt(t, n, r, o) {
   if (t) {
     const s = jt(t, n, r, o);
     return t[0](s);
@@ -32,7 +32,7 @@ function Qt(t, n, r, o) {
 function jt(t, n, r, o) {
   return t[1] && o ? qt(r.ctx.slice(), t[1](o(n))) : r.ctx;
 }
-function Zt(t, n, r, o) {
+function Qt(t, n, r, o) {
   if (t[2] && o) {
     const s = t[2](o(r));
     if (n.dirty === void 0)
@@ -47,13 +47,13 @@ function Zt(t, n, r, o) {
   }
   return n.dirty;
 }
-function Kt(t, n, r, o, s, a) {
+function Zt(t, n, r, o, s, a) {
   if (s) {
     const c = jt(n, r, o, a);
     t.p(c, s);
   }
 }
-function Rt(t) {
+function Mt(t) {
   if (t.ctx.length > 32) {
     const n = [], r = t.ctx.length / 32;
     for (let o = 0; o < r; o++)
@@ -62,7 +62,7 @@ function Rt(t) {
   }
   return -1;
 }
-function T(t, n, r) {
+function w(t, n, r) {
   t.insertBefore(n, r || null);
 }
 function x(t) {
@@ -75,14 +75,14 @@ function tn(t, n) {
 function L(t) {
   return document.createElementNS("http://www.w3.org/2000/svg", t);
 }
-function Ot(t) {
+function Xt(t) {
   return document.createTextNode(t);
 }
-function U() {
-  return Ot(" ");
+function B() {
+  return Xt(" ");
 }
 function nn() {
-  return Ot("");
+  return Xt("");
 }
 function A(t, n, r, o) {
   return t.addEventListener(n, r, o), () => t.removeEventListener(n, r, o);
@@ -97,14 +97,14 @@ function on(t, n, { bubbles: r = !1, cancelable: o = !1 } = {}) {
   const s = document.createEvent("CustomEvent");
   return s.initCustomEvent(t, r, o, n), s;
 }
-let Q;
+let K;
 function J(t) {
-  Q = t;
+  K = t;
 }
 function en() {
-  if (!Q)
+  if (!K)
     throw new Error("Function called outside component initialization");
-  return Q;
+  return K;
 }
 function sn() {
   const t = en();
@@ -119,52 +119,52 @@ function sn() {
     return !0;
   };
 }
-function V(t, n) {
+function W(t, n) {
   const r = t.$$.callbacks[n.type];
   r && r.slice().forEach((o) => o.call(this, n));
 }
-const W = [], It = [];
+const V = [], Ft = [];
 let q = [];
-const Ft = [], an = /* @__PURE__ */ Promise.resolve();
-let wt = !1;
+const Rt = [], an = /* @__PURE__ */ Promise.resolve();
+let Tt = !1;
 function cn() {
-  wt || (wt = !0, an.then(Xt));
+  Tt || (Tt = !0, an.then(Pt));
 }
-function Tt(t) {
+function wt(t) {
   q.push(t);
 }
 const $t = /* @__PURE__ */ new Set();
-let D = 0;
-function Xt() {
-  if (D !== 0)
+let z = 0;
+function Pt() {
+  if (z !== 0)
     return;
-  const t = Q;
+  const t = K;
   do {
     try {
-      for (; D < W.length; ) {
-        const n = W[D];
-        D++, J(n), ln(n.$$);
+      for (; z < V.length; ) {
+        const n = V[z];
+        z++, J(n), ln(n.$$);
       }
     } catch (n) {
-      throw W.length = 0, D = 0, n;
+      throw V.length = 0, z = 0, n;
     }
-    for (J(null), W.length = 0, D = 0; It.length; )
-      It.pop()();
+    for (J(null), V.length = 0, z = 0; Ft.length; )
+      Ft.pop()();
     for (let n = 0; n < q.length; n += 1) {
       const r = q[n];
       $t.has(r) || ($t.add(r), r());
     }
     q.length = 0;
-  } while (W.length);
-  for (; Ft.length; )
-    Ft.pop()();
-  wt = !1, $t.clear(), J(t);
+  } while (V.length);
+  for (; Rt.length; )
+    Rt.pop()();
+  Tt = !1, $t.clear(), J(t);
 }
 function ln(t) {
   if (t.fragment !== null) {
-    t.update(), z(t.before_update);
+    t.update(), D(t.before_update);
     const n = t.dirty;
-    t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, n), t.after_update.forEach(Tt);
+    t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, n), t.after_update.forEach(wt);
   }
 }
 function pn(t) {
@@ -176,7 +176,7 @@ let un;
 function ut(t, n) {
   t && t.i && (pt.delete(t), t.i(n));
 }
-function bt(t, n, r, o) {
+function Ot(t, n, r, o) {
   if (t && t.o) {
     if (pt.has(t))
       return;
@@ -186,25 +186,25 @@ function bt(t, n, r, o) {
   } else
     o && o();
 }
-function zt(t) {
+function Dt(t) {
   t && t.c();
 }
-function St(t, n, r, o) {
+function bt(t, n, r, o) {
   const { fragment: s, after_update: a } = t.$$;
-  s && s.m(n, r), o || Tt(() => {
-    const c = t.$$.on_mount.map(Yt).filter(_);
-    t.$$.on_destroy ? t.$$.on_destroy.push(...c) : z(c), t.$$.on_mount = [];
-  }), a.forEach(Tt);
+  s && s.m(n, r), o || wt(() => {
+    const c = t.$$.on_mount.map(kt).filter(_);
+    t.$$.on_destroy ? t.$$.on_destroy.push(...c) : D(c), t.$$.on_mount = [];
+  }), a.forEach(wt);
 }
-function vt(t, n) {
+function St(t, n) {
   const r = t.$$;
-  r.fragment !== null && (pn(r.after_update), z(r.on_destroy), r.fragment && r.fragment.d(n), r.on_destroy = r.fragment = null, r.ctx = []);
+  r.fragment !== null && (pn(r.after_update), D(r.on_destroy), r.fragment && r.fragment.d(n), r.on_destroy = r.fragment = null, r.ctx = []);
 }
 function hn(t, n) {
-  t.$$.dirty[0] === -1 && (W.push(t), cn(), t.$$.dirty.fill(0)), t.$$.dirty[n / 31 | 0] |= 1 << n % 31;
+  t.$$.dirty[0] === -1 && (V.push(t), cn(), t.$$.dirty.fill(0)), t.$$.dirty[n / 31 | 0] |= 1 << n % 31;
 }
-function Pt(t, n, r, o, s, a, c, l = [-1]) {
-  const p = Q;
+function vt(t, n, r, o, s, a, c, l = [-1]) {
+  const p = K;
   J(t);
   const f = t.$$ = {
     fragment: null,
@@ -213,7 +213,7 @@ function Pt(t, n, r, o, s, a, c, l = [-1]) {
     props: a,
     update: xt,
     not_equal: s,
-    bound: Mt(),
+    bound: It(),
     // lifecycle
     on_mount: [],
     on_destroy: [],
@@ -222,29 +222,29 @@ function Pt(t, n, r, o, s, a, c, l = [-1]) {
     after_update: [],
     context: new Map(n.context || (p ? p.$$.context : [])),
     // everything else
-    callbacks: Mt(),
+    callbacks: It(),
     dirty: l,
     skip_bound: !1,
     root: n.target || p.$$.root
   };
   c && c(f.root);
-  let w = !1;
+  let T = !1;
   if (f.ctx = r ? r(t, n.props || {}, ($, m, ...i) => {
-    const y = i.length ? i[0] : m;
-    return f.ctx && s(f.ctx[$], f.ctx[$] = y) && (!f.skip_bound && f.bound[$] && f.bound[$](y), w && hn(t, $)), m;
-  }) : [], f.update(), w = !0, z(f.before_update), f.fragment = o ? o(f.ctx) : !1, n.target) {
+    const g = i.length ? i[0] : m;
+    return f.ctx && s(f.ctx[$], f.ctx[$] = g) && (!f.skip_bound && f.bound[$] && f.bound[$](g), T && hn(t, $)), m;
+  }) : [], f.update(), T = !0, D(f.before_update), f.fragment = o ? o(f.ctx) : !1, n.target) {
     if (n.hydrate) {
       const $ = rn(n.target);
       f.fragment && f.fragment.l($), $.forEach(x);
     } else
       f.fragment && f.fragment.c();
-    n.intro && ut(t.$$.fragment), St(t, n.target, n.anchor, n.customElement), Xt();
+    n.intro && ut(t.$$.fragment), bt(t, n.target, n.anchor, n.customElement), Pt();
   }
   J(p);
 }
 class _t {
   $destroy() {
-    vt(this, 1), this.$destroy = xt;
+    St(this, 1), this.$destroy = xt;
   }
   $on(n, r) {
     if (!_(r))
@@ -259,8 +259,8 @@ class _t {
     this.$$set && !Jt(n) && (this.$$.skip_bound = !0, this.$$set(n), this.$$.skip_bound = !1);
   }
 }
-var B = /* @__PURE__ */ ((t) => (t.ELLIPSE = "ELLIPSE", t.POLYGON = "POLYGON", t.RECTANGLE = "RECTANGLE", t))(B || {});
-const At = (t, n) => n, Dt = (t) => {
+var N = /* @__PURE__ */ ((t) => (t.ELLIPSE = "ELLIPSE", t.POLYGON = "POLYGON", t.RECTANGLE = "RECTANGLE", t))(N || {});
+const At = (t, n) => n, zt = (t) => {
   let n = 1 / 0, r = 1 / 0, o = -1 / 0, s = -1 / 0;
   return t.forEach(([a, c]) => {
     n = Math.min(n, a), r = Math.min(r, c), o = Math.max(o, a), s = Math.max(s, c);
@@ -268,11 +268,11 @@ const At = (t, n) => n, Dt = (t) => {
 }, dn = {
   area: (t) => Math.PI * t.geometry.rx * t.geometry.ry,
   intersects: (t, n, r) => {
-    const { cx: o, cy: s, rx: a, ry: c } = t.geometry, l = 0, p = Math.cos(l), f = Math.sin(l), w = n - o, $ = r - s, m = p * w + f * $, i = f * w - p * $;
+    const { cx: o, cy: s, rx: a, ry: c } = t.geometry, l = 0, p = Math.cos(l), f = Math.sin(l), T = n - o, $ = r - s, m = p * T + f * $, i = f * T - p * $;
     return m * m / (a * a) + i * i / (c * c) <= 1;
   }
 };
-At(B.ELLIPSE, dn);
+At(N.ELLIPSE, dn);
 const fn = {
   area: (t) => {
     const { points: n } = t.geometry;
@@ -285,36 +285,36 @@ const fn = {
     const { points: o } = t.geometry;
     let s = !1;
     for (let a = 0, c = o.length - 1; a < o.length; c = a++) {
-      const l = o[a][0], p = o[a][1], f = o[c][0], w = o[c][1];
-      p > r != w > r && n < (f - l) * (r - p) / (w - p) + l && (s = !s);
+      const l = o[a][0], p = o[a][1], f = o[c][0], T = o[c][1];
+      p > r != T > r && n < (f - l) * (r - p) / (T - p) + l && (s = !s);
     }
     return s;
   }
 };
-At(B.POLYGON, fn);
-const yn = {
+At(N.POLYGON, fn);
+const gn = {
   area: (t) => t.geometry.w * t.geometry.h,
   intersects: (t, n, r) => n >= t.geometry.x && n <= t.geometry.x + t.geometry.w && r >= t.geometry.y && r <= t.geometry.y + t.geometry.h
 };
-At(B.RECTANGLE, yn);
-const gn = (t, n = !1) => {
-  const r = typeof t == "string" ? t : t.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, s = [...r.matchAll(o)][0], [a, c, l, p, f, w, $] = s;
+At(N.RECTANGLE, gn);
+const yn = (t, n = !1) => {
+  const r = typeof t == "string" ? t : t.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, s = [...r.matchAll(o)][0], [a, c, l, p, f, T, $] = s;
   if (c !== "xywh")
     throw new Error("Unsupported MediaFragment: " + r);
   if (l && l !== "pixel")
     throw new Error(`Unsupported MediaFragment unit: ${l}`);
-  const [m, i, y, h] = [p, f, w, $].map(parseFloat);
+  const [m, i, g, h] = [p, f, T, $].map(parseFloat);
   return {
-    type: B.RECTANGLE,
+    type: N.RECTANGLE,
     geometry: {
       x: m,
       y: i,
-      w: y,
+      w: g,
       h,
       bounds: {
         minX: m,
         minY: n ? i - h : i,
-        maxX: m + y,
+        maxX: m + g,
         maxY: n ? i : i + h
       }
     }
@@ -326,7 +326,7 @@ const gn = (t, n = !1) => {
     conformsTo: "http://www.w3.org/TR/media-frags/",
     value: `xywh=pixel:${n},${r},${o},${s}`
   };
-}, Wt = "http://www.w3.org/2000/svg", Ht = (t) => {
+}, Vt = "http://www.w3.org/2000/svg", Ht = (t) => {
   const n = (o) => {
     Array.from(o.attributes).forEach((s) => {
       s.name.startsWith("on") && o.removeAttribute(s.name);
@@ -334,24 +334,24 @@ const gn = (t, n = !1) => {
   }, r = t.getElementsByTagName("script");
   return Array.from(r).reverse().forEach((o) => o.parentNode.removeChild(o)), Array.from(t.querySelectorAll("*")).forEach(n), t;
 }, $n = (t) => {
-  const n = new XMLSerializer().serializeToString(t.documentElement).replace("<svg>", `<svg xmlns="${Wt}">`);
+  const n = new XMLSerializer().serializeToString(t.documentElement).replace("<svg>", `<svg xmlns="${Vt}">`);
   return new DOMParser().parseFromString(n, "image/svg+xml").documentElement;
 }, xn = (t) => {
-  const n = new DOMParser().parseFromString(t, "image/svg+xml"), r = n.lookupPrefix(Wt), o = n.lookupNamespaceURI(null);
+  const n = new DOMParser().parseFromString(t, "image/svg+xml"), r = n.lookupPrefix(Vt), o = n.lookupNamespaceURI(null);
   return r || o ? Ht(n).firstChild : Ht($n(n)).firstChild;
-}, wn = (t) => {
+}, Tn = (t) => {
   const [n, r, o] = t.match(/(<polygon points=["|'])([^("|')]*)/) || [];
   if (!o)
     return;
   const s = o.split(" ").map((a) => a.split(",").map(parseFloat));
   return {
-    type: B.POLYGON,
+    type: N.POLYGON,
     geometry: {
       points: s,
-      bounds: Dt(s)
+      bounds: zt(s)
     }
   };
-}, Tn = (t) => {
+}, wn = (t) => {
   const n = xn(t), r = parseFloat(n.getAttribute("cx")), o = parseFloat(n.getAttribute("cy")), s = parseFloat(n.getAttribute("rx")), a = parseFloat(n.getAttribute("ry")), c = {
     minX: r - s,
     minY: o - a,
@@ -359,7 +359,7 @@ const gn = (t, n = !1) => {
     maxY: o + a
   };
   return {
-    type: B.ELLIPSE,
+    type: N.ELLIPSE,
     geometry: {
       cx: r,
       cy: o,
@@ -371,15 +371,15 @@ const gn = (t, n = !1) => {
 }, En = (t) => {
   const n = typeof t == "string" ? t : t.value;
   if (n.includes("<polygon points="))
-    return wn(n);
-  if (n.includes("<ellipse "))
     return Tn(n);
-}, bn = (t) => {
+  if (n.includes("<ellipse "))
+    return wn(n);
+}, On = (t) => {
   let n;
-  if (t.type === B.POLYGON) {
+  if (t.type === N.POLYGON) {
     const r = t.geometry, { points: o } = r;
     n = `<svg><polygon points="${o.map((s) => s.join(",")).join(" ")}" /></svg>`;
-  } else if (t.type === B.ELLIPSE) {
+  } else if (t.type === N.ELLIPSE) {
     const r = t.geometry;
     n = `<svg><ellipse cx="${r.cx}" cy="${r.cy}" rx="${r.rx}" ry="${r.ry}" /></svg>`;
   }
@@ -388,17 +388,17 @@ const gn = (t, n = !1) => {
   throw `Unsupported shape type: ${t.type}`;
 };
 let lt;
-const Sn = new Uint8Array(16);
-function vn() {
+const bn = new Uint8Array(16);
+function Sn() {
   if (!lt && (lt = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !lt))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return lt(Sn);
+  return lt(bn);
 }
-const S = [];
+const b = [];
 for (let t = 0; t < 256; ++t)
-  S.push((t + 256).toString(16).slice(1));
-function Pn(t, n = 0) {
-  return S[t[n + 0]] + S[t[n + 1]] + S[t[n + 2]] + S[t[n + 3]] + "-" + S[t[n + 4]] + S[t[n + 5]] + "-" + S[t[n + 6]] + S[t[n + 7]] + "-" + S[t[n + 8]] + S[t[n + 9]] + "-" + S[t[n + 10]] + S[t[n + 11]] + S[t[n + 12]] + S[t[n + 13]] + S[t[n + 14]] + S[t[n + 15]];
+  b.push((t + 256).toString(16).slice(1));
+function vn(t, n = 0) {
+  return b[t[n + 0]] + b[t[n + 1]] + b[t[n + 2]] + b[t[n + 3]] + "-" + b[t[n + 4]] + b[t[n + 5]] + "-" + b[t[n + 6]] + b[t[n + 7]] + "-" + b[t[n + 8]] + b[t[n + 9]] + "-" + b[t[n + 10]] + b[t[n + 11]] + b[t[n + 12]] + b[t[n + 13]] + b[t[n + 14]] + b[t[n + 15]];
 }
 const _n = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Gt = {
   randomUUID: _n
@@ -407,17 +407,21 @@ function An(t, n, r) {
   if (Gt.randomUUID && !n && !t)
     return Gt.randomUUID();
   t = t || {};
-  const o = t.random || (t.rng || vn)();
+  const o = t.random || (t.rng || Sn)();
   if (o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, n) {
     r = r || 0;
     for (let s = 0; s < 16; ++s)
       n[r + s] = o[s];
     return n;
   }
-  return Pn(o);
+  return vn(o);
 }
-let Ln = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((n, r) => (r &= 63, r < 36 ? n += r.toString(36) : r < 62 ? n += (r - 26).toString(36).toUpperCase() : r > 62 ? n += "-" : n += "_", n), "");
-const Mn = (t) => {
+const Ln = [];
+for (let t = 0; t < 256; ++t)
+  Ln.push((t + 256).toString(16).slice(1));
+typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+let In = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((n, r) => (r &= 63, r < 36 ? n += r.toString(36) : r < 62 ? n += (r - 26).toString(36).toUpperCase() : r > 62 ? n += "-" : n += "_", n), "");
+const Fn = (t) => {
   const n = JSON.stringify(t);
   let r = 0;
   for (let o = 0, s = n.length; o < s; o++) {
@@ -425,10 +429,10 @@ const Mn = (t) => {
     r = (r << 5) - r + a, r |= 0;
   }
   return `${r}`;
-}, In = (t, n) => (Array.isArray(t) ? t : [t]).map((r) => {
+}, Rn = (t, n) => (Array.isArray(t) ? t : [t]).map((r) => {
   const { id: o, type: s, purpose: a, value: c, created: l, creator: p, ...f } = r;
   return {
-    id: o || `temp-${Mn(r)}`,
+    id: o || `temp-${Fn(r)}`,
     annotation: n,
     type: s,
     purpose: a,
@@ -437,20 +441,21 @@ const Mn = (t) => {
     creator: p ? typeof p == "object" ? { ...p } : p : void 0,
     ...f
   };
-}), Fn = (t) => t.map((n) => {
+}), Hn = (t) => t.map((n) => {
   var r;
   const o = { ...n };
   return delete o.annotation, (r = o.id) != null && r.startsWith("temp-") && delete o.id, o;
 });
-Ln();
-const Wn = (t, n = !1) => ({ parse: (r) => Hn(r, n), serialize: (r) => Gn(r, t) }), Hn = (t, n = !1) => {
-  const r = t.id || An(), { body: o, ...s } = t, a = In(o, r), c = Array.isArray(t.target) ? t.target[0] : t.target, l = Array.isArray(c.selector) ? c.selector[0] : c.selector, p = l.type === "FragmentSelector" ? gn(l, n) : l.type === "SvgSelector" ? En(l) : void 0;
+In();
+const qn = (t, n = !1) => ({ parse: (r) => Gn(r, n), serialize: (r) => Un(r, t) }), Gn = (t, n = !1) => {
+  const r = t.id || An(), { body: o, ...s } = t, a = Rn(o, r), c = Array.isArray(t.target) ? t.target[0] : t.target, l = Array.isArray(c.selector) ? c.selector[0] : c.selector, p = l.type === "FragmentSelector" ? yn(l, n) : l.type === "SvgSelector" ? En(l) : void 0;
   return p ? {
     parsed: {
       ...s,
       id: r,
       bodies: a,
       target: {
+        ...s.target,
         annotation: r,
         selector: p
       }
@@ -458,25 +463,25 @@ const Wn = (t, n = !1) => ({ parse: (r) => Hn(r, n), serialize: (r) => Gn(r, t)
   } : {
     error: Error(`Unknown selector type: ${l.type}`)
   };
-}, Gn = (t, n) => {
-  const r = t.target.selector, o = r.type == B.RECTANGLE ? mn(r.geometry) : bn(r);
+}, Un = (t, n) => {
+  const r = t.target.selector, o = r.type == N.RECTANGLE ? mn(r.geometry) : On(r);
   return {
     ...t,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: t.id,
     type: "Annotation",
-    body: Fn(t.bodies),
+    body: Hn(t.bodies),
     target: {
       source: n,
       selector: o
     }
   };
 };
-function Nt(t, n, r) {
+function Ut(t, n, r) {
   const o = t.slice();
   return o[11] = n[r], o[13] = r, o;
 }
-function Bt(t) {
+function Nt(t) {
   let n, r, o, s, a;
   return {
     c() {
@@ -497,7 +502,7 @@ function Bt(t) {
       );
     },
     m(c, l) {
-      T(c, n, l), s || (a = A(n, "pointerdown", function() {
+      w(c, n, l), s || (a = A(n, "pointerdown", function() {
         _(
           /*grab*/
           t[10](d(
@@ -537,15 +542,15 @@ function Bt(t) {
   };
 }
 function Nn(t) {
-  let n, r, o, s, a, c, l, p, f, w, $ = (
+  let n, r, o, s, a, c, l, p, f, T, $ = (
     /*geom*/
     t[4].points
   ), m = [];
   for (let i = 0; i < $.length; i += 1)
-    m[i] = Bt(Nt(t, $, i));
+    m[i] = Nt(Ut(t, $, i));
   return {
     c() {
-      n = L("polygon"), s = U(), a = L("polygon"), l = U();
+      n = L("polygon"), s = B(), a = L("polygon"), l = B();
       for (let i = 0; i < m.length; i += 1)
         m[i].c();
       p = nn(), e(n, "class", "a9s-outer"), e(n, "style", r = /*computedStyle*/
@@ -556,13 +561,13 @@ function Nn(t) {
         /*computedStyle*/
         t[1]
       ), e(a, "points", c = /*geom*/
-      t[4].points.map(Ut).join(" "));
+      t[4].points.map(Bt).join(" "));
     },
-    m(i, y) {
-      T(i, n, y), T(i, s, y), T(i, a, y), T(i, l, y);
+    m(i, g) {
+      w(i, n, g), w(i, s, g), w(i, a, g), w(i, l, g);
       for (let h = 0; h < m.length; h += 1)
-        m[h] && m[h].m(i, y);
-      T(i, p, y), f || (w = [
+        m[h] && m[h].m(i, g);
+      w(i, p, g), f || (T = [
         A(n, "pointerdown", function() {
           _(
             /*grab*/
@@ -577,27 +582,27 @@ function Nn(t) {
         })
       ], f = !0);
     },
-    p(i, y) {
-      if (t = i, y & /*computedStyle*/
+    p(i, g) {
+      if (t = i, g & /*computedStyle*/
       2 && r !== (r = /*computedStyle*/
-      t[1] ? "display:none;" : void 0) && e(n, "style", r), y & /*geom*/
+      t[1] ? "display:none;" : void 0) && e(n, "style", r), g & /*geom*/
       16 && o !== (o = /*geom*/
-      t[4].points.map(Ct).join(" ")) && e(n, "points", o), y & /*computedStyle*/
+      t[4].points.map(Ct).join(" ")) && e(n, "points", o), g & /*computedStyle*/
       2 && e(
         a,
         "style",
         /*computedStyle*/
         t[1]
-      ), y & /*geom*/
+      ), g & /*geom*/
       16 && c !== (c = /*geom*/
-      t[4].points.map(Ut).join(" ")) && e(a, "points", c), y & /*geom, handleSize, grab, Handle*/
+      t[4].points.map(Bt).join(" ")) && e(a, "points", c), g & /*geom, handleSize, grab, Handle*/
       1048) {
         $ = /*geom*/
         t[4].points;
         let h;
         for (h = 0; h < $.length; h += 1) {
-          const E = Nt(t, $, h);
-          m[h] ? m[h].p(E, y) : (m[h] = Bt(E), m[h].c(), m[h].m(p.parentNode, p));
+          const E = Ut(t, $, h);
+          m[h] ? m[h].p(E, g) : (m[h] = Nt(E), m[h].c(), m[h].m(p.parentNode, p));
         }
         for (; h < m.length; h += 1)
           m[h].d(1);
@@ -605,13 +610,13 @@ function Nn(t) {
       }
     },
     d(i) {
-      i && x(n), i && x(s), i && x(a), i && x(l), tn(m, i), i && x(p), f = !1, z(w);
+      i && x(n), i && x(s), i && x(a), i && x(l), tn(m, i), i && x(p), f = !1, D(T);
     }
   };
 }
-function Bn(t) {
+function Cn(t) {
   let n, r;
-  return n = new Vt({
+  return n = new Wt({
     props: {
       shape: (
         /*shape*/
@@ -648,10 +653,10 @@ function Bn(t) {
     t[9]
   ), {
     c() {
-      zt(n.$$.fragment);
+      Dt(n.$$.fragment);
     },
     m(o, s) {
-      St(n, o, s), r = !0;
+      bt(n, o, s), r = !0;
     },
     p(o, [s]) {
       const a = {};
@@ -666,30 +671,30 @@ function Bn(t) {
       r || (ut(n.$$.fragment, o), r = !0);
     },
     o(o) {
-      bt(n.$$.fragment, o), r = !1;
+      Ot(n.$$.fragment, o), r = !1;
     },
     d(o) {
-      vt(n, o);
+      St(n, o);
     }
   };
 }
-const Ct = (t) => t.join(","), Ut = (t) => t.join(",");
-function Cn(t, n, r) {
+const Ct = (t) => t.join(","), Bt = (t) => t.join(",");
+function Bn(t, n, r) {
   let o, s, { shape: a } = n, { computedStyle: c = void 0 } = n, { transform: l } = n, { viewportScale: p = 1 } = n;
-  const f = (i, y, h) => {
+  const f = (i, g, h) => {
     let E;
-    y === d.SHAPE ? E = i.geometry.points.map(([P, b]) => [P + h[0], b + h[1]]) : E = i.geometry.points.map(([P, b], C) => y === d(C) ? [P + h[0], b + h[1]] : [P, b]);
-    const M = Dt(E);
-    return { ...i, geometry: { points: E, bounds: M } };
+    g === d.SHAPE ? E = i.geometry.points.map(([v, O]) => [v + h[0], O + h[1]]) : E = i.geometry.points.map(([v, O], C) => g === d(C) ? [v + h[0], O + h[1]] : [v, O]);
+    const I = zt(E);
+    return { ...i, geometry: { points: E, bounds: I } };
   };
-  function w(i) {
-    V.call(this, t, i);
+  function T(i) {
+    W.call(this, t, i);
   }
   function $(i) {
-    V.call(this, t, i);
+    W.call(this, t, i);
   }
   function m(i) {
-    V.call(this, t, i);
+    W.call(this, t, i);
   }
   return t.$$set = (i) => {
     "shape" in i && r(0, a = i.shape), "computedStyle" in i && r(1, c = i.computedStyle), "transform" in i && r(2, l = i.transform), "viewportScale" in i && r(6, p = i.viewportScale);
@@ -705,14 +710,14 @@ function Cn(t, n, r) {
     o,
     f,
     p,
-    w,
+    T,
     $,
     m
   ];
 }
-class Un extends _t {
+class Yn extends _t {
   constructor(n) {
-    super(), Pt(this, n, Cn, Bn, Et, {
+    super(), vt(this, n, Bn, Cn, Et, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -721,10 +726,10 @@ class Un extends _t {
   }
 }
 function kn(t) {
-  let n, r, o, s, a, c, l, p, f, w, $, m, i, y, h, E, M, P, b, C, k, Y, j, v, O, X, Z, ht, N, K, R, tt, dt, I, nt, rt, ft, F, ot, et, yt, H, st, at, gt, G, it, ct, mt, Lt;
+  let n, r, o, s, a, c, l, p, f, T, $, m, i, g, h, E, I, v, O, C, Y, k, j, S, X, P, Q, ht, U, Z, M, tt, dt, F, nt, rt, ft, R, ot, et, gt, H, st, at, yt, G, it, ct, mt, Lt;
   return {
     c() {
-      n = L("rect"), l = U(), p = L("rect"), i = U(), y = L("rect"), P = U(), b = L("rect"), j = U(), v = L("rect"), ht = U(), N = L("rect"), dt = U(), I = L("rect"), ft = U(), F = L("rect"), yt = U(), H = L("rect"), gt = U(), G = L("rect"), e(n, "class", "a9s-outer"), e(n, "style", r = /*computedStyle*/
+      n = L("rect"), l = B(), p = L("rect"), i = B(), g = L("rect"), v = B(), O = L("rect"), j = B(), S = L("rect"), ht = B(), U = L("rect"), dt = B(), F = L("rect"), ft = B(), R = L("rect"), gt = B(), H = L("rect"), yt = B(), G = L("rect"), e(n, "class", "a9s-outer"), e(n, "style", r = /*computedStyle*/
       t[1] ? "display:none;" : void 0), e(n, "x", o = /*geom*/
       t[4].x), e(n, "y", s = /*geom*/
       t[4].y), e(n, "width", a = /*geom*/
@@ -735,49 +740,49 @@ function kn(t) {
         /*computedStyle*/
         t[1]
       ), e(p, "x", f = /*geom*/
-      t[4].x), e(p, "y", w = /*geom*/
+      t[4].x), e(p, "y", T = /*geom*/
       t[4].y), e(p, "width", $ = /*geom*/
       t[4].w), e(p, "height", m = /*geom*/
-      t[4].h), e(y, "class", "a9s-edge-handle a9s-edge-handle-top"), e(y, "x", h = /*geom*/
-      t[4].x), e(y, "y", E = /*geom*/
-      t[4].y), e(y, "height", 1), e(y, "width", M = /*geom*/
-      t[4].w), e(b, "class", "a9s-edge-handle a9s-edge-handle-right"), e(b, "x", C = /*geom*/
+      t[4].h), e(g, "class", "a9s-edge-handle a9s-edge-handle-top"), e(g, "x", h = /*geom*/
+      t[4].x), e(g, "y", E = /*geom*/
+      t[4].y), e(g, "height", 1), e(g, "width", I = /*geom*/
+      t[4].w), e(O, "class", "a9s-edge-handle a9s-edge-handle-right"), e(O, "x", C = /*geom*/
       t[4].x + /*geom*/
-      t[4].w), e(b, "y", k = /*geom*/
-      t[4].y), e(b, "height", Y = /*geom*/
-      t[4].h), e(b, "width", 1), e(v, "class", "a9s-edge-handle a9s-edge-handle-bottom"), e(v, "x", O = /*geom*/
-      t[4].x), e(v, "y", X = /*geom*/
+      t[4].w), e(O, "y", Y = /*geom*/
+      t[4].y), e(O, "height", k = /*geom*/
+      t[4].h), e(O, "width", 1), e(S, "class", "a9s-edge-handle a9s-edge-handle-bottom"), e(S, "x", X = /*geom*/
+      t[4].x), e(S, "y", P = /*geom*/
       t[4].y + /*geom*/
-      t[4].h), e(v, "height", 1), e(v, "width", Z = /*geom*/
-      t[4].w), e(N, "class", "a9s-edge-handle a9s-edge-handle-left"), e(N, "x", K = /*geom*/
-      t[4].x), e(N, "y", R = /*geom*/
-      t[4].y), e(N, "height", tt = /*geom*/
-      t[4].h), e(N, "width", 1), e(I, "class", "a9s-corner-handle a9s-corner-handle-topleft"), e(I, "x", nt = /*geom*/
+      t[4].h), e(S, "height", 1), e(S, "width", Q = /*geom*/
+      t[4].w), e(U, "class", "a9s-edge-handle a9s-edge-handle-left"), e(U, "x", Z = /*geom*/
+      t[4].x), e(U, "y", M = /*geom*/
+      t[4].y), e(U, "height", tt = /*geom*/
+      t[4].h), e(U, "width", 1), e(F, "class", "a9s-corner-handle a9s-corner-handle-topleft"), e(F, "x", nt = /*geom*/
       t[4].x - /*handleSize*/
-      t[3] / 2), e(I, "y", rt = /*geom*/
+      t[3] / 2), e(F, "y", rt = /*geom*/
       t[4].y - /*handleSize*/
       t[3] / 2), e(
-        I,
+        F,
         "height",
         /*handleSize*/
         t[3]
       ), e(
-        I,
+        F,
         "width",
         /*handleSize*/
         t[3]
-      ), e(F, "class", "a9s-corner-handle a9s-corner-handle-topright"), e(F, "x", ot = /*geom*/
+      ), e(R, "class", "a9s-corner-handle a9s-corner-handle-topright"), e(R, "x", ot = /*geom*/
       t[4].x + /*geom*/
       t[4].w - /*handleSize*/
-      t[3] / 2), e(F, "y", et = /*geom*/
+      t[3] / 2), e(R, "y", et = /*geom*/
       t[4].y - /*handleSize*/
       t[3] / 2), e(
-        F,
+        R,
         "height",
         /*handleSize*/
         t[3]
       ), e(
-        F,
+        R,
         "width",
         /*handleSize*/
         t[3]
@@ -814,8 +819,8 @@ function kn(t) {
         t[3]
       );
     },
-    m(g, u) {
-      T(g, n, u), T(g, l, u), T(g, p, u), T(g, i, u), T(g, y, u), T(g, P, u), T(g, b, u), T(g, j, u), T(g, v, u), T(g, ht, u), T(g, N, u), T(g, dt, u), T(g, I, u), T(g, ft, u), T(g, F, u), T(g, yt, u), T(g, H, u), T(g, gt, u), T(g, G, u), mt || (Lt = [
+    m(y, u) {
+      w(y, n, u), w(y, l, u), w(y, p, u), w(y, i, u), w(y, g, u), w(y, v, u), w(y, O, u), w(y, j, u), w(y, S, u), w(y, ht, u), w(y, U, u), w(y, dt, u), w(y, F, u), w(y, ft, u), w(y, R, u), w(y, gt, u), w(y, H, u), w(y, yt, u), w(y, G, u), mt || (Lt = [
         A(n, "pointerdown", function() {
           _(
             /*grab*/
@@ -828,37 +833,37 @@ function kn(t) {
             t[10](d.SHAPE)
           ) && t[10](d.SHAPE).apply(this, arguments);
         }),
-        A(y, "pointerdown", function() {
+        A(g, "pointerdown", function() {
           _(
             /*grab*/
             t[10](d.TOP)
           ) && t[10](d.TOP).apply(this, arguments);
         }),
-        A(b, "pointerdown", function() {
+        A(O, "pointerdown", function() {
           _(
             /*grab*/
             t[10](d.RIGHT)
           ) && t[10](d.RIGHT).apply(this, arguments);
         }),
-        A(v, "pointerdown", function() {
+        A(S, "pointerdown", function() {
           _(
             /*grab*/
             t[10](d.BOTTOM)
           ) && t[10](d.BOTTOM).apply(this, arguments);
         }),
-        A(N, "pointerdown", function() {
+        A(U, "pointerdown", function() {
           _(
             /*grab*/
             t[10](d.LEFT)
           ) && t[10](d.LEFT).apply(this, arguments);
         }),
-        A(I, "pointerdown", function() {
+        A(F, "pointerdown", function() {
           _(
             /*grab*/
             t[10](d.TOP_LEFT)
           ) && t[10](d.TOP_LEFT).apply(this, arguments);
         }),
-        A(F, "pointerdown", function() {
+        A(R, "pointerdown", function() {
           _(
             /*grab*/
             t[10](d.TOP_RIGHT)
@@ -878,8 +883,8 @@ function kn(t) {
         })
       ], mt = !0);
     },
-    p(g, u) {
-      t = g, u & /*computedStyle*/
+    p(y, u) {
+      t = y, u & /*computedStyle*/
       2 && r !== (r = /*computedStyle*/
       t[1] ? "display:none;" : void 0) && e(n, "style", r), u & /*geom*/
       16 && o !== (o = /*geom*/
@@ -898,52 +903,52 @@ function kn(t) {
       ), u & /*geom*/
       16 && f !== (f = /*geom*/
       t[4].x) && e(p, "x", f), u & /*geom*/
-      16 && w !== (w = /*geom*/
-      t[4].y) && e(p, "y", w), u & /*geom*/
+      16 && T !== (T = /*geom*/
+      t[4].y) && e(p, "y", T), u & /*geom*/
       16 && $ !== ($ = /*geom*/
       t[4].w) && e(p, "width", $), u & /*geom*/
       16 && m !== (m = /*geom*/
       t[4].h) && e(p, "height", m), u & /*geom*/
       16 && h !== (h = /*geom*/
-      t[4].x) && e(y, "x", h), u & /*geom*/
+      t[4].x) && e(g, "x", h), u & /*geom*/
       16 && E !== (E = /*geom*/
-      t[4].y) && e(y, "y", E), u & /*geom*/
-      16 && M !== (M = /*geom*/
-      t[4].w) && e(y, "width", M), u & /*geom*/
+      t[4].y) && e(g, "y", E), u & /*geom*/
+      16 && I !== (I = /*geom*/
+      t[4].w) && e(g, "width", I), u & /*geom*/
       16 && C !== (C = /*geom*/
       t[4].x + /*geom*/
-      t[4].w) && e(b, "x", C), u & /*geom*/
-      16 && k !== (k = /*geom*/
-      t[4].y) && e(b, "y", k), u & /*geom*/
+      t[4].w) && e(O, "x", C), u & /*geom*/
       16 && Y !== (Y = /*geom*/
-      t[4].h) && e(b, "height", Y), u & /*geom*/
-      16 && O !== (O = /*geom*/
-      t[4].x) && e(v, "x", O), u & /*geom*/
+      t[4].y) && e(O, "y", Y), u & /*geom*/
+      16 && k !== (k = /*geom*/
+      t[4].h) && e(O, "height", k), u & /*geom*/
       16 && X !== (X = /*geom*/
+      t[4].x) && e(S, "x", X), u & /*geom*/
+      16 && P !== (P = /*geom*/
       t[4].y + /*geom*/
-      t[4].h) && e(v, "y", X), u & /*geom*/
+      t[4].h) && e(S, "y", P), u & /*geom*/
+      16 && Q !== (Q = /*geom*/
+      t[4].w) && e(S, "width", Q), u & /*geom*/
       16 && Z !== (Z = /*geom*/
-      t[4].w) && e(v, "width", Z), u & /*geom*/
-      16 && K !== (K = /*geom*/
-      t[4].x) && e(N, "x", K), u & /*geom*/
-      16 && R !== (R = /*geom*/
-      t[4].y) && e(N, "y", R), u & /*geom*/
+      t[4].x) && e(U, "x", Z), u & /*geom*/
+      16 && M !== (M = /*geom*/
+      t[4].y) && e(U, "y", M), u & /*geom*/
       16 && tt !== (tt = /*geom*/
-      t[4].h) && e(N, "height", tt), u & /*geom, handleSize*/
+      t[4].h) && e(U, "height", tt), u & /*geom, handleSize*/
       24 && nt !== (nt = /*geom*/
       t[4].x - /*handleSize*/
-      t[3] / 2) && e(I, "x", nt), u & /*geom, handleSize*/
+      t[3] / 2) && e(F, "x", nt), u & /*geom, handleSize*/
       24 && rt !== (rt = /*geom*/
       t[4].y - /*handleSize*/
-      t[3] / 2) && e(I, "y", rt), u & /*handleSize*/
+      t[3] / 2) && e(F, "y", rt), u & /*handleSize*/
       8 && e(
-        I,
+        F,
         "height",
         /*handleSize*/
         t[3]
       ), u & /*handleSize*/
       8 && e(
-        I,
+        F,
         "width",
         /*handleSize*/
         t[3]
@@ -951,18 +956,18 @@ function kn(t) {
       24 && ot !== (ot = /*geom*/
       t[4].x + /*geom*/
       t[4].w - /*handleSize*/
-      t[3] / 2) && e(F, "x", ot), u & /*geom, handleSize*/
+      t[3] / 2) && e(R, "x", ot), u & /*geom, handleSize*/
       24 && et !== (et = /*geom*/
       t[4].y - /*handleSize*/
-      t[3] / 2) && e(F, "y", et), u & /*handleSize*/
+      t[3] / 2) && e(R, "y", et), u & /*handleSize*/
       8 && e(
-        F,
+        R,
         "height",
         /*handleSize*/
         t[3]
       ), u & /*handleSize*/
       8 && e(
-        F,
+        R,
         "width",
         /*handleSize*/
         t[3]
@@ -1007,14 +1012,14 @@ function kn(t) {
         t[3]
       );
     },
-    d(g) {
-      g && x(n), g && x(l), g && x(p), g && x(i), g && x(y), g && x(P), g && x(b), g && x(j), g && x(v), g && x(ht), g && x(N), g && x(dt), g && x(I), g && x(ft), g && x(F), g && x(yt), g && x(H), g && x(gt), g && x(G), mt = !1, z(Lt);
+    d(y) {
+      y && x(n), y && x(l), y && x(p), y && x(i), y && x(g), y && x(v), y && x(O), y && x(j), y && x(S), y && x(ht), y && x(U), y && x(dt), y && x(F), y && x(ft), y && x(R), y && x(gt), y && x(H), y && x(yt), y && x(G), mt = !1, D(Lt);
     }
   };
 }
-function Yn(t) {
+function jn(t) {
   let n, r;
-  return n = new Vt({
+  return n = new Wt({
     props: {
       shape: (
         /*shape*/
@@ -1051,10 +1056,10 @@ function Yn(t) {
     t[9]
   ), {
     c() {
-      zt(n.$$.fragment);
+      Dt(n.$$.fragment);
     },
     m(o, s) {
-      St(n, o, s), r = !0;
+      bt(n, o, s), r = !0;
     },
     p(o, [s]) {
       const a = {};
@@ -1069,76 +1074,76 @@ function Yn(t) {
       r || (ut(n.$$.fragment, o), r = !0);
     },
     o(o) {
-      bt(n.$$.fragment, o), r = !1;
+      Ot(n.$$.fragment, o), r = !1;
     },
     d(o) {
-      vt(n, o);
+      St(n, o);
     }
   };
 }
-function jn(t, n, r) {
+function Xn(t, n, r) {
   let o, s, { shape: a } = n, { computedStyle: c = void 0 } = n, { transform: l } = n, { viewportScale: p = 1 } = n;
-  const f = (i, y, h) => {
+  const f = (i, g, h) => {
     const E = i.geometry.bounds;
-    let [M, P] = [E.minX, E.minY], [b, C] = [E.maxX, E.maxY];
-    const [k, Y] = h;
-    if (y === d.SHAPE)
-      M += k, b += k, P += Y, C += Y;
+    let [I, v] = [E.minX, E.minY], [O, C] = [E.maxX, E.maxY];
+    const [Y, k] = h;
+    if (g === d.SHAPE)
+      I += Y, O += Y, v += k, C += k;
     else {
-      switch (y) {
+      switch (g) {
         case d.TOP:
         case d.TOP_LEFT:
         case d.TOP_RIGHT: {
-          P += Y;
+          v += k;
           break;
         }
         case d.BOTTOM:
         case d.BOTTOM_LEFT:
         case d.BOTTOM_RIGHT: {
-          C += Y;
+          C += k;
           break;
         }
       }
-      switch (y) {
+      switch (g) {
         case d.LEFT:
         case d.TOP_LEFT:
         case d.BOTTOM_LEFT: {
-          M += k;
+          I += Y;
           break;
         }
         case d.RIGHT:
         case d.TOP_RIGHT:
         case d.BOTTOM_RIGHT: {
-          b += k;
+          O += Y;
           break;
         }
       }
     }
-    const j = Math.min(M, b), v = Math.min(P, C), O = Math.abs(b - M), X = Math.abs(C - P);
+    const j = Math.min(I, O), S = Math.min(v, C), X = Math.abs(O - I), P = Math.abs(C - v);
     return {
       ...i,
       geometry: {
         x: j,
-        y: v,
-        w: O,
-        h: X,
+        y: S,
+        w: X,
+        h: P,
         bounds: {
           minX: j,
-          minY: v,
-          maxX: j + O,
-          maxY: v + X
+          minY: S,
+          maxX: j + X,
+          maxY: S + P
         }
       }
     };
   };
-  function w(i) {
-    V.call(this, t, i);
+  function T(i) {
+    W.call(this, t, i);
   }
   function $(i) {
-    V.call(this, t, i);
+    W.call(this, t, i);
   }
   function m(i) {
-    V.call(this, t, i);
+    W.call(this, t, i);
   }
   return t.$$set = (i) => {
     "shape" in i && r(0, a = i.shape), "computedStyle" in i && r(1, c = i.computedStyle), "transform" in i && r(2, l = i.transform), "viewportScale" in i && r(6, p = i.viewportScale);
@@ -1154,14 +1159,14 @@ function jn(t, n, r) {
     o,
     f,
     p,
-    w,
+    T,
     $,
     m
   ];
 }
-class On extends _t {
+class Pn extends _t {
   constructor(n) {
-    super(), Pt(this, n, jn, Yn, Et, {
+    super(), vt(this, n, Xn, jn, Et, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1169,7 +1174,7 @@ class On extends _t {
     });
   }
 }
-B.RECTANGLE, B.POLYGON;
+N.RECTANGLE, N.POLYGON;
 const d = (t) => `HANDLE-${t}`;
 d.SHAPE = "SHAPE";
 d.TOP = "TOP";
@@ -1180,7 +1185,7 @@ d.TOP_LEFT = "TOP_LEFT";
 d.TOP_RIGHT = "TOP_RIGHT";
 d.BOTTOM_RIGHT = "BOTTOM_RIGHT";
 d.BOTTOM_LEFT = "BOTTOM_LEFT";
-const Xn = (t) => ({}), kt = (t) => ({ grab: (
+const Dn = (t) => ({}), Yt = (t) => ({ grab: (
   /*onGrab*/
   t[0]
 ) });
@@ -1189,19 +1194,19 @@ function zn(t) {
   const a = (
     /*#slots*/
     t[7].default
-  ), c = Qt(
+  ), c = Kt(
     a,
     t,
     /*$$scope*/
     t[6],
-    kt
+    Yt
   );
   return {
     c() {
       n = L("g"), c && c.c(), e(n, "class", "a9s-annotation selected");
     },
     m(l, p) {
-      T(l, n, p), c && c.m(n, null), r = !0, o || (s = [
+      w(l, n, p), c && c.m(n, null), r = !0, o || (s = [
         A(
           n,
           "pointerup",
@@ -1218,77 +1223,77 @@ function zn(t) {
     },
     p(l, [p]) {
       c && c.p && (!r || p & /*$$scope*/
-      64) && Kt(
+      64) && Zt(
         c,
         a,
         l,
         /*$$scope*/
         l[6],
-        r ? Zt(
+        r ? Qt(
           a,
           /*$$scope*/
           l[6],
           p,
-          Xn
-        ) : Rt(
+          Dn
+        ) : Mt(
           /*$$scope*/
           l[6]
         ),
-        kt
+        Yt
       );
     },
     i(l) {
       r || (ut(c, l), r = !0);
     },
     o(l) {
-      bt(c, l), r = !1;
+      Ot(c, l), r = !1;
     },
     d(l) {
-      l && x(n), c && c.d(l), o = !1, z(s);
+      l && x(n), c && c.d(l), o = !1, D(s);
     }
   };
 }
-function Dn(t, n, r) {
+function Vn(t, n, r) {
   let { $$slots: o = {}, $$scope: s } = n;
   const a = sn();
-  let { shape: c } = n, { editor: l } = n, { transform: p } = n, f = null, w, $ = null;
+  let { shape: c } = n, { editor: l } = n, { transform: p } = n, f = null, T, $ = null;
   const m = (h) => (E) => {
-    f = h, w = p.elementToImage(E.offsetX, E.offsetY), $ = c, E.target.setPointerCapture(E.pointerId), a("grab");
+    f = h, T = p.elementToImage(E.offsetX, E.offsetY), $ = c, E.target.setPointerCapture(E.pointerId), a("grab");
   }, i = (h) => {
     if (f) {
-      const [E, M] = p.elementToImage(h.offsetX, h.offsetY), P = [E - w[0], M - w[1]];
-      r(3, c = l($, f, P)), a("change", c);
+      const [E, I] = p.elementToImage(h.offsetX, h.offsetY), v = [E - T[0], I - T[1]];
+      r(3, c = l($, f, v)), a("change", c);
     }
-  }, y = (h) => {
+  }, g = (h) => {
     h.target.releasePointerCapture(h.pointerId), f = null, $ = c, a("release");
   };
   return t.$$set = (h) => {
     "shape" in h && r(3, c = h.shape), "editor" in h && r(4, l = h.editor), "transform" in h && r(5, p = h.transform), "$$scope" in h && r(6, s = h.$$scope);
-  }, [m, i, y, c, l, p, s, o];
+  }, [m, i, g, c, l, p, s, o];
 }
-class Vt extends _t {
+class Wt extends _t {
   constructor(n) {
-    super(), Pt(this, n, Dn, zn, Et, { shape: 3, editor: 4, transform: 5 });
+    super(), vt(this, n, Vn, zn, Et, { shape: 3, editor: 4, transform: 5 });
   }
 }
 navigator.userAgent.indexOf("Mac OS X");
+let Wn = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((n, r) => (r &= 63, r < 36 ? n += r.toString(36) : r < 62 ? n += (r - 26).toString(36).toUpperCase() : r > 62 ? n += "-" : n += "_", n), "");
+Wn();
 export {
-  Vt as Editor,
+  Wt as Editor,
   d as Handle,
-  Un as PolygonEditor,
-  On as RectangleEditor,
-  yn as RectangleUtil,
-  B as ShapeType,
-  Wn as W3CImageFormat,
-  Dt as boundsFromPoints,
-  gn as parseFragmentSelector,
+  Yn as PolygonEditor,
+  Pn as RectangleEditor,
+  gn as RectangleUtil,
+  N as ShapeType,
+  qn as W3CImageFormat,
+  zt as boundsFromPoints,
+  yn as parseFragmentSelector,
   En as parseSVGSelector,
-  In as parseW3CBodies,
-  Hn as parseW3CImageAnnotation,
+  Gn as parseW3CImageAnnotation,
   At as registerShapeUtil,
   mn as serializeFragmentSelector,
-  bn as serializeSVGSelector,
-  Fn as serializeW3CBodies,
-  Gn as serializeW3CImageAnnotation
+  On as serializeSVGSelector,
+  Un as serializeW3CImageAnnotation
 };
 //# sourceMappingURL=annotorious-svelte.es5.js.map