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

package/dist/annotorious-svelte.es5.js

@@ -5,14 +5,14 @@ function qt(t, n) {
     t[r] = n[r];
   return t;
 }
-function kt(t) {
+function Yt(t) {
   return t();
 }
 function Mt() {
   return /* @__PURE__ */ Object.create(null);
 }
-function W(t) {
-  t.forEach(kt);
+function z(t) {
+  t.forEach(Yt);
 }
 function _(t) {
   return typeof t == "function";
@@ -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 Qt(t, n, r, o) {
   if (t) {
     const s = jt(t, n, r, o);
     return t[0](s);
@@ -47,13 +47,13 @@ function Zt(t, n, r, o) {
   }
   return n.dirty;
 }
-function Qt(t, n, r, o, s, a) {
+function Kt(t, n, r, o, s, a) {
   if (s) {
     const c = jt(n, r, o, a);
     t.p(c, s);
   }
 }
-function Ct(t) {
+function Rt(t) {
   if (t.ctx.length > 32) {
     const n = [], r = t.ctx.length / 32;
     for (let o = 0; o < r; o++)
@@ -75,14 +75,14 @@ function tn(t, n) {
 function L(t) {
   return document.createElementNS("http://www.w3.org/2000/svg", t);
 }
-function Xt(t) {
+function Ot(t) {
   return document.createTextNode(t);
 }
 function U() {
-  return Xt(" ");
+  return Ot(" ");
 }
 function nn() {
-  return Xt("");
+  return Ot("");
 }
 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 J;
-function K(t) {
-  J = t;
+let Q;
+function J(t) {
+  Q = t;
 }
 function en() {
-  if (!J)
+  if (!Q)
     throw new Error("Function called outside component initialization");
-  return J;
+  return Q;
 }
 function sn() {
   const t = en();
@@ -123,89 +123,89 @@ function V(t, n) {
   const r = t.$$.callbacks[n.type];
   r && r.slice().forEach((o) => o.call(this, n));
 }
-const S = [], It = [];
+const W = [], It = [];
 let q = [];
 const Ft = [], an = /* @__PURE__ */ Promise.resolve();
 let wt = !1;
 function cn() {
-  wt || (wt = !0, an.then(Dt));
+  wt || (wt = !0, an.then(Xt));
 }
 function Tt(t) {
   q.push(t);
 }
 const $t = /* @__PURE__ */ new Set();
-let z = 0;
-function Dt() {
-  if (z !== 0)
+let D = 0;
+function Xt() {
+  if (D !== 0)
     return;
-  const t = J;
+  const t = Q;
   do {
     try {
-      for (; z < S.length; ) {
-        const n = S[z];
-        z++, K(n), ln(n.$$);
+      for (; D < W.length; ) {
+        const n = W[D];
+        D++, J(n), ln(n.$$);
       }
     } catch (n) {
-      throw S.length = 0, z = 0, n;
+      throw W.length = 0, D = 0, n;
     }
-    for (K(null), S.length = 0, z = 0; It.length; )
+    for (J(null), W.length = 0, D = 0; It.length; )
       It.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);
+  } while (W.length);
   for (; Ft.length; )
     Ft.pop()();
-  wt = !1, $t.clear(), K(t);
+  wt = !1, $t.clear(), J(t);
 }
 function ln(t) {
   if (t.fragment !== null) {
-    t.update(), W(t.before_update);
+    t.update(), z(t.before_update);
     const n = t.dirty;
     t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, n), t.after_update.forEach(Tt);
   }
 }
-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) {
+function bt(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 zt(t) {
   t && t.c();
 }
-function bt(t, n, r, o) {
+function St(t, n, r, o) {
   const { fragment: s, after_update: a } = t.$$;
   s && s.m(n, r), o || Tt(() => {
-    const c = t.$$.on_mount.map(kt).filter(_);
-    t.$$.on_destroy ? t.$$.on_destroy.push(...c) : W(c), t.$$.on_mount = [];
+    const c = t.$$.on_mount.map(Yt).filter(_);
+    t.$$.on_destroy ? t.$$.on_destroy.push(...c) : z(c), t.$$.on_mount = [];
   }), a.forEach(Tt);
 }
 function vt(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), z(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 && (W.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);
+  const p = Q;
+  J(t);
   const f = t.$$ = {
     fragment: null,
     ctx: [],
@@ -220,27 +220,27 @@ function Pt(t, n, r, o, s, a, c, l = [-1]) {
     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(),
     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) {
+  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) {
     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), St(t, n.target, n.anchor, n.customElement), Xt();
   }
-  K(u);
+  J(p);
 }
 class _t {
   $destroy() {
@@ -256,23 +256,23 @@ 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 || {});
-const At = (t, n) => n, zt = (t) => {
+var B = /* @__PURE__ */ ((t) => (t.ELLIPSE = "ELLIPSE", t.POLYGON = "POLYGON", t.RECTANGLE = "RECTANGLE", t))(B || {});
+const At = (t, n) => n, Dt = (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);
   }), { 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), w = n - o, $ = r - s, m = p * w + f * $, i = f * w - p * $;
+    return m * m / (a * a) + i * i / (c * c) <= 1;
   }
 };
-At(N.ELLIPSE, hn);
+At(B.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], w = o[c][1];
+      p > r != w > r && n < (f - l) * (r - p) / (w - p) + l && (s = !s);
     }
     return s;
   }
 };
-At(N.POLYGON, fn);
-const mn = {
+At(B.POLYGON, fn);
+const yn = {
   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);
-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;
+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;
   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, y, h] = [p, f, w, $].map(parseFloat);
   return {
-    type: N.RECTANGLE,
+    type: B.RECTANGLE,
     geometry: {
-      x: g,
+      x: m,
       y: i,
-      w: m,
-      h: d,
+      w: y,
+      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 + y,
+        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) => {
+}, Wt = "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,10 +334,10 @@ 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="${Wt}">`);
   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(Wt), o = n.lookupNamespaceURI(null);
   return r || o ? Ht(n).firstChild : Ht($n(n)).firstChild;
 }, wn = (t) => {
   const [n, r, o] = t.match(/(<polygon points=["|'])([^("|')]*)/) || [];
@@ -345,10 +345,10 @@ const yn = (t, n = !1) => {
     return;
   const s = o.split(" ").map((a) => a.split(",").map(parseFloat));
   return {
-    type: N.POLYGON,
+    type: B.POLYGON,
     geometry: {
       points: s,
-      bounds: zt(s)
+      bounds: Dt(s)
     }
   };
 }, Tn = (t) => {
@@ -359,7 +359,7 @@ const yn = (t, n = !1) => {
     maxY: o + a
   };
   return {
-    type: N.ELLIPSE,
+    type: B.ELLIPSE,
     geometry: {
       cx: r,
       cy: o,
@@ -374,12 +374,12 @@ const yn = (t, n = !1) => {
     return wn(n);
   if (n.includes("<ellipse "))
     return Tn(n);
-}, On = (t) => {
+}, bn = (t) => {
   let n;
-  if (t.type === N.POLYGON) {
+  if (t.type === B.POLYGON) {
     const r = t.geometry, { points: o } = r;
     n = `<svg><polygon points="${o.map((s) => s.join(",")).join(" ")}" /></svg>`;
-  } else if (t.type === N.ELLIPSE) {
+  } else if (t.type === B.ELLIPSE) {
     const r = t.geometry;
     n = `<svg><ellipse cx="${r.cx}" cy="${r.cy}" rx="${r.rx}" ry="${r.ry}" /></svg>`;
   }
@@ -388,24 +388,24 @@ const yn = (t, n = !1) => {
   throw `Unsupported shape type: ${t.type}`;
 };
 let lt;
-const bn = new Uint8Array(16);
+const Sn = new Uint8Array(16);
 function vn() {
   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);
+  return lt(Sn);
 }
-const b = [];
+const S = [];
 for (let t = 0; t < 256; ++t)
-  b.push((t + 256).toString(16).slice(1));
+  S.push((t + 256).toString(16).slice(1));
 function Pn(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]];
+  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]];
 }
-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)();
   if (o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, n) {
@@ -426,7 +426,7 @@ const Mn = (t) => {
   }
   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;
+  const { id: o, type: s, purpose: a, value: c, created: l, creator: p, ...f } = r;
   return {
     id: o || `temp-${Mn(r)}`,
     annotation: n,
@@ -434,7 +434,7 @@ const Mn = (t) => {
     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) => {
@@ -443,23 +443,23 @@ const Mn = (t) => {
   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 ? {
+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;
+  return p ? {
     parsed: {
       ...s,
       id: r,
       bodies: a,
       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);
+}, Gn = (t, n) => {
+  const r = t.target.selector, o = r.type == B.RECTANGLE ? mn(r.geometry) : bn(r);
   return {
     ...t,
     "@context": "http://www.w3.org/ns/anno.jsonld",
@@ -472,11 +472,11 @@ const Sn = (t, n = !1) => ({ parse: (r) => Hn(r, n), serialize: (r) => Rn(r, t)
     }
   };
 };
-function Gt(t, n, r) {
+function Nt(t, n, r) {
   const o = t.slice();
   return o[11] = n[r], o[13] = r, o;
 }
-function Nt(t) {
+function Bt(t) {
   let n, r, o, s, a;
   return {
     c() {
@@ -500,11 +500,11 @@ function Nt(t) {
       T(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,21 +536,21 @@ 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, w, $ = (
     /*geom*/
     t[4].points
-  ), g = [];
+  ), m = [];
   for (let i = 0; i < $.length; i += 1)
-    g[i] = Nt(Gt(t, $, i));
+    m[i] = Bt(Nt(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*/
+      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*/
@@ -558,58 +558,58 @@ function Gn(t) {
       ), e(a, "points", c = /*geom*/
       t[4].points.map(Ut).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, y) {
+      T(i, n, y), T(i, s, y), T(i, a, y), T(i, l, y);
+      for (let h = 0; h < m.length; h += 1)
+        m[h] && m[h].m(i, y);
+      T(i, p, y), f || (w = [
         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, y) {
+      if (t = i, y & /*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), y & /*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), y & /*computedStyle*/
       2 && e(
         a,
         "style",
         /*computedStyle*/
         t[1]
-      ), m & /*geom*/
+      ), y & /*geom*/
       16 && c !== (c = /*geom*/
-      t[4].points.map(Ut).join(" ")) && e(a, "points", c), m & /*geom, handleSize, grab, Handle*/
+      t[4].points.map(Ut).join(" ")) && e(a, "points", c), y & /*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 = Nt(t, $, h);
+          m[h] ? m[h].p(E, y) : (m[h] = Bt(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, z(w);
     }
   };
 }
-function Nn(t) {
+function Bn(t) {
   let n, r;
   return n = new Vt({
     props: {
@@ -627,7 +627,7 @@ function Nn(t) {
       ),
       $$slots: {
         default: [
-          Gn,
+          Nn,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -648,10 +648,10 @@ function Nn(t) {
     t[9]
   ), {
     c() {
-      Wt(n.$$.fragment);
+      zt(n.$$.fragment);
     },
     m(o, s) {
-      bt(n, o, s), r = !0;
+      St(n, o, s), r = !0;
     },
     p(o, [s]) {
       const a = {};
@@ -663,23 +663,23 @@ 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;
+      bt(n.$$.fragment, o), r = !1;
     },
     d(o) {
       vt(n, o);
     }
   };
 }
-const Bt = (t) => t.join(","), Ut = (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) => {
+const Ct = (t) => t.join(","), Ut = (t) => t.join(",");
+function Cn(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) => {
     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);
+    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 } };
   };
   function w(i) {
@@ -688,15 +688,15 @@ function Bn(t, n, r) {
   function $(i) {
     V.call(this, t, i);
   }
-  function g(i) {
+  function m(i) {
     V.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 +704,15 @@ function Bn(t, n, r) {
     s,
     o,
     f,
-    u,
+    p,
     w,
     $,
-    g
+    m
   ];
 }
 class Un extends _t {
   constructor(n) {
-    super(), Pt(this, n, Bn, Nn, Et, {
+    super(), Pt(this, n, Cn, Bn, Et, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -720,39 +720,39 @@ 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, 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;
   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 = 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*/
       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", w = /*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].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].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].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].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].x - /*handleSize*/
       t[3] / 2), e(I, "y", rt = /*geom*/
       t[4].y - /*handleSize*/
@@ -797,222 +797,222 @@ 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(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 = [
         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(y, "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() {
+        A(b, "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() {
           _(
             /*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(N, "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() {
           _(
             /*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() {
           _(
             /*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(g, u) {
+      t = g, 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*/
+      t[4].x) && e(p, "x", f), u & /*geom*/
       16 && w !== (w = /*geom*/
-      t[4].y) && e(u, "y", w), p & /*geom*/
+      t[4].y) && e(p, "y", w), 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(y, "x", h), u & /*geom*/
       16 && E !== (E = /*geom*/
-      t[4].y) && e(m, "y", E), p & /*geom*/
+      t[4].y) && e(y, "y", E), u & /*geom*/
       16 && M !== (M = /*geom*/
-      t[4].w) && e(m, "width", M), p & /*geom*/
-      16 && B !== (B = /*geom*/
+      t[4].w) && e(y, "width", M), u & /*geom*/
+      16 && C !== (C = /*geom*/
       t[4].x + /*geom*/
-      t[4].w) && e(O, "x", B), p & /*geom*/
-      16 && Y !== (Y = /*geom*/
-      t[4].y) && e(O, "y", Y), p & /*geom*/
+      t[4].w) && e(b, "x", C), u & /*geom*/
       16 && k !== (k = /*geom*/
-      t[4].h) && e(O, "height", k), p & /*geom*/
+      t[4].y) && e(b, "y", k), 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*/
       16 && X !== (X = /*geom*/
-      t[4].x) && e(v, "x", X), p & /*geom*/
-      16 && D !== (D = /*geom*/
       t[4].y + /*geom*/
-      t[4].h) && e(v, "y", D), p & /*geom*/
+      t[4].h) && e(v, "y", X), u & /*geom*/
       16 && Z !== (Z = /*geom*/
-      t[4].w) && e(v, "width", Z), p & /*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(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*/
       16 && tt !== (tt = /*geom*/
-      t[4].h) && e(G, "height", tt), p & /*geom, handleSize*/
+      t[4].h) && e(N, "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(I, "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(I, "y", rt), u & /*handleSize*/
       8 && e(
         I,
         "height",
         /*handleSize*/
         t[3]
-      ), p & /*handleSize*/
+      ), u & /*handleSize*/
       8 && e(
         I,
         "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(F, "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(F, "y", et), u & /*handleSize*/
       8 && e(
         F,
         "height",
         /*handleSize*/
         t[3]
-      ), p & /*handleSize*/
+      ), u & /*handleSize*/
       8 && e(
         F,
         "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);
+    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);
     }
   };
 }
-function kn(t) {
+function Yn(t) {
   let n, r;
   return n = new Vt({
     props: {
@@ -1030,7 +1030,7 @@ function kn(t) {
       ),
       $$slots: {
         default: [
-          Yn,
+          kn,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -1051,10 +1051,10 @@ function kn(t) {
     t[9]
   ), {
     c() {
-      Wt(n.$$.fragment);
+      zt(n.$$.fragment);
     },
     m(o, s) {
-      bt(n, o, s), r = !0;
+      St(n, o, s), r = !0;
     },
     p(o, [s]) {
       const a = {};
@@ -1066,10 +1066,10 @@ 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;
+      bt(n.$$.fragment, o), r = !1;
     },
     d(o) {
       vt(n, o);
@@ -1077,56 +1077,56 @@ function kn(t) {
   };
 }
 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) => {
+  let o, s, { shape: a } = n, { computedStyle: c = void 0 } = n, { transform: l } = n, { viewportScale: p = 1 } = n;
+  const f = (i, y, 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 [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;
     else {
-      switch (m) {
-        case h.TOP:
-        case h.TOP_LEFT:
-        case h.TOP_RIGHT: {
-          P += k;
+      switch (y) {
+        case d.TOP:
+        case d.TOP_LEFT:
+        case d.TOP_RIGHT: {
+          P += Y;
           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 += Y;
           break;
         }
       }
-      switch (m) {
-        case h.LEFT:
-        case h.TOP_LEFT:
-        case h.BOTTOM_LEFT: {
-          M += Y;
+      switch (y) {
+        case d.LEFT:
+        case d.TOP_LEFT:
+        case d.BOTTOM_LEFT: {
+          M += k;
           break;
         }
-        case h.RIGHT:
-        case h.TOP_RIGHT:
-        case h.BOTTOM_RIGHT: {
-          O += Y;
+        case d.RIGHT:
+        case d.TOP_RIGHT:
+        case d.BOTTOM_RIGHT: {
+          b += k;
           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(M, b), v = Math.min(P, C), O = Math.abs(b - M), X = Math.abs(C - P);
     return {
       ...i,
       geometry: {
         x: j,
         y: v,
-        w: X,
-        h: D,
+        w: O,
+        h: X,
         bounds: {
           minX: j,
           minY: v,
-          maxX: j + X,
-          maxY: v + D
+          maxX: j + O,
+          maxY: v + X
         }
       }
     };
@@ -1137,15 +1137,15 @@ function jn(t, n, r) {
   function $(i) {
     V.call(this, t, i);
   }
-  function g(i) {
+  function m(i) {
     V.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 +1153,15 @@ function jn(t, n, r) {
     s,
     o,
     f,
-    u,
+    p,
     w,
     $,
-    g
+    m
   ];
 }
-class Xn extends _t {
+class On extends _t {
   constructor(n) {
-    super(), Pt(this, n, jn, kn, Et, {
+    super(), Pt(this, n, jn, Yn, Et, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1169,39 +1169,39 @@ 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 Dn = (t) => ({}), Yt = (t) => ({ grab: (
+B.RECTANGLE, B.POLYGON;
+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 Xn = (t) => ({}), kt = (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 = Qt(
     a,
     t,
     /*$$scope*/
     t[6],
-    Yt
+    kt
   );
   return {
     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) {
+      T(l, n, p), c && c.m(n, null), r = !0, o || (s = [
         A(
           n,
           "pointerup",
@@ -1216,9 +1216,9 @@ 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) && Kt(
         c,
         a,
         l,
@@ -1228,67 +1228,67 @@ function Wn(t) {
           a,
           /*$$scope*/
           l[6],
-          u,
-          Dn
-        ) : Ct(
+          p,
+          Xn
+        ) : Rt(
           /*$$scope*/
           l[6]
         ),
-        Yt
+        kt
       );
     },
     i(l) {
-      r || (pt(c, l), r = !0);
+      r || (ut(c, l), r = !0);
     },
     o(l) {
-      Ot(c, l), r = !1;
+      bt(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, z(s);
     }
   };
 }
-function zn(t, n, r) {
+function Dn(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, w, $ = null;
+  const m = (h) => (E) => {
+    f = h, w = 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]];
+      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);
     }
-  }, m = (d) => {
-    d.target.releasePointerCapture(d.pointerId), f = null, $ = c, a("release");
+  }, y = (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, y, c, l, p, s, o];
 }
 class Vt extends _t {
   constructor(n) {
-    super(), Pt(this, n, zn, Wn, Et, { shape: 3, editor: 4, transform: 5 });
+    super(), Pt(this, n, Dn, zn, Et, { shape: 3, editor: 4, transform: 5 });
   }
 }
 navigator.userAgent.indexOf("Mac OS X");
 export {
   Vt as Editor,
-  h as Handle,
+  d as Handle,
   Un as PolygonEditor,
-  Xn as RectangleEditor,
-  mn as RectangleUtil,
-  N as ShapeType,
-  Sn as W3CImageFormat,
-  zt as boundsFromPoints,
-  yn as parseFragmentSelector,
+  On as RectangleEditor,
+  yn as RectangleUtil,
+  B as ShapeType,
+  Wn as W3CImageFormat,
+  Dt as boundsFromPoints,
+  gn as parseFragmentSelector,
   En as parseSVGSelector,
   In as parseW3CBodies,
   Hn as parseW3CImageAnnotation,
   At as registerShapeUtil,
-  gn as serializeFragmentSelector,
-  On as serializeSVGSelector,
+  mn as serializeFragmentSelector,
+  bn as serializeSVGSelector,
   Fn as serializeW3CBodies,
-  Rn as serializeW3CImageAnnotation
+  Gn as serializeW3CImageAnnotation
 };
 //# sourceMappingURL=annotorious-svelte.es5.js.map