npm - @annotorious/annotorious - Versions diffs - 3.0.4 → 3.0.5 - Mend

@annotorious/annotorious 3.0.4 → 3.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/annotorious.es.js +992 -982
package/dist/annotorious.es.js.map +1 -1
package/dist/annotorious.js +1 -1
package/dist/annotorious.js.map +1 -1
package/package.json +3 -3

package/dist/annotorious.es.js CHANGED Viewed

@@ -1,23 +1,23 @@
-var hn = Object.defineProperty;
-var gn = (e, t, n) => t in e ? hn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var $e = (e, t, n) => gn(e, typeof t != "symbol" ? t + "" : t, n);
+var gn = Object.defineProperty;
+var mn = (e, t, n) => t in e ? gn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var $e = (e, t, n) => mn(e, typeof t != "symbol" ? t + "" : t, n);
 function H() {
 }
-function ut(e, t) {
+function dt(e, t) {
   for (const n in t) e[n] = t[n];
   return (
     /** @type {T & S} */
     e
   );
 }
-function Jt(e) {
+function Qt(e) {
   return e();
 }
-function bt() {
+function Et() {
   return /* @__PURE__ */ Object.create(null);
 }
 function de(e) {
-  e.forEach(Jt);
+  e.forEach(Qt);
 }
 function q(e) {
   return typeof e == "function";
@@ -25,10 +25,10 @@ function q(e) {
 function Z(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
-function mn(e) {
+function pn(e) {
   return Object.keys(e).length === 0;
 }
-function Qt(e, ...t) {
+function Zt(e, ...t) {
   if (e == null) {
     for (const o of t)
       o(void 0);
@@ -38,39 +38,39 @@ function Qt(e, ...t) {
   return n.unsubscribe ? () => n.unsubscribe() : n;
 }
 function et(e, t, n) {
-  e.$$.on_destroy.push(Qt(t, n));
+  e.$$.on_destroy.push(Zt(t, n));
 }
-function pn(e, t, n, o) {
+function yn(e, t, n, o) {
   if (e) {
-    const i = Zt(e, t, n, o);
+    const i = xt(e, t, n, o);
     return e[0](i);
   }
 }
-function Zt(e, t, n, o) {
-  return e[1] && o ? ut(n.ctx.slice(), e[1](o(t))) : n.ctx;
+function xt(e, t, n, o) {
+  return e[1] && o ? dt(n.ctx.slice(), e[1](o(t))) : n.ctx;
 }
-function yn(e, t, n, o) {
+function _n(e, t, n, o) {
   if (e[2] && o) {
     const i = e[2](o(n));
     if (t.dirty === void 0)
       return i;
     if (typeof i == "object") {
-      const s = [], r = Math.max(t.dirty.length, i.length);
-      for (let l = 0; l < r; l += 1)
-        s[l] = t.dirty[l] | i[l];
-      return s;
+      const r = [], s = Math.max(t.dirty.length, i.length);
+      for (let l = 0; l < s; l += 1)
+        r[l] = t.dirty[l] | i[l];
+      return r;
     }
     return t.dirty | i;
   }
   return t.dirty;
 }
-function _n(e, t, n, o, i, s) {
+function wn(e, t, n, o, i, r) {
   if (i) {
-    const r = Zt(t, n, o, s);
-    e.p(r, i);
+    const s = xt(t, n, o, r);
+    e.p(s, i);
   }
 }
-function wn(e) {
+function bn(e) {
   if (e.ctx.length > 32) {
     const t = [], n = e.ctx.length / 32;
     for (let o = 0; o < n; o++)
@@ -79,7 +79,7 @@ function wn(e) {
   }
   return -1;
 }
-function Et(e) {
+function At(e) {
   const t = {};
   for (const n in e) n[0] !== "$" && (t[n] = e[n]);
   return t;
@@ -90,27 +90,27 @@ function Ke(e) {
 function ue(e, t) {
   e.appendChild(t);
 }
-function I(e, t, n) {
+function O(e, t, n) {
   e.insertBefore(t, n || null);
 }
 function k(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
-function mt(e, t) {
+function pt(e, t) {
   for (let n = 0; n < e.length; n += 1)
     e[n] && e[n].d(t);
 }
 function C(e) {
   return document.createElementNS("http://www.w3.org/2000/svg", e);
 }
-function xt(e) {
+function $t(e) {
   return document.createTextNode(e);
 }
 function ie() {
-  return xt(" ");
+  return $t(" ");
 }
 function le() {
-  return xt("");
+  return $t("");
 }
 function F(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
@@ -118,40 +118,40 @@ function F(e, t, n, o) {
 function d(e, t, n) {
   n == null ? e.removeAttribute(t) : e.getAttribute(t) !== n && e.setAttribute(t, n);
 }
-function bn(e) {
+function En(e) {
   return Array.from(e.childNodes);
 }
 function me(e, t, n) {
   e.classList.toggle(t, !!n);
 }
-function En(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
+function An(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
   return new CustomEvent(e, { detail: t, bubbles: n, cancelable: o });
 }
 let Xe;
-function De(e) {
+function Ye(e) {
   Xe = e;
 }
-function $t() {
+function en() {
   if (!Xe) throw new Error("Function called outside component initialization");
   return Xe;
 }
 function Re(e) {
-  $t().$$.on_mount.push(e);
+  en().$$.on_mount.push(e);
 }
 function Me() {
-  const e = $t();
+  const e = en();
   return (t, n, { cancelable: o = !1 } = {}) => {
     const i = e.$$.callbacks[t];
     if (i) {
-      const s = En(
+      const r = An(
         /** @type {string} */
         t,
         n,
         { cancelable: o }
       );
-      return i.slice().forEach((r) => {
-        r.call(e, s);
-      }), !s.defaultPrevented;
+      return i.slice().forEach((s) => {
+        s.call(e, r);
+      }), !r.defaultPrevented;
     }
     return !0;
   };
@@ -162,17 +162,17 @@ function he(e, t) {
 }
 const Ae = [], Je = [];
 let ve = [];
-const At = [], An = /* @__PURE__ */ Promise.resolve();
-let dt = !1;
-function Sn() {
-  dt || (dt = !0, An.then(en));
+const St = [], Sn = /* @__PURE__ */ Promise.resolve();
+let ht = !1;
+function vn() {
+  ht || (ht = !0, Sn.then(tn));
 }
-function ht(e) {
+function gt(e) {
   ve.push(e);
 }
 const tt = /* @__PURE__ */ new Set();
 let _e = 0;
-function en() {
+function tn() {
   if (_e !== 0)
     return;
   const e = Xe;
@@ -180,36 +180,36 @@ function en() {
     try {
       for (; _e < Ae.length; ) {
         const t = Ae[_e];
-        _e++, De(t), vn(t.$$);
+        _e++, Ye(t), Tn(t.$$);
       }
     } catch (t) {
       throw Ae.length = 0, _e = 0, t;
     }
-    for (De(null), Ae.length = 0, _e = 0; Je.length; ) Je.pop()();
+    for (Ye(null), Ae.length = 0, _e = 0; Je.length; ) Je.pop()();
     for (let t = 0; t < ve.length; t += 1) {
       const n = ve[t];
       tt.has(n) || (tt.add(n), n());
     }
     ve.length = 0;
   } while (Ae.length);
-  for (; At.length; )
-    At.pop()();
-  dt = !1, tt.clear(), De(e);
+  for (; St.length; )
+    St.pop()();
+  ht = !1, tt.clear(), Ye(e);
 }
-function vn(e) {
+function Tn(e) {
   if (e.fragment !== null) {
     e.update(), de(e.before_update);
     const t = e.dirty;
-    e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(ht);
+    e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(gt);
   }
 }
-function Tn(e) {
+function Mn(e) {
   const t = [], n = [];
   ve.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), ve = t;
 }
 const We = /* @__PURE__ */ new Set();
 let ye;
-function se() {
+function re() {
   ye = {
     r: 0,
     c: [],
@@ -217,10 +217,10 @@ function se() {
     // parent group
   };
 }
-function re() {
+function se() {
   ye.r || de(ye.c), ye = ye.p;
 }
-function B(e, t) {
+function P(e, t) {
   e && e.i && (We.delete(e), e.i(t));
 }
 function R(e, t, n, o) {
@@ -239,29 +239,29 @@ function te(e) {
 }
 function x(e, t, n) {
   const { fragment: o, after_update: i } = e.$$;
-  o && o.m(t, n), ht(() => {
-    const s = e.$$.on_mount.map(Jt).filter(q);
-    e.$$.on_destroy ? e.$$.on_destroy.push(...s) : de(s), e.$$.on_mount = [];
-  }), i.forEach(ht);
+  o && o.m(t, n), gt(() => {
+    const r = e.$$.on_mount.map(Qt).filter(q);
+    e.$$.on_destroy ? e.$$.on_destroy.push(...r) : de(r), e.$$.on_mount = [];
+  }), i.forEach(gt);
 }
 function $(e, t) {
   const n = e.$$;
-  n.fragment !== null && (Tn(n.after_update), de(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
+  n.fragment !== null && (Mn(n.after_update), de(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
 }
-function Mn(e, t) {
-  e.$$.dirty[0] === -1 && (Ae.push(e), Sn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
+function Ln(e, t) {
+  e.$$.dirty[0] === -1 && (Ae.push(e), vn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
 }
-function ne(e, t, n, o, i, s, r = null, l = [-1]) {
+function ne(e, t, n, o, i, r, s = null, l = [-1]) {
   const a = Xe;
-  De(e);
+  Ye(e);
   const c = e.$$ = {
     fragment: null,
     ctx: [],
     // state
-    props: s,
+    props: r,
     update: H,
     not_equal: i,
-    bound: bt(),
+    bound: Et(),
     // lifecycle
     on_mount: [],
     on_destroy: [],
@@ -270,25 +270,25 @@ function ne(e, t, n, o, i, s, r = null, l = [-1]) {
     after_update: [],
     context: new Map(t.context || (a ? a.$$.context : [])),
     // everything else
-    callbacks: bt(),
+    callbacks: Et(),
     dirty: l,
     skip_bound: !1,
     root: t.target || a.$$.root
   };
-  r && r(c.root);
+  s && s(c.root);
   let u = !1;
   if (c.ctx = n ? n(e, t.props || {}, (f, g, ...h) => {
     const m = h.length ? h[0] : g;
-    return c.ctx && i(c.ctx[f], c.ctx[f] = m) && (!c.skip_bound && c.bound[f] && c.bound[f](m), u && Mn(e, f)), g;
+    return c.ctx && i(c.ctx[f], c.ctx[f] = m) && (!c.skip_bound && c.bound[f] && c.bound[f](m), u && Ln(e, f)), g;
   }) : [], c.update(), u = !0, de(c.before_update), c.fragment = o ? o(c.ctx) : !1, t.target) {
     if (t.hydrate) {
-      const f = bn(t.target);
+      const f = En(t.target);
       c.fragment && c.fragment.l(f), f.forEach(k);
     } else
       c.fragment && c.fragment.c();
-    t.intro && B(e.$$.fragment), x(e, t.target, t.anchor), en();
+    t.intro && P(e.$$.fragment), x(e, t.target, t.anchor), tn();
   }
-  De(a);
+  Ye(a);
 }
 class oe {
   constructor() {
@@ -333,26 +333,26 @@ class oe {
    * @returns {void}
    */
   $set(t) {
-    this.$$set && !mn(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
+    this.$$set && !pn(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
   }
 }
-const Ln = "4";
-typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(Ln);
+const kn = "4";
+typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(kn);
 var W = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(W || {});
-const pt = {}, yt = (e, t) => pt[e] = t, gt = (e) => pt[e.type].area(e), kn = (e, t, n) => pt[e.type].intersects(e, t, n), Qe = (e) => {
+const yt = {}, _t = (e, t) => yt[e] = t, mt = (e) => yt[e.type].area(e), In = (e, t, n) => yt[e.type].intersects(e, t, n), Qe = (e) => {
   let t = 1 / 0, n = 1 / 0, o = -1 / 0, i = -1 / 0;
-  return e.forEach(([s, r]) => {
-    t = Math.min(t, s), n = Math.min(n, r), o = Math.max(o, s), i = Math.max(i, r);
+  return e.forEach(([r, s]) => {
+    t = Math.min(t, r), n = Math.min(n, s), o = Math.max(o, r), i = Math.max(i, s);
   }), { minX: t, minY: n, maxX: o, maxY: i };
-}, In = {
+}, On = {
   area: (e) => Math.PI * e.geometry.rx * e.geometry.ry,
   intersects: (e, t, n) => {
-    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, l = 0, a = Math.cos(l), c = Math.sin(l), u = t - o, f = n - i, g = a * u + c * f, h = c * u - a * f;
-    return g * g / (s * s) + h * h / (r * r) <= 1;
+    const { cx: o, cy: i, rx: r, ry: s } = e.geometry, l = 0, a = Math.cos(l), c = Math.sin(l), u = t - o, f = n - i, g = a * u + c * f, h = c * u - a * f;
+    return g * g / (r * r) + h * h / (s * s) <= 1;
   }
 };
-yt(W.ELLIPSE, In);
-const On = {
+_t(W.ELLIPSE, On);
+const Bn = {
   area: (e) => {
     const { points: t } = e.geometry;
     let n = 0, o = t.length - 1;
@@ -363,25 +363,25 @@ const On = {
   intersects: (e, t, n) => {
     const { points: o } = e.geometry;
     let i = !1;
-    for (let s = 0, r = o.length - 1; s < o.length; r = s++) {
-      const l = o[s][0], a = o[s][1], c = o[r][0], u = o[r][1];
+    for (let r = 0, s = o.length - 1; r < o.length; s = r++) {
+      const l = o[r][0], a = o[r][1], c = o[s][0], u = o[s][1];
       a > n != u > n && t < (c - l) * (n - a) / (u - a) + l && (i = !i);
     }
     return i;
   }
 };
-yt(W.POLYGON, On);
-const Bn = {
+_t(W.POLYGON, Bn);
+const Pn = {
   area: (e) => e.geometry.w * e.geometry.h,
   intersects: (e, t, n) => t >= e.geometry.x && t <= e.geometry.x + e.geometry.w && n >= e.geometry.y && n <= e.geometry.y + e.geometry.h
 };
-yt(W.RECTANGLE, Bn);
+_t(W.RECTANGLE, Pn);
 const Ze = (e) => qe(e.target), qe = (e) => {
   var t, n;
   return (e == null ? void 0 : e.annotation) !== void 0 && ((n = (t = e == null ? void 0 : e.selector) == null ? void 0 : t.geometry) == null ? void 0 : n.bounds) !== void 0;
-}, Pn = (e, t = !1) => {
-  const n = typeof e == "string" ? e : e.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [s, r, l, a, c, u, f] = i;
-  if (r !== "xywh") throw new Error("Unsupported MediaFragment: " + n);
+}, Dn = (e, t = !1) => {
+  const n = typeof e == "string" ? e : e.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [r, s, l, a, c, u, f] = i;
+  if (s !== "xywh") throw new Error("Unsupported MediaFragment: " + n);
   if (l && l !== "pixel") throw new Error(`Unsupported MediaFragment unit: ${l}`);
   const [g, h, m, y] = [a, c, u, f].map(parseFloat);
   return {
@@ -406,21 +406,21 @@ const Ze = (e) => qe(e.target), qe = (e) => {
     conformsTo: "http://www.w3.org/TR/media-frags/",
     value: `xywh=pixel:${t},${n},${o},${i}`
   };
-}, tn = "http://www.w3.org/2000/svg", St = (e) => {
+}, nn = "http://www.w3.org/2000/svg", vt = (e) => {
   const t = (o) => {
     Array.from(o.attributes).forEach((i) => {
       i.name.startsWith("on") && o.removeAttribute(i.name);
     });
   }, n = e.getElementsByTagName("script");
   return Array.from(n).reverse().forEach((o) => o.parentNode.removeChild(o)), Array.from(e.querySelectorAll("*")).forEach(t), e;
-}, Dn = (e) => {
-  const o = new XMLSerializer().serializeToString(e.documentElement).replace("<svg>", `<svg xmlns="${tn}">`);
-  return new DOMParser().parseFromString(o, "image/svg+xml").documentElement;
 }, Xn = (e) => {
-  const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix(tn), i = n.lookupNamespaceURI(null);
-  return o || i ? St(n).firstChild : St(Dn(n)).firstChild;
+  const o = new XMLSerializer().serializeToString(e.documentElement).replace("<svg>", `<svg xmlns="${nn}">`);
+  return new DOMParser().parseFromString(o, "image/svg+xml").documentElement;
 }, Rn = (e) => {
-  const [t, n, o] = e.match(/(<polygon points=["|'])([^("|')]*)/) || [], i = o.split(" ").map((s) => s.split(",").map(parseFloat));
+  const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix(nn), i = n.lookupNamespaceURI(null);
+  return o || i ? vt(n).firstChild : vt(Xn(n)).firstChild;
+}, Cn = (e) => {
+  const [t, n, o] = e.match(/(<polygon points=["|'])([^("|')]*)/) || [], i = o.split(" ").map((r) => r.split(",").map(parseFloat));
   return {
     type: W.POLYGON,
     geometry: {
@@ -428,12 +428,12 @@ const Ze = (e) => qe(e.target), qe = (e) => {
       bounds: Qe(i)
     }
   };
-}, Cn = (e) => {
-  const t = Xn(e), n = parseFloat(t.getAttribute("cx")), o = parseFloat(t.getAttribute("cy")), i = parseFloat(t.getAttribute("rx")), s = parseFloat(t.getAttribute("ry")), r = {
+}, Nn = (e) => {
+  const t = Rn(e), n = parseFloat(t.getAttribute("cx")), o = parseFloat(t.getAttribute("cy")), i = parseFloat(t.getAttribute("rx")), r = parseFloat(t.getAttribute("ry")), s = {
     minX: n - i,
-    minY: o - s,
+    minY: o - r,
     maxX: n + i,
-    maxY: o + s
+    maxY: o + r
   };
   return {
     type: W.ELLIPSE,
@@ -441,18 +441,18 @@ const Ze = (e) => qe(e.target), qe = (e) => {
       cx: n,
       cy: o,
       rx: i,
-      ry: s,
-      bounds: r
+      ry: r,
+      bounds: s
     }
   };
-}, Nn = (e) => {
+}, Un = (e) => {
   const t = typeof e == "string" ? e : e.value;
   if (t.includes("<polygon points="))
-    return Rn(t);
-  if (t.includes("<ellipse "))
     return Cn(t);
+  if (t.includes("<ellipse "))
+    return Nn(t);
   throw "Unsupported SVG shape: " + t;
-}, Un = (e) => {
+}, Vn = (e) => {
   let t;
   if (e.type === W.POLYGON) {
     const n = e.geometry, { points: o } = n;
@@ -468,27 +468,27 @@ const Ze = (e) => qe(e.target), qe = (e) => {
 var J = [];
 for (var nt = 0; nt < 256; ++nt)
   J.push((nt + 256).toString(16).slice(1));
-function Vn(e, t = 0) {
+function Gn(e, t = 0) {
   return (J[e[t + 0]] + J[e[t + 1]] + J[e[t + 2]] + J[e[t + 3]] + "-" + J[e[t + 4]] + J[e[t + 5]] + "-" + J[e[t + 6]] + J[e[t + 7]] + "-" + J[e[t + 8]] + J[e[t + 9]] + "-" + J[e[t + 10]] + J[e[t + 11]] + J[e[t + 12]] + J[e[t + 13]] + J[e[t + 14]] + J[e[t + 15]]).toLowerCase();
 }
-var Ge, Gn = new Uint8Array(16);
-function jn() {
+var Ge, jn = new Uint8Array(16);
+function zn() {
   if (!Ge && (Ge = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Ge))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Ge(Gn);
+  return Ge(jn);
 }
-var zn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const vt = {
-  randomUUID: zn
+var Hn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const Tt = {
+  randomUUID: Hn
 };
-function nn(e, t, n) {
-  if (vt.randomUUID && !t && !e)
-    return vt.randomUUID();
+function on(e, t, n) {
+  if (Tt.randomUUID && !t && !e)
+    return Tt.randomUUID();
   e = e || {};
-  var o = e.random || (e.rng || jn)();
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Vn(o);
+  var o = e.random || (e.rng || zn)();
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Gn(o);
 }
-var Tt = Object.prototype.hasOwnProperty;
+var Mt = Object.prototype.hasOwnProperty;
 function pe(e, t) {
   var n, o;
   if (e === t) return !0;
@@ -503,7 +503,7 @@ function pe(e, t) {
     if (!n || typeof e == "object") {
       o = 0;
       for (n in e)
-        if (Tt.call(e, n) && ++o && !Tt.call(t, n) || !(n in t) || !pe(e[n], t[n])) return !1;
+        if (Mt.call(e, n) && ++o && !Mt.call(t, n) || !(n in t) || !pe(e[n], t[n])) return !1;
       return Object.keys(t).length === o;
     }
   }
@@ -511,15 +511,15 @@ function pe(e, t) {
 }
 function ot() {
 }
-function Hn(e, t) {
+function Fn(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
 const we = [];
-function _t(e, t = ot) {
+function wt(e, t = ot) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
-    if (Hn(e, l) && (e = l, n)) {
+    if (Fn(e, l) && (e = l, n)) {
       const a = !we.length;
       for (const c of o)
         c[1](), we.push(c, e);
@@ -530,25 +530,25 @@ function _t(e, t = ot) {
       }
     }
   }
-  function s(l) {
+  function r(l) {
     i(l(e));
   }
-  function r(l, a = ot) {
+  function s(l, a = ot) {
     const c = [l, a];
-    return o.add(c), o.size === 1 && (n = t(i, s) || ot), l(e), () => {
+    return o.add(c), o.size === 1 && (n = t(i, r) || ot), l(e), () => {
       o.delete(c), o.size === 0 && n && (n(), n = null);
     };
   }
-  return { set: i, update: s, subscribe: r };
+  return { set: i, update: r, subscribe: s };
 }
-const Fn = (e) => {
-  const { subscribe: t, set: n } = _t();
+const Wn = (e) => {
+  const { subscribe: t, set: n } = wt();
   let o;
   return t((i) => o = i), e.observe(({ changes: i }) => {
     if (o) {
-      (i.deleted || []).some((r) => r.id === o) && n(void 0);
-      const s = (i.updated || []).find(({ oldValue: r }) => r.id === o);
-      s && n(s.newValue.id);
+      (i.deleted || []).some((s) => s.id === o) && n(void 0);
+      const r = (i.updated || []).find(({ oldValue: s }) => s.id === o);
+      r && n(r.newValue.id);
     }
   }), {
     get current() {
@@ -558,28 +558,28 @@ const Fn = (e) => {
     set: n
   };
 };
-var on = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(on || {});
-const je = { selected: [] }, Wn = (e, t) => {
-  const { subscribe: n, set: o } = _t(je);
-  let i = t, s = je;
-  n((h) => s = h);
-  const r = () => {
-    pe(s, je) || o(je);
+var rn = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(rn || {});
+const je = { selected: [] }, qn = (e, t) => {
+  const { subscribe: n, set: o } = wt(je);
+  let i = t, r = je;
+  n((h) => r = h);
+  const s = () => {
+    pe(r, je) || o(je);
   }, l = () => {
     var h;
-    return ((h = s.selected) == null ? void 0 : h.length) === 0;
+    return ((h = r.selected) == null ? void 0 : h.length) === 0;
   }, a = (h) => {
     if (l())
       return !1;
     const m = typeof h == "string" ? h : h.id;
-    return s.selected.some((y) => y.id === m);
+    return r.selected.some((y) => y.id === m);
   }, c = (h, m) => {
     const y = e.getAnnotation(h);
     if (!y) {
       console.warn("Invalid selection: " + h);
       return;
     }
-    switch (Mt(y, i)) {
+    switch (Lt(y, i)) {
       case "EDIT":
         o({ selected: [{ id: h, editable: !0 }], event: m });
         break;
@@ -593,29 +593,29 @@ const je = { selected: [] }, Wn = (e, t) => {
     const y = Array.isArray(h) ? h : [h], T = y.map((p) => e.getAnnotation(p)).filter((p) => !!p);
     o({
       selected: T.map((p) => {
-        const w = m === void 0 ? Mt(p, i) === "EDIT" : m;
+        const w = m === void 0 ? Lt(p, i) === "EDIT" : m;
         return { id: p.id, editable: w };
       })
     }), T.length !== y.length && console.warn("Invalid selection", h);
   }, f = (h) => {
     if (l())
       return !1;
-    const { selected: m } = s;
+    const { selected: m } = r;
     m.some(({ id: y }) => h.includes(y)) && o({ selected: m.filter(({ id: y }) => !h.includes(y)) });
   }, g = (h) => i = h;
   return e.observe(
     ({ changes: h }) => f((h.deleted || []).map((m) => m.id))
   ), {
     get event() {
-      return s ? s.event : null;
+      return r ? r.event : null;
     },
     get selected() {
-      return s ? [...s.selected] : null;
+      return r ? [...r.selected] : null;
     },
     get userSelectAction() {
       return i;
     },
-    clear: r,
+    clear: s,
     isEmpty: l,
     isSelected: a,
     setSelected: u,
@@ -623,84 +623,94 @@ const je = { selected: [] }, Wn = (e, t) => {
     subscribe: n,
     userSelect: c
   };
-}, Mt = (e, t) => typeof t == "function" ? t(e) : t || "EDIT";
+}, Lt = (e, t) => typeof t == "function" ? t(e) : t || "EDIT";
 var Q = [];
 for (var it = 0; it < 256; ++it)
   Q.push((it + 256).toString(16).slice(1));
-function qn(e, t = 0) {
+function Kn(e, t = 0) {
   return (Q[e[t + 0]] + Q[e[t + 1]] + Q[e[t + 2]] + Q[e[t + 3]] + "-" + Q[e[t + 4]] + Q[e[t + 5]] + "-" + Q[e[t + 6]] + Q[e[t + 7]] + "-" + Q[e[t + 8]] + Q[e[t + 9]] + "-" + Q[e[t + 10]] + Q[e[t + 11]] + Q[e[t + 12]] + Q[e[t + 13]] + Q[e[t + 14]] + Q[e[t + 15]]).toLowerCase();
 }
-var ze, Kn = new Uint8Array(16);
-function Jn() {
+var ze, Jn = new Uint8Array(16);
+function Qn() {
   if (!ze && (ze = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !ze))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return ze(Kn);
+  return ze(Jn);
 }
-var Qn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Lt = {
-  randomUUID: Qn
+var Zn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const kt = {
+  randomUUID: Zn
 };
-function Zn(e, t, n) {
-  if (Lt.randomUUID && !t && !e)
-    return Lt.randomUUID();
+function xn(e, t, n) {
+  if (kt.randomUUID && !t && !e)
+    return kt.randomUUID();
   e = e || {};
-  var o = e.random || (e.rng || Jn)();
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, qn(o);
+  var o = e.random || (e.rng || Qn)();
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Kn(o);
 }
-const xn = (e, t) => {
+const rt = (e) => {
+  const t = (n) => {
+    const o = { ...n };
+    return n.created && typeof n.created == "string" && (o.created = new Date(n.created)), n.updated && typeof n.updated == "string" && (o.updated = new Date(n.updated)), o;
+  };
+  return {
+    ...e,
+    bodies: (e.bodies || []).map(t),
+    target: t(e.target)
+  };
+}, $n = (e, t) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
-}, $n = (e, t) => {
+}, eo = (e, t) => {
   const n = new Set(t.bodies.map((o) => o.id));
   return e.bodies.filter((o) => !n.has(o.id));
-}, eo = (e, t) => t.bodies.map((n) => {
+}, to = (e, t) => t.bodies.map((n) => {
   const o = e.bodies.find((i) => i.id === n.id);
   return { newBody: n, oldBody: o && !pe(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), to = (e, t) => !pe(e.target, t.target), sn = (e, t) => {
-  const n = xn(e, t), o = $n(e, t), i = eo(e, t);
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), no = (e, t) => !pe(e.target, t.target), sn = (e, t) => {
+  const n = $n(e, t), o = eo(e, t), i = to(e, t);
   return {
     oldValue: e,
     newValue: t,
     bodiesCreated: n.length > 0 ? n : void 0,
     bodiesDeleted: o.length > 0 ? o : void 0,
     bodiesUpdated: i.length > 0 ? i : void 0,
-    targetUpdated: to(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
+    targetUpdated: no(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
 var z = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e.SILENT = "SILENT", e))(z || {});
-const no = (e, t) => {
+const oo = (e, t) => {
   var n, o;
-  const { changes: i, origin: s } = t;
-  if (!(e.options.origin ? e.options.origin === s : s !== "SILENT"))
+  const { changes: i, origin: r } = t;
+  if (!(e.options.origin ? e.options.origin === r : r !== "SILENT"))
     return !1;
   if (e.options.ignore) {
-    const { ignore: r } = e.options, l = (a) => a && a.length > 0;
+    const { ignore: s } = e.options, l = (a) => a && a.length > 0;
     if (!(l(i.created) || l(i.deleted))) {
       const a = (n = i.updated) == null ? void 0 : n.some((u) => l(u.bodiesCreated) || l(u.bodiesDeleted) || l(u.bodiesUpdated)), c = (o = i.updated) == null ? void 0 : o.some((u) => u.targetUpdated);
-      if (r === "BODY_ONLY" && a && !c || r === "TARGET_ONLY" && c && !a)
+      if (s === "BODY_ONLY" && a && !c || s === "TARGET_ONLY" && c && !a)
         return !1;
     }
   }
   if (e.options.annotations) {
-    const r = /* @__PURE__ */ new Set([
+    const s = /* @__PURE__ */ new Set([
       ...(i.created || []).map((l) => l.id),
       ...(i.deleted || []).map((l) => l.id),
       ...(i.updated || []).map(({ oldValue: l }) => l.id)
     ]);
-    return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((l) => r.has(l));
+    return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((l) => s.has(l));
   } else
     return !0;
-}, oo = (e, t) => {
-  const n = new Set((e.created || []).map((f) => f.id)), o = new Set((e.updated || []).map(({ newValue: f }) => f.id)), i = new Set((t.created || []).map((f) => f.id)), s = new Set((t.deleted || []).map((f) => f.id)), r = new Set((t.updated || []).map(({ oldValue: f }) => f.id)), l = new Set((t.updated || []).filter(({ oldValue: f }) => n.has(f.id) || o.has(f.id)).map(({ oldValue: f }) => f.id)), a = [
-    ...(e.created || []).filter((f) => !s.has(f.id)).map((f) => r.has(f.id) ? t.updated.find(({ oldValue: g }) => g.id === f.id).newValue : f),
+}, io = (e, t) => {
+  const n = new Set((e.created || []).map((f) => f.id)), o = new Set((e.updated || []).map(({ newValue: f }) => f.id)), i = new Set((t.created || []).map((f) => f.id)), r = new Set((t.deleted || []).map((f) => f.id)), s = new Set((t.updated || []).map(({ oldValue: f }) => f.id)), l = new Set((t.updated || []).filter(({ oldValue: f }) => n.has(f.id) || o.has(f.id)).map(({ oldValue: f }) => f.id)), a = [
+    ...(e.created || []).filter((f) => !r.has(f.id)).map((f) => s.has(f.id) ? t.updated.find(({ oldValue: g }) => g.id === f.id).newValue : f),
     ...t.created || []
   ], c = [
     ...(e.deleted || []).filter((f) => !i.has(f.id)),
     ...(t.deleted || []).filter((f) => !n.has(f.id))
   ], u = [
-    ...(e.updated || []).filter(({ newValue: f }) => !s.has(f.id)).map((f) => {
+    ...(e.updated || []).filter(({ newValue: f }) => !r.has(f.id)).map((f) => {
       const { oldValue: g, newValue: h } = f;
-      if (r.has(h.id)) {
+      if (s.has(h.id)) {
         const m = t.updated.find((y) => y.oldValue.id === h.id).newValue;
         return sn(g, m);
       } else
@@ -710,7 +720,7 @@ const no = (e, t) => {
   ];
   return { created: a, deleted: c, updated: u };
 }, st = (e) => {
-  const t = e.id === void 0 ? Zn() : e.id;
+  const t = e.id === void 0 ? xn() : e.id;
   return {
     ...e,
     id: t,
@@ -723,13 +733,13 @@ const no = (e, t) => {
       annotation: t
     }
   };
-}, io = (e) => e.id !== void 0, so = () => {
+}, ro = (e) => e.id !== void 0, so = () => {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (E, A = {}) => {
     n.push({ onChange: E, options: A });
   }, i = (E) => {
     const A = n.findIndex((S) => S.onChange == E);
     A > -1 && n.splice(A, 1);
-  }, s = (E, A) => {
+  }, r = (E, A) => {
     const S = {
       origin: E,
       changes: {
@@ -740,14 +750,14 @@ const no = (e, t) => {
       state: [...e.values()]
     };
     n.forEach((v) => {
-      no(v, S) && v.onChange(S);
+      oo(v, S) && v.onChange(S);
     });
-  }, r = (E, A = z.LOCAL) => {
+  }, s = (E, A = z.LOCAL) => {
     if (E.id && e.get(E.id))
       throw Error(`Cannot add annotation ${E.id} - exists already`);
     {
       const S = st(E);
-      e.set(S.id, S), S.bodies.forEach((v) => t.set(v.id, S.id)), s(A, { created: [S] });
+      e.set(S.id, S), S.bodies.forEach((v) => t.set(v.id, S.id)), r(A, { created: [S] });
     }
   }, l = (E, A) => {
     const S = st(typeof E == "string" ? A : E), v = typeof E == "string" ? E : E.id, N = v && e.get(v);
@@ -757,14 +767,14 @@ const no = (e, t) => {
     } else
       console.warn(`Cannot update annotation ${v} - does not exist`);
   }, a = (E, A = z.LOCAL, S = z.LOCAL) => {
-    const v = io(A) ? S : A, N = l(E, A);
-    N && s(v, { updated: [N] });
+    const v = ro(A) ? S : A, N = l(E, A);
+    N && r(v, { updated: [N] });
   }, c = (E, A = z.LOCAL) => {
     const S = E.reduce((v, N) => {
       const X = l(N);
       return X ? [...v, X] : v;
     }, []);
-    S.length > 0 && s(A, { updated: S });
+    S.length > 0 && r(A, { updated: S });
   }, u = (E, A = z.LOCAL) => {
     const S = e.get(E.annotation);
     if (S) {
@@ -772,7 +782,7 @@ const no = (e, t) => {
         ...S,
         bodies: [...S.bodies, E]
       };
-      e.set(S.id, v), t.set(E.id, v.id), s(A, { updated: [{
+      e.set(S.id, v), t.set(E.id, v.id), r(A, { updated: [{
         oldValue: S,
         newValue: v,
         bodiesCreated: [E]
@@ -781,14 +791,14 @@ const no = (e, t) => {
       console.warn(`Attempt to add body to missing annotation: ${E.annotation}`);
   }, f = () => [...e.values()], g = (E = z.LOCAL) => {
     const A = [...e.values()];
-    e.clear(), t.clear(), s(E, { deleted: A });
+    e.clear(), t.clear(), r(E, { deleted: A });
   }, h = (E, A = !0, S = z.LOCAL) => {
     const v = E.map(st);
     if (A) {
       const N = [...e.values()];
       e.clear(), t.clear(), v.forEach((X) => {
         e.set(X.id, X), X.bodies.forEach((K) => t.set(K.id, X.id));
-      }), s(S, { created: v, deleted: N });
+      }), r(S, { created: v, deleted: N });
     } else {
       const N = E.reduce((X, K) => {
         const ge = K.id && e.get(K.id);
@@ -798,7 +808,7 @@ const no = (e, t) => {
         throw Error(`Bulk insert would overwrite the following annotations: ${N.map((X) => X.id).join(", ")}`);
       v.forEach((X) => {
         e.set(X.id, X), X.bodies.forEach((K) => t.set(K.id, X.id));
-      }), s(S, { created: v });
+      }), r(S, { created: v });
     }
   }, m = (E) => {
     const A = typeof E == "string" ? E : E.id, S = e.get(A);
@@ -807,13 +817,13 @@ const no = (e, t) => {
     console.warn(`Attempt to delete missing annotation: ${A}`);
   }, y = (E, A = z.LOCAL) => {
     const S = m(E);
-    S && s(A, { deleted: [S] });
+    S && r(A, { deleted: [S] });
   }, T = (E, A = z.LOCAL) => {
     const S = E.reduce((v, N) => {
       const X = m(N);
       return X ? [...v, X] : v;
     }, []);
-    S.length > 0 && s(A, { deleted: S });
+    S.length > 0 && r(A, { deleted: S });
   }, p = (E) => {
     const A = e.get(E.annotation);
     if (A) {
@@ -835,14 +845,14 @@ const no = (e, t) => {
       console.warn(`Attempt to delete body from missing annotation ${E.annotation}`);
   }, w = (E, A = z.LOCAL) => {
     const S = p(E);
-    S && s(A, { updated: [S] });
+    S && r(A, { updated: [S] });
   }, _ = (E, A = z.LOCAL) => {
     const S = E.map((v) => p(v)).filter(Boolean);
-    S.length > 0 && s(A, { updated: S });
+    S.length > 0 && r(A, { updated: S });
   }, b = (E) => {
     const A = e.get(E);
     return A ? { ...A } : void 0;
-  }, Y = (E) => {
+  }, I = (E) => {
     const A = t.get(E);
     if (A) {
       const S = b(A).bodies.find((v) => v.id === E);
@@ -869,11 +879,11 @@ const no = (e, t) => {
       console.warn(`Attempt to add body to missing annotation ${E.annotation}`);
   }, V = (E, A, S = z.LOCAL) => {
     const v = U(E, A);
-    v && s(S, { updated: [v] });
+    v && r(S, { updated: [v] });
   }, G = (E, A = z.LOCAL) => {
     const S = E.map((v) => U({ id: v.id, annotation: v.annotation }, v)).filter(Boolean);
-    s(A, { updated: S });
-  }, P = (E) => {
+    r(A, { updated: S });
+  }, D = (E) => {
     const A = e.get(E.annotation);
     if (A) {
       const S = {
@@ -895,7 +905,7 @@ const no = (e, t) => {
       console.warn(`Attempt to update target on missing annotation: ${E.annotation}`);
   };
   return {
-    addAnnotation: r,
+    addAnnotation: s,
     addBody: u,
     all: f,
     bulkAddAnnotation: h,
@@ -904,31 +914,31 @@ const no = (e, t) => {
     bulkUpdateAnnotation: c,
     bulkUpdateBodies: G,
     bulkUpdateTargets: (E, A = z.LOCAL) => {
-      const S = E.map((v) => P(v)).filter(Boolean);
-      S.length > 0 && s(A, { updated: S });
+      const S = E.map((v) => D(v)).filter(Boolean);
+      S.length > 0 && r(A, { updated: S });
     },
     clear: g,
     deleteAnnotation: y,
     deleteBody: w,
     getAnnotation: b,
-    getBody: Y,
+    getBody: I,
     observe: o,
     unobserve: i,
     updateAnnotation: a,
     updateBody: V,
     updateTarget: (E, A = z.LOCAL) => {
-      const S = P(E);
-      S && s(A, { updated: [S] });
+      const S = D(E);
+      S && r(A, { updated: [S] });
     }
   };
-}, ro = (e) => ({
+}, lo = (e) => ({
   ...e,
   subscribe: (t) => {
     const n = (o) => t(o.state);
     return e.observe(n), t(e.all()), () => e.unobserve(n);
   }
 });
-let lo = () => ({
+let ao = () => ({
   emit(e, ...t) {
     for (let n = 0, o = this.events[e] || [], i = o.length; n < i; n++)
       o[n](...t);
@@ -942,28 +952,28 @@ let lo = () => ({
     };
   }
 });
-const ao = 250, co = (e) => {
-  const t = lo(), n = [];
-  let o = -1, i = !1, s = 0;
-  const r = (h) => {
+const co = 250, fo = (e) => {
+  const t = ao(), n = [];
+  let o = -1, i = !1, r = 0;
+  const s = (h) => {
     if (!i) {
       const { changes: m } = h, y = performance.now();
-      if (y - s > ao)
+      if (y - r > co)
         n.splice(o + 1), n.push(m), o = n.length - 1;
       else {
         const T = n.length - 1;
-        n[T] = oo(n[T], m);
+        n[T] = io(n[T], m);
       }
-      s = y;
+      r = y;
     }
     i = !1;
   };
-  e.observe(r, { origin: z.LOCAL });
+  e.observe(s, { origin: z.LOCAL });
   const l = (h) => h && h.length > 0 && e.bulkDeleteAnnotation(h), a = (h) => h && h.length > 0 && e.bulkAddAnnotation(h, !1), c = (h) => h && h.length > 0 && e.bulkUpdateAnnotation(h.map(({ oldValue: m }) => m)), u = (h) => h && h.length > 0 && e.bulkUpdateAnnotation(h.map(({ newValue: m }) => m)), f = (h) => h && h.length > 0 && e.bulkAddAnnotation(h, !1), g = (h) => h && h.length > 0 && e.bulkDeleteAnnotation(h);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
-    destroy: () => e.unobserve(r),
+    destroy: () => e.unobserve(s),
     on: (h, m) => t.on(h, m),
     redo: () => {
       if (n.length - 1 > o) {
@@ -980,14 +990,14 @@ const ao = 250, co = (e) => {
       }
     }
   };
-}, fo = () => {
-  const { subscribe: e, set: t } = _t([]);
+}, uo = () => {
+  const { subscribe: e, set: t } = wt([]);
   return {
     subscribe: e,
     set: t
   };
-}, uo = (e, t, n, o) => {
-  const { store: i, selection: s, hover: r, viewport: l } = e, a = /* @__PURE__ */ new Map();
+}, ho = (e, t, n, o) => {
+  const { store: i, selection: r, hover: s, viewport: l } = e, a = /* @__PURE__ */ new Map();
   let c = [], u, f;
   const g = (p, w) => {
     a.has(p) ? a.get(p).push(w) : a.set(p, [w]);
@@ -1001,20 +1011,20 @@ const ao = 250, co = (e) => {
     a.has(p) && setTimeout(() => {
       a.get(p).forEach((b) => {
         if (n) {
-          const Y = Array.isArray(w) ? w.map((V) => n.serialize(V)) : n.serialize(w), U = _ ? _ instanceof PointerEvent ? _ : n.serialize(_) : void 0;
-          b(Y, U);
+          const I = Array.isArray(w) ? w.map((V) => n.serialize(V)) : n.serialize(w), U = _ ? _ instanceof PointerEvent ? _ : n.serialize(_) : void 0;
+          b(I, U);
         } else
           b(w, _);
       });
     }, 1);
   }, y = () => {
-    const { selected: p } = s, w = (p || []).map(({ id: _ }) => i.getAnnotation(_));
+    const { selected: p } = r, w = (p || []).map(({ id: _ }) => i.getAnnotation(_));
     w.forEach((_) => {
-      const b = c.find((Y) => Y.id === _.id);
+      const b = c.find((I) => I.id === _.id);
       (!b || !pe(b, _)) && m("updateAnnotation", _, b);
-    }), c = c.map((_) => w.find(({ id: Y }) => Y === _.id) || _);
+    }), c = c.map((_) => w.find(({ id: I }) => I === _.id) || _);
   };
-  s.subscribe(({ selected: p }) => {
+  r.subscribe(({ selected: p }) => {
     if (!(c.length === 0 && p.length === 0)) {
       if (c.length === 0 && p.length > 0)
         c = p.map(({ id: w }) => i.getAnnotation(w));
@@ -1026,8 +1036,8 @@ const ao = 250, co = (e) => {
       else {
         const w = new Set(c.map((b) => b.id)), _ = new Set(p.map(({ id: b }) => b));
         c.filter((b) => !_.has(b.id)).forEach((b) => {
-          const Y = i.getAnnotation(b.id);
-          Y && !pe(Y, b) && m("updateAnnotation", Y, b);
+          const I = i.getAnnotation(b.id);
+          I && !pe(I, b) && m("updateAnnotation", I, b);
         }), c = [
           // Remove annotations that were deselected
           ...c.filter((b) => _.has(b.id)),
@@ -1037,7 +1047,7 @@ const ao = 250, co = (e) => {
       }
       m("selectionChanged", c);
     }
-  }), r.subscribe((p) => {
+  }), s.subscribe((p) => {
     !u && p ? m("mouseEnterAnnotation", i.getAnnotation(p)) : u && !p ? m("mouseLeaveAnnotation", i.getAnnotation(u)) : u && p && (m("mouseLeaveAnnotation", i.getAnnotation(u)), m("mouseEnterAnnotation", i.getAnnotation(p))), u = p;
   }), l == null || l.subscribe((p) => m("viewportIntersect", p.map((w) => i.getAnnotation(w)))), i.observe((p) => {
     o && (f && clearTimeout(f), f = setTimeout(y, 1e3));
@@ -1046,9 +1056,9 @@ const ao = 250, co = (e) => {
       ...b.bodiesCreated || [],
       ...b.bodiesDeleted || [],
       ...b.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: b, newValue: Y }) => {
+    ].length > 0).forEach(({ oldValue: b, newValue: I }) => {
       const U = c.find((V) => V.id === b.id) || b;
-      c = c.map((V) => V.id === b.id ? Y : V), m("updateAnnotation", Y, U);
+      c = c.map((V) => V.id === b.id ? I : V), m("updateAnnotation", I, U);
     });
   }, { origin: z.LOCAL }), i.observe((p) => {
     if (c) {
@@ -1061,9 +1071,9 @@ const ao = 250, co = (e) => {
     p ? (_ || []).forEach((b) => m("updateAnnotation", b.oldValue, b.newValue)) : (_ || []).forEach((b) => m("updateAnnotation", b.newValue, b.oldValue));
   };
   return t.on("undo", T(!0)), t.on("redo", T(!1)), { on: g, off: h, emit: m };
-}, ho = (e) => (t) => t.reduce((n, o) => {
-  const { parsed: i, error: s } = e.parse(o);
-  return s ? {
+}, go = (e) => (t) => t.reduce((n, o) => {
+  const { parsed: i, error: r } = e.parse(o);
+  return r ? {
     parsed: n.parsed,
     failed: [...n.failed, o]
   } : i ? {
@@ -1072,14 +1082,14 @@ const ao = 250, co = (e) => {
   } : {
     ...n
   };
-}, { parsed: [], failed: [] }), go = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (p) => {
+}, { parsed: [], failed: [] }), mo = (e, t, n) => {
+  const { store: o, selection: i } = e, r = (p) => {
     if (n) {
       const { parsed: w, error: _ } = n.parse(p);
       w ? o.addAnnotation(w, z.REMOTE) : console.error(_);
     } else
-      o.addAnnotation(p, z.REMOTE);
-  }, r = () => i.clear(), l = () => o.clear(), a = (p) => {
+      o.addAnnotation(rt(p), z.REMOTE);
+  }, s = () => i.clear(), l = () => o.clear(), a = (p) => {
     const w = o.getAnnotation(p);
     return n && w ? n.serialize(w) : w;
   }, c = () => n ? o.all().map(n.serialize) : o.all(), u = () => {
@@ -1098,10 +1108,10 @@ const ao = 250, co = (e) => {
     }
   }, h = (p, w = !0) => {
     if (n) {
-      const { parsed: _, failed: b } = ho(n)(p);
-      b.length > 0 && console.warn(`Discarded ${b.length} invalid annotations`, b), o.bulkAddAnnotation(_, w, z.REMOTE);
+      const _ = n.parseAll || go(n), { parsed: b, failed: I } = _(p);
+      I.length > 0 && console.warn(`Discarded ${I.length} invalid annotations`, I), o.bulkAddAnnotation(b, w, z.REMOTE);
     } else
-      o.bulkAddAnnotation(p, w, z.REMOTE);
+      o.bulkAddAnnotation(p.map(rt), w, z.REMOTE);
   }, m = (p, w) => {
     p ? i.setSelected(p, w) : i.clear();
   }, y = (p) => {
@@ -1112,12 +1122,12 @@ const ao = 250, co = (e) => {
       return o.updateAnnotation(w), _;
     } else {
       const w = o.getAnnotation(p.id);
-      return o.updateAnnotation(p), w;
+      return o.updateAnnotation(rt(p)), w;
     }
   };
   return {
-    addAnnotation: s,
-    cancelSelected: r,
+    addAnnotation: r,
+    cancelSelected: s,
     canRedo: t.canRedo,
     canUndo: t.canUndo,
     clearAnnotations: l,
@@ -1133,62 +1143,62 @@ const ao = 250, co = (e) => {
     undo: t.undo,
     updateAnnotation: T
   };
-}, mo = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let po = (e) => crypto.getRandomValues(new Uint8Array(e)), yo = (e, t, n) => {
+}, po = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let yo = (e) => crypto.getRandomValues(new Uint8Array(e)), _o = (e, t, n) => {
   let o = (2 << Math.log(e.length - 1) / Math.LN2) - 1, i = -~(1.6 * o * t / e.length);
-  return (s = t) => {
-    let r = "";
+  return (r = t) => {
+    let s = "";
     for (; ; ) {
       let l = n(i), a = i;
       for (; a--; )
-        if (r += e[l[a] & o] || "", r.length === s) return r;
+        if (s += e[l[a] & o] || "", s.length === r) return s;
     }
   };
-}, _o = (e, t = 21) => yo(e, t, po), wo = (e = 21) => {
+}, wo = (e, t = 21) => _o(e, t, yo), bo = (e = 21) => {
   let t = "", n = crypto.getRandomValues(new Uint8Array(e));
   for (; e--; )
-    t += mo[n[e] & 63];
+    t += po[n[e] & 63];
   return t;
 };
-const bo = () => ({ isGuest: !0, id: _o("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Eo = (e) => {
+const Eo = () => ({ isGuest: !0, id: wo("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Ao = (e) => {
   const t = JSON.stringify(e);
   let n = 0;
   for (let o = 0, i = t.length; o < i; o++) {
-    let s = t.charCodeAt(o);
-    n = (n << 5) - n + s, n |= 0;
+    let r = t.charCodeAt(o);
+    n = (n << 5) - n + r, n |= 0;
   }
   return `${n}`;
-}, rn = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, Ao = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
-  const { id: o, type: i, purpose: s, value: r, created: l, modified: a, creator: c, ...u } = n;
+}, ln = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, So = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
+  const { id: o, type: i, purpose: r, value: s, created: l, modified: a, creator: c, ...u } = n;
   return {
-    id: o || `temp-${Eo(n)}`,
+    id: o || `temp-${Ao(n)}`,
     annotation: t,
     type: i,
-    purpose: s,
-    value: r,
-    creator: rn(c),
+    purpose: r,
+    value: s,
+    creator: ln(c),
     created: l ? new Date(l) : void 0,
     updated: a ? new Date(a) : void 0,
     ...u
   };
-}), So = (e) => e.map((t) => {
+}), vo = (e) => e.map((t) => {
   var n;
-  const { annotation: o, created: i, updated: s, ...r } = t, l = {
-    ...r,
+  const { annotation: o, created: i, updated: r, ...s } = t, l = {
+    ...s,
     created: i == null ? void 0 : i.toISOString(),
-    modified: s == null ? void 0 : s.toISOString()
+    modified: r == null ? void 0 : r.toISOString()
   };
   return (n = l.id) != null && n.startsWith("temp-") && delete l.id, l;
 });
-wo();
-const zi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => vo(i, t), serialize: (i) => To(i, e, t) }), vo = (e, t = { strict: !0, invertY: !1 }) => {
-  const n = e.id || nn(), {
+bo();
+const Hi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => To(i, t), serialize: (i) => Mo(i, e, t) }), To = (e, t = { strict: !0, invertY: !1 }) => {
+  const n = e.id || on(), {
     creator: o,
     created: i,
-    modified: s,
-    body: r,
+    modified: r,
+    body: s,
     ...l
-  } = e, a = Ao(r || [], n), c = Array.isArray(e.target) ? e.target[0] : e.target, u = Array.isArray(c.selector) ? c.selector[0] : c.selector, f = (u == null ? void 0 : u.type) === "FragmentSelector" ? Pn(u, t.invertY) : (u == null ? void 0 : u.type) === "SvgSelector" ? Nn(u) : void 0;
+  } = e, a = So(s || [], n), c = Array.isArray(e.target) ? e.target[0] : e.target, u = Array.isArray(c.selector) ? c.selector[0] : c.selector, f = (u == null ? void 0 : u.type) === "FragmentSelector" ? Dn(u, t.invertY) : (u == null ? void 0 : u.type) === "SvgSelector" ? Un(u) : void 0;
   return f || !t.strict ? {
     parsed: {
       ...l,
@@ -1196,8 +1206,8 @@ const zi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => vo(i, t), se
       bodies: a,
       target: {
         created: i ? new Date(i) : void 0,
-        creator: rn(o),
-        updated: s ? new Date(s) : void 0,
+        creator: ln(o),
+        updated: r ? new Date(r) : void 0,
         ...Array.isArray(l.target) ? l.target[0] : l.target,
         annotation: n,
         selector: f || u
@@ -1206,19 +1216,19 @@ const zi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => vo(i, t), se
   } : {
     error: Error(`Invalid selector: ${JSON.stringify(u)}`)
   };
-}, To = (e, t, n = { strict: !0, invertY: !1 }) => {
+}, Mo = (e, t, n = { strict: !0, invertY: !1 }) => {
   const {
     selector: o,
     creator: i,
-    created: s,
-    updated: r,
+    created: r,
+    updated: s,
     updatedBy: l,
     // Excluded from serialization
     ...a
   } = e.target;
   let c;
   try {
-    c = o.type == W.RECTANGLE ? Yn(o.geometry) : Un(o);
+    c = o.type == W.RECTANGLE ? Yn(o.geometry) : Vn(o);
   } catch (f) {
     if (n.strict)
       throw f;
@@ -1229,10 +1239,10 @@ const zi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => vo(i, t), se
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
     type: "Annotation",
-    body: So(e.bodies),
-    created: s == null ? void 0 : s.toISOString(),
+    body: vo(e.bodies),
+    created: r == null ? void 0 : r.toISOString(),
     creator: i,
-    modified: r == null ? void 0 : r.toISOString(),
+    modified: s == null ? void 0 : s.toISOString(),
     target: {
       ...a,
       source: t,
@@ -1241,11 +1251,11 @@ const zi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => vo(i, t), se
   };
   return delete u.bodies, "annotation" in u.target && delete u.target.annotation, u;
 };
-function kt(e, t, n) {
+function It(e, t, n) {
   const o = e.slice();
   return o[10] = t[n], o[12] = n, o;
 }
-function It(e) {
+function Ot(e) {
   let t, n;
   return t = new Be({
     props: {
@@ -1278,17 +1288,17 @@ function It(e) {
     },
     p(o, i) {
       e = o;
-      const s = {};
+      const r = {};
       i & /*geom*/
-      16 && (s.x = /*point*/
+      16 && (r.x = /*point*/
       e[10][0]), i & /*geom*/
-      16 && (s.y = /*point*/
+      16 && (r.y = /*point*/
       e[10][1]), i & /*viewportScale*/
-      8 && (s.scale = /*viewportScale*/
-      e[3]), t.$set(s);
+      8 && (r.scale = /*viewportScale*/
+      e[3]), t.$set(r);
     },
     i(o) {
-      n || (B(t.$$.fragment, o), n = !0);
+      n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
@@ -1298,43 +1308,43 @@ function It(e) {
     }
   };
 }
-function Mo(e) {
-  let t, n, o, i, s, r, l, a, c, u, f, g = Te(
+function Lo(e) {
+  let t, n, o, i, r, s, l, a, c, u, f, g = Te(
     /*geom*/
     e[4].points
   ), h = [];
   for (let y = 0; y < g.length; y += 1)
-    h[y] = It(kt(e, g, y));
+    h[y] = Ot(It(e, g, y));
   const m = (y) => R(h[y], 1, 1, () => {
     h[y] = null;
   });
   return {
     c() {
-      t = C("polygon"), i = ie(), s = C("polygon"), l = ie();
+      t = C("polygon"), i = ie(), r = C("polygon"), l = ie();
       for (let y = 0; y < h.length; y += 1)
         h[y].c();
       a = le(), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), d(t, "points", o = /*geom*/
-      e[4].points.map(Ot).join(" ")), d(s, "class", "a9s-inner a9s-shape-handle"), d(
-        s,
+      e[4].points.map(Bt).join(" ")), d(r, "class", "a9s-inner a9s-shape-handle"), d(
+        r,
         "style",
         /*computedStyle*/
         e[1]
-      ), d(s, "points", r = /*geom*/
-      e[4].points.map(Bt).join(" "));
+      ), d(r, "points", s = /*geom*/
+      e[4].points.map(Pt).join(" "));
     },
     m(y, T) {
-      I(y, t, T), I(y, i, T), I(y, s, T), I(y, l, T);
+      O(y, t, T), O(y, i, T), O(y, r, T), O(y, l, T);
       for (let p = 0; p < h.length; p += 1)
         h[p] && h[p].m(y, T);
-      I(y, a, T), c = !0, u || (f = [
+      O(y, a, T), c = !0, u || (f = [
         F(t, "pointerdown", function() {
           q(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         }),
-        F(s, "pointerdown", function() {
+        F(r, "pointerdown", function() {
           q(
             /*grab*/
             e[9]("SHAPE")
@@ -1347,15 +1357,15 @@ function Mo(e) {
       2 && n !== (n = /*computedStyle*/
       e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!c || T & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].points.map(Ot).join(" "))) && d(t, "points", o), (!c || T & /*computedStyle*/
+      e[4].points.map(Bt).join(" "))) && d(t, "points", o), (!c || T & /*computedStyle*/
       2) && d(
-        s,
+        r,
         "style",
         /*computedStyle*/
         e[1]
       ), (!c || T & /*geom*/
-      16 && r !== (r = /*geom*/
-      e[4].points.map(Bt).join(" "))) && d(s, "points", r), T & /*geom, viewportScale, grab*/
+      16 && s !== (s = /*geom*/
+      e[4].points.map(Pt).join(" "))) && d(r, "points", s), T & /*geom, viewportScale, grab*/
       536) {
         g = Te(
           /*geom*/
@@ -1363,18 +1373,18 @@ function Mo(e) {
         );
         let p;
         for (p = 0; p < g.length; p += 1) {
-          const w = kt(e, g, p);
-          h[p] ? (h[p].p(w, T), B(h[p], 1)) : (h[p] = It(w), h[p].c(), B(h[p], 1), h[p].m(a.parentNode, a));
+          const w = It(e, g, p);
+          h[p] ? (h[p].p(w, T), P(h[p], 1)) : (h[p] = Ot(w), h[p].c(), P(h[p], 1), h[p].m(a.parentNode, a));
         }
-        for (se(), p = g.length; p < h.length; p += 1)
+        for (re(), p = g.length; p < h.length; p += 1)
           m(p);
-        re();
+        se();
       }
     },
     i(y) {
       if (!c) {
         for (let T = 0; T < g.length; T += 1)
-          B(h[T]);
+          P(h[T]);
         c = !0;
       }
     },
@@ -1385,13 +1395,13 @@ function Mo(e) {
       c = !1;
     },
     d(y) {
-      y && (k(t), k(i), k(s), k(l), k(a)), mt(h, y), u = !1, de(f);
+      y && (k(t), k(i), k(r), k(l), k(a)), pt(h, y), u = !1, de(f);
     }
   };
 }
-function Lo(e) {
+function ko(e) {
   let t, n;
-  return t = new an({
+  return t = new cn({
     props: {
       shape: (
         /*shape*/
@@ -1407,7 +1417,7 @@ function Lo(e) {
       ),
       $$slots: {
         default: [
-          Mo,
+          Lo,
           ({ grab: o }) => ({ 9: o }),
           ({ grab: o }) => o ? 512 : 0
         ]
@@ -1434,16 +1444,16 @@ function Lo(e) {
       x(t, o, i), n = !0;
     },
     p(o, [i]) {
-      const s = {};
+      const r = {};
       i & /*shape*/
-      1 && (s.shape = /*shape*/
+      1 && (r.shape = /*shape*/
       o[0]), i & /*transform*/
-      4 && (s.transform = /*transform*/
+      4 && (r.transform = /*transform*/
       o[2]), i & /*$$scope, geom, viewportScale, grab, computedStyle*/
-      8730 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
+      8730 && (r.$$scope = { dirty: i, ctx: o }), t.$set(r);
     },
     i(o) {
-      n || (B(t.$$.fragment, o), n = !0);
+      n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
@@ -1453,9 +1463,9 @@ function Lo(e) {
     }
   };
 }
-const Ot = (e) => e.join(","), Bt = (e) => e.join(",");
-function ko(e, t, n) {
-  let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
+const Bt = (e) => e.join(","), Pt = (e) => e.join(",");
+function Io(e, t, n) {
+  let o, { shape: i } = t, { computedStyle: r } = t, { transform: s } = t, { viewportScale: l = 1 } = t;
   const a = (g, h, m) => {
     let y;
     const T = g.geometry;
@@ -1473,14 +1483,14 @@ function ko(e, t, n) {
     he.call(this, e, g);
   }
   return e.$$set = (g) => {
-    "shape" in g && n(0, i = g.shape), "computedStyle" in g && n(1, s = g.computedStyle), "transform" in g && n(2, r = g.transform), "viewportScale" in g && n(3, l = g.viewportScale);
+    "shape" in g && n(0, i = g.shape), "computedStyle" in g && n(1, r = g.computedStyle), "transform" in g && n(2, s = g.transform), "viewportScale" in g && n(3, l = g.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
     1 && n(4, o = i.geometry);
   }, [
     i,
-    s,
     r,
+    s,
     l,
     o,
     a,
@@ -1489,9 +1499,9 @@ function ko(e, t, n) {
     f
   ];
 }
-class Io extends oe {
+class Oo extends oe {
   constructor(t) {
-    super(), ne(this, t, ko, Lo, Z, {
+    super(), ne(this, t, Io, ko, Z, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1499,11 +1509,11 @@ class Io extends oe {
     });
   }
 }
-const rt = (e, t) => {
+const lt = (e, t) => {
   const n = Math.abs(t[0] - e[0]), o = Math.abs(t[1] - e[1]);
   return Math.sqrt(Math.pow(n, 2) + Math.pow(o, 2));
 }, be = [];
-function Oo(e, t = H) {
+function Bo(e, t = H) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
@@ -1518,35 +1528,35 @@ function Oo(e, t = H) {
       }
     }
   }
-  function s(l) {
+  function r(l) {
     i(l(e));
   }
-  function r(l, a = H) {
+  function s(l, a = H) {
     const c = [l, a];
-    return o.add(c), o.size === 1 && (n = t(i, s) || H), l(e), () => {
+    return o.add(c), o.size === 1 && (n = t(i, r) || H), l(e), () => {
       o.delete(c), o.size === 0 && n && (n(), n = null);
     };
   }
-  return { set: i, update: s, subscribe: r };
+  return { set: i, update: r, subscribe: s };
 }
-const Bo = (e, t) => {
+const Po = (e, t) => {
   const { naturalWidth: n, naturalHeight: o } = e;
   if (!n && !o) {
-    const { width: i, height: s } = e;
-    t.setAttribute("viewBox", `0 0 ${i} ${s}`), e.addEventListener("load", (r) => {
-      const l = r.target;
+    const { width: i, height: r } = e;
+    t.setAttribute("viewBox", `0 0 ${i} ${r}`), e.addEventListener("load", (s) => {
+      const l = s.target;
       t.setAttribute("viewBox", `0 0 ${l.naturalWidth} ${l.naturalHeight}`);
     });
   } else
     t.setAttribute("viewBox", `0 0 ${n} ${o}`);
-}, Po = (e, t) => {
-  Bo(e, t);
-  const { subscribe: n, set: o } = Oo(1);
+}, Do = (e, t) => {
+  Po(e, t);
+  const { subscribe: n, set: o } = Bo(1);
   let i;
   return window.ResizeObserver && (i = new ResizeObserver(() => {
-    const r = t.getBoundingClientRect(), { width: l, height: a } = t.viewBox.baseVal, c = Math.max(
-      r.width / l,
-      r.height / a
+    const s = t.getBoundingClientRect(), { width: l, height: a } = t.viewBox.baseVal, c = Math.max(
+      s.width / l,
+      s.height / a
     );
     o(c);
   }), i.observe(t.parentElement)), { destroy: () => {
@@ -1554,8 +1564,8 @@ const Bo = (e, t) => {
   }, subscribe: n };
 }, Yo = typeof window > "u" || typeof navigator > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || // @ts-ignore
 navigator.msMaxTouchPoints > 0;
-function Do(e) {
-  let t, n, o, i, s, r;
+function Xo(e) {
+  let t, n, o, i, r, s;
   return {
     c() {
       t = C("rect"), d(t, "class", n = Ke(`a9s-handle ${/*$$props*/
@@ -1576,12 +1586,12 @@ function Do(e) {
       );
     },
     m(l, a) {
-      I(l, t, a), s || (r = F(
+      O(l, t, a), r || (s = F(
         t,
         "pointerdown",
         /*pointerdown_handler_2*/
         e[11]
-      ), s = !0);
+      ), r = !0);
     },
     p(l, a) {
       a & /*$$props*/
@@ -1607,12 +1617,12 @@ function Do(e) {
       );
     },
     d(l) {
-      l && k(t), s = !1, r();
+      l && k(t), r = !1, s();
     }
   };
 }
-function Xo(e) {
-  let t, n, o, i, s, r, l, a, c;
+function Ro(e) {
+  let t, n, o, i, r, s, l, a, c;
   return {
     c() {
       t = C("g"), n = C("circle"), i = C("rect"), d(
@@ -1632,8 +1642,8 @@ function Xo(e) {
         "touched",
         /*touched*/
         e[4]
-      ), d(i, "class", s = Ke(`a9s-handle ${/*$$props*/
-      e[8].class || ""}`.trim()) + " svelte-1sgkh33"), d(i, "x", r = /*x*/
+      ), d(i, "class", r = Ke(`a9s-handle ${/*$$props*/
+      e[8].class || ""}`.trim()) + " svelte-1sgkh33"), d(i, "x", s = /*x*/
       e[0] - /*handleSize*/
       e[5] / 2), d(i, "y", l = /*y*/
       e[1] - /*handleSize*/
@@ -1650,7 +1660,7 @@ function Xo(e) {
       ), d(t, "class", "a9s-touch-handle");
     },
     m(u, f) {
-      I(u, t, f), ue(t, n), ue(t, i), a || (c = [
+      O(u, t, f), ue(t, n), ue(t, i), a || (c = [
         F(
           n,
           "pointerdown",
@@ -1712,11 +1722,11 @@ function Xo(e) {
         /*touched*/
         u[4]
       ), f & /*$$props*/
-      256 && s !== (s = Ke(`a9s-handle ${/*$$props*/
-      u[8].class || ""}`.trim()) + " svelte-1sgkh33") && d(i, "class", s), f & /*x, handleSize*/
-      33 && r !== (r = /*x*/
+      256 && r !== (r = Ke(`a9s-handle ${/*$$props*/
+      u[8].class || ""}`.trim()) + " svelte-1sgkh33") && d(i, "class", r), f & /*x, handleSize*/
+      33 && s !== (s = /*x*/
       u[0] - /*handleSize*/
-      u[5] / 2) && d(i, "x", r), f & /*y, handleSize*/
+      u[5] / 2) && d(i, "x", s), f & /*y, handleSize*/
       34 && l !== (l = /*y*/
       u[1] - /*handleSize*/
       u[5] / 2) && d(i, "y", l), f & /*handleSize*/
@@ -1738,31 +1748,31 @@ function Xo(e) {
     }
   };
 }
-function Ro(e) {
+function Co(e) {
   let t;
-  function n(s, r) {
-    return Yo ? Xo : Do;
+  function n(r, s) {
+    return Yo ? Ro : Xo;
   }
   let i = n()(e);
   return {
     c() {
       i.c(), t = le();
     },
-    m(s, r) {
-      i.m(s, r), I(s, t, r);
+    m(r, s) {
+      i.m(r, s), O(r, t, s);
     },
-    p(s, [r]) {
-      i.p(s, r);
+    p(r, [s]) {
+      i.p(r, s);
     },
     i: H,
     o: H,
-    d(s) {
-      s && k(t), i.d(s);
+    d(r) {
+      r && k(t), i.d(r);
     }
   };
 }
-function Co(e, t, n) {
-  let o, { x: i } = t, { y: s } = t, { scale: r } = t, { radius: l = 30 } = t, a = !1;
+function No(e, t, n) {
+  let o, { x: i } = t, { y: r } = t, { scale: s } = t, { radius: l = 30 } = t, a = !1;
   const c = (m) => {
     m.pointerType === "touch" && n(4, a = !0);
   }, u = () => n(4, a = !1);
@@ -1776,14 +1786,14 @@ function Co(e, t, n) {
     he.call(this, e, m);
   }
   return e.$$set = (m) => {
-    n(8, t = ut(ut({}, t), Et(m))), "x" in m && n(0, i = m.x), "y" in m && n(1, s = m.y), "scale" in m && n(2, r = m.scale), "radius" in m && n(3, l = m.radius);
+    n(8, t = dt(dt({}, t), At(m))), "x" in m && n(0, i = m.x), "y" in m && n(1, r = m.y), "scale" in m && n(2, s = m.scale), "radius" in m && n(3, l = m.radius);
   }, e.$$.update = () => {
     e.$$.dirty & /*scale*/
-    4 && n(5, o = 10 / r);
-  }, t = Et(t), [
+    4 && n(5, o = 10 / s);
+  }, t = At(t), [
     i,
-    s,
     r,
+    s,
     l,
     a,
     o,
@@ -1797,11 +1807,11 @@ function Co(e, t, n) {
 }
 class Be extends oe {
   constructor(t) {
-    super(), ne(this, t, Co, Ro, Z, { x: 0, y: 1, scale: 2, radius: 3 });
+    super(), ne(this, t, No, Co, Z, { x: 0, y: 1, scale: 2, radius: 3 });
   }
 }
-function No(e) {
-  let t, n, o, i, s, r, l, a, c, u, f, g, h, m, y, T, p, w, _, b, Y, U, V, G, P, E, A, S, v, N, X, K, ge, ae, Le, ce, ke, fe, Ie, L, D, j, ee;
+function Uo(e) {
+  let t, n, o, i, r, s, l, a, c, u, f, g, h, m, y, T, p, w, _, b, I, U, V, G, D, E, A, S, v, N, X, K, ge, ae, Le, ce, ke, fe, Ie, L, Y, j, ee;
   return ae = new Be({
     props: {
       class: "a9s-corner-handle-topleft",
@@ -1895,8 +1905,8 @@ function No(e) {
       t = C("rect"), l = ie(), a = C("rect"), h = ie(), m = C("rect"), w = ie(), _ = C("rect"), V = ie(), G = C("rect"), S = ie(), v = C("rect"), ge = ie(), te(ae.$$.fragment), Le = ie(), te(ce.$$.fragment), ke = ie(), te(fe.$$.fragment), Ie = ie(), te(L.$$.fragment), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), d(t, "x", o = /*geom*/
       e[4].x), d(t, "y", i = /*geom*/
-      e[4].y), d(t, "width", s = /*geom*/
-      e[4].w), d(t, "height", r = /*geom*/
+      e[4].y), d(t, "width", r = /*geom*/
+      e[4].w), d(t, "height", s = /*geom*/
       e[4].h), d(a, "class", "a9s-inner a9s-shape-handle"), d(
         a,
         "style",
@@ -1911,9 +1921,9 @@ function No(e) {
       e[4].y), d(m, "height", 1), d(m, "width", p = /*geom*/
       e[4].w), d(_, "class", "a9s-edge-handle a9s-edge-handle-right"), d(_, "x", b = /*geom*/
       e[4].x + /*geom*/
-      e[4].w), d(_, "y", Y = /*geom*/
+      e[4].w), d(_, "y", I = /*geom*/
       e[4].y), d(_, "height", U = /*geom*/
-      e[4].h), d(_, "width", 1), d(G, "class", "a9s-edge-handle a9s-edge-handle-bottom"), d(G, "x", P = /*geom*/
+      e[4].h), d(_, "width", 1), d(G, "class", "a9s-edge-handle a9s-edge-handle-bottom"), d(G, "x", D = /*geom*/
       e[4].x), d(G, "y", E = /*geom*/
       e[4].y + /*geom*/
       e[4].h), d(G, "height", 1), d(G, "width", A = /*geom*/
@@ -1922,8 +1932,8 @@ function No(e) {
       e[4].y), d(v, "height", K = /*geom*/
       e[4].h), d(v, "width", 1);
     },
-    m(O, M) {
-      I(O, t, M), I(O, l, M), I(O, a, M), I(O, h, M), I(O, m, M), I(O, w, M), I(O, _, M), I(O, V, M), I(O, G, M), I(O, S, M), I(O, v, M), I(O, ge, M), x(ae, O, M), I(O, Le, M), x(ce, O, M), I(O, ke, M), x(fe, O, M), I(O, Ie, M), x(L, O, M), D = !0, j || (ee = [
+    m(B, M) {
+      O(B, t, M), O(B, l, M), O(B, a, M), O(B, h, M), O(B, m, M), O(B, w, M), O(B, _, M), O(B, V, M), O(B, G, M), O(B, S, M), O(B, v, M), O(B, ge, M), x(ae, B, M), O(B, Le, M), x(ce, B, M), O(B, ke, M), x(fe, B, M), O(B, Ie, M), x(L, B, M), Y = !0, j || (ee = [
         F(t, "pointerdown", function() {
           q(
             /*grab*/
@@ -1962,56 +1972,56 @@ function No(e) {
         })
       ], j = !0);
     },
-    p(O, M) {
-      e = O, (!D || M & /*computedStyle*/
+    p(B, M) {
+      e = B, (!Y || M & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!D || M & /*geom*/
+      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!Y || M & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].x)) && d(t, "x", o), (!D || M & /*geom*/
+      e[4].x)) && d(t, "x", o), (!Y || M & /*geom*/
       16 && i !== (i = /*geom*/
-      e[4].y)) && d(t, "y", i), (!D || M & /*geom*/
-      16 && s !== (s = /*geom*/
-      e[4].w)) && d(t, "width", s), (!D || M & /*geom*/
+      e[4].y)) && d(t, "y", i), (!Y || M & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].h)) && d(t, "height", r), (!D || M & /*computedStyle*/
+      e[4].w)) && d(t, "width", r), (!Y || M & /*geom*/
+      16 && s !== (s = /*geom*/
+      e[4].h)) && d(t, "height", s), (!Y || M & /*computedStyle*/
       2) && d(
         a,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!D || M & /*geom*/
+      ), (!Y || M & /*geom*/
       16 && c !== (c = /*geom*/
-      e[4].x)) && d(a, "x", c), (!D || M & /*geom*/
+      e[4].x)) && d(a, "x", c), (!Y || M & /*geom*/
       16 && u !== (u = /*geom*/
-      e[4].y)) && d(a, "y", u), (!D || M & /*geom*/
+      e[4].y)) && d(a, "y", u), (!Y || M & /*geom*/
       16 && f !== (f = /*geom*/
-      e[4].w)) && d(a, "width", f), (!D || M & /*geom*/
+      e[4].w)) && d(a, "width", f), (!Y || M & /*geom*/
       16 && g !== (g = /*geom*/
-      e[4].h)) && d(a, "height", g), (!D || M & /*geom*/
+      e[4].h)) && d(a, "height", g), (!Y || M & /*geom*/
       16 && y !== (y = /*geom*/
-      e[4].x)) && d(m, "x", y), (!D || M & /*geom*/
+      e[4].x)) && d(m, "x", y), (!Y || M & /*geom*/
       16 && T !== (T = /*geom*/
-      e[4].y)) && d(m, "y", T), (!D || M & /*geom*/
+      e[4].y)) && d(m, "y", T), (!Y || M & /*geom*/
       16 && p !== (p = /*geom*/
-      e[4].w)) && d(m, "width", p), (!D || M & /*geom*/
+      e[4].w)) && d(m, "width", p), (!Y || M & /*geom*/
       16 && b !== (b = /*geom*/
       e[4].x + /*geom*/
-      e[4].w)) && d(_, "x", b), (!D || M & /*geom*/
-      16 && Y !== (Y = /*geom*/
-      e[4].y)) && d(_, "y", Y), (!D || M & /*geom*/
+      e[4].w)) && d(_, "x", b), (!Y || M & /*geom*/
+      16 && I !== (I = /*geom*/
+      e[4].y)) && d(_, "y", I), (!Y || M & /*geom*/
       16 && U !== (U = /*geom*/
-      e[4].h)) && d(_, "height", U), (!D || M & /*geom*/
-      16 && P !== (P = /*geom*/
-      e[4].x)) && d(G, "x", P), (!D || M & /*geom*/
+      e[4].h)) && d(_, "height", U), (!Y || M & /*geom*/
+      16 && D !== (D = /*geom*/
+      e[4].x)) && d(G, "x", D), (!Y || M & /*geom*/
       16 && E !== (E = /*geom*/
       e[4].y + /*geom*/
-      e[4].h)) && d(G, "y", E), (!D || M & /*geom*/
+      e[4].h)) && d(G, "y", E), (!Y || M & /*geom*/
       16 && A !== (A = /*geom*/
-      e[4].w)) && d(G, "width", A), (!D || M & /*geom*/
+      e[4].w)) && d(G, "width", A), (!Y || M & /*geom*/
       16 && N !== (N = /*geom*/
-      e[4].x)) && d(v, "x", N), (!D || M & /*geom*/
+      e[4].x)) && d(v, "x", N), (!Y || M & /*geom*/
       16 && X !== (X = /*geom*/
-      e[4].y)) && d(v, "y", X), (!D || M & /*geom*/
+      e[4].y)) && d(v, "y", X), (!Y || M & /*geom*/
       16 && K !== (K = /*geom*/
       e[4].h)) && d(v, "height", K);
       const Ce = {};
@@ -2051,20 +2061,20 @@ function No(e) {
       8 && (Ve.scale = /*viewportScale*/
       e[3]), L.$set(Ve);
     },
-    i(O) {
-      D || (B(ae.$$.fragment, O), B(ce.$$.fragment, O), B(fe.$$.fragment, O), B(L.$$.fragment, O), D = !0);
+    i(B) {
+      Y || (P(ae.$$.fragment, B), P(ce.$$.fragment, B), P(fe.$$.fragment, B), P(L.$$.fragment, B), Y = !0);
     },
-    o(O) {
-      R(ae.$$.fragment, O), R(ce.$$.fragment, O), R(fe.$$.fragment, O), R(L.$$.fragment, O), D = !1;
+    o(B) {
+      R(ae.$$.fragment, B), R(ce.$$.fragment, B), R(fe.$$.fragment, B), R(L.$$.fragment, B), Y = !1;
     },
-    d(O) {
-      O && (k(t), k(l), k(a), k(h), k(m), k(w), k(_), k(V), k(G), k(S), k(v), k(ge), k(Le), k(ke), k(Ie)), $(ae, O), $(ce, O), $(fe, O), $(L, O), j = !1, de(ee);
+    d(B) {
+      B && (k(t), k(l), k(a), k(h), k(m), k(w), k(_), k(V), k(G), k(S), k(v), k(ge), k(Le), k(ke), k(Ie)), $(ae, B), $(ce, B), $(fe, B), $(L, B), j = !1, de(ee);
     }
   };
 }
-function Uo(e) {
+function Vo(e) {
   let t, n;
-  return t = new an({
+  return t = new cn({
     props: {
       shape: (
         /*shape*/
@@ -2080,7 +2090,7 @@ function Uo(e) {
       ),
       $$slots: {
         default: [
-          No,
+          Uo,
           ({ grab: o }) => ({ 9: o }),
           ({ grab: o }) => o ? 512 : 0
         ]
@@ -2107,16 +2117,16 @@ function Uo(e) {
       x(t, o, i), n = !0;
     },
     p(o, [i]) {
-      const s = {};
+      const r = {};
       i & /*shape*/
-      1 && (s.shape = /*shape*/
+      1 && (r.shape = /*shape*/
       o[0]), i & /*transform*/
-      4 && (s.transform = /*transform*/
+      4 && (r.transform = /*transform*/
       o[2]), i & /*$$scope, geom, viewportScale, grab, computedStyle*/
-      1562 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
+      1562 && (r.$$scope = { dirty: i, ctx: o }), t.$set(r);
     },
     i(o) {
-      n || (B(t.$$.fragment, o), n = !0);
+      n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
@@ -2126,26 +2136,26 @@ function Uo(e) {
     }
   };
 }
-function Vo(e, t, n) {
-  let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
+function Go(e, t, n) {
+  let o, { shape: i } = t, { computedStyle: r } = t, { transform: s } = t, { viewportScale: l = 1 } = t;
   const a = (g, h, m) => {
     const y = g.geometry.bounds;
     let [T, p] = [y.minX, y.minY], [w, _] = [y.maxX, y.maxY];
-    const [b, Y] = m;
+    const [b, I] = m;
     if (h === "SHAPE")
-      T += b, w += b, p += Y, _ += Y;
+      T += b, w += b, p += I, _ += I;
     else {
       switch (h) {
         case "TOP":
         case "TOP_LEFT":
         case "TOP_RIGHT": {
-          p += Y;
+          p += I;
           break;
         }
         case "BOTTOM":
         case "BOTTOM_LEFT":
         case "BOTTOM_RIGHT": {
-          _ += Y;
+          _ += I;
           break;
         }
       }
@@ -2164,19 +2174,19 @@ function Vo(e, t, n) {
         }
       }
     }
-    const U = Math.min(T, w), V = Math.min(p, _), G = Math.abs(w - T), P = Math.abs(_ - p);
+    const U = Math.min(T, w), V = Math.min(p, _), G = Math.abs(w - T), D = Math.abs(_ - p);
     return {
       ...g,
       geometry: {
         x: U,
         y: V,
         w: G,
-        h: P,
+        h: D,
         bounds: {
           minX: U,
           minY: V,
           maxX: U + G,
-          maxY: V + P
+          maxY: V + D
         }
       }
     };
@@ -2191,14 +2201,14 @@ function Vo(e, t, n) {
     he.call(this, e, g);
   }
   return e.$$set = (g) => {
-    "shape" in g && n(0, i = g.shape), "computedStyle" in g && n(1, s = g.computedStyle), "transform" in g && n(2, r = g.transform), "viewportScale" in g && n(3, l = g.viewportScale);
+    "shape" in g && n(0, i = g.shape), "computedStyle" in g && n(1, r = g.computedStyle), "transform" in g && n(2, s = g.transform), "viewportScale" in g && n(3, l = g.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
     1 && n(4, o = i.geometry);
   }, [
     i,
-    s,
     r,
+    s,
     l,
     o,
     a,
@@ -2207,9 +2217,9 @@ function Vo(e, t, n) {
     f
   ];
 }
-class Go extends oe {
+class jo extends oe {
   constructor(t) {
-    super(), ne(this, t, Vo, Uo, Z, {
+    super(), ne(this, t, Go, Vo, Z, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -2217,31 +2227,31 @@ class Go extends oe {
     });
   }
 }
-const ln = /* @__PURE__ */ new Map([
-  [W.RECTANGLE, Go],
-  [W.POLYGON, Io]
-]), jo = (e) => ln.get(e.type), zo = (e, t) => ln.set(e, t), Ho = (e) => ({}), Pt = (e) => ({ grab: (
+const an = /* @__PURE__ */ new Map([
+  [W.RECTANGLE, jo],
+  [W.POLYGON, Oo]
+]), zo = (e) => an.get(e.type), Ho = (e, t) => an.set(e, t), Fo = (e) => ({}), Dt = (e) => ({ grab: (
   /*onGrab*/
   e[0]
 ) });
-function Fo(e) {
+function Wo(e) {
   let t, n, o, i;
-  const s = (
+  const r = (
     /*#slots*/
     e[7].default
-  ), r = pn(
-    s,
+  ), s = yn(
+    r,
     e,
     /*$$scope*/
     e[6],
-    Pt
+    Dt
   );
   return {
     c() {
-      t = C("g"), r && r.c(), d(t, "class", "a9s-annotation selected");
+      t = C("g"), s && s.c(), d(t, "class", "a9s-annotation selected");
     },
     m(l, a) {
-      I(l, t, a), r && r.m(t, null), n = !0, o || (i = [
+      O(l, t, a), s && s.m(t, null), n = !0, o || (i = [
         F(
           t,
           "pointerup",
@@ -2257,76 +2267,76 @@ function Fo(e) {
       ], o = !0);
     },
     p(l, [a]) {
-      r && r.p && (!n || a & /*$$scope*/
-      64) && _n(
-        r,
+      s && s.p && (!n || a & /*$$scope*/
+      64) && wn(
         s,
+        r,
         l,
         /*$$scope*/
         l[6],
-        n ? yn(
-          s,
+        n ? _n(
+          r,
           /*$$scope*/
           l[6],
           a,
-          Ho
-        ) : wn(
+          Fo
+        ) : bn(
           /*$$scope*/
           l[6]
         ),
-        Pt
+        Dt
       );
     },
     i(l) {
-      n || (B(r, l), n = !0);
+      n || (P(s, l), n = !0);
     },
     o(l) {
-      R(r, l), n = !1;
+      R(s, l), n = !1;
     },
     d(l) {
-      l && k(t), r && r.d(l), o = !1, de(i);
+      l && k(t), s && s.d(l), o = !1, de(i);
     }
   };
 }
-function Wo(e, t, n) {
+function qo(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
-  const s = Me();
-  let { shape: r } = t, { editor: l } = t, { transform: a } = t, c, u, f;
+  const r = Me();
+  let { shape: s } = t, { editor: l } = t, { transform: a } = t, c, u, f;
   const g = (y) => (T) => {
-    c = y, u = a.elementToImage(T.offsetX, T.offsetY), f = r, T.target.setPointerCapture(T.pointerId), s("grab", T);
+    c = y, u = a.elementToImage(T.offsetX, T.offsetY), f = s, T.target.setPointerCapture(T.pointerId), r("grab", T);
   }, h = (y) => {
     if (c) {
       const [T, p] = a.elementToImage(y.offsetX, y.offsetY), w = [T - u[0], p - u[1]];
-      n(3, r = l(f, c, w)), s("change", r);
+      n(3, s = l(f, c, w)), r("change", s);
     }
   }, m = (y) => {
-    y.target.releasePointerCapture(y.pointerId), c = void 0, f = r, s("release", y);
+    y.target.releasePointerCapture(y.pointerId), c = void 0, f = s, r("release", y);
   };
   return e.$$set = (y) => {
-    "shape" in y && n(3, r = y.shape), "editor" in y && n(4, l = y.editor), "transform" in y && n(5, a = y.transform), "$$scope" in y && n(6, i = y.$$scope);
-  }, [g, h, m, r, l, a, i, o];
+    "shape" in y && n(3, s = y.shape), "editor" in y && n(4, l = y.editor), "transform" in y && n(5, a = y.transform), "$$scope" in y && n(6, i = y.$$scope);
+  }, [g, h, m, s, l, a, i, o];
 }
-class an extends oe {
+class cn extends oe {
   constructor(t) {
-    super(), ne(this, t, Wo, Fo, Z, { shape: 3, editor: 4, transform: 5 });
+    super(), ne(this, t, qo, Wo, Z, { shape: 3, editor: 4, transform: 5 });
   }
 }
 const xe = (e, t) => {
   const n = typeof t == "function" ? t(e) : t;
   if (n) {
-    const { fill: o, fillOpacity: i, stroke: s, strokeWidth: r, strokeOpacity: l } = n;
+    const { fill: o, fillOpacity: i, stroke: r, strokeWidth: s, strokeOpacity: l } = n;
     let a = "";
-    return o && (a += `fill:${o};`, a += `fill-opacity:${i || "0.25"};`), s && (a += `stroke:${s};`, a += `stroke-width:${r || "1"};`, a += `stroke-opacity:${l || "1"};`), a;
+    return o && (a += `fill:${o};`, a += `fill-opacity:${i || "0.25"};`), r && (a += `stroke:${r};`, a += `stroke-width:${s || "1"};`, a += `stroke-opacity:${l || "1"};`), a;
   }
 };
-function qo(e, t, n) {
+function Ko(e, t, n) {
   let o;
   const i = Me();
-  let { annotation: s } = t, { editor: r } = t, { style: l } = t, { target: a } = t, { transform: c } = t, { viewportScale: u } = t, f;
-  return Re(() => (n(6, f = new r({
+  let { annotation: r } = t, { editor: s } = t, { style: l } = t, { target: a } = t, { transform: c } = t, { viewportScale: u } = t, f;
+  return Re(() => (n(6, f = new s({
     target: a,
     props: {
-      shape: s.target.selector,
+      shape: r.target.selector,
       computedStyle: o,
       transform: c,
       viewportScale: u
@@ -2336,18 +2346,18 @@ function qo(e, t, n) {
   }), f.$on("grab", (g) => i("grab", g.detail)), f.$on("release", (g) => i("release", g.detail)), () => {
     f.$destroy();
   })), e.$$set = (g) => {
-    "annotation" in g && n(0, s = g.annotation), "editor" in g && n(1, r = g.editor), "style" in g && n(2, l = g.style), "target" in g && n(3, a = g.target), "transform" in g && n(4, c = g.transform), "viewportScale" in g && n(5, u = g.viewportScale);
+    "annotation" in g && n(0, r = g.annotation), "editor" in g && n(1, s = g.editor), "style" in g && n(2, l = g.style), "target" in g && n(3, a = g.target), "transform" in g && n(4, c = g.transform), "viewportScale" in g && n(5, u = g.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    5 && (o = xe(s, l)), e.$$.dirty & /*annotation, editorComponent*/
-    65 && s && (f == null || f.$set({ shape: s.target.selector })), e.$$.dirty & /*editorComponent, transform*/
+    5 && (o = xe(r, l)), e.$$.dirty & /*annotation, editorComponent*/
+    65 && r && (f == null || f.$set({ shape: r.target.selector })), e.$$.dirty & /*editorComponent, transform*/
     80 && f && f.$set({ transform: c }), e.$$.dirty & /*editorComponent, viewportScale*/
     96 && f && f.$set({ viewportScale: u });
-  }, [s, r, l, a, c, u, f];
+  }, [r, s, l, a, c, u, f];
 }
-class Ko extends oe {
+class Jo extends oe {
   constructor(t) {
-    super(), ne(this, t, qo, null, Z, {
+    super(), ne(this, t, Ko, null, Z, {
       annotation: 0,
       editor: 1,
       style: 2,
@@ -2357,15 +2367,15 @@ class Ko extends oe {
     });
   }
 }
-function Jo(e, t, n) {
+function Qo(e, t, n) {
   const o = Me();
-  let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: l } = t, { viewportScale: a } = t, c;
+  let { drawingMode: i } = t, { target: r } = t, { tool: s } = t, { transform: l } = t, { viewportScale: a } = t, c;
   return Re(() => {
-    const u = s.closest("svg"), f = [], g = (h, m, y) => {
+    const u = r.closest("svg"), f = [], g = (h, m, y) => {
       u == null || u.addEventListener(h, m, y), f.push(() => u == null ? void 0 : u.removeEventListener(h, m, y));
     };
-    return n(5, c = new r({
-      target: s,
+    return n(5, c = new s({
+      target: r,
       props: {
         addEventListener: g,
         drawingMode: i,
@@ -2376,16 +2386,16 @@ function Jo(e, t, n) {
       f.forEach((h) => h()), c.$destroy();
     };
   }), e.$$set = (u) => {
-    "drawingMode" in u && n(0, i = u.drawingMode), "target" in u && n(1, s = u.target), "tool" in u && n(2, r = u.tool), "transform" in u && n(3, l = u.transform), "viewportScale" in u && n(4, a = u.viewportScale);
+    "drawingMode" in u && n(0, i = u.drawingMode), "target" in u && n(1, r = u.target), "tool" in u && n(2, s = u.tool), "transform" in u && n(3, l = u.transform), "viewportScale" in u && n(4, a = u.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*toolComponent, transform*/
     40 && c && c.$set({ transform: l }), e.$$.dirty & /*toolComponent, viewportScale*/
     48 && c && c.$set({ viewportScale: a });
-  }, [i, s, r, l, a, c];
+  }, [i, r, s, l, a, c];
 }
-class Qo extends oe {
+class Zo extends oe {
   constructor(t) {
-    super(), ne(this, t, Jo, null, Z, {
+    super(), ne(this, t, Qo, null, Z, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -2441,7 +2451,7 @@ function Yt(e) {
       );
     },
     m(o, i) {
-      I(o, t, i), I(o, n, i);
+      O(o, t, i), O(o, n, i);
     },
     p(o, i) {
       i & /*x*/
@@ -2499,7 +2509,7 @@ function Yt(e) {
     }
   };
 }
-function Zo(e) {
+function xo(e) {
   let t, n = (
     /*origin*/
     e[0] && Yt(e)
@@ -2509,7 +2519,7 @@ function Zo(e) {
       t = C("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      I(o, t, i), n && n.m(t, null);
+      O(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*origin*/
@@ -2522,20 +2532,20 @@ function Zo(e) {
     }
   };
 }
-function xo(e, t, n) {
+function $o(e, t, n) {
   const o = Me();
-  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, l, a, c, u, f, g, h;
+  let { addEventListener: i } = t, { drawingMode: r } = t, { transform: s } = t, l, a, c, u, f, g, h;
   const m = (w) => {
     const _ = w;
-    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, g = 1), n(4, h = 1));
+    l = performance.now(), r === "drag" && (n(0, a = s.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, g = 1), n(4, h = 1));
   }, y = (w) => {
     const _ = w;
-    a && (c = r.elementToImage(_.offsetX, _.offsetY), n(1, u = Math.min(c[0], a[0])), n(2, f = Math.min(c[1], a[1])), n(3, g = Math.abs(c[0] - a[0])), n(4, h = Math.abs(c[1] - a[1])));
+    a && (c = s.elementToImage(_.offsetX, _.offsetY), n(1, u = Math.min(c[0], a[0])), n(2, f = Math.min(c[1], a[1])), n(3, g = Math.abs(c[0] - a[0])), n(4, h = Math.abs(c[1] - a[1])));
   }, T = (w) => {
     const _ = w, b = performance.now() - l;
-    if (s === "click") {
+    if (r === "click") {
       if (b > 300) return;
-      a ? p() : (n(0, a = r.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, g = 1), n(4, h = 1));
+      a ? p() : (n(0, a = s.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, g = 1), n(4, h = 1));
     } else a && (b > 300 || g * h > 100 ? (_.stopPropagation(), p()) : (n(0, a = void 0), c = void 0));
   }, p = () => {
     if (g * h > 15) {
@@ -2561,19 +2571,19 @@ function xo(e, t, n) {
   return Re(() => {
     i("pointerdown", m), i("pointermove", y), i("pointerup", T, !0);
   }), e.$$set = (w) => {
-    "addEventListener" in w && n(5, i = w.addEventListener), "drawingMode" in w && n(6, s = w.drawingMode), "transform" in w && n(7, r = w.transform);
-  }, [a, u, f, g, h, i, s, r];
+    "addEventListener" in w && n(5, i = w.addEventListener), "drawingMode" in w && n(6, r = w.drawingMode), "transform" in w && n(7, s = w.transform);
+  }, [a, u, f, g, h, i, r, s];
 }
-class $o extends oe {
+class ei extends oe {
   constructor(t) {
-    super(), ne(this, t, xo, Zo, Z, {
+    super(), ne(this, t, $o, xo, Z, {
       addEventListener: 5,
       drawingMode: 6,
       transform: 7
     });
   }
 }
-function lt(e) {
+function at(e) {
   const t = e.slice(), n = (
     /*isClosable*/
     (t[2] ? (
@@ -2588,19 +2598,19 @@ function lt(e) {
   );
   return t[16] = n, t;
 }
-function Dt(e) {
-  let t, n, o, i, s, r = (
+function Xt(e) {
+  let t, n, o, i, r, s = (
     /*isClosable*/
-    e[2] && Xt(e)
+    e[2] && Rt(e)
   );
   return {
     c() {
-      t = C("polygon"), o = C("polygon"), r && r.c(), s = le(), d(t, "class", "a9s-outer"), d(t, "points", n = /*coords*/
+      t = C("polygon"), o = C("polygon"), s && s.c(), r = le(), d(t, "class", "a9s-outer"), d(t, "points", n = /*coords*/
       e[16]), d(o, "class", "a9s-inner"), d(o, "points", i = /*coords*/
       e[16]);
     },
     m(l, a) {
-      I(l, t, a), I(l, o, a), r && r.m(l, a), I(l, s, a);
+      O(l, t, a), O(l, o, a), s && s.m(l, a), O(l, r, a);
     },
     p(l, a) {
       a & /*isClosable, points, cursor*/
@@ -2608,14 +2618,14 @@ function Dt(e) {
       l[16]) && d(t, "points", n), a & /*isClosable, points, cursor*/
       7 && i !== (i = /*coords*/
       l[16]) && d(o, "points", i), /*isClosable*/
-      l[2] ? r ? r.p(l, a) : (r = Xt(l), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
+      l[2] ? s ? s.p(l, a) : (s = Rt(l), s.c(), s.m(r.parentNode, r)) : s && (s.d(1), s = null);
     },
     d(l) {
-      l && (k(t), k(o), k(s)), r && r.d(l);
+      l && (k(t), k(o), k(r)), s && s.d(l);
     }
   };
 }
-function Xt(e) {
+function Rt(e) {
   let t, n, o;
   return {
     c() {
@@ -2635,23 +2645,23 @@ function Xt(e) {
         e[3]
       );
     },
-    m(i, s) {
-      I(i, t, s);
+    m(i, r) {
+      O(i, t, r);
     },
-    p(i, s) {
-      s & /*points, handleSize*/
+    p(i, r) {
+      r & /*points, handleSize*/
       9 && n !== (n = /*points*/
       i[0][0][0] - /*handleSize*/
-      i[3] / 2) && d(t, "x", n), s & /*points, handleSize*/
+      i[3] / 2) && d(t, "x", n), r & /*points, handleSize*/
       9 && o !== (o = /*points*/
       i[0][0][1] - /*handleSize*/
-      i[3] / 2) && d(t, "y", o), s & /*handleSize*/
+      i[3] / 2) && d(t, "y", o), r & /*handleSize*/
       8 && d(
         t,
         "height",
         /*handleSize*/
         i[3]
-      ), s & /*handleSize*/
+      ), r & /*handleSize*/
       8 && d(
         t,
         "width",
@@ -2664,21 +2674,21 @@ function Xt(e) {
     }
   };
 }
-function ei(e) {
+function ti(e) {
   let t, n = (
     /*cursor*/
-    e[1] && Dt(lt(e))
+    e[1] && Xt(at(e))
   );
   return {
     c() {
       t = C("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      I(o, t, i), n && n.m(t, null);
+      O(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*cursor*/
-      o[1] ? n ? n.p(lt(o), i) : (n = Dt(lt(o)), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
+      o[1] ? n ? n.p(at(o), i) : (n = Xt(at(o)), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
     },
     i: H,
     o: H,
@@ -2687,14 +2697,14 @@ function ei(e) {
     }
   };
 }
-const ti = 20, ni = 1500;
-function oi(e, t, n) {
+const ni = 20, oi = 1500;
+function ii(e, t, n) {
   let o;
   const i = Me();
-  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, u = [], f, g, h = !1;
+  let { addEventListener: r } = t, { drawingMode: s } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, u = [], f, g, h = !1;
   const m = (_) => {
-    const b = _, { timeStamp: Y, offsetX: U, offsetY: V } = b;
-    if (c = { timeStamp: Y, offsetX: U, offsetY: V }, r === "drag" && u.length === 0) {
+    const b = _, { timeStamp: I, offsetX: U, offsetY: V } = b;
+    if (c = { timeStamp: I, offsetX: U, offsetY: V }, s === "drag" && u.length === 0) {
       const G = l.elementToImage(b.offsetX, b.offsetY);
       u.push(G), n(1, f = G);
     }
@@ -2702,21 +2712,21 @@ function oi(e, t, n) {
     const b = _;
     if (g && clearTimeout(g), u.length > 0) {
       if (n(1, f = l.elementToImage(b.offsetX, b.offsetY)), u.length > 2) {
-        const Y = rt(f, u[0]) * a;
-        n(2, h = Y < ti);
+        const I = lt(f, u[0]) * a;
+        n(2, h = I < ni);
       }
       b.pointerType === "touch" && (g = setTimeout(
         () => {
           p();
         },
-        ni
+        oi
       ));
     }
   }, T = (_) => {
     const b = _;
-    if (g && clearTimeout(g), r === "click") {
-      const Y = b.timeStamp - c.timeStamp, U = rt([c.offsetX, c.offsetY], [b.offsetX, b.offsetY]);
-      if (Y > 300 || U > 15) return;
+    if (g && clearTimeout(g), s === "click") {
+      const I = b.timeStamp - c.timeStamp, U = lt([c.offsetX, c.offsetY], [b.offsetX, b.offsetY]);
+      if (I > 300 || U > 15) return;
       if (h)
         w();
       else if (u.length === 0) {
@@ -2725,7 +2735,7 @@ function oi(e, t, n) {
       } else
         u.push(f);
     } else {
-      if (u.length === 1 && rt(u[0], f) <= 4) {
+      if (u.length === 1 && lt(u[0], f) <= 4) {
         n(0, u = []), n(1, f = void 0);
         return;
       }
@@ -2737,7 +2747,7 @@ function oi(e, t, n) {
       type: W.POLYGON,
       geometry: { bounds: Qe(_), points: _ }
     };
-    gt(b) > 4 && (n(0, u = []), n(1, f = void 0), i("create", b));
+    mt(b) > 4 && (n(0, u = []), n(1, f = void 0), i("create", b));
   }, w = () => {
     const _ = {
       type: W.POLYGON,
@@ -2749,9 +2759,9 @@ function oi(e, t, n) {
     n(0, u = []), n(1, f = void 0), i("create", _);
   };
   return Re(() => {
-    s("pointerdown", m, !0), s("pointermove", y), s("pointerup", T, !0), s("dblclick", p, !0);
+    r("pointerdown", m, !0), r("pointermove", y), r("pointerup", T, !0), r("dblclick", p, !0);
   }), e.$$set = (_) => {
-    "addEventListener" in _ && n(4, s = _.addEventListener), "drawingMode" in _ && n(5, r = _.drawingMode), "transform" in _ && n(6, l = _.transform), "viewportScale" in _ && n(7, a = _.viewportScale);
+    "addEventListener" in _ && n(4, r = _.addEventListener), "drawingMode" in _ && n(5, s = _.drawingMode), "transform" in _ && n(6, l = _.transform), "viewportScale" in _ && n(7, a = _.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*viewportScale*/
     128 && n(3, o = 10 / a);
@@ -2760,15 +2770,15 @@ function oi(e, t, n) {
     f,
     h,
     o,
-    s,
     r,
+    s,
     l,
     a
   ];
 }
-class ii extends oe {
+class ri extends oe {
   constructor(t) {
-    super(), ne(this, t, oi, ei, Z, {
+    super(), ne(this, t, ii, ti, Z, {
       addEventListener: 4,
       drawingMode: 5,
       transform: 6,
@@ -2776,12 +2786,12 @@ class ii extends oe {
     });
   }
 }
-const wt = /* @__PURE__ */ new Map([
-  ["rectangle", { tool: $o }],
-  ["polygon", { tool: ii }]
-]), cn = () => [...wt.keys()], fn = (e) => wt.get(e), si = (e, t, n) => wt.set(e, { tool: t, opts: n });
-function ri(e) {
-  let t, n, o, i, s;
+const bt = /* @__PURE__ */ new Map([
+  ["rectangle", { tool: ei }],
+  ["polygon", { tool: ri }]
+]), fn = () => [...bt.keys()], un = (e) => bt.get(e), si = (e, t, n) => bt.set(e, { tool: t, opts: n });
+function li(e) {
+  let t, n, o, i, r;
   return {
     c() {
       t = C("g"), n = C("ellipse"), i = C("ellipse"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
@@ -2830,49 +2840,49 @@ function ri(e) {
         "ry",
         /*ry*/
         e[5]
-      ), d(t, "class", "a9s-annotation"), d(t, "data-id", s = /*annotation*/
+      ), d(t, "class", "a9s-annotation"), d(t, "data-id", r = /*annotation*/
       e[0].id);
     },
-    m(r, l) {
-      I(r, t, l), ue(t, n), ue(t, i);
+    m(s, l) {
+      O(s, t, l), ue(t, n), ue(t, i);
     },
-    p(r, [l]) {
+    p(s, [l]) {
       l & /*computedStyle*/
       2 && o !== (o = /*computedStyle*/
-      r[1] ? "display:none;" : void 0) && d(n, "style", o), l & /*computedStyle*/
+      s[1] ? "display:none;" : void 0) && d(n, "style", o), l & /*computedStyle*/
       2 && d(
         i,
         "style",
         /*computedStyle*/
-        r[1]
+        s[1]
       ), l & /*annotation*/
-      1 && s !== (s = /*annotation*/
-      r[0].id) && d(t, "data-id", s);
+      1 && r !== (r = /*annotation*/
+      s[0].id) && d(t, "data-id", r);
     },
     i: H,
     o: H,
-    d(r) {
-      r && k(t);
+    d(s) {
+      s && k(t);
     }
   };
 }
-function li(e, t, n) {
-  let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
-  const { cx: l, cy: a, rx: c, ry: u } = s;
+function ai(e, t, n) {
+  let o, { annotation: i } = t, { geom: r } = t, { style: s } = t;
+  const { cx: l, cy: a, rx: c, ry: u } = r;
   return e.$$set = (f) => {
-    "annotation" in f && n(0, i = f.annotation), "geom" in f && n(6, s = f.geom), "style" in f && n(7, r = f.style);
+    "annotation" in f && n(0, i = f.annotation), "geom" in f && n(6, r = f.geom), "style" in f && n(7, s = f.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    129 && n(1, o = xe(i, r));
-  }, [i, o, l, a, c, u, s, r];
+    129 && n(1, o = xe(i, s));
+  }, [i, o, l, a, c, u, r, s];
 }
-class ai extends oe {
+class ci extends oe {
   constructor(t) {
-    super(), ne(this, t, li, ri, Z, { annotation: 0, geom: 6, style: 7 });
+    super(), ne(this, t, ai, li, Z, { annotation: 0, geom: 6, style: 7 });
   }
 }
-function ci(e) {
-  let t, n, o, i, s;
+function fi(e) {
+  let t, n, o, i, r;
   return {
     c() {
       t = C("g"), n = C("polygon"), i = C("polygon"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
@@ -2880,7 +2890,7 @@ function ci(e) {
         n,
         "points",
         /*points*/
-        e[2].map(fi).join(" ")
+        e[2].map(ui).join(" ")
       ), d(i, "class", "a9s-inner"), d(
         i,
         "style",
@@ -2890,51 +2900,51 @@ function ci(e) {
         i,
         "points",
         /*points*/
-        e[2].map(ui).join(" ")
-      ), d(t, "class", "a9s-annotation"), d(t, "data-id", s = /*annotation*/
+        e[2].map(di).join(" ")
+      ), d(t, "class", "a9s-annotation"), d(t, "data-id", r = /*annotation*/
       e[0].id);
     },
-    m(r, l) {
-      I(r, t, l), ue(t, n), ue(t, i);
+    m(s, l) {
+      O(s, t, l), ue(t, n), ue(t, i);
     },
-    p(r, [l]) {
+    p(s, [l]) {
       l & /*computedStyle*/
       2 && o !== (o = /*computedStyle*/
-      r[1] ? "display:none;" : void 0) && d(n, "style", o), l & /*computedStyle*/
+      s[1] ? "display:none;" : void 0) && d(n, "style", o), l & /*computedStyle*/
       2 && d(
         i,
         "style",
         /*computedStyle*/
-        r[1]
+        s[1]
       ), l & /*annotation*/
-      1 && s !== (s = /*annotation*/
-      r[0].id) && d(t, "data-id", s);
+      1 && r !== (r = /*annotation*/
+      s[0].id) && d(t, "data-id", r);
     },
     i: H,
     o: H,
-    d(r) {
-      r && k(t);
+    d(s) {
+      s && k(t);
     }
   };
 }
-const fi = (e) => e.join(","), ui = (e) => e.join(",");
-function di(e, t, n) {
-  let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
-  const { points: l } = s;
+const ui = (e) => e.join(","), di = (e) => e.join(",");
+function hi(e, t, n) {
+  let o, { annotation: i } = t, { geom: r } = t, { style: s } = t;
+  const { points: l } = r;
   return e.$$set = (a) => {
-    "annotation" in a && n(0, i = a.annotation), "geom" in a && n(3, s = a.geom), "style" in a && n(4, r = a.style);
+    "annotation" in a && n(0, i = a.annotation), "geom" in a && n(3, r = a.geom), "style" in a && n(4, s = a.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    17 && n(1, o = xe(i, r));
-  }, [i, o, l, s, r];
+    17 && n(1, o = xe(i, s));
+  }, [i, o, l, r, s];
 }
-class hi extends oe {
+class gi extends oe {
   constructor(t) {
-    super(), ne(this, t, di, ci, Z, { annotation: 0, geom: 3, style: 4 });
+    super(), ne(this, t, hi, fi, Z, { annotation: 0, geom: 3, style: 4 });
   }
 }
-function gi(e) {
-  let t, n, o, i, s;
+function mi(e) {
+  let t, n, o, i, r;
   return {
     c() {
       t = C("g"), n = C("rect"), i = C("rect"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
@@ -2983,118 +2993,118 @@ function gi(e) {
         "height",
         /*h*/
         e[1]
-      ), d(t, "class", "a9s-annotation"), d(t, "data-id", s = /*annotation*/
+      ), d(t, "class", "a9s-annotation"), d(t, "data-id", r = /*annotation*/
       e[0].id);
     },
-    m(r, l) {
-      I(r, t, l), ue(t, n), ue(t, i);
+    m(s, l) {
+      O(s, t, l), ue(t, n), ue(t, i);
     },
-    p(r, [l]) {
+    p(s, [l]) {
       l & /*computedStyle*/
       32 && o !== (o = /*computedStyle*/
-      r[5] ? "display:none;" : void 0) && d(n, "style", o), l & /*x*/
+      s[5] ? "display:none;" : void 0) && d(n, "style", o), l & /*x*/
       16 && d(
         n,
         "x",
         /*x*/
-        r[4]
+        s[4]
       ), l & /*y*/
       8 && d(
         n,
         "y",
         /*y*/
-        r[3]
+        s[3]
       ), l & /*w*/
       4 && d(
         n,
         "width",
         /*w*/
-        r[2]
+        s[2]
       ), l & /*h*/
       2 && d(
         n,
         "height",
         /*h*/
-        r[1]
+        s[1]
       ), l & /*computedStyle*/
       32 && d(
         i,
         "style",
         /*computedStyle*/
-        r[5]
+        s[5]
       ), l & /*x*/
       16 && d(
         i,
         "x",
         /*x*/
-        r[4]
+        s[4]
       ), l & /*y*/
       8 && d(
         i,
         "y",
         /*y*/
-        r[3]
+        s[3]
       ), l & /*w*/
       4 && d(
         i,
         "width",
         /*w*/
-        r[2]
+        s[2]
       ), l & /*h*/
       2 && d(
         i,
         "height",
         /*h*/
-        r[1]
+        s[1]
       ), l & /*annotation*/
-      1 && s !== (s = /*annotation*/
-      r[0].id) && d(t, "data-id", s);
+      1 && r !== (r = /*annotation*/
+      s[0].id) && d(t, "data-id", r);
     },
     i: H,
     o: H,
-    d(r) {
-      r && k(t);
+    d(s) {
+      s && k(t);
     }
   };
 }
-function mi(e, t, n) {
-  let o, i, s, r, l, { annotation: a } = t, { geom: c } = t, { style: u } = t;
+function pi(e, t, n) {
+  let o, i, r, s, l, { annotation: a } = t, { geom: c } = t, { style: u } = t;
   return e.$$set = (f) => {
     "annotation" in f && n(0, a = f.annotation), "geom" in f && n(6, c = f.geom), "style" in f && n(7, u = f.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
     129 && n(5, o = xe(a, u)), e.$$.dirty & /*geom*/
-    64 && n(4, { x: i, y: s, w: r, h: l } = c, i, (n(3, s), n(6, c)), (n(2, r), n(6, c)), (n(1, l), n(6, c)));
-  }, [a, l, r, s, i, o, c, u];
+    64 && n(4, { x: i, y: r, w: s, h: l } = c, i, (n(3, r), n(6, c)), (n(2, s), n(6, c)), (n(1, l), n(6, c)));
+  }, [a, l, s, r, i, o, c, u];
 }
-class pi extends oe {
+class yi extends oe {
   constructor(t) {
-    super(), ne(this, t, mi, gi, Z, { annotation: 0, geom: 6, style: 7 });
+    super(), ne(this, t, pi, mi, Z, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const Hi = {
+const Fi = {
   elementToImage: (e, t) => [e, t]
-}, yi = (e) => ({
+}, _i = (e) => ({
   elementToImage: (t, n) => {
     const o = e.getBoundingClientRect(), i = e.createSVGPoint();
     i.x = t + o.x, i.y = n + o.y;
-    const { x: s, y: r } = i.matrixTransform(e.getScreenCTM().inverse());
-    return [s, r];
+    const { x: r, y: s } = i.matrixTransform(e.getScreenCTM().inverse());
+    return [r, s];
   }
-}), _i = 250, wi = (e, t) => {
+}), wi = 250, bi = (e, t) => {
   const n = Me();
   let o;
-  return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
-    if (performance.now() - o < _i) {
-      const { x: a, y: c } = un(r, e), u = t.getAt(a, c);
-      u ? n("click", { originalEvent: r, annotation: u }) : n("click", { originalEvent: r });
+  return { onPointerDown: () => o = performance.now(), onPointerUp: (s) => {
+    if (performance.now() - o < wi) {
+      const { x: a, y: c } = dn(s, e), u = t.getAt(a, c);
+      u ? n("click", { originalEvent: s, annotation: u }) : n("click", { originalEvent: s });
     }
   } };
-}, un = (e, t) => {
-  const n = t.createSVGPoint(), o = t.getBoundingClientRect(), i = e.clientX - o.x, s = e.clientY - o.y, { left: r, top: l } = t.getBoundingClientRect();
-  return n.x = i + r, n.y = s + l, n.matrixTransform(t.getScreenCTM().inverse());
+}, dn = (e, t) => {
+  const n = t.createSVGPoint(), o = t.getBoundingClientRect(), i = e.clientX - o.x, r = e.clientY - o.y, { left: s, top: l } = t.getBoundingClientRect();
+  return n.x = i + s, n.y = r + l, n.matrixTransform(t.getScreenCTM().inverse());
 };
-function Rt(e, t, n) {
+function Ct(e, t, n) {
   const o = e.slice();
   o[35] = t[n];
   const i = (
@@ -3106,48 +3116,48 @@ function Rt(e, t, n) {
   );
   return o[36] = i, o;
 }
-function Ct(e, t, n) {
+function Nt(e, t, n) {
   const o = e.slice();
   return o[39] = t[n], o;
 }
-function at(e) {
+function ct(e) {
   const t = e.slice(), n = (
     /*annotation*/
     t[39].target.selector
   );
   return t[42] = n, t;
 }
-function Nt(e) {
+function Ut(e) {
   let t = (
     /*annotation*/
     e[39].id
-  ), n, o, i = Ut(e);
+  ), n, o, i = Vt(e);
   return {
     c() {
       i.c(), n = le();
     },
-    m(s, r) {
-      i.m(s, r), I(s, n, r), o = !0;
+    m(r, s) {
+      i.m(r, s), O(r, n, s), o = !0;
     },
-    p(s, r) {
-      r[0] & /*$store*/
+    p(r, s) {
+      s[0] & /*$store*/
       32768 && Z(t, t = /*annotation*/
-      s[39].id) ? (se(), R(i, 1, 1, H), re(), i = Ut(s), i.c(), B(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      r[39].id) ? (re(), R(i, 1, 1, H), se(), i = Vt(r), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(r, s);
     },
-    i(s) {
-      o || (B(i), o = !0);
+    i(r) {
+      o || (P(i), o = !0);
     },
-    o(s) {
+    o(r) {
       R(i), o = !1;
     },
-    d(s) {
-      s && k(n), i.d(s);
+    d(r) {
+      r && k(n), i.d(r);
     }
   };
 }
-function bi(e) {
+function Ei(e) {
   let t, n;
-  return t = new hi({
+  return t = new gi({
     props: {
       annotation: (
         /*annotation*/
@@ -3170,17 +3180,17 @@ function bi(e) {
       x(t, o, i), n = !0;
     },
     p(o, i) {
-      const s = {};
+      const r = {};
       i[0] & /*$store*/
-      32768 && (s.annotation = /*annotation*/
+      32768 && (r.annotation = /*annotation*/
       o[39]), i[0] & /*$store*/
-      32768 && (s.geom = /*selector*/
+      32768 && (r.geom = /*selector*/
       o[42].geometry), i[0] & /*style*/
-      2 && (s.style = /*style*/
-      o[1]), t.$set(s);
+      2 && (r.style = /*style*/
+      o[1]), t.$set(r);
     },
     i(o) {
-      n || (B(t.$$.fragment, o), n = !0);
+      n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
@@ -3190,9 +3200,9 @@ function bi(e) {
     }
   };
 }
-function Ei(e) {
+function Ai(e) {
   let t, n;
-  return t = new pi({
+  return t = new yi({
     props: {
       annotation: (
         /*annotation*/
@@ -3215,17 +3225,17 @@ function Ei(e) {
       x(t, o, i), n = !0;
     },
     p(o, i) {
-      const s = {};
+      const r = {};
       i[0] & /*$store*/
-      32768 && (s.annotation = /*annotation*/
+      32768 && (r.annotation = /*annotation*/
       o[39]), i[0] & /*$store*/
-      32768 && (s.geom = /*selector*/
+      32768 && (r.geom = /*selector*/
       o[42].geometry), i[0] & /*style*/
-      2 && (s.style = /*style*/
-      o[1]), t.$set(s);
+      2 && (r.style = /*style*/
+      o[1]), t.$set(r);
     },
     i(o) {
-      n || (B(t.$$.fragment, o), n = !0);
+      n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
@@ -3235,10 +3245,10 @@ function Ei(e) {
     }
   };
 }
-function Ai(e) {
+function Si(e) {
   var o;
   let t, n;
-  return t = new ai({
+  return t = new ci({
     props: {
       annotation: (
         /*annotation*/
@@ -3257,22 +3267,22 @@ function Ai(e) {
     c() {
       te(t.$$.fragment);
     },
-    m(i, s) {
-      x(t, i, s), n = !0;
+    m(i, r) {
+      x(t, i, r), n = !0;
     },
-    p(i, s) {
+    p(i, r) {
       var l;
-      const r = {};
-      s[0] & /*$store*/
-      32768 && (r.annotation = /*annotation*/
-      i[39]), s[0] & /*$store*/
-      32768 && (r.geom = /*selector*/
-      (l = i[42]) == null ? void 0 : l.geometry), s[0] & /*style*/
-      2 && (r.style = /*style*/
-      i[1]), t.$set(r);
+      const s = {};
+      r[0] & /*$store*/
+      32768 && (s.annotation = /*annotation*/
+      i[39]), r[0] & /*$store*/
+      32768 && (s.geom = /*selector*/
+      (l = i[42]) == null ? void 0 : l.geometry), r[0] & /*style*/
+      2 && (s.style = /*style*/
+      i[1]), t.$set(s);
     },
     i(i) {
-      n || (B(t.$$.fragment, i), n = !0);
+      n || (P(t.$$.fragment, i), n = !0);
     },
     o(i) {
       R(t.$$.fragment, i), n = !1;
@@ -3282,9 +3292,9 @@ function Ai(e) {
     }
   };
 }
-function Ut(e) {
+function Vt(e) {
   let t, n, o, i;
-  const s = [Ai, Ei, bi], r = [];
+  const r = [Si, Ai, Ei], s = [];
   function l(a, c) {
     var u, f, g;
     return (
@@ -3298,31 +3308,31 @@ function Ut(e) {
       )
     );
   }
-  return ~(t = l(e)) && (n = r[t] = s[t](e)), {
+  return ~(t = l(e)) && (n = s[t] = r[t](e)), {
     c() {
       n && n.c(), o = le();
     },
     m(a, c) {
-      ~t && r[t].m(a, c), I(a, o, c), i = !0;
+      ~t && s[t].m(a, c), O(a, o, c), i = !0;
     },
     p(a, c) {
       let u = t;
-      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (se(), R(r[u], 1, 1, () => {
-        r[u] = null;
-      }), re()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), B(n, 1), n.m(o.parentNode, o)) : n = null);
+      t = l(a), t === u ? ~t && s[t].p(a, c) : (n && (re(), R(s[u], 1, 1, () => {
+        s[u] = null;
+      }), se()), ~t ? (n = s[t], n ? n.p(a, c) : (n = s[t] = r[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
-      i || (B(n), i = !0);
+      i || (P(n), i = !0);
     },
     o(a) {
       R(n), i = !1;
     },
     d(a) {
-      a && k(o), ~t && r[t].d(a);
+      a && k(o), ~t && s[t].d(a);
     }
   };
 }
-function Vt(e) {
+function Gt(e) {
   let t = Ze(
     /*annotation*/
     e[39]
@@ -3330,42 +3340,42 @@ function Vt(e) {
   e[8](
     /*annotation*/
     e[39]
-  ), n, o, i = t && Nt(at(e));
+  ), n, o, i = t && Ut(ct(e));
   return {
     c() {
       i && i.c(), n = le();
     },
-    m(s, r) {
-      i && i.m(s, r), I(s, n, r), o = !0;
+    m(r, s) {
+      i && i.m(r, s), O(r, n, s), o = !0;
     },
-    p(s, r) {
-      r[0] & /*$store, isEditable*/
+    p(r, s) {
+      s[0] & /*$store, isEditable*/
       33024 && (t = Ze(
         /*annotation*/
-        s[39]
+        r[39]
       ) && !/*isEditable*/
-      s[8](
+      r[8](
         /*annotation*/
-        s[39]
-      )), t ? i ? (i.p(at(s), r), r[0] & /*$store, isEditable*/
-      33024 && B(i, 1)) : (i = Nt(at(s)), i.c(), B(i, 1), i.m(n.parentNode, n)) : i && (se(), R(i, 1, 1, () => {
+        r[39]
+      )), t ? i ? (i.p(ct(r), s), s[0] & /*$store, isEditable*/
+      33024 && P(i, 1)) : (i = Ut(ct(r)), i.c(), P(i, 1), i.m(n.parentNode, n)) : i && (re(), R(i, 1, 1, () => {
         i = null;
-      }), re());
+      }), se());
     },
-    i(s) {
-      o || (B(i), o = !0);
+    i(r) {
+      o || (P(i), o = !0);
     },
-    o(s) {
+    o(r) {
       R(i), o = !1;
     },
-    d(s) {
-      s && k(n), i && i.d(s);
+    d(r) {
+      r && k(n), i && i.d(r);
     }
   };
 }
-function Gt(e) {
+function jt(e) {
   let t, n, o, i;
-  const s = [vi, Si], r = [];
+  const r = [Ti, vi], s = [];
   function l(a, c) {
     return (
       /*editableAnnotations*/
@@ -3376,117 +3386,117 @@ function Gt(e) {
       )
     );
   }
-  return ~(t = l(e)) && (n = r[t] = s[t](e)), {
+  return ~(t = l(e)) && (n = s[t] = r[t](e)), {
     c() {
       n && n.c(), o = le();
     },
     m(a, c) {
-      ~t && r[t].m(a, c), I(a, o, c), i = !0;
+      ~t && s[t].m(a, c), O(a, o, c), i = !0;
     },
     p(a, c) {
       let u = t;
-      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (se(), R(r[u], 1, 1, () => {
-        r[u] = null;
-      }), re()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), B(n, 1), n.m(o.parentNode, o)) : n = null);
+      t = l(a), t === u ? ~t && s[t].p(a, c) : (n && (re(), R(s[u], 1, 1, () => {
+        s[u] = null;
+      }), se()), ~t ? (n = s[t], n ? n.p(a, c) : (n = s[t] = r[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
-      i || (B(n), i = !0);
+      i || (P(n), i = !0);
     },
     o(a) {
       R(n), i = !1;
     },
     d(a) {
-      a && k(o), ~t && r[t].d(a);
+      a && k(o), ~t && s[t].d(a);
     }
   };
 }
-function Si(e) {
+function vi(e) {
   let t = (
     /*toolName*/
     e[2]
-  ), n, o, i = jt(e);
+  ), n, o, i = zt(e);
   return {
     c() {
       i.c(), n = le();
     },
-    m(s, r) {
-      i.m(s, r), I(s, n, r), o = !0;
+    m(r, s) {
+      i.m(r, s), O(r, n, s), o = !0;
     },
-    p(s, r) {
-      r[0] & /*toolName*/
+    p(r, s) {
+      s[0] & /*toolName*/
       4 && Z(t, t = /*toolName*/
-      s[2]) ? (se(), R(i, 1, 1, H), re(), i = jt(s), i.c(), B(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      r[2]) ? (re(), R(i, 1, 1, H), se(), i = zt(r), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(r, s);
     },
-    i(s) {
-      o || (B(i), o = !0);
+    i(r) {
+      o || (P(i), o = !0);
     },
-    o(s) {
+    o(r) {
       R(i), o = !1;
     },
-    d(s) {
-      s && k(n), i.d(s);
+    d(r) {
+      r && k(n), i.d(r);
     }
   };
 }
-function vi(e) {
+function Ti(e) {
   let t, n, o = Te(
     /*editableAnnotations*/
     e[7]
   ), i = [];
-  for (let r = 0; r < o.length; r += 1)
-    i[r] = Ft(Rt(e, o, r));
-  const s = (r) => R(i[r], 1, 1, () => {
-    i[r] = null;
+  for (let s = 0; s < o.length; s += 1)
+    i[s] = Wt(Ct(e, o, s));
+  const r = (s) => R(i[s], 1, 1, () => {
+    i[s] = null;
   });
   return {
     c() {
-      for (let r = 0; r < i.length; r += 1)
-        i[r].c();
+      for (let s = 0; s < i.length; s += 1)
+        i[s].c();
       t = le();
     },
-    m(r, l) {
+    m(s, l) {
       for (let a = 0; a < i.length; a += 1)
-        i[a] && i[a].m(r, l);
-      I(r, t, l), n = !0;
+        i[a] && i[a].m(s, l);
+      O(s, t, l), n = !0;
     },
-    p(r, l) {
+    p(s, l) {
       if (l[0] & /*editableAnnotations, drawingEl, getEditor, style, transform, $scale, onChangeSelected*/
       10553506) {
         o = Te(
           /*editableAnnotations*/
-          r[7]
+          s[7]
         );
         let a;
         for (a = 0; a < o.length; a += 1) {
-          const c = Rt(r, o, a);
-          i[a] ? (i[a].p(c, l), B(i[a], 1)) : (i[a] = Ft(c), i[a].c(), B(i[a], 1), i[a].m(t.parentNode, t));
+          const c = Ct(s, o, a);
+          i[a] ? (i[a].p(c, l), P(i[a], 1)) : (i[a] = Wt(c), i[a].c(), P(i[a], 1), i[a].m(t.parentNode, t));
         }
-        for (se(), a = o.length; a < i.length; a += 1)
-          s(a);
-        re();
+        for (re(), a = o.length; a < i.length; a += 1)
+          r(a);
+        se();
       }
     },
-    i(r) {
+    i(s) {
       if (!n) {
         for (let l = 0; l < o.length; l += 1)
-          B(i[l]);
+          P(i[l]);
         n = !0;
       }
     },
-    o(r) {
+    o(s) {
       i = i.filter(Boolean);
       for (let l = 0; l < i.length; l += 1)
         R(i[l]);
       n = !1;
     },
-    d(r) {
-      r && k(t), mt(i, r);
+    d(s) {
+      s && k(t), pt(i, s);
     }
   };
 }
-function jt(e) {
+function zt(e) {
   let t, n;
-  return t = new Qo({
+  return t = new Zo({
     props: {
       target: (
         /*drawingEl*/
@@ -3521,21 +3531,21 @@ function jt(e) {
       x(t, o, i), n = !0;
     },
     p(o, i) {
-      const s = {};
+      const r = {};
       i[0] & /*drawingEl*/
-      32 && (s.target = /*drawingEl*/
+      32 && (r.target = /*drawingEl*/
       o[5]), i[0] & /*tool*/
-      8192 && (s.tool = /*tool*/
+      8192 && (r.tool = /*tool*/
       o[13]), i[0] & /*drawingMode*/
-      4096 && (s.drawingMode = /*drawingMode*/
+      4096 && (r.drawingMode = /*drawingMode*/
       o[12]), i[0] & /*transform*/
-      2048 && (s.transform = /*transform*/
+      2048 && (r.transform = /*transform*/
       o[11]), i[0] & /*$scale*/
-      65536 && (s.viewportScale = /*$scale*/
-      o[16]), t.$set(s);
+      65536 && (r.viewportScale = /*$scale*/
+      o[16]), t.$set(r);
     },
     i(o) {
-      n || (B(t.$$.fragment, o), n = !0);
+      n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
@@ -3545,37 +3555,37 @@ function jt(e) {
     }
   };
 }
-function zt(e) {
+function Ht(e) {
   let t = (
     /*editable*/
     e[35].id
-  ), n, o, i = Ht(e);
+  ), n, o, i = Ft(e);
   return {
     c() {
       i.c(), n = le();
     },
-    m(s, r) {
-      i.m(s, r), I(s, n, r), o = !0;
+    m(r, s) {
+      i.m(r, s), O(r, n, s), o = !0;
     },
-    p(s, r) {
-      r[0] & /*editableAnnotations*/
+    p(r, s) {
+      s[0] & /*editableAnnotations*/
       128 && Z(t, t = /*editable*/
-      s[35].id) ? (se(), R(i, 1, 1, H), re(), i = Ht(s), i.c(), B(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      r[35].id) ? (re(), R(i, 1, 1, H), se(), i = Ft(r), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(r, s);
     },
-    i(s) {
-      o || (B(i), o = !0);
+    i(r) {
+      o || (P(i), o = !0);
     },
-    o(s) {
+    o(r) {
       R(i), o = !1;
     },
-    d(s) {
-      s && k(n), i.d(s);
+    d(r) {
+      r && k(n), i.d(r);
     }
   };
 }
-function Ht(e) {
+function Ft(e) {
   let t, n;
-  return t = new Ko({
+  return t = new Jo({
     props: {
       target: (
         /*drawingEl*/
@@ -3625,26 +3635,26 @@ function Ht(e) {
     },
     p(o, i) {
       e = o;
-      const s = {};
+      const r = {};
       i[0] & /*drawingEl*/
-      32 && (s.target = /*drawingEl*/
+      32 && (r.target = /*drawingEl*/
       e[5]), i[0] & /*editableAnnotations*/
-      128 && (s.editor = /*getEditor*/
+      128 && (r.editor = /*getEditor*/
       e[23](
         /*editable*/
         e[35].target.selector
       )), i[0] & /*editableAnnotations*/
-      128 && (s.annotation = /*editable*/
+      128 && (r.annotation = /*editable*/
       e[35]), i[0] & /*style*/
-      2 && (s.style = /*style*/
+      2 && (r.style = /*style*/
       e[1]), i[0] & /*transform*/
-      2048 && (s.transform = /*transform*/
+      2048 && (r.transform = /*transform*/
       e[11]), i[0] & /*$scale*/
-      65536 && (s.viewportScale = /*$scale*/
-      e[16]), t.$set(s);
+      65536 && (r.viewportScale = /*$scale*/
+      e[16]), t.$set(r);
     },
     i(o) {
-      n || (B(t.$$.fragment, o), n = !0);
+      n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
       R(t.$$.fragment, o), n = !1;
@@ -3654,27 +3664,27 @@ function Ht(e) {
     }
   };
 }
-function Ft(e) {
+function Wt(e) {
   let t, n, o = (
     /*editor*/
-    e[36] && zt(e)
+    e[36] && Ht(e)
   );
   return {
     c() {
       o && o.c(), t = le();
     },
-    m(i, s) {
-      o && o.m(i, s), I(i, t, s), n = !0;
+    m(i, r) {
+      o && o.m(i, r), O(i, t, r), n = !0;
     },
-    p(i, s) {
+    p(i, r) {
       /*editor*/
-      i[36] ? o ? (o.p(i, s), s[0] & /*editableAnnotations*/
-      128 && B(o, 1)) : (o = zt(i), o.c(), B(o, 1), o.m(t.parentNode, t)) : o && (se(), R(o, 1, 1, () => {
+      i[36] ? o ? (o.p(i, r), r[0] & /*editableAnnotations*/
+      128 && P(o, 1)) : (o = Ht(i), o.c(), P(o, 1), o.m(t.parentNode, t)) : o && (re(), R(o, 1, 1, () => {
         o = null;
-      }), re());
+      }), se());
     },
     i(i) {
-      n || (B(o), n = !0);
+      n || (P(o), n = !0);
     },
     o(i) {
       R(o), n = !1;
@@ -3684,8 +3694,8 @@ function Ft(e) {
     }
   };
 }
-function Ti(e) {
-  let t, n, o, i, s, r, l = Te(
+function Mi(e) {
+  let t, n, o, i, r, s, l = Te(
     /*$store*/
     e[15].filter(
       /*func*/
@@ -3693,13 +3703,13 @@ function Ti(e) {
     )
   ), a = [];
   for (let f = 0; f < l.length; f += 1)
-    a[f] = Vt(Ct(e, l, f));
+    a[f] = Gt(Nt(e, l, f));
   const c = (f) => R(a[f], 1, 1, () => {
     a[f] = null;
   });
   let u = (
     /*drawingEl*/
-    e[5] && Gt(e)
+    e[5] && jt(e)
   );
   return {
     c() {
@@ -3720,10 +3730,10 @@ function Ti(e) {
       );
     },
     m(f, g) {
-      I(f, t, g), ue(t, n);
+      O(f, t, g), ue(t, n);
       for (let h = 0; h < a.length; h += 1)
         a[h] && a[h].m(n, null);
-      ue(t, o), u && u.m(o, null), e[31](o), e[32](t), i = !0, s || (r = [
+      ue(t, o), u && u.m(o, null), e[31](o), e[32](t), i = !0, r || (s = [
         F(t, "pointerup", function() {
           q(
             /*onPointerUp*/
@@ -3742,7 +3752,7 @@ function Ti(e) {
           /*onPointerMove*/
           e[22]
         )
-      ], s = !0);
+      ], r = !0);
     },
     p(f, g) {
       if (e = f, g[0] & /*$store, style, isEditable*/
@@ -3756,18 +3766,18 @@ function Ti(e) {
         );
         let h;
         for (h = 0; h < l.length; h += 1) {
-          const m = Ct(e, l, h);
-          a[h] ? (a[h].p(m, g), B(a[h], 1)) : (a[h] = Vt(m), a[h].c(), B(a[h], 1), a[h].m(n, null));
+          const m = Nt(e, l, h);
+          a[h] ? (a[h].p(m, g), P(a[h], 1)) : (a[h] = Gt(m), a[h].c(), P(a[h], 1), a[h].m(n, null));
         }
-        for (se(), h = l.length; h < a.length; h += 1)
+        for (re(), h = l.length; h < a.length; h += 1)
           c(h);
-        re();
+        se();
       }
       /*drawingEl*/
       e[5] ? u ? (u.p(e, g), g[0] & /*drawingEl*/
-      32 && B(u, 1)) : (u = Gt(e), u.c(), B(u, 1), u.m(o, null)) : u && (se(), R(u, 1, 1, () => {
+      32 && P(u, 1)) : (u = jt(e), u.c(), P(u, 1), u.m(o, null)) : u && (re(), R(u, 1, 1, () => {
         u = null;
-      }), re()), (!i || g[0] & /*tool*/
+      }), se()), (!i || g[0] & /*tool*/
       8192) && me(
         t,
         "drawing",
@@ -3786,8 +3796,8 @@ function Ti(e) {
     i(f) {
       if (!i) {
         for (let g = 0; g < l.length; g += 1)
-          B(a[g]);
-        B(u), i = !0;
+          P(a[g]);
+        P(u), i = !0;
       }
     },
     o(f) {
@@ -3797,51 +3807,51 @@ function Ti(e) {
       R(u), i = !1;
     },
     d(f) {
-      f && k(t), mt(a, f), u && u.d(), e[31](null), e[32](null), s = !1, de(r);
+      f && k(t), pt(a, f), u && u.d(), e[31](null), e[32](null), r = !1, de(s);
     }
   };
 }
-function Mi(e, t, n) {
-  let o, i, s, r, l, a, c, u, f, g, h, m = H, y = () => (m(), m = Qt(E, (L) => n(16, h = L)), E);
+function Li(e, t, n) {
+  let o, i, r, s, l, a, c, u, f, g, h, m = H, y = () => (m(), m = Zt(E, (L) => n(16, h = L)), E);
   e.$$.on_destroy.push(() => m());
-  let { drawingEnabled: T } = t, { image: p } = t, { preferredDrawingMode: w } = t, { state: _ } = t, { style: b = void 0 } = t, { toolName: Y = cn()[0] } = t, { user: U } = t, { visible: V = !0 } = t, G, P, E;
-  Re(() => y(n(6, E = Po(p, P))));
+  let { drawingEnabled: T } = t, { image: p } = t, { preferredDrawingMode: w } = t, { state: _ } = t, { style: b = void 0 } = t, { toolName: I = fn()[0] } = t, { user: U } = t, { visible: V = !0 } = t, G, D, E;
+  Re(() => y(n(6, E = Do(p, D))));
   const { hover: A, selection: S, store: v } = _;
   et(e, A, (L) => n(14, u = L)), et(e, S, (L) => n(29, f = L)), et(e, v, (L) => n(15, g = L));
   let N, X;
   const K = (L) => {
     N && v.unobserve(N);
-    const D = L.filter(({ editable: j }) => j).map(({ id: j }) => j);
-    D.length > 0 ? (n(7, X = D.map((j) => v.getAnnotation(j)).filter((j) => j && Ze(j))), N = (j) => {
+    const Y = L.filter(({ editable: j }) => j).map(({ id: j }) => j);
+    Y.length > 0 ? (n(7, X = Y.map((j) => v.getAnnotation(j)).filter((j) => j && Ze(j))), N = (j) => {
       const { updated: ee } = j.changes;
-      n(7, X = ee == null ? void 0 : ee.map((O) => O.newValue));
-    }, v.observe(N, { annotations: D })) : n(7, X = void 0);
+      n(7, X = ee == null ? void 0 : ee.map((B) => B.newValue));
+    }, v.observe(N, { annotations: Y })) : n(7, X = void 0);
   }, ge = (L) => {
-    const D = nn(), j = {
-      id: D,
+    const Y = on(), j = {
+      id: Y,
       bodies: [],
       target: {
-        annotation: D,
+        annotation: Y,
         selector: L.detail,
         creator: U,
         created: /* @__PURE__ */ new Date()
       }
     };
     v.addAnnotation(j), S.setSelected(j.id);
-  }, ae = (L) => (D) => {
+  }, ae = (L) => (Y) => {
     var M;
-    const { target: j } = L, ee = 10 * 60 * 1e3, O = ((M = j.creator) == null ? void 0 : M.id) !== U.id || !j.created || (/* @__PURE__ */ new Date()).getTime() - j.created.getTime() > ee;
+    const { target: j } = L, ee = 10 * 60 * 1e3, B = ((M = j.creator) == null ? void 0 : M.id) !== U.id || !j.created || (/* @__PURE__ */ new Date()).getTime() - j.created.getTime() > ee;
     v.updateTarget({
       ...j,
-      selector: D.detail,
-      created: O ? j.created : /* @__PURE__ */ new Date(),
-      updated: O ? /* @__PURE__ */ new Date() : void 0,
-      updatedBy: O ? U : void 0
+      selector: Y.detail,
+      created: B ? j.created : /* @__PURE__ */ new Date(),
+      updated: B ? /* @__PURE__ */ new Date() : void 0,
+      updatedBy: B ? U : void 0
     });
   }, Le = (L) => {
-    const { x: D, y: j } = un(L, P), ee = v.getAt(D, j);
+    const { x: Y, y: j } = dn(L, D), ee = v.getAt(Y, j);
     ee ? u !== ee.id && A.set(ee.id) : A.set(void 0);
-  }, ce = (L) => jo(L), ke = (L) => Ze(L);
+  }, ce = (L) => zo(L), ke = (L) => Ze(L);
   function fe(L) {
     Je[L ? "unshift" : "push"](() => {
       G = L, n(5, G);
@@ -3849,33 +3859,33 @@ function Mi(e, t, n) {
   }
   function Ie(L) {
     Je[L ? "unshift" : "push"](() => {
-      P = L, n(4, P);
+      D = L, n(4, D);
     });
   }
   return e.$$set = (L) => {
-    "drawingEnabled" in L && n(0, T = L.drawingEnabled), "image" in L && n(24, p = L.image), "preferredDrawingMode" in L && n(25, w = L.preferredDrawingMode), "state" in L && n(26, _ = L.state), "style" in L && n(1, b = L.style), "toolName" in L && n(2, Y = L.toolName), "user" in L && n(27, U = L.user), "visible" in L && n(3, V = L.visible);
+    "drawingEnabled" in L && n(0, T = L.drawingEnabled), "image" in L && n(24, p = L.image), "preferredDrawingMode" in L && n(25, w = L.preferredDrawingMode), "state" in L && n(26, _ = L.state), "style" in L && n(1, b = L.style), "toolName" in L && n(2, I = L.toolName), "user" in L && n(27, U = L.user), "visible" in L && n(3, V = L.visible);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
-    4 && n(13, { tool: o, opts: i } = fn(Y) || { tool: void 0, opts: void 0 }, o, (n(28, i), n(2, Y))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
-    301989888 && n(12, s = (i == null ? void 0 : i.drawingMode) || w), e.$$.dirty[0] & /*svgEl*/
-    16 && n(11, r = yi(P)), e.$$.dirty[0] & /*svgEl*/
-    16 && n(10, { onPointerDown: l, onPointerUp: a } = wi(P, v), l, (n(9, a), n(4, P))), e.$$.dirty[0] & /*$selection*/
-    536870912 && n(8, c = (L) => f.selected.find((D) => D.id === L.id && D.editable)), e.$$.dirty[0] & /*$selection*/
+    4 && n(13, { tool: o, opts: i } = un(I) || { tool: void 0, opts: void 0 }, o, (n(28, i), n(2, I))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
+    301989888 && n(12, r = (i == null ? void 0 : i.drawingMode) || w), e.$$.dirty[0] & /*svgEl*/
+    16 && n(11, s = _i(D)), e.$$.dirty[0] & /*svgEl*/
+    16 && n(10, { onPointerDown: l, onPointerUp: a } = bi(D, v), l, (n(9, a), n(4, D))), e.$$.dirty[0] & /*$selection*/
+    536870912 && n(8, c = (L) => f.selected.find((Y) => Y.id === L.id && Y.editable)), e.$$.dirty[0] & /*$selection*/
     536870912 && K(f.selected);
   }, [
     T,
     b,
-    Y,
+    I,
     V,
-    P,
+    D,
     G,
     E,
     X,
     c,
     a,
     l,
-    r,
     s,
+    r,
     o,
     u,
     g,
@@ -3898,13 +3908,13 @@ function Mi(e, t, n) {
     Ie
   ];
 }
-class Li extends oe {
+class ki extends oe {
   constructor(t) {
     super(), ne(
       this,
       t,
+      Li,
       Mi,
-      Ti,
       Z,
       {
         drawingEnabled: 0,
@@ -3921,29 +3931,29 @@ class Li extends oe {
     );
   }
 }
-function dn(e, t, n = 0, o = e.length - 1, i = ki) {
+function hn(e, t, n = 0, o = e.length - 1, i = Ii) {
   for (; o > n; ) {
     if (o - n > 600) {
       const a = o - n + 1, c = t - n + 1, u = Math.log(a), f = 0.5 * Math.exp(2 * u / 3), g = 0.5 * Math.sqrt(u * f * (a - f) / a) * (c - a / 2 < 0 ? -1 : 1), h = Math.max(n, Math.floor(t - c * f / a + g)), m = Math.min(o, Math.floor(t + (a - c) * f / a + g));
-      dn(e, t, h, m, i);
+      hn(e, t, h, m, i);
     }
-    const s = e[t];
-    let r = n, l = o;
-    for (Oe(e, n, t), i(e[o], s) > 0 && Oe(e, n, o); r < l; ) {
-      for (Oe(e, r, l), r++, l--; i(e[r], s) < 0; ) r++;
-      for (; i(e[l], s) > 0; ) l--;
+    const r = e[t];
+    let s = n, l = o;
+    for (Oe(e, n, t), i(e[o], r) > 0 && Oe(e, n, o); s < l; ) {
+      for (Oe(e, s, l), s++, l--; i(e[s], r) < 0; ) s++;
+      for (; i(e[l], r) > 0; ) l--;
     }
-    i(e[n], s) === 0 ? Oe(e, n, l) : (l++, Oe(e, l, o)), l <= t && (n = l + 1), t <= l && (o = l - 1);
+    i(e[n], r) === 0 ? Oe(e, n, l) : (l++, Oe(e, l, o)), l <= t && (n = l + 1), t <= l && (o = l - 1);
   }
 }
 function Oe(e, t, n) {
   const o = e[t];
   e[t] = e[n], e[n] = o;
 }
-function ki(e, t) {
+function Ii(e, t) {
   return e < t ? -1 : e > t ? 1 : 0;
 }
-class Ii {
+class Oi {
   constructor(t = 9) {
     this._maxEntries = Math.max(4, t), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
   }
@@ -3954,13 +3964,13 @@ class Ii {
     let n = this.data;
     const o = [];
     if (!Fe(t, n)) return o;
-    const i = this.toBBox, s = [];
+    const i = this.toBBox, r = [];
     for (; n; ) {
-      for (let r = 0; r < n.children.length; r++) {
-        const l = n.children[r], a = n.leaf ? i(l) : l;
-        Fe(t, a) && (n.leaf ? o.push(l) : ft(t, a) ? this._all(l, o) : s.push(l));
+      for (let s = 0; s < n.children.length; s++) {
+        const l = n.children[s], a = n.leaf ? i(l) : l;
+        Fe(t, a) && (n.leaf ? o.push(l) : ut(t, a) ? this._all(l, o) : r.push(l));
       }
-      n = s.pop();
+      n = r.pop();
     }
     return o;
   }
@@ -3970,10 +3980,10 @@ class Ii {
     const o = [];
     for (; n; ) {
       for (let i = 0; i < n.children.length; i++) {
-        const s = n.children[i], r = n.leaf ? this.toBBox(s) : s;
-        if (Fe(t, r)) {
-          if (n.leaf || ft(t, r)) return !0;
-          o.push(s);
+        const r = n.children[i], s = n.leaf ? this.toBBox(r) : r;
+        if (Fe(t, s)) {
+          if (n.leaf || ut(t, s)) return !0;
+          o.push(r);
         }
       }
       n = o.pop();
@@ -4010,15 +4020,15 @@ class Ii {
   remove(t, n) {
     if (!t) return this;
     let o = this.data;
-    const i = this.toBBox(t), s = [], r = [];
+    const i = this.toBBox(t), r = [], s = [];
     let l, a, c;
-    for (; o || s.length; ) {
-      if (o || (o = s.pop(), a = s[s.length - 1], l = r.pop(), c = !0), o.leaf) {
-        const u = Oi(t, o.children, n);
+    for (; o || r.length; ) {
+      if (o || (o = r.pop(), a = r[r.length - 1], l = s.pop(), c = !0), o.leaf) {
+        const u = Bi(t, o.children, n);
         if (u !== -1)
-          return o.children.splice(u, 1), s.push(o), this._condense(s), this;
+          return o.children.splice(u, 1), r.push(o), this._condense(r), this;
       }
-      !c && !o.leaf && ft(o, i) ? (s.push(o), r.push(l), l = 0, a = o, o = o.children[0]) : a ? (l++, o = a.children[l], c = !1) : o = null;
+      !c && !o.leaf && ut(o, i) ? (r.push(o), s.push(l), l = 0, a = o, o = o.children[0]) : a ? (l++, o = a.children[l], c = !1) : o = null;
     }
     return this;
   }
@@ -4044,16 +4054,16 @@ class Ii {
     return n;
   }
   _build(t, n, o, i) {
-    const s = o - n + 1;
-    let r = this._maxEntries, l;
-    if (s <= r)
+    const r = o - n + 1;
+    let s = this._maxEntries, l;
+    if (r <= s)
       return l = Se(t.slice(n, o + 1)), Ee(l, this.toBBox), l;
-    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = Se([]), l.leaf = !1, l.height = i;
-    const a = Math.ceil(s / r), c = a * Math.ceil(Math.sqrt(r));
-    Wt(t, n, o, c, this.compareMinX);
+    i || (i = Math.ceil(Math.log(r) / Math.log(s)), s = Math.ceil(r / Math.pow(s, i - 1))), l = Se([]), l.leaf = !1, l.height = i;
+    const a = Math.ceil(r / s), c = a * Math.ceil(Math.sqrt(s));
+    qt(t, n, o, c, this.compareMinX);
     for (let u = n; u <= o; u += c) {
       const f = Math.min(u + c - 1, o);
-      Wt(t, u, f, a, this.compareMinY);
+      qt(t, u, f, a, this.compareMinY);
       for (let g = u; g <= f; g += a) {
         const h = Math.min(g + a - 1, f);
         l.children.push(this._build(t, g, h, i - 1));
@@ -4063,69 +4073,69 @@ class Ii {
   }
   _chooseSubtree(t, n, o, i) {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
-      let s = 1 / 0, r = 1 / 0, l;
+      let r = 1 / 0, s = 1 / 0, l;
       for (let a = 0; a < n.children.length; a++) {
-        const c = n.children[a], u = ct(c), f = Yi(t, c) - u;
-        f < r ? (r = f, s = u < s ? u : s, l = c) : f === r && u < s && (s = u, l = c);
+        const c = n.children[a], u = ft(c), f = Yi(t, c) - u;
+        f < s ? (s = f, r = u < r ? u : r, l = c) : f === s && u < r && (r = u, l = c);
       }
       n = l || n.children[0];
     }
     return n;
   }
   _insert(t, n, o) {
-    const i = o ? t : this.toBBox(t), s = [], r = this._chooseSubtree(i, this.data, n, s);
-    for (r.children.push(t), Ye(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
-      this._split(s, n), n--;
-    this._adjustParentBBoxes(i, s, n);
+    const i = o ? t : this.toBBox(t), r = [], s = this._chooseSubtree(i, this.data, n, r);
+    for (s.children.push(t), De(s, i); n >= 0 && r[n].children.length > this._maxEntries; )
+      this._split(r, n), n--;
+    this._adjustParentBBoxes(i, r, n);
   }
   // split overflowed node into two
   _split(t, n) {
-    const o = t[n], i = o.children.length, s = this._minEntries;
-    this._chooseSplitAxis(o, s, i);
-    const r = this._chooseSplitIndex(o, s, i), l = Se(o.children.splice(r, o.children.length - r));
+    const o = t[n], i = o.children.length, r = this._minEntries;
+    this._chooseSplitAxis(o, r, i);
+    const s = this._chooseSplitIndex(o, r, i), l = Se(o.children.splice(s, o.children.length - s));
     l.height = o.height, l.leaf = o.leaf, Ee(o, this.toBBox), Ee(l, this.toBBox), n ? t[n - 1].children.push(l) : this._splitRoot(o, l);
   }
   _splitRoot(t, n) {
     this.data = Se([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, Ee(this.data, this.toBBox);
   }
   _chooseSplitIndex(t, n, o) {
-    let i, s = 1 / 0, r = 1 / 0;
+    let i, r = 1 / 0, s = 1 / 0;
     for (let l = n; l <= o - n; l++) {
-      const a = Pe(t, 0, l, this.toBBox), c = Pe(t, l, o, this.toBBox), u = Di(a, c), f = ct(a) + ct(c);
-      u < s ? (s = u, i = l, r = f < r ? f : r) : u === s && f < r && (r = f, i = l);
+      const a = Pe(t, 0, l, this.toBBox), c = Pe(t, l, o, this.toBBox), u = Xi(a, c), f = ft(a) + ft(c);
+      u < r ? (r = u, i = l, s = f < s ? f : s) : u === r && f < s && (s = f, i = l);
     }
     return i || o - n;
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(t, n, o) {
-    const i = t.leaf ? this.compareMinX : Bi, s = t.leaf ? this.compareMinY : Pi, r = this._allDistMargin(t, n, o, i), l = this._allDistMargin(t, n, o, s);
-    r < l && t.children.sort(i);
+    const i = t.leaf ? this.compareMinX : Pi, r = t.leaf ? this.compareMinY : Di, s = this._allDistMargin(t, n, o, i), l = this._allDistMargin(t, n, o, r);
+    s < l && t.children.sort(i);
   }
   // total margin of all possible split distributions where each node is at least m full
   _allDistMargin(t, n, o, i) {
     t.children.sort(i);
-    const s = this.toBBox, r = Pe(t, 0, n, s), l = Pe(t, o - n, o, s);
-    let a = He(r) + He(l);
+    const r = this.toBBox, s = Pe(t, 0, n, r), l = Pe(t, o - n, o, r);
+    let a = He(s) + He(l);
     for (let c = n; c < o - n; c++) {
       const u = t.children[c];
-      Ye(r, t.leaf ? s(u) : u), a += He(r);
+      De(s, t.leaf ? r(u) : u), a += He(s);
     }
     for (let c = o - n - 1; c >= n; c--) {
       const u = t.children[c];
-      Ye(l, t.leaf ? s(u) : u), a += He(l);
+      De(l, t.leaf ? r(u) : u), a += He(l);
     }
     return a;
   }
   _adjustParentBBoxes(t, n, o) {
     for (let i = o; i >= 0; i--)
-      Ye(n[i], t);
+      De(n[i], t);
   }
   _condense(t) {
     for (let n = t.length - 1, o; n >= 0; n--)
       t[n].children.length === 0 ? n > 0 ? (o = t[n - 1].children, o.splice(o.indexOf(t[n]), 1)) : this.clear() : Ee(t[n], this.toBBox);
   }
 }
-function Oi(e, t, n) {
+function Bi(e, t, n) {
   if (!n) return t.indexOf(e);
   for (let o = 0; o < t.length; o++)
     if (n(e, t[o])) return o;
@@ -4136,22 +4146,22 @@ function Ee(e, t) {
 }
 function Pe(e, t, n, o, i) {
   i || (i = Se(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
-  for (let s = t; s < n; s++) {
-    const r = e.children[s];
-    Ye(i, e.leaf ? o(r) : r);
+  for (let r = t; r < n; r++) {
+    const s = e.children[r];
+    De(i, e.leaf ? o(s) : s);
   }
   return i;
 }
-function Ye(e, t) {
+function De(e, t) {
   return e.minX = Math.min(e.minX, t.minX), e.minY = Math.min(e.minY, t.minY), e.maxX = Math.max(e.maxX, t.maxX), e.maxY = Math.max(e.maxY, t.maxY), e;
 }
-function Bi(e, t) {
+function Pi(e, t) {
   return e.minX - t.minX;
 }
-function Pi(e, t) {
+function Di(e, t) {
   return e.minY - t.minY;
 }
-function ct(e) {
+function ft(e) {
   return (e.maxX - e.minX) * (e.maxY - e.minY);
 }
 function He(e) {
@@ -4160,11 +4170,11 @@ function He(e) {
 function Yi(e, t) {
   return (Math.max(t.maxX, e.maxX) - Math.min(t.minX, e.minX)) * (Math.max(t.maxY, e.maxY) - Math.min(t.minY, e.minY));
 }
-function Di(e, t) {
-  const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), s = Math.min(e.maxY, t.maxY);
-  return Math.max(0, i - n) * Math.max(0, s - o);
+function Xi(e, t) {
+  const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), r = Math.min(e.maxY, t.maxY);
+  return Math.max(0, i - n) * Math.max(0, r - o);
 }
-function ft(e, t) {
+function ut(e, t) {
   return e.minX <= t.minX && e.minY <= t.minY && t.maxX <= e.maxX && t.maxY <= e.maxY;
 }
 function Fe(e, t) {
@@ -4181,22 +4191,22 @@ function Se(e) {
     maxY: -1 / 0
   };
 }
-function Wt(e, t, n, o, i) {
-  const s = [t, n];
-  for (; s.length; ) {
-    if (n = s.pop(), t = s.pop(), n - t <= o) continue;
-    const r = t + Math.ceil((n - t) / o / 2) * o;
-    dn(e, r, t, n, i), s.push(t, r, r, n);
+function qt(e, t, n, o, i) {
+  const r = [t, n];
+  for (; r.length; ) {
+    if (n = r.pop(), t = r.pop(), n - t <= o) continue;
+    const s = t + Math.ceil((n - t) / o / 2) * o;
+    hn(e, s, t, n, i), r.push(t, s, s, n);
   }
 }
-const Xi = () => {
-  const e = new Ii(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
+const Ri = () => {
+  const e = new Oi(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
     e.clear(), t.clear();
   }, i = (f) => {
     if (!qe(f)) return;
     const { minX: g, minY: h, maxX: m, maxY: y } = f.selector.geometry.bounds, T = { minX: g, minY: h, maxX: m, maxY: y, target: f };
     e.insert(T), t.set(f.annotation, T);
-  }, s = (f) => {
+  }, r = (f) => {
     if (!qe(f)) return;
     const g = t.get(f.annotation);
     g && e.remove(g), t.delete(f.annotation);
@@ -4210,9 +4220,9 @@ const Xi = () => {
         minY: g,
         maxX: f,
         maxY: g
-      }).map((y) => y.target).filter((y) => y.selector.type === W.RECTANGLE || kn(y.selector, f, g));
+      }).map((y) => y.target).filter((y) => y.selector.type === W.RECTANGLE || In(y.selector, f, g));
       if (m.length > 0)
-        return m.sort((y, T) => gt(y.selector) - gt(T.selector)), m[0];
+        return m.sort((y, T) => mt(y.selector) - mt(T.selector)), m[0];
     },
     getIntersecting: (f, g, h, m) => e.search({
       minX: f,
@@ -4221,7 +4231,7 @@ const Xi = () => {
       maxY: g + m
     }).map((y) => y.target),
     insert: i,
-    remove: s,
+    remove: r,
     set: (f, g = !0) => {
       g && o();
       const h = f.reduce((m, y) => {
@@ -4235,11 +4245,11 @@ const Xi = () => {
     },
     size: () => e.all().length,
     update: (f, g) => {
-      s(f), i(g);
+      r(f), i(g);
     }
   };
-}, Ri = (e) => {
-  const t = so(), n = Xi(), o = Wn(t, e.userSelectAction), i = Fn(t), s = fo();
+}, Ci = (e) => {
+  const t = so(), n = Ri(), o = qn(t, e.userSelectAction), i = Wn(t), r = uo();
   return t.observe(({ changes: a }) => {
     n.set((a.created || []).map((c) => c.target), !1), (a.deleted || []).forEach((c) => n.remove(c.target)), (a.updated || []).forEach(({ oldValue: c, newValue: u }) => n.update(c.target, u.target));
   }), {
@@ -4253,15 +4263,15 @@ const Xi = () => {
     },
     selection: o,
     hover: i,
-    viewport: s
+    viewport: r
   };
-}, Ci = (e) => {
-  const t = Ri(e);
+}, Ni = (e) => {
+  const t = Ci(e);
   return {
     ...t,
-    store: ro(t.store)
+    store: lo(t.store)
   };
-}, Ni = (e) => {
+}, Ui = (e) => {
   let t, n;
   if (e.nodeName === "CANVAS")
     t = e, n = t.getContext("2d", { willReadFrequently: !0 });
@@ -4271,52 +4281,52 @@ const Xi = () => {
   }
   let o = 0;
   for (let i = 1; i < 10; i++)
-    for (let s = 1; s < 10; s++) {
-      const r = Math.round(s * t.width / 10), l = Math.round(i * t.height / 10), a = n.getImageData(r, l, 1, 1).data, c = (0.299 * a[0] + 0.587 * a[1] + 0.114 * a[2]) / 255;
+    for (let r = 1; r < 10; r++) {
+      const s = Math.round(r * t.width / 10), l = Math.round(i * t.height / 10), a = n.getImageData(s, l, 1, 1).data, c = (0.299 * a[0] + 0.587 * a[1] + 0.114 * a[2]) / 255;
       o += c;
     }
   return o / 81;
-}, Ui = (e) => {
-  const t = Ni(e), n = t > 0.6 ? "dark" : "light";
+}, Vi = (e) => {
+  const t = Ui(e), n = t > 0.6 ? "dark" : "light";
   return console.log(`[Annotorious] Image brightness: ${t.toFixed(1)}. Setting ${n} theme.`), n;
-}, qt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? Ui(e) : n), Vi = (e, t) => ({
+}, Kt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? Vi(e) : n), Gi = (e, t) => ({
   ...e,
   drawingEnabled: e.drawingEnabled === void 0 ? t.drawingEnabled : e.drawingEnabled,
   drawingMode: e.drawingMode || t.drawingMode,
   userSelectAction: e.userSelectAction || t.userSelectAction,
   theme: e.theme || t.theme
-}), Kt = typeof navigator > "u" ? !1 : navigator.userAgent.indexOf("Mac OS X") !== -1, Gi = (e, t) => {
-  const n = t || document, o = (r) => {
-    const l = r;
+}), Jt = typeof navigator > "u" ? !1 : navigator.userAgent.indexOf("Mac OS X") !== -1, ji = (e, t) => {
+  const n = t || document, o = (s) => {
+    const l = s;
     l.key === "z" && l.ctrlKey ? e.undo() : l.key === "y" && l.ctrlKey && e.redo();
-  }, i = (r) => {
-    const l = r;
+  }, i = (s) => {
+    const l = s;
     l.key === "z" && l.metaKey && (l.shiftKey ? e.redo() : e.undo());
-  }, s = () => {
-    Kt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
+  }, r = () => {
+    Jt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
   };
-  return Kt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
-    destroy: s
+  return Jt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
+    destroy: r
   };
-}, Fi = (e, t = {}) => {
+}, Wi = (e, t = {}) => {
   if (!e)
     throw "Missing argument: image";
-  const n = typeof e == "string" ? document.getElementById(e) : e, o = Vi(t, {
+  const n = typeof e == "string" ? document.getElementById(e) : e, o = Gi(t, {
     drawingEnabled: !0,
     drawingMode: "drag",
-    userSelectAction: on.EDIT,
+    userSelectAction: rn.EDIT,
     theme: "light"
-  }), i = Ci(o), { selection: s, store: r } = i, l = co(r), a = uo(
+  }), i = Ni(o), { selection: r, store: s } = i, l = fo(s), a = ho(
     i,
     l,
     o.adapter,
     o.autoSave
   ), c = document.createElement("DIV");
   c.style.position = "relative", c.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(c, n), c.appendChild(n);
-  const u = Gi(l);
-  let f = bo();
-  qt(n, c, o.theme);
-  const g = new Li({
+  const u = ji(l);
+  let f = Eo();
+  Kt(n, c, o.theme);
+  const g = new ki({
     target: c,
     props: {
       drawingEnabled: !!o.drawingEnabled,
@@ -4327,29 +4337,29 @@ const Xi = () => {
       user: f
     }
   });
-  g.$on("click", (P) => {
-    const { originalEvent: E, annotation: A } = P.detail;
-    A ? s.userSelect(A.id, E) : s.isEmpty() || s.clear();
+  g.$on("click", (D) => {
+    const { originalEvent: E, annotation: A } = D.detail;
+    A ? r.userSelect(A.id, E) : r.isEmpty() || r.clear();
   });
-  const h = go(i, l, o.adapter), m = () => {
+  const h = mo(i, l, o.adapter), m = () => {
     g.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), u.destroy(), l.destroy();
-  }, y = () => f, T = (P, E, A) => si(P, E, A), p = (P, E) => zo(P, E), w = (P) => {
-    if (!fn(P))
-      throw `No drawing tool named ${P}`;
-    g.$set({ toolName: P });
-  }, _ = (P) => g.$set({ drawingEnabled: P }), b = (P) => {
+  }, y = () => f, T = (D, E, A) => si(D, E, A), p = (D, E) => Ho(D, E), w = (D) => {
+    if (!un(D))
+      throw `No drawing tool named ${D}`;
+    g.$set({ toolName: D });
+  }, _ = (D) => g.$set({ drawingEnabled: D }), b = (D) => {
     console.warn("Filter not implemented yet");
-  }, Y = (P) => g.$set({ style: P }), U = (P) => qt(n, c, P), V = (P) => {
-    f = P, g.$set({ user: P });
-  }, G = (P) => (
+  }, I = (D) => g.$set({ style: D }), U = (D) => Kt(n, c, D), V = (D) => {
+    f = D, g.$set({ user: D });
+  }, G = (D) => (
     // @ts-ignore
-    g.$set({ visible: P })
+    g.$set({ visible: D })
   );
   return {
     ...h,
     destroy: m,
     getUser: y,
-    listDrawingTools: cn,
+    listDrawingTools: fn,
     on: a.on,
     off: a.off,
     registerDrawingTool: T,
@@ -4357,7 +4367,7 @@ const Xi = () => {
     setDrawingEnabled: _,
     setDrawingTool: w,
     setFilter: b,
-    setStyle: Y,
+    setStyle: I,
     setTheme: U,
     setUser: V,
     setVisible: G,
@@ -4366,49 +4376,49 @@ const Xi = () => {
   };
 };
 export {
-  an as Editor,
-  Ko as EditorMount,
+  cn as Editor,
+  Jo as EditorMount,
   Be as Handle,
-  Hi as IdentityTransform,
-  Io as PolygonEditor,
-  Go as RectangleEditor,
-  Bn as RectangleUtil,
-  $o as RubberbandRectangle,
-  Li as SVGAnnotationLayer,
+  Fi as IdentityTransform,
+  Oo as PolygonEditor,
+  jo as RectangleEditor,
+  Pn as RectangleUtil,
+  ei as RubberbandRectangle,
+  ki as SVGAnnotationLayer,
   W as ShapeType,
-  Qo as ToolMount,
-  zi as W3CImageFormat,
-  wi as addEventListeners,
+  Zo as ToolMount,
+  Hi as W3CImageFormat,
+  bi as addEventListeners,
   Qe as boundsFromPoints,
-  gt as computeArea,
-  Fi as createImageAnnotator,
-  Ri as createImageAnnotatorState,
-  yi as createSVGTransform,
-  Ci as createSvelteImageAnnotatorState,
-  Ui as detectTheme,
-  rt as distance,
-  Po as enableResponsive,
-  Vi as fillDefaults,
-  jo as getEditor,
-  un as getSVGPoint,
-  fn as getTool,
-  Gi as initKeyboardCommands,
-  kn as intersects,
+  mt as computeArea,
+  Wi as createImageAnnotator,
+  Ci as createImageAnnotatorState,
+  _i as createSVGTransform,
+  Ni as createSvelteImageAnnotatorState,
+  Vi as detectTheme,
+  lt as distance,
+  Do as enableResponsive,
+  Gi as fillDefaults,
+  zo as getEditor,
+  dn as getSVGPoint,
+  un as getTool,
+  ji as initKeyboardCommands,
+  In as intersects,
   Ze as isImageAnnotation,
   qe as isImageAnnotationTarget,
-  Kt as isMac,
+  Jt as isMac,
   Yo as isTouch,
-  cn as listDrawingTools,
-  Pn as parseFragmentSelector,
-  Nn as parseSVGSelector,
-  vo as parseW3CImageAnnotation,
-  zo as registerEditor,
-  yt as registerShapeUtil,
+  fn as listDrawingTools,
+  Dn as parseFragmentSelector,
+  Un as parseSVGSelector,
+  To as parseW3CImageAnnotation,
+  Ho as registerEditor,
+  _t as registerShapeUtil,
   si as registerTool,
-  Ni as sampleBrightness,
+  Ui as sampleBrightness,
   Yn as serializeFragmentSelector,
-  Un as serializeSVGSelector,
-  To as serializeW3CImageAnnotation,
-  qt as setTheme
+  Vn as serializeSVGSelector,
+  Mo as serializeW3CImageAnnotation,
+  Kt as setTheme
 };
 //# sourceMappingURL=annotorious.es.js.map