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

package/dist/annotorious-svelte.es5.js

@@ -8,10 +8,10 @@ function qt(t, n) {
 function kt(t) {
   return t();
 }
-function Mt() {
+function It() {
   return /* @__PURE__ */ Object.create(null);
 }
-function W(t) {
+function D(t) {
   t.forEach(kt);
 }
 function _(t) {
@@ -20,10 +20,10 @@ function _(t) {
 function Et(t, n) {
   return t != t ? n == n : t !== n || t && typeof t == "object" || typeof t == "function";
 }
-function Kt(t) {
+function Jt(t) {
   return Object.keys(t).length === 0;
 }
-function Jt(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 Jt(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 Qt(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 Ct(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 Ct(t) {
   }
   return -1;
 }
-function T(t, n, r) {
+function w(t, n, r) {
   t.insertBefore(n, r || null);
 }
 function x(t) {
@@ -78,7 +78,7 @@ function L(t) {
 function Xt(t) {
   return document.createTextNode(t);
 }
-function U() {
+function B() {
   return Xt(" ");
 }
 function nn() {
@@ -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 J;
-function K(t) {
-  J = t;
+let K;
+function J(t) {
+  K = t;
 }
 function en() {
-  if (!J)
+  if (!K)
     throw new Error("Function called outside component initialization");
-  return J;
+  return K;
 }
 function sn() {
   const t = en();
@@ -119,93 +119,93 @@ 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 S = [], 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(Dt));
+  Tt || (Tt = !0, an.then(Pt));
 }
-function Tt(t) {
+function wt(t) {
   q.push(t);
 }
 const $t = /* @__PURE__ */ new Set();
 let z = 0;
-function Dt() {
+function Pt() {
   if (z !== 0)
     return;
-  const t = J;
+  const t = K;
   do {
     try {
-      for (; z < S.length; ) {
-        const n = S[z];
-        z++, K(n), ln(n.$$);
+      for (; z < V.length; ) {
+        const n = V[z];
+        z++, J(n), ln(n.$$);
       }
     } catch (n) {
-      throw S.length = 0, z = 0, n;
+      throw V.length = 0, z = 0, n;
     }
-    for (K(null), S.length = 0, z = 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 (S.length);
-  for (; Ft.length; )
-    Ft.pop()();
-  wt = !1, $t.clear(), K(t);
+  } while (V.length);
+  for (; Rt.length; )
+    Rt.pop()();
+  Tt = !1, $t.clear(), J(t);
 }
 function ln(t) {
   if (t.fragment !== null) {
-    t.update(), W(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 un(t) {
+function pn(t) {
   const n = [], r = [];
   q.forEach((o) => t.indexOf(o) === -1 ? n.push(o) : r.push(o)), r.forEach((o) => o()), q = n;
 }
-const ut = /* @__PURE__ */ new Set();
-let pn;
-function pt(t, n) {
-  t && t.i && (ut.delete(t), t.i(n));
+const pt = /* @__PURE__ */ new Set();
+let un;
+function ut(t, n) {
+  t && t.i && (pt.delete(t), t.i(n));
 }
 function Ot(t, n, r, o) {
   if (t && t.o) {
-    if (ut.has(t))
+    if (pt.has(t))
       return;
-    ut.add(t), pn.c.push(() => {
-      ut.delete(t), o && (r && t.d(1), o());
+    pt.add(t), un.c.push(() => {
+      pt.delete(t), o && (r && t.d(1), o());
     }), t.o(n);
   } else
     o && o();
 }
-function Wt(t) {
+function Dt(t) {
   t && t.c();
 }
 function bt(t, n, r, o) {
   const { fragment: s, after_update: a } = t.$$;
-  s && s.m(n, r), o || Tt(() => {
+  s && s.m(n, r), o || wt(() => {
     const c = t.$$.on_mount.map(kt).filter(_);
-    t.$$.on_destroy ? t.$$.on_destroy.push(...c) : W(c), t.$$.on_mount = [];
-  }), a.forEach(Tt);
+    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 && (un(r.after_update), W(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 dn(t, n) {
-  t.$$.dirty[0] === -1 && (S.push(t), cn(), t.$$.dirty.fill(0)), t.$$.dirty[n / 31 | 0] |= 1 << n % 31;
+function hn(t, n) {
+  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 u = J;
-  K(t);
+function vt(t, n, r, o, s, a, c, l = [-1]) {
+  const p = K;
+  J(t);
   const f = t.$$ = {
     fragment: null,
     ctx: [],
@@ -213,38 +213,38 @@ 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: [],
     on_disconnect: [],
     before_update: [],
     after_update: [],
-    context: new Map(n.context || (u ? u.$$.context : [])),
+    context: new Map(n.context || (p ? p.$$.context : [])),
     // everything else
-    callbacks: Mt(),
+    callbacks: It(),
     dirty: l,
     skip_bound: !1,
-    root: n.target || u.$$.root
+    root: n.target || p.$$.root
   };
   c && c(f.root);
-  let w = !1;
-  if (f.ctx = r ? r(t, n.props || {}, ($, g, ...i) => {
-    const m = i.length ? i[0] : g;
-    return f.ctx && s(f.ctx[$], f.ctx[$] = m) && (!f.skip_bound && f.bound[$] && f.bound[$](m), w && dn(t, $)), g;
-  }) : [], f.update(), w = !0, W(f.before_update), f.fragment = o ? o(f.ctx) : !1, n.target) {
+  let T = !1;
+  if (f.ctx = r ? r(t, n.props || {}, ($, m, ...i) => {
+    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 && pt(t.$$.fragment), bt(t, n.target, n.anchor, n.customElement), Dt();
+    n.intro && ut(t.$$.fragment), bt(t, n.target, n.anchor, n.customElement), Pt();
   }
-  K(u);
+  J(p);
 }
 class _t {
   $destroy() {
-    vt(this, 1), this.$destroy = xt;
+    St(this, 1), this.$destroy = xt;
   }
   $on(n, r) {
     if (!_(r))
@@ -256,7 +256,7 @@ class _t {
     };
   }
   $set(n) {
-    this.$$set && !Kt(n) && (this.$$.skip_bound = !0, this.$$set(n), this.$$.skip_bound = !1);
+    this.$$set && !Jt(n) && (this.$$.skip_bound = !0, this.$$set(n), this.$$.skip_bound = !1);
   }
 }
 var N = /* @__PURE__ */ ((t) => (t.ELLIPSE = "ELLIPSE", t.POLYGON = "POLYGON", t.RECTANGLE = "RECTANGLE", t))(N || {});
@@ -265,14 +265,14 @@ const At = (t, n) => n, zt = (t) => {
   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);
   }), { minX: n, minY: r, maxX: o, maxY: s };
-}, hn = {
+}, 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, u = Math.cos(l), f = Math.sin(l), w = n - o, $ = r - s, g = u * w + f * $, i = f * w - u * $;
-    return g * g / (a * a) + i * i / (c * c) <= 1;
+    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(N.ELLIPSE, hn);
+At(N.ELLIPSE, dn);
 const fn = {
   area: (t) => {
     const { points: n } = t.geometry;
@@ -285,48 +285,48 @@ 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], u = o[a][1], f = o[c][0], w = o[c][1];
-      u > r != w > r && n < (f - l) * (r - u) / (w - u) + 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(N.POLYGON, fn);
-const mn = {
+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(N.RECTANGLE, mn);
+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, u, f, w, $] = s;
+  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 [g, i, m, d] = [u, f, w, $].map(parseFloat);
+  const [m, i, g, h] = [p, f, T, $].map(parseFloat);
   return {
     type: N.RECTANGLE,
     geometry: {
-      x: g,
+      x: m,
       y: i,
-      w: m,
-      h: d,
+      w: g,
+      h,
       bounds: {
-        minX: g,
-        minY: n ? i - d : i,
-        maxX: g + m,
-        maxY: n ? i : i + d
+        minX: m,
+        minY: n ? i - h : i,
+        maxX: m + g,
+        maxY: n ? i : i + h
       }
     }
   };
-}, gn = (t) => {
+}, mn = (t) => {
   const { x: n, y: r, w: o, h: s } = t;
   return {
     type: "FragmentSelector",
     conformsTo: "http://www.w3.org/TR/media-frags/",
     value: `xywh=pixel:${n},${r},${o},${s}`
   };
-}, St = "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,12 +334,12 @@ const yn = (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="${St}">`);
+  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(St), 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;
@@ -351,7 +351,7 @@ const yn = (t, n = !1) => {
       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,
@@ -371,9 +371,9 @@ const yn = (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);
+  if (n.includes("<ellipse "))
+    return wn(n);
 }, On = (t) => {
   let n;
   if (t.type === N.POLYGON) {
@@ -389,7 +389,7 @@ const yn = (t, n = !1) => {
 };
 let lt;
 const bn = new Uint8Array(16);
-function vn() {
+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(bn);
@@ -397,27 +397,31 @@ function vn() {
 const b = [];
 for (let t = 0; t < 256; ++t)
   b.push((t + 256).toString(16).slice(1));
-function Pn(t, n = 0) {
+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), Rt = {
+const _n = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Gt = {
   randomUUID: _n
 };
 function An(t, n, r) {
-  if (Rt.randomUUID && !n && !t)
-    return Rt.randomUUID();
+  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,54 +429,55 @@ const Mn = (t) => {
     r = (r << 5) - r + a, r |= 0;
   }
   return `${r}`;
-}, In = (t, n) => (Array.isArray(t) ? t : [t]).map((r) => {
-  const { id: o, type: s, purpose: a, value: c, created: l, creator: u, ...f } = 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,
     value: c,
     created: l,
-    creator: u ? typeof u == "object" ? { ...u } : u : void 0,
+    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 Sn = (t, n = !1) => ({ parse: (r) => Hn(r, n), serialize: (r) => Rn(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, u = l.type === "FragmentSelector" ? yn(l, n) : l.type === "SvgSelector" ? En(l) : void 0;
-  return u ? {
+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: u
+        selector: p
       }
     }
   } : {
-    error: Error(`Unknown selector type: ${u.type}`)
+    error: Error(`Unknown selector type: ${l.type}`)
   };
-}, Rn = (t, n) => {
-  const r = t.target.selector, o = r.type == N.RECTANGLE ? gn(r.geometry) : On(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 Gt(t, n, r) {
+function Ut(t, n, r) {
   const o = t.slice();
   return o[11] = n[r], o[13] = r, o;
 }
@@ -497,14 +502,14 @@ function Nt(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](h(
+          t[10](d(
             /*idx*/
             t[13]
           ))
-        ) && t[10](h(
+        ) && t[10](d(
           /*idx*/
           t[13]
         )).apply(this, arguments);
@@ -536,82 +541,82 @@ function Nt(t) {
     }
   };
 }
-function Gn(t) {
-  let n, r, o, s, a, c, l, u, f, w, $ = (
+function Nn(t) {
+  let n, r, o, s, a, c, l, p, f, T, $ = (
     /*geom*/
     t[4].points
-  ), g = [];
+  ), m = [];
   for (let i = 0; i < $.length; i += 1)
-    g[i] = Nt(Gt(t, $, i));
+    m[i] = Nt(Ut(t, $, i));
   return {
     c() {
-      n = L("polygon"), s = U(), a = L("polygon"), l = U();
-      for (let i = 0; i < g.length; i += 1)
-        g[i].c();
-      u = nn(), e(n, "class", "a9s-outer"), e(n, "style", r = /*computedStyle*/
+      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*/
       t[1] ? "display:none;" : void 0), e(n, "points", o = /*geom*/
-      t[4].points.map(Bt).join(" ")), e(a, "class", "a9s-inner a9s-shape-handle"), e(
+      t[4].points.map(Ct).join(" ")), e(a, "class", "a9s-inner a9s-shape-handle"), e(
         a,
         "style",
         /*computedStyle*/
         t[1]
       ), e(a, "points", c = /*geom*/
-      t[4].points.map(Ut).join(" "));
+      t[4].points.map(Bt).join(" "));
     },
-    m(i, m) {
-      T(i, n, m), T(i, s, m), T(i, a, m), T(i, l, m);
-      for (let d = 0; d < g.length; d += 1)
-        g[d] && g[d].m(i, m);
-      T(i, u, m), f || (w = [
+    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, g);
+      w(i, p, g), f || (T = [
         A(n, "pointerdown", function() {
           _(
             /*grab*/
-            t[10](h.SHAPE)
-          ) && t[10](h.SHAPE).apply(this, arguments);
+            t[10](d.SHAPE)
+          ) && t[10](d.SHAPE).apply(this, arguments);
         }),
         A(a, "pointerdown", function() {
           _(
             /*grab*/
-            t[10](h.SHAPE)
-          ) && t[10](h.SHAPE).apply(this, arguments);
+            t[10](d.SHAPE)
+          ) && t[10](d.SHAPE).apply(this, arguments);
         })
       ], f = !0);
     },
-    p(i, m) {
-      if (t = i, m & /*computedStyle*/
+    p(i, g) {
+      if (t = i, g & /*computedStyle*/
       2 && r !== (r = /*computedStyle*/
-      t[1] ? "display:none;" : void 0) && e(n, "style", r), m & /*geom*/
+      t[1] ? "display:none;" : void 0) && e(n, "style", r), g & /*geom*/
       16 && o !== (o = /*geom*/
-      t[4].points.map(Bt).join(" ")) && e(n, "points", o), m & /*computedStyle*/
+      t[4].points.map(Ct).join(" ")) && e(n, "points", o), g & /*computedStyle*/
       2 && e(
         a,
         "style",
         /*computedStyle*/
         t[1]
-      ), m & /*geom*/
+      ), g & /*geom*/
       16 && c !== (c = /*geom*/
-      t[4].points.map(Ut).join(" ")) && e(a, "points", c), m & /*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 d;
-        for (d = 0; d < $.length; d += 1) {
-          const E = Gt(t, $, d);
-          g[d] ? g[d].p(E, m) : (g[d] = Nt(E), g[d].c(), g[d].m(u.parentNode, u));
+        let h;
+        for (h = 0; h < $.length; h += 1) {
+          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 (; d < g.length; d += 1)
-          g[d].d(1);
-        g.length = $.length;
+        for (; h < m.length; h += 1)
+          m[h].d(1);
+        m.length = $.length;
       }
     },
     d(i) {
-      i && x(n), i && x(s), i && x(a), i && x(l), tn(g, i), i && x(u), f = !1, W(w);
+      i && x(n), i && x(s), i && x(a), i && x(l), tn(m, i), i && x(p), f = !1, D(T);
     }
   };
 }
-function Nn(t) {
+function Cn(t) {
   let n, r;
-  return n = new Vt({
+  return n = new Wt({
     props: {
       shape: (
         /*shape*/
@@ -627,7 +632,7 @@ function Nn(t) {
       ),
       $$slots: {
         default: [
-          Gn,
+          Nn,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -648,7 +653,7 @@ function Nn(t) {
     t[9]
   ), {
     c() {
-      Wt(n.$$.fragment);
+      Dt(n.$$.fragment);
     },
     m(o, s) {
       bt(n, o, s), r = !0;
@@ -663,40 +668,40 @@ function Nn(t) {
       17434 && (a.$$scope = { dirty: s, ctx: o }), n.$set(a);
     },
     i(o) {
-      r || (pt(n.$$.fragment, o), r = !0);
+      r || (ut(n.$$.fragment, o), r = !0);
     },
     o(o) {
       Ot(n.$$.fragment, o), r = !1;
     },
     d(o) {
-      vt(n, o);
+      St(n, o);
     }
   };
 }
-const Bt = (t) => t.join(","), Ut = (t) => t.join(",");
+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: u = 1 } = n;
-  const f = (i, m, d) => {
+  let o, s, { shape: a } = n, { computedStyle: c = void 0 } = n, { transform: l } = n, { viewportScale: p = 1 } = n;
+  const f = (i, g, h) => {
     let E;
-    m === h.SHAPE ? E = i.geometry.points.map(([P, O]) => [P + d[0], O + d[1]]) : E = i.geometry.points.map(([P, O], B) => m === h(B) ? [P + d[0], O + d[1]] : [P, O]);
-    const M = zt(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 g(i) {
-    V.call(this, t, i);
+  function m(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, u = i.viewportScale);
+    "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);
   }, t.$$.update = () => {
     t.$$.dirty & /*shape*/
     1 && r(4, o = a.geometry), t.$$.dirty & /*viewportScale*/
-    64 && r(3, s = 10 / u);
+    64 && r(3, s = 10 / p);
   }, [
     a,
     c,
@@ -704,15 +709,15 @@ function Bn(t, n, r) {
     s,
     o,
     f,
-    u,
-    w,
+    p,
+    T,
     $,
-    g
+    m
   ];
 }
-class Un extends _t {
+class Yn extends _t {
   constructor(n) {
-    super(), Pt(this, n, Bn, Nn, Et, {
+    super(), vt(this, n, Bn, Cn, Et, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -720,64 +725,64 @@ class Un extends _t {
     });
   }
 }
-function Yn(t) {
-  let n, r, o, s, a, c, l, u, f, w, $, g, i, m, d, E, M, P, O, B, Y, k, j, v, X, D, Z, dt, G, Q, C, tt, ht, I, nt, rt, ft, F, ot, et, mt, H, st, at, yt, R, it, ct, gt, Lt;
+function kn(t) {
+  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(), u = L("rect"), i = U(), m = L("rect"), P = U(), O = L("rect"), j = U(), v = L("rect"), dt = U(), G = L("rect"), ht = U(), I = L("rect"), ft = U(), F = L("rect"), mt = U(), H = L("rect"), yt = U(), R = 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*/
       t[4].w), e(n, "height", c = /*geom*/
-      t[4].h), e(u, "class", "a9s-inner a9s-shape-handle"), e(
-        u,
+      t[4].h), e(p, "class", "a9s-inner a9s-shape-handle"), e(
+        p,
         "style",
         /*computedStyle*/
         t[1]
-      ), e(u, "x", f = /*geom*/
-      t[4].x), e(u, "y", w = /*geom*/
-      t[4].y), e(u, "width", $ = /*geom*/
-      t[4].w), e(u, "height", g = /*geom*/
-      t[4].h), e(m, "class", "a9s-edge-handle a9s-edge-handle-top"), e(m, "x", d = /*geom*/
-      t[4].x), e(m, "y", E = /*geom*/
-      t[4].y), e(m, "height", 1), e(m, "width", M = /*geom*/
-      t[4].w), e(O, "class", "a9s-edge-handle a9s-edge-handle-right"), e(O, "x", B = /*geom*/
+      ), e(p, "x", f = /*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(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(O, "y", Y = /*geom*/
       t[4].y), e(O, "height", k = /*geom*/
-      t[4].h), e(O, "width", 1), e(v, "class", "a9s-edge-handle a9s-edge-handle-bottom"), e(v, "x", X = /*geom*/
-      t[4].x), e(v, "y", D = /*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(G, "class", "a9s-edge-handle a9s-edge-handle-left"), e(G, "x", Q = /*geom*/
-      t[4].x), e(G, "y", C = /*geom*/
-      t[4].y), e(G, "height", tt = /*geom*/
-      t[4].h), e(G, "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]
@@ -797,224 +802,224 @@ function Yn(t) {
         "width",
         /*handleSize*/
         t[3]
-      ), e(R, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), e(R, "x", it = /*geom*/
+      ), e(G, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), e(G, "x", it = /*geom*/
       t[4].x - /*handleSize*/
-      t[3] / 2), e(R, "y", ct = /*geom*/
+      t[3] / 2), e(G, "y", ct = /*geom*/
       t[4].y + /*geom*/
       t[4].h - /*handleSize*/
       t[3] / 2), e(
-        R,
+        G,
         "height",
         /*handleSize*/
         t[3]
       ), e(
-        R,
+        G,
         "width",
         /*handleSize*/
         t[3]
       );
     },
-    m(y, p) {
-      T(y, n, p), T(y, l, p), T(y, u, p), T(y, i, p), T(y, m, p), T(y, P, p), T(y, O, p), T(y, j, p), T(y, v, p), T(y, dt, p), T(y, G, p), T(y, ht, p), T(y, I, p), T(y, ft, p), T(y, F, p), T(y, mt, p), T(y, H, p), T(y, yt, p), T(y, R, p), gt || (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*/
-            t[10](h.SHAPE)
-          ) && t[10](h.SHAPE).apply(this, arguments);
+            t[10](d.SHAPE)
+          ) && t[10](d.SHAPE).apply(this, arguments);
         }),
-        A(u, "pointerdown", function() {
+        A(p, "pointerdown", function() {
           _(
             /*grab*/
-            t[10](h.SHAPE)
-          ) && t[10](h.SHAPE).apply(this, arguments);
+            t[10](d.SHAPE)
+          ) && t[10](d.SHAPE).apply(this, arguments);
         }),
-        A(m, "pointerdown", function() {
+        A(g, "pointerdown", function() {
           _(
             /*grab*/
-            t[10](h.TOP)
-          ) && t[10](h.TOP).apply(this, arguments);
+            t[10](d.TOP)
+          ) && t[10](d.TOP).apply(this, arguments);
         }),
         A(O, "pointerdown", function() {
           _(
             /*grab*/
-            t[10](h.RIGHT)
-          ) && t[10](h.RIGHT).apply(this, arguments);
+            t[10](d.RIGHT)
+          ) && t[10](d.RIGHT).apply(this, arguments);
         }),
-        A(v, "pointerdown", function() {
+        A(S, "pointerdown", function() {
           _(
             /*grab*/
-            t[10](h.BOTTOM)
-          ) && t[10](h.BOTTOM).apply(this, arguments);
+            t[10](d.BOTTOM)
+          ) && t[10](d.BOTTOM).apply(this, arguments);
         }),
-        A(G, "pointerdown", function() {
+        A(U, "pointerdown", function() {
           _(
             /*grab*/
-            t[10](h.LEFT)
-          ) && t[10](h.LEFT).apply(this, arguments);
+            t[10](d.LEFT)
+          ) && t[10](d.LEFT).apply(this, arguments);
         }),
-        A(I, "pointerdown", function() {
+        A(F, "pointerdown", function() {
           _(
             /*grab*/
-            t[10](h.TOP_LEFT)
-          ) && t[10](h.TOP_LEFT).apply(this, arguments);
+            t[10](d.TOP_LEFT)
+          ) && t[10](d.TOP_LEFT).apply(this, arguments);
         }),
-        A(F, "pointerdown", function() {
+        A(R, "pointerdown", function() {
           _(
             /*grab*/
-            t[10](h.TOP_RIGHT)
-          ) && t[10](h.TOP_RIGHT).apply(this, arguments);
+            t[10](d.TOP_RIGHT)
+          ) && t[10](d.TOP_RIGHT).apply(this, arguments);
         }),
         A(H, "pointerdown", function() {
           _(
             /*grab*/
-            t[10](h.BOTTOM_RIGHT)
-          ) && t[10](h.BOTTOM_RIGHT).apply(this, arguments);
+            t[10](d.BOTTOM_RIGHT)
+          ) && t[10](d.BOTTOM_RIGHT).apply(this, arguments);
         }),
-        A(R, "pointerdown", function() {
+        A(G, "pointerdown", function() {
           _(
             /*grab*/
-            t[10](h.BOTTOM_LEFT)
-          ) && t[10](h.BOTTOM_LEFT).apply(this, arguments);
+            t[10](d.BOTTOM_LEFT)
+          ) && t[10](d.BOTTOM_LEFT).apply(this, arguments);
         })
-      ], gt = !0);
+      ], mt = !0);
     },
-    p(y, p) {
-      t = y, p & /*computedStyle*/
+    p(y, u) {
+      t = y, u & /*computedStyle*/
       2 && r !== (r = /*computedStyle*/
-      t[1] ? "display:none;" : void 0) && e(n, "style", r), p & /*geom*/
+      t[1] ? "display:none;" : void 0) && e(n, "style", r), u & /*geom*/
       16 && o !== (o = /*geom*/
-      t[4].x) && e(n, "x", o), p & /*geom*/
+      t[4].x) && e(n, "x", o), u & /*geom*/
       16 && s !== (s = /*geom*/
-      t[4].y) && e(n, "y", s), p & /*geom*/
+      t[4].y) && e(n, "y", s), u & /*geom*/
       16 && a !== (a = /*geom*/
-      t[4].w) && e(n, "width", a), p & /*geom*/
+      t[4].w) && e(n, "width", a), u & /*geom*/
       16 && c !== (c = /*geom*/
-      t[4].h) && e(n, "height", c), p & /*computedStyle*/
+      t[4].h) && e(n, "height", c), u & /*computedStyle*/
       2 && e(
-        u,
+        p,
         "style",
         /*computedStyle*/
         t[1]
-      ), p & /*geom*/
+      ), u & /*geom*/
       16 && f !== (f = /*geom*/
-      t[4].x) && e(u, "x", f), p & /*geom*/
-      16 && w !== (w = /*geom*/
-      t[4].y) && e(u, "y", w), p & /*geom*/
+      t[4].x) && e(p, "x", f), u & /*geom*/
+      16 && T !== (T = /*geom*/
+      t[4].y) && e(p, "y", T), u & /*geom*/
       16 && $ !== ($ = /*geom*/
-      t[4].w) && e(u, "width", $), p & /*geom*/
-      16 && g !== (g = /*geom*/
-      t[4].h) && e(u, "height", g), p & /*geom*/
-      16 && d !== (d = /*geom*/
-      t[4].x) && e(m, "x", d), p & /*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(g, "x", h), u & /*geom*/
       16 && E !== (E = /*geom*/
-      t[4].y) && e(m, "y", E), p & /*geom*/
-      16 && M !== (M = /*geom*/
-      t[4].w) && e(m, "width", M), p & /*geom*/
-      16 && B !== (B = /*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(O, "x", B), p & /*geom*/
+      t[4].w) && e(O, "x", C), u & /*geom*/
       16 && Y !== (Y = /*geom*/
-      t[4].y) && e(O, "y", Y), p & /*geom*/
+      t[4].y) && e(O, "y", Y), u & /*geom*/
       16 && k !== (k = /*geom*/
-      t[4].h) && e(O, "height", k), p & /*geom*/
+      t[4].h) && e(O, "height", k), u & /*geom*/
       16 && X !== (X = /*geom*/
-      t[4].x) && e(v, "x", X), p & /*geom*/
-      16 && D !== (D = /*geom*/
+      t[4].x) && e(S, "x", X), u & /*geom*/
+      16 && P !== (P = /*geom*/
       t[4].y + /*geom*/
-      t[4].h) && e(v, "y", D), p & /*geom*/
-      16 && Z !== (Z = /*geom*/
-      t[4].w) && e(v, "width", Z), p & /*geom*/
+      t[4].h) && e(S, "y", P), u & /*geom*/
       16 && Q !== (Q = /*geom*/
-      t[4].x) && e(G, "x", Q), p & /*geom*/
-      16 && C !== (C = /*geom*/
-      t[4].y) && e(G, "y", C), p & /*geom*/
+      t[4].w) && e(S, "width", Q), u & /*geom*/
+      16 && Z !== (Z = /*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(G, "height", tt), p & /*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), p & /*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), p & /*handleSize*/
+      t[3] / 2) && e(F, "y", rt), u & /*handleSize*/
       8 && e(
-        I,
+        F,
         "height",
         /*handleSize*/
         t[3]
-      ), p & /*handleSize*/
+      ), u & /*handleSize*/
       8 && e(
-        I,
+        F,
         "width",
         /*handleSize*/
         t[3]
-      ), p & /*geom, handleSize*/
+      ), u & /*geom, handleSize*/
       24 && ot !== (ot = /*geom*/
       t[4].x + /*geom*/
       t[4].w - /*handleSize*/
-      t[3] / 2) && e(F, "x", ot), p & /*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), p & /*handleSize*/
+      t[3] / 2) && e(R, "y", et), u & /*handleSize*/
       8 && e(
-        F,
+        R,
         "height",
         /*handleSize*/
         t[3]
-      ), p & /*handleSize*/
+      ), u & /*handleSize*/
       8 && e(
-        F,
+        R,
         "width",
         /*handleSize*/
         t[3]
-      ), p & /*geom, handleSize*/
+      ), u & /*geom, handleSize*/
       24 && st !== (st = /*geom*/
       t[4].x + /*geom*/
       t[4].w - /*handleSize*/
-      t[3] / 2) && e(H, "x", st), p & /*geom, handleSize*/
+      t[3] / 2) && e(H, "x", st), u & /*geom, handleSize*/
       24 && at !== (at = /*geom*/
       t[4].y + /*geom*/
       t[4].h - /*handleSize*/
-      t[3] / 2) && e(H, "y", at), p & /*handleSize*/
+      t[3] / 2) && e(H, "y", at), u & /*handleSize*/
       8 && e(
         H,
         "height",
         /*handleSize*/
         t[3]
-      ), p & /*handleSize*/
+      ), u & /*handleSize*/
       8 && e(
         H,
         "width",
         /*handleSize*/
         t[3]
-      ), p & /*geom, handleSize*/
+      ), u & /*geom, handleSize*/
       24 && it !== (it = /*geom*/
       t[4].x - /*handleSize*/
-      t[3] / 2) && e(R, "x", it), p & /*geom, handleSize*/
+      t[3] / 2) && e(G, "x", it), u & /*geom, handleSize*/
       24 && ct !== (ct = /*geom*/
       t[4].y + /*geom*/
       t[4].h - /*handleSize*/
-      t[3] / 2) && e(R, "y", ct), p & /*handleSize*/
+      t[3] / 2) && e(G, "y", ct), u & /*handleSize*/
       8 && e(
-        R,
+        G,
         "height",
         /*handleSize*/
         t[3]
-      ), p & /*handleSize*/
+      ), u & /*handleSize*/
       8 && e(
-        R,
+        G,
         "width",
         /*handleSize*/
         t[3]
       );
     },
     d(y) {
-      y && x(n), y && x(l), y && x(u), y && x(i), y && x(m), y && x(P), y && x(O), y && x(j), y && x(v), y && x(dt), y && x(G), y && x(ht), y && x(I), y && x(ft), y && x(F), y && x(mt), y && x(H), y && x(yt), y && x(R), gt = !1, W(Lt);
+      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 kn(t) {
+function jn(t) {
   let n, r;
-  return n = new Vt({
+  return n = new Wt({
     props: {
       shape: (
         /*shape*/
@@ -1030,7 +1035,7 @@ function kn(t) {
       ),
       $$slots: {
         default: [
-          Yn,
+          kn,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -1051,7 +1056,7 @@ function kn(t) {
     t[9]
   ), {
     c() {
-      Wt(n.$$.fragment);
+      Dt(n.$$.fragment);
     },
     m(o, s) {
       bt(n, o, s), r = !0;
@@ -1066,86 +1071,86 @@ function kn(t) {
       3098 && (a.$$scope = { dirty: s, ctx: o }), n.$set(a);
     },
     i(o) {
-      r || (pt(n.$$.fragment, o), r = !0);
+      r || (ut(n.$$.fragment, o), r = !0);
     },
     o(o) {
       Ot(n.$$.fragment, o), r = !1;
     },
     d(o) {
-      vt(n, o);
+      St(n, o);
     }
   };
 }
-function jn(t, n, r) {
-  let o, s, { shape: a } = n, { computedStyle: c = void 0 } = n, { transform: l } = n, { viewportScale: u = 1 } = n;
-  const f = (i, m, d) => {
+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, g, h) => {
     const E = i.geometry.bounds;
-    let [M, P] = [E.minX, E.minY], [O, B] = [E.maxX, E.maxY];
-    const [Y, k] = d;
-    if (m === h.SHAPE)
-      M += Y, O += Y, P += k, B += k;
+    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 (m) {
-        case h.TOP:
-        case h.TOP_LEFT:
-        case h.TOP_RIGHT: {
-          P += k;
+      switch (g) {
+        case d.TOP:
+        case d.TOP_LEFT:
+        case d.TOP_RIGHT: {
+          v += k;
           break;
         }
-        case h.BOTTOM:
-        case h.BOTTOM_LEFT:
-        case h.BOTTOM_RIGHT: {
-          B += k;
+        case d.BOTTOM:
+        case d.BOTTOM_LEFT:
+        case d.BOTTOM_RIGHT: {
+          C += k;
           break;
         }
       }
-      switch (m) {
-        case h.LEFT:
-        case h.TOP_LEFT:
-        case h.BOTTOM_LEFT: {
-          M += Y;
+      switch (g) {
+        case d.LEFT:
+        case d.TOP_LEFT:
+        case d.BOTTOM_LEFT: {
+          I += Y;
           break;
         }
-        case h.RIGHT:
-        case h.TOP_RIGHT:
-        case h.BOTTOM_RIGHT: {
+        case d.RIGHT:
+        case d.TOP_RIGHT:
+        case d.BOTTOM_RIGHT: {
           O += Y;
           break;
         }
       }
     }
-    const j = Math.min(M, O), v = Math.min(P, B), X = Math.abs(O - M), D = Math.abs(B - 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,
+        y: S,
         w: X,
-        h: D,
+        h: P,
         bounds: {
           minX: j,
-          minY: v,
+          minY: S,
           maxX: j + X,
-          maxY: v + D
+          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 g(i) {
-    V.call(this, t, i);
+  function m(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, u = i.viewportScale);
+    "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);
   }, t.$$.update = () => {
     t.$$.dirty & /*shape*/
     1 && r(4, o = a.geometry), t.$$.dirty & /*viewportScale*/
-    64 && r(3, s = 10 / u);
+    64 && r(3, s = 10 / p);
   }, [
     a,
     c,
@@ -1153,15 +1158,15 @@ function jn(t, n, r) {
     s,
     o,
     f,
-    u,
-    w,
+    p,
+    T,
     $,
-    g
+    m
   ];
 }
-class Xn extends _t {
+class Pn extends _t {
   constructor(n) {
-    super(), Pt(this, n, jn, kn, Et, {
+    super(), vt(this, n, Xn, jn, Et, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1170,26 +1175,26 @@ class Xn extends _t {
   }
 }
 N.RECTANGLE, N.POLYGON;
-const h = (t) => `HANDLE-${t}`;
-h.SHAPE = "SHAPE";
-h.TOP = "TOP";
-h.RIGHT = "RIGHT";
-h.BOTTOM = "BOTTOM";
-h.LEFT = "LEFT";
-h.TOP_LEFT = "TOP_LEFT";
-h.TOP_RIGHT = "TOP_RIGHT";
-h.BOTTOM_RIGHT = "BOTTOM_RIGHT";
-h.BOTTOM_LEFT = "BOTTOM_LEFT";
+const d = (t) => `HANDLE-${t}`;
+d.SHAPE = "SHAPE";
+d.TOP = "TOP";
+d.RIGHT = "RIGHT";
+d.BOTTOM = "BOTTOM";
+d.LEFT = "LEFT";
+d.TOP_LEFT = "TOP_LEFT";
+d.TOP_RIGHT = "TOP_RIGHT";
+d.BOTTOM_RIGHT = "BOTTOM_RIGHT";
+d.BOTTOM_LEFT = "BOTTOM_LEFT";
 const Dn = (t) => ({}), Yt = (t) => ({ grab: (
   /*onGrab*/
   t[0]
 ) });
-function Wn(t) {
+function zn(t) {
   let n, r, o, s;
   const a = (
     /*#slots*/
     t[7].default
-  ), c = Jt(
+  ), c = Kt(
     a,
     t,
     /*$$scope*/
@@ -1200,8 +1205,8 @@ function Wn(t) {
     c() {
       n = L("g"), c && c.c(), e(n, "class", "a9s-annotation selected");
     },
-    m(l, u) {
-      T(l, n, u), c && c.m(n, null), r = !0, o || (s = [
+    m(l, p) {
+      w(l, n, p), c && c.m(n, null), r = !0, o || (s = [
         A(
           n,
           "pointerup",
@@ -1216,21 +1221,21 @@ function Wn(t) {
         )
       ], o = !0);
     },
-    p(l, [u]) {
-      c && c.p && (!r || u & /*$$scope*/
-      64) && Qt(
+    p(l, [p]) {
+      c && c.p && (!r || p & /*$$scope*/
+      64) && Zt(
         c,
         a,
         l,
         /*$$scope*/
         l[6],
-        r ? Zt(
+        r ? Qt(
           a,
           /*$$scope*/
           l[6],
-          u,
+          p,
           Dn
-        ) : Ct(
+        ) : Mt(
           /*$$scope*/
           l[6]
         ),
@@ -1238,57 +1243,57 @@ function Wn(t) {
       );
     },
     i(l) {
-      r || (pt(c, l), r = !0);
+      r || (ut(c, l), r = !0);
     },
     o(l) {
       Ot(c, l), r = !1;
     },
     d(l) {
-      l && x(n), c && c.d(l), o = !1, W(s);
+      l && x(n), c && c.d(l), o = !1, D(s);
     }
   };
 }
-function zn(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: u } = n, f = null, w, $ = null;
-  const g = (d) => (E) => {
-    f = d, w = u.elementToImage(E.offsetX, E.offsetY), $ = c, E.target.setPointerCapture(E.pointerId), a("grab");
-  }, i = (d) => {
+  let { shape: c } = n, { editor: l } = n, { transform: p } = n, f = null, T, $ = null;
+  const m = (h) => (E) => {
+    f = h, T = p.elementToImage(E.offsetX, E.offsetY), $ = c, E.target.setPointerCapture(E.pointerId), a("grab");
+  }, i = (h) => {
     if (f) {
-      const [E, M] = u.elementToImage(d.offsetX, d.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);
     }
-  }, m = (d) => {
-    d.target.releasePointerCapture(d.pointerId), f = null, $ = c, a("release");
+  }, g = (h) => {
+    h.target.releasePointerCapture(h.pointerId), f = null, $ = c, a("release");
   };
-  return t.$$set = (d) => {
-    "shape" in d && r(3, c = d.shape), "editor" in d && r(4, l = d.editor), "transform" in d && r(5, u = d.transform), "$$scope" in d && r(6, s = d.$$scope);
-  }, [g, i, m, c, l, u, s, o];
+  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, g, c, l, p, s, o];
 }
-class Vt extends _t {
+class Wt extends _t {
   constructor(n) {
-    super(), Pt(this, n, zn, Wn, 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,
-  h as Handle,
-  Un as PolygonEditor,
-  Xn as RectangleEditor,
-  mn as RectangleUtil,
+  Wt as Editor,
+  d as Handle,
+  Yn as PolygonEditor,
+  Pn as RectangleEditor,
+  gn as RectangleUtil,
   N as ShapeType,
-  Sn as W3CImageFormat,
+  qn as W3CImageFormat,
   zt as boundsFromPoints,
   yn as parseFragmentSelector,
   En as parseSVGSelector,
-  In as parseW3CBodies,
-  Hn as parseW3CImageAnnotation,
+  Gn as parseW3CImageAnnotation,
   At as registerShapeUtil,
-  gn as serializeFragmentSelector,
+  mn as serializeFragmentSelector,
   On as serializeSVGSelector,
-  Fn as serializeW3CBodies,
-  Rn as serializeW3CImageAnnotation
+  Un as serializeW3CImageAnnotation
 };
 //# sourceMappingURL=annotorious-svelte.es5.js.map