@annotorious/react 3.0.0-rc.7 → 3.0.0-rc.8

package/dist/annotorious-react.es9.js

@@ -1,4 +1,4 @@
-function U() {
+function Y() {
 }
 function Qe(t, e) {
   for (const n in e)
@@ -14,31 +14,31 @@ function ue() {
 function it(t) {
   t.forEach(ke);
 }
-function H(t) {
+function F(t) {
   return typeof t == "function";
 }
-function W(t, e) {
+function q(t, e) {
   return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
 }
 function tn(t) {
   return Object.keys(t).length === 0;
 }
-function De(t, ...e) {
+function Ve(t, ...e) {
   if (t == null)
-    return U;
+    return Y;
   const n = t.subscribe(...e);
   return n.unsubscribe ? () => n.unsubscribe() : n;
 }
 function he(t, e, n) {
-  t.$$.on_destroy.push(De(e, n));
+  t.$$.on_destroy.push(Ve(e, n));
 }
 function en(t, e, n, o) {
   if (t) {
-    const r = Ue(t, e, n, o);
+    const r = Ye(t, e, n, o);
     return t[0](r);
   }
 }
-function Ue(t, e, n, o) {
+function Ye(t, e, n, o) {
   return t[1] && o ? Qe(n.ctx.slice(), t[1](o(e))) : n.ctx;
 }
 function nn(t, e, n, o) {
@@ -58,7 +58,7 @@ function nn(t, e, n, o) {
 }
 function on(t, e, n, o, r, i) {
   if (r) {
-    const a = Ue(e, n, o, i);
+    const a = Ye(e, n, o, i);
     t.p(a, r);
   }
 }
@@ -74,10 +74,10 @@ function rn(t) {
 function lt(t, e) {
   t.appendChild(e);
 }
-function _(t, e, n) {
+function M(t, e, n) {
   t.insertBefore(e, n || null);
 }
-function Y(t) {
+function _(t) {
   t.parentNode && t.parentNode.removeChild(t);
 }
 function ie(t, e) {
@@ -87,14 +87,14 @@ function ie(t, e) {
 function R(t) {
   return document.createElementNS("http://www.w3.org/2000/svg", t);
 }
-function Ge(t) {
+function Ue(t) {
   return document.createTextNode(t);
 }
 function tt() {
-  return Ge(" ");
+  return Ue(" ");
 }
 function at() {
-  return Ge("");
+  return Ue("");
 }
 function z(t, e, n, o) {
   return t.addEventListener(e, n, o), () => t.removeEventListener(e, n, o);
@@ -112,20 +112,20 @@ function sn(t, e, { bubbles: n = !1, cancelable: o = !1 } = {}) {
   const r = document.createEvent("CustomEvent");
   return r.initCustomEvent(t, n, o, e), r;
 }
-let _t;
-function Yt(t) {
-  _t = t;
+let Mt;
+function _t(t) {
+  Mt = t;
 }
-function Fe() {
-  if (!_t)
+function Ge() {
+  if (!Mt)
     throw new Error("Function called outside component initialization");
-  return _t;
+  return Mt;
 }
-function Mt(t) {
-  Fe().$$.on_mount.push(t);
+function Xt(t) {
+  Ge().$$.on_mount.push(t);
 }
 function At() {
-  const t = Fe();
+  const t = Ge();
   return (e, n, { cancelable: o = !1 } = {}) => {
     const r = t.$$.callbacks[e];
     if (r) {
@@ -137,48 +137,48 @@ function At() {
     return !0;
   };
 }
-function Et(t, e) {
+function vt(t, e) {
   const n = t.$$.callbacks[e.type];
   n && n.slice().forEach((o) => o.call(this, e));
 }
-const xt = [], Ut = [];
-let vt = [];
-const ge = [], ln = /* @__PURE__ */ Promise.resolve();
+const bt = [], Yt = [];
+let Et = [];
+const fe = [], ln = /* @__PURE__ */ Promise.resolve();
 let ee = !1;
-function dn() {
-  ee || (ee = !0, ln.then(He));
+function cn() {
+  ee || (ee = !0, ln.then(Fe));
 }
 function ne(t) {
-  vt.push(t);
+  Et.push(t);
 }
 const zt = /* @__PURE__ */ new Set();
 let mt = 0;
-function He() {
+function Fe() {
   if (mt !== 0)
     return;
-  const t = _t;
+  const t = Mt;
   do {
     try {
-      for (; mt < xt.length; ) {
-        const e = xt[mt];
-        mt++, Yt(e), cn(e.$$);
+      for (; mt < bt.length; ) {
+        const e = bt[mt];
+        mt++, _t(e), dn(e.$$);
       }
     } catch (e) {
-      throw xt.length = 0, mt = 0, e;
+      throw bt.length = 0, mt = 0, e;
     }
-    for (Yt(null), xt.length = 0, mt = 0; Ut.length; )
-      Ut.pop()();
-    for (let e = 0; e < vt.length; e += 1) {
-      const n = vt[e];
+    for (_t(null), bt.length = 0, mt = 0; Yt.length; )
+      Yt.pop()();
+    for (let e = 0; e < Et.length; e += 1) {
+      const n = Et[e];
       zt.has(n) || (zt.add(n), n());
     }
-    vt.length = 0;
-  } while (xt.length);
-  for (; ge.length; )
-    ge.pop()();
-  ee = !1, zt.clear(), Yt(t);
+    Et.length = 0;
+  } while (bt.length);
+  for (; fe.length; )
+    fe.pop()();
+  ee = !1, zt.clear(), _t(t);
 }
-function cn(t) {
+function dn(t) {
   if (t.fragment !== null) {
     t.update(), it(t.before_update);
     const e = t.dirty;
@@ -187,9 +187,9 @@ function cn(t) {
 }
 function un(t) {
   const e = [], n = [];
-  vt.forEach((o) => t.indexOf(o) === -1 ? e.push(o) : n.push(o)), n.forEach((o) => o()), vt = e;
+  Et.forEach((o) => t.indexOf(o) === -1 ? e.push(o) : n.push(o)), n.forEach((o) => o()), Et = e;
 }
-const Dt = /* @__PURE__ */ new Set();
+const Vt = /* @__PURE__ */ new Set();
 let ut;
 function ot() {
   ut = {
@@ -203,14 +203,14 @@ function rt() {
   ut.r || it(ut.c), ut = ut.p;
 }
 function N(t, e) {
-  t && t.i && (Dt.delete(t), t.i(e));
+  t && t.i && (Vt.delete(t), t.i(e));
 }
 function k(t, e, n, o) {
   if (t && t.o) {
-    if (Dt.has(t))
+    if (Vt.has(t))
       return;
-    Dt.add(t), ut.c.push(() => {
-      Dt.delete(t), o && (n && t.d(1), o());
+    Vt.add(t), ut.c.push(() => {
+      Vt.delete(t), o && (n && t.d(1), o());
     }), t.o(e);
   } else
     o && o();
@@ -218,29 +218,29 @@ function k(t, e, n, o) {
 function pt(t) {
   t && t.c();
 }
-function dt(t, e, n, o) {
+function ct(t, e, n, o) {
   const { fragment: r, after_update: i } = t.$$;
   r && r.m(e, n), o || ne(() => {
-    const a = t.$$.on_mount.map(ke).filter(H);
+    const a = t.$$.on_mount.map(ke).filter(F);
     t.$$.on_destroy ? t.$$.on_destroy.push(...a) : it(a), t.$$.on_mount = [];
   }), i.forEach(ne);
 }
-function ct(t, e) {
+function dt(t, e) {
   const n = t.$$;
   n.fragment !== null && (un(n.after_update), it(n.on_destroy), n.fragment && n.fragment.d(e), n.on_destroy = n.fragment = null, n.ctx = []);
 }
 function hn(t, e) {
-  t.$$.dirty[0] === -1 && (xt.push(t), dn(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
+  t.$$.dirty[0] === -1 && (bt.push(t), cn(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
 }
 function et(t, e, n, o, r, i, a, s = [-1]) {
-  const l = _t;
-  Yt(t);
-  const d = t.$$ = {
+  const l = Mt;
+  _t(t);
+  const c = t.$$ = {
     fragment: null,
     ctx: [],
     // state
     props: i,
-    update: U,
+    update: Y,
     not_equal: r,
     bound: ue(),
     // lifecycle
@@ -256,28 +256,28 @@ function et(t, e, n, o, r, i, a, s = [-1]) {
     skip_bound: !1,
     root: e.target || l.$$.root
   };
-  a && a(d.root);
+  a && a(c.root);
   let p = !1;
-  if (d.ctx = n ? n(t, e.props || {}, (c, g, ...h) => {
-    const m = h.length ? h[0] : g;
-    return d.ctx && r(d.ctx[c], d.ctx[c] = m) && (!d.skip_bound && d.bound[c] && d.bound[c](m), p && hn(t, c)), g;
-  }) : [], d.update(), p = !0, it(d.before_update), d.fragment = o ? o(d.ctx) : !1, e.target) {
+  if (c.ctx = n ? n(t, e.props || {}, (d, f, ...h) => {
+    const m = h.length ? h[0] : f;
+    return c.ctx && r(c.ctx[d], c.ctx[d] = m) && (!c.skip_bound && c.bound[d] && c.bound[d](m), p && hn(t, d)), f;
+  }) : [], c.update(), p = !0, it(c.before_update), c.fragment = o ? o(c.ctx) : !1, e.target) {
     if (e.hydrate) {
-      const c = an(e.target);
-      d.fragment && d.fragment.l(c), c.forEach(Y);
+      const d = an(e.target);
+      c.fragment && c.fragment.l(d), d.forEach(_);
     } else
-      d.fragment && d.fragment.c();
-    e.intro && N(t.$$.fragment), dt(t, e.target, e.anchor, e.customElement), He();
+      c.fragment && c.fragment.c();
+    e.intro && N(t.$$.fragment), ct(t, e.target, e.anchor, e.customElement), Fe();
   }
-  Yt(l);
+  _t(l);
 }
 class nt {
   $destroy() {
-    ct(this, 1), this.$destroy = U;
+    dt(this, 1), this.$destroy = Y;
   }
   $on(e, n) {
-    if (!H(n))
-      return U;
+    if (!F(n))
+      return Y;
     const o = this.$$.callbacks[e] || (this.$$.callbacks[e] = []);
     return o.push(n), () => {
       const r = o.indexOf(n);
@@ -288,21 +288,21 @@ class nt {
     this.$$set && !tn(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
   }
 }
-var G = /* @__PURE__ */ ((t) => (t.ELLIPSE = "ELLIPSE", t.POLYGON = "POLYGON", t.RECTANGLE = "RECTANGLE", t))(G || {});
-const ae = {}, se = (t, e) => ae[t] = e, oe = (t) => ae[t.type].area(t), pn = (t, e, n) => ae[t.type].intersects(t, e, n), Gt = (t) => {
+var U = /* @__PURE__ */ ((t) => (t.ELLIPSE = "ELLIPSE", t.POLYGON = "POLYGON", t.RECTANGLE = "RECTANGLE", t))(U || {});
+const ae = {}, se = (t, e) => ae[t] = e, oe = (t) => ae[t.type].area(t), pn = (t, e, n) => ae[t.type].intersects(t, e, n), Ut = (t) => {
   let e = 1 / 0, n = 1 / 0, o = -1 / 0, r = -1 / 0;
   return t.forEach(([i, a]) => {
     e = Math.min(e, i), n = Math.min(n, a), o = Math.max(o, i), r = Math.max(r, a);
   }), { minX: e, minY: n, maxX: o, maxY: r };
-}, gn = {
+}, fn = {
   area: (t) => Math.PI * t.geometry.rx * t.geometry.ry,
   intersects: (t, e, n) => {
-    const { cx: o, cy: r, rx: i, ry: a } = t.geometry, s = 0, l = Math.cos(s), d = Math.sin(s), p = e - o, c = n - r, g = l * p + d * c, h = d * p - l * c;
-    return g * g / (i * i) + h * h / (a * a) <= 1;
+    const { cx: o, cy: r, rx: i, ry: a } = t.geometry, s = 0, l = Math.cos(s), c = Math.sin(s), p = e - o, d = n - r, f = l * p + c * d, h = c * p - l * d;
+    return f * f / (i * i) + h * h / (a * a) <= 1;
   }
 };
-se(G.ELLIPSE, gn);
-const fn = {
+se(U.ELLIPSE, fn);
+const gn = {
   area: (t) => {
     const { points: e } = t.geometry;
     let n = 0, o = e.length - 1;
@@ -314,37 +314,37 @@ const fn = {
     const { points: o } = t.geometry;
     let r = !1;
     for (let i = 0, a = o.length - 1; i < o.length; a = i++) {
-      const s = o[i][0], l = o[i][1], d = o[a][0], p = o[a][1];
-      l > n != p > n && e < (d - s) * (n - l) / (p - l) + s && (r = !r);
+      const s = o[i][0], l = o[i][1], c = o[a][0], p = o[a][1];
+      l > n != p > n && e < (c - s) * (n - l) / (p - l) + s && (r = !r);
     }
     return r;
   }
 };
-se(G.POLYGON, fn);
+se(U.POLYGON, gn);
 const mn = {
   area: (t) => t.geometry.w * t.geometry.h,
   intersects: (t, e, n) => e >= t.geometry.x && e <= t.geometry.x + t.geometry.w && n >= t.geometry.y && n <= t.geometry.y + t.geometry.h
 };
-se(G.RECTANGLE, mn);
+se(U.RECTANGLE, mn);
 const yn = (t, e = !1) => {
-  const n = typeof t == "string" ? t : t.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, r = [...n.matchAll(o)][0], [i, a, s, l, d, p, c] = r;
+  const n = typeof t == "string" ? t : t.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, r = [...n.matchAll(o)][0], [i, a, s, l, c, p, d] = r;
   if (a !== "xywh")
     throw new Error("Unsupported MediaFragment: " + n);
   if (s && s !== "pixel")
     throw new Error(`Unsupported MediaFragment unit: ${s}`);
-  const [g, h, m, x] = [l, d, p, c].map(parseFloat);
+  const [f, h, m, b] = [l, c, p, d].map(parseFloat);
   return {
-    type: G.RECTANGLE,
+    type: U.RECTANGLE,
     geometry: {
-      x: g,
+      x: f,
       y: h,
       w: m,
-      h: x,
+      h: b,
       bounds: {
-        minX: g,
-        minY: e ? h - x : h,
-        maxX: g + m,
-        maxY: e ? h : h + x
+        minX: f,
+        minY: e ? h - b : h,
+        maxX: f + m,
+        maxY: e ? h : h + b
       }
     }
   };
@@ -355,7 +355,7 @@ const yn = (t, e = !1) => {
     conformsTo: "http://www.w3.org/TR/media-frags/",
     value: `xywh=pixel:${e},${n},${o},${r}`
   };
-}, Pe = "http://www.w3.org/2000/svg", fe = (t) => {
+}, He = "http://www.w3.org/2000/svg", ge = (t) => {
   const e = (o) => {
     Array.from(o.attributes).forEach((r) => {
       r.name.startsWith("on") && o.removeAttribute(r.name);
@@ -363,32 +363,32 @@ const yn = (t, e = !1) => {
   }, n = t.getElementsByTagName("script");
   return Array.from(n).reverse().forEach((o) => o.parentNode.removeChild(o)), Array.from(t.querySelectorAll("*")).forEach(e), t;
 }, $n = (t) => {
-  const e = new XMLSerializer().serializeToString(t.documentElement).replace("<svg>", `<svg xmlns="${Pe}">`);
+  const e = new XMLSerializer().serializeToString(t.documentElement).replace("<svg>", `<svg xmlns="${He}">`);
   return new DOMParser().parseFromString(e, "image/svg+xml").documentElement;
-}, xn = (t) => {
-  const e = new DOMParser().parseFromString(t, "image/svg+xml"), n = e.lookupPrefix(Pe), o = e.lookupNamespaceURI(null);
-  return n || o ? fe(e).firstChild : fe($n(e)).firstChild;
 }, bn = (t) => {
+  const e = new DOMParser().parseFromString(t, "image/svg+xml"), n = e.lookupPrefix(He), o = e.lookupNamespaceURI(null);
+  return n || o ? ge(e).firstChild : ge($n(e)).firstChild;
+}, xn = (t) => {
   const [e, n, o] = t.match(/(<polygon points=["|'])([^("|')]*)/) || [];
   if (!o)
     return;
   const r = o.split(" ").map((i) => i.split(",").map(parseFloat));
   return {
-    type: G.POLYGON,
+    type: U.POLYGON,
     geometry: {
       points: r,
-      bounds: Gt(r)
+      bounds: Ut(r)
     }
   };
-}, En = (t) => {
-  const e = xn(t), n = parseFloat(e.getAttribute("cx")), o = parseFloat(e.getAttribute("cy")), r = parseFloat(e.getAttribute("rx")), i = parseFloat(e.getAttribute("ry")), a = {
+}, vn = (t) => {
+  const e = bn(t), n = parseFloat(e.getAttribute("cx")), o = parseFloat(e.getAttribute("cy")), r = parseFloat(e.getAttribute("rx")), i = parseFloat(e.getAttribute("ry")), a = {
     minX: n - r,
     minY: o - i,
     maxX: n + r,
     maxY: o + i
   };
   return {
-    type: G.ELLIPSE,
+    type: U.ELLIPSE,
     geometry: {
       cx: n,
       cy: o,
@@ -397,18 +397,18 @@ const yn = (t, e = !1) => {
       bounds: a
     }
   };
-}, vn = (t) => {
+}, En = (t) => {
   const e = typeof t == "string" ? t : t.value;
   if (e.includes("<polygon points="))
-    return bn(e);
+    return xn(e);
   if (e.includes("<ellipse "))
-    return En(e);
+    return vn(e);
 }, An = (t) => {
   let e;
-  if (t.type === G.POLYGON) {
+  if (t.type === U.POLYGON) {
     const n = t.geometry, { points: o } = n;
     e = `<svg><polygon points="${o.map((r) => r.join(",")).join(" ")}" /></svg>`;
-  } else if (t.type === G.ELLIPSE) {
+  } else if (t.type === U.ELLIPSE) {
     const n = t.geometry;
     e = `<svg><ellipse cx="${n.cx}" cy="${n.cy}" rx="${n.rx}" ry="${n.ry}" /></svg>`;
   }
@@ -426,11 +426,11 @@ function Sn() {
 const j = [];
 for (let t = 0; t < 256; ++t)
   j.push((t + 256).toString(16).slice(1));
-function On(t, e = 0) {
+function Ln(t, e = 0) {
   return j[t[e + 0]] + j[t[e + 1]] + j[t[e + 2]] + j[t[e + 3]] + "-" + j[t[e + 4]] + j[t[e + 5]] + "-" + j[t[e + 6]] + j[t[e + 7]] + "-" + j[t[e + 8]] + j[t[e + 9]] + "-" + j[t[e + 10]] + j[t[e + 11]] + j[t[e + 12]] + j[t[e + 13]] + j[t[e + 14]] + j[t[e + 15]];
 }
-const Ln = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), me = {
-  randomUUID: Ln
+const On = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), me = {
+  randomUUID: On
 };
 function je(t, e, n) {
   if (me.randomUUID && !e && !t)
@@ -443,7 +443,7 @@ function je(t, e, n) {
       e[n + r] = o[r];
     return e;
   }
-  return On(o);
+  return Ln(o);
 }
 var ye = Object.prototype.hasOwnProperty;
 function ht(t, e) {
@@ -471,23 +471,23 @@ function ht(t, e) {
   }
   return t !== t && e !== e;
 }
-function qt() {
+function Wt() {
 }
-function Yn(t, e) {
+function _n(t, e) {
   return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
 }
 const yt = [];
-function le(t, e = qt) {
+function le(t, e = Wt) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function r(s) {
-    if (Yn(t, s) && (t = s, n)) {
+    if (_n(t, s) && (t = s, n)) {
       const l = !yt.length;
-      for (const d of o)
-        d[1](), yt.push(d, t);
+      for (const c of o)
+        c[1](), yt.push(c, t);
       if (l) {
-        for (let d = 0; d < yt.length; d += 2)
-          yt[d][0](yt[d + 1]);
+        for (let c = 0; c < yt.length; c += 2)
+          yt[c][0](yt[c + 1]);
         yt.length = 0;
       }
     }
@@ -495,15 +495,15 @@ function le(t, e = qt) {
   function i(s) {
     r(s(t));
   }
-  function a(s, l = qt) {
-    const d = [s, l];
-    return o.add(d), o.size === 1 && (n = e(r) || qt), s(t), () => {
-      o.delete(d), o.size === 0 && n && (n(), n = null);
+  function a(s, l = Wt) {
+    const c = [s, l];
+    return o.add(c), o.size === 1 && (n = e(r) || Wt), s(t), () => {
+      o.delete(c), o.size === 0 && n && (n(), n = null);
     };
   }
   return { set: r, update: i, subscribe: a };
 }
-const _n = (t) => {
+const Mn = (t) => {
   const { subscribe: e, set: n } = le(null);
   let o = null;
   return e((r) => o = r), t.observe(({ changes: r }) => {
@@ -521,35 +521,35 @@ const _n = (t) => {
   };
 };
 var ze = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE = "NONE", t))(ze || {});
-const Wt = { selected: [] }, Mn = (t, e = "EDIT") => {
-  const { subscribe: n, set: o } = le(Wt);
-  let r = Wt;
-  n((c) => r = c);
-  const i = () => o(Wt), a = () => {
-    var c;
-    return ((c = r.selected) == null ? void 0 : c.length) === 0;
-  }, s = (c) => {
+const qt = { selected: [] }, Xn = (t, e = "EDIT") => {
+  const { subscribe: n, set: o } = le(qt);
+  let r = qt;
+  n((d) => r = d);
+  const i = () => o(qt), a = () => {
+    var d;
+    return ((d = r.selected) == null ? void 0 : d.length) === 0;
+  }, s = (d) => {
     if (r.selected.length === 0)
       return !1;
-    const g = typeof c == "string" ? c : c.id;
-    return r.selected.some((h) => h.id === g);
-  }, l = (c, g) => {
-    const h = t.getAnnotation(c);
+    const f = typeof d == "string" ? d : d.id;
+    return r.selected.some((h) => h.id === f);
+  }, l = (d, f) => {
+    const h = t.getAnnotation(d);
     if (h) {
       const m = Bn(h, e);
-      o(m === "EDIT" ? { selected: [{ id: c, editable: !0 }], pointerEvent: g } : m === "SELECT" ? { selected: [{ id: c }], pointerEvent: g } : { selected: [], pointerEvent: g });
+      o(m === "EDIT" ? { selected: [{ id: d, editable: !0 }], pointerEvent: f } : m === "SELECT" ? { selected: [{ id: d }], pointerEvent: f } : { selected: [], pointerEvent: f });
     } else
-      console.warn("Invalid selection: " + c);
-  }, d = (c, g = !0) => {
-    const h = Array.isArray(c) ? c : [c], m = h.map((x) => t.getAnnotation(x)).filter((x) => x);
-    o({ selected: m.map(({ id: x }) => ({ id: x, editable: g })) }), m.length !== h.length && console.warn("Invalid selection", c);
-  }, p = (c) => {
+      console.warn("Invalid selection: " + d);
+  }, c = (d, f = !0) => {
+    const h = Array.isArray(d) ? d : [d], m = h.map((b) => t.getAnnotation(b)).filter((b) => b);
+    o({ selected: m.map(({ id: b }) => ({ id: b, editable: f })) }), m.length !== h.length && console.warn("Invalid selection", d);
+  }, p = (d) => {
     if (r.selected.length === 0)
       return !1;
-    const { selected: g } = r;
-    g.filter(({ id: h }) => c.includes(h)).length > 0 && o({ selected: g.filter(({ id: h }) => !c.includes(h)) });
+    const { selected: f } = r;
+    f.filter(({ id: h }) => d.includes(h)).length > 0 && o({ selected: f.filter(({ id: h }) => !d.includes(h)) });
   };
-  return t.observe(({ changes: c }) => p(c.deleted.map((g) => g.id))), {
+  return t.observe(({ changes: d }) => p(d.deleted.map((f) => f.id))), {
     clear: i,
     clickSelect: l,
     get selected() {
@@ -560,24 +560,24 @@ const Wt = { selected: [] }, Mn = (t, e = "EDIT") => {
     },
     isEmpty: a,
     isSelected: s,
-    setSelected: d,
+    setSelected: c,
     subscribe: n
   };
-}, Bn = (t, e) => typeof e == "function" ? e(t) || "EDIT" : e || "EDIT", Xn = [];
+}, Bn = (t, e) => typeof e == "function" ? e(t) || "EDIT" : e || "EDIT", Pn = [];
 for (let t = 0; t < 256; ++t)
-  Xn.push((t + 256).toString(16).slice(1));
+  Pn.push((t + 256).toString(16).slice(1));
 typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Cn = (t, e) => {
+const In = (t, e) => {
   const n = new Set(t.bodies.map((o) => o.id));
   return e.bodies.filter((o) => !n.has(o.id));
-}, In = (t, e) => {
+}, Cn = (t, e) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
 }, Rn = (t, e) => e.bodies.map((n) => {
   const o = t.bodies.find((r) => r.id === n.id);
   return { newBody: n, oldBody: o && !ht(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n), Nn = (t, e) => !ht(t.target, e.target), qe = (t, e) => {
-  const n = Cn(t, e), o = In(t, e), r = Rn(t, e);
+}).filter(({ oldBody: n }) => n), Nn = (t, e) => !ht(t.target, e.target), We = (t, e) => {
+  const n = In(t, e), o = Cn(t, e), r = Rn(t, e);
   return {
     oldValue: t,
     newValue: e,
@@ -587,8 +587,8 @@ const Cn = (t, e) => {
     targetUpdated: Nn(t, e) ? { oldTarget: t.target, newTarget: e.target } : void 0
   };
 };
-var D = /* @__PURE__ */ ((t) => (t.LOCAL = "LOCAL", t.REMOTE = "REMOTE", t))(D || {});
-const Vn = (t, e) => {
+var V = /* @__PURE__ */ ((t) => (t.LOCAL = "LOCAL", t.REMOTE = "REMOTE", t))(V || {});
+const Dn = (t, e) => {
   var n, o;
   const { changes: r, origin: i } = e;
   if (!(!t.options.origin || t.options.origin === i))
@@ -596,8 +596,8 @@ const Vn = (t, e) => {
   if (t.options.ignore) {
     const { ignore: a } = t.options, s = (l) => (l == null ? void 0 : l.length) > 0;
     if (!(s(r.created) || s(r.deleted))) {
-      const l = (n = r.updated) == null ? void 0 : n.some((p) => s(p.bodiesCreated) || s(p.bodiesDeleted) || s(p.bodiesUpdated)), d = (o = r.updated) == null ? void 0 : o.some((p) => p.targetUpdated);
-      if (a === "BODY_ONLY" && l && !d || a === "TARGET_ONLY" && d && !l)
+      const l = (n = r.updated) == null ? void 0 : n.some((p) => s(p.bodiesCreated) || s(p.bodiesDeleted) || s(p.bodiesUpdated)), c = (o = r.updated) == null ? void 0 : o.some((p) => p.targetUpdated);
+      if (a === "BODY_ONLY" && l && !c || a === "TARGET_ONLY" && c && !l)
         return !1;
     }
   }
@@ -611,217 +611,217 @@ const Vn = (t, e) => {
   } else
     return !0;
 }, kn = (t, e) => {
-  const n = new Set((t.created || []).map((c) => c.id)), o = new Set((t.updated || []).map(({ newValue: c }) => c.id)), r = new Set((e.created || []).map((c) => c.id)), i = new Set((e.deleted || []).map((c) => c.id)), a = new Set((e.updated || []).map(({ oldValue: c }) => c.id)), s = new Set((e.updated || []).filter(({ oldValue: c }) => n.has(c.id) || o.has(c.id)).map(({ oldValue: c }) => c.id)), l = [
-    ...(t.created || []).filter((c) => !i.has(c.id)).map((c) => a.has(c.id) ? e.updated.find(({ oldValue: g }) => g.id === c.id).newValue : c),
+  const n = new Set((t.created || []).map((d) => d.id)), o = new Set((t.updated || []).map(({ newValue: d }) => d.id)), r = new Set((e.created || []).map((d) => d.id)), i = new Set((e.deleted || []).map((d) => d.id)), a = new Set((e.updated || []).map(({ oldValue: d }) => d.id)), s = new Set((e.updated || []).filter(({ oldValue: d }) => n.has(d.id) || o.has(d.id)).map(({ oldValue: d }) => d.id)), l = [
+    ...(t.created || []).filter((d) => !i.has(d.id)).map((d) => a.has(d.id) ? e.updated.find(({ oldValue: f }) => f.id === d.id).newValue : d),
     ...e.created || []
-  ], d = [
-    ...(t.deleted || []).filter((c) => !r.has(c.id)),
-    ...(e.deleted || []).filter((c) => !n.has(c.id))
+  ], c = [
+    ...(t.deleted || []).filter((d) => !r.has(d.id)),
+    ...(e.deleted || []).filter((d) => !n.has(d.id))
   ], p = [
-    ...(t.updated || []).filter(({ newValue: c }) => !i.has(c.id)).map((c) => {
-      const { oldValue: g, newValue: h } = c;
+    ...(t.updated || []).filter(({ newValue: d }) => !i.has(d.id)).map((d) => {
+      const { oldValue: f, newValue: h } = d;
       if (a.has(h.id)) {
-        const m = e.updated.find((x) => x.oldValue.id === h.id).newValue;
-        return qe(g, m);
+        const m = e.updated.find((b) => b.oldValue.id === h.id).newValue;
+        return We(f, m);
       } else
-        return c;
+        return d;
     }),
-    ...(e.updated || []).filter(({ oldValue: c }) => !s.has(c.id))
+    ...(e.updated || []).filter(({ oldValue: d }) => !s.has(d.id))
   ];
-  return { created: l, deleted: d, updated: p };
-}, Dn = (t) => t.id !== void 0, Un = () => {
-  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (f, b = {}) => n.push({ onChange: f, options: b }), r = (f) => {
-    const b = n.findIndex((w) => w.onChange == f);
-    b > -1 && n.splice(b, 1);
-  }, i = (f, b) => {
+  return { created: l, deleted: c, updated: p };
+}, Vn = (t) => t.id !== void 0, Yn = () => {
+  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (g, x = {}) => n.push({ onChange: g, options: x }), r = (g) => {
+    const x = n.findIndex((w) => w.onChange == g);
+    x > -1 && n.splice(x, 1);
+  }, i = (g, x) => {
     const w = {
-      origin: f,
+      origin: g,
       changes: {
-        created: b.created || [],
-        updated: b.updated || [],
-        deleted: b.deleted || []
+        created: x.created || [],
+        updated: x.updated || [],
+        deleted: x.deleted || []
       },
       state: [...t.values()]
     };
     n.forEach((S) => {
-      Vn(S, w) && S.onChange(w);
+      Dn(S, w) && S.onChange(w);
     });
-  }, a = (f, b = D.LOCAL) => {
-    if (t.get(f.id))
-      throw Error(`Cannot add annotation ${f.id} - exists already`);
-    t.set(f.id, f), f.bodies.forEach((w) => e.set(w.id, f.id)), i(b, { created: [f] });
-  }, s = (f, b) => {
-    const w = typeof f == "string" ? b : f, S = typeof f == "string" ? f : f.id, M = t.get(S);
-    if (M) {
-      const C = qe(M, w);
-      return S === w.id ? t.set(S, w) : (t.delete(S), t.set(w.id, w)), M.bodies.forEach((K) => e.delete(K.id)), w.bodies.forEach((K) => e.set(K.id, w.id)), C;
+  }, a = (g, x = V.LOCAL) => {
+    if (t.get(g.id))
+      throw Error(`Cannot add annotation ${g.id} - exists already`);
+    t.set(g.id, g), g.bodies.forEach((w) => e.set(w.id, g.id)), i(x, { created: [g] });
+  }, s = (g, x) => {
+    const w = typeof g == "string" ? x : g, S = typeof g == "string" ? g : g.id, X = t.get(S);
+    if (X) {
+      const I = We(X, w);
+      return S === w.id ? t.set(S, w) : (t.delete(S), t.set(w.id, w)), X.bodies.forEach((K) => e.delete(K.id)), w.bodies.forEach((K) => e.set(K.id, w.id)), I;
     } else
       console.warn(`Cannot update annotation ${S} - does not exist`);
-  }, l = (f, b = D.LOCAL, w = D.LOCAL) => {
-    const S = Dn(b) ? w : b, M = s(f, b);
-    M && i(S, { updated: [M] });
-  }, d = (f, b = D.LOCAL) => {
-    const w = f.reduce((S, M) => {
-      const C = s(M);
-      return C ? [...S, C] : S;
+  }, l = (g, x = V.LOCAL, w = V.LOCAL) => {
+    const S = Vn(x) ? w : x, X = s(g, x);
+    X && i(S, { updated: [X] });
+  }, c = (g, x = V.LOCAL) => {
+    const w = g.reduce((S, X) => {
+      const I = s(X);
+      return I ? [...S, I] : S;
     }, []);
-    w.length > 0 && i(b, { updated: w });
-  }, p = (f, b = D.LOCAL) => {
-    const w = t.get(f.annotation);
+    w.length > 0 && i(x, { updated: w });
+  }, p = (g, x = V.LOCAL) => {
+    const w = t.get(g.annotation);
     if (w) {
       const S = {
         ...w,
-        bodies: [...w.bodies, f]
+        bodies: [...w.bodies, g]
       };
-      t.set(w.id, S), e.set(f.id, S.id), i(b, { updated: [{
+      t.set(w.id, S), e.set(g.id, S.id), i(x, { updated: [{
         oldValue: w,
         newValue: S,
-        bodiesCreated: [f]
+        bodiesCreated: [g]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${f.annotation}`);
-  }, c = () => [...t.values()], g = (f = D.LOCAL) => {
-    const b = [...t.values()];
-    t.clear(), e.clear(), i(f, { deleted: b });
-  }, h = (f, b = !0, w = D.LOCAL) => {
-    if (b) {
+      console.warn(`Attempt to add body to missing annotation: ${g.annotation}`);
+  }, d = () => [...t.values()], f = (g = V.LOCAL) => {
+    const x = [...t.values()];
+    t.clear(), e.clear(), i(g, { deleted: x });
+  }, h = (g, x = !0, w = V.LOCAL) => {
+    if (x) {
       const S = [...t.values()];
-      t.clear(), e.clear(), f.forEach((M) => {
-        t.set(M.id, M), M.bodies.forEach((C) => e.set(C.id, M.id));
-      }), i(w, { created: f, deleted: S });
+      t.clear(), e.clear(), g.forEach((X) => {
+        t.set(X.id, X), X.bodies.forEach((I) => e.set(I.id, X.id));
+      }), i(w, { created: g, deleted: S });
     } else {
-      const S = f.reduce((M, C) => {
-        const K = t.get(C.id);
-        return K ? [...M, K] : M;
+      const S = g.reduce((X, I) => {
+        const K = t.get(I.id);
+        return K ? [...X, K] : X;
       }, []);
       if (S.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${S.map((M) => M.id).join(", ")}`);
-      f.forEach((M) => {
-        t.set(M.id, M), M.bodies.forEach((C) => e.set(C.id, M.id));
-      }), i(w, { created: f });
+        throw Error(`Bulk insert would overwrite the following annotations: ${S.map((X) => X.id).join(", ")}`);
+      g.forEach((X) => {
+        t.set(X.id, X), X.bodies.forEach((I) => e.set(I.id, X.id));
+      }), i(w, { created: g });
     }
-  }, m = (f) => {
-    const b = typeof f == "string" ? f : f.id, w = t.get(b);
+  }, m = (g) => {
+    const x = typeof g == "string" ? g : g.id, w = t.get(x);
     if (w)
-      return t.delete(b), w.bodies.forEach((S) => e.delete(S.id)), w;
-    console.warn(`Attempt to delete missing annotation: ${b}`);
-  }, x = (f, b = D.LOCAL) => {
-    const w = m(f);
-    w && i(b, { deleted: [w] });
-  }, A = (f, b = D.LOCAL) => {
-    const w = f.reduce((S, M) => {
-      const C = m(M);
-      return C ? [...S, C] : S;
+      return t.delete(x), w.bodies.forEach((S) => e.delete(S.id)), w;
+    console.warn(`Attempt to delete missing annotation: ${x}`);
+  }, b = (g, x = V.LOCAL) => {
+    const w = m(g);
+    w && i(x, { deleted: [w] });
+  }, A = (g, x = V.LOCAL) => {
+    const w = g.reduce((S, X) => {
+      const I = m(X);
+      return I ? [...S, I] : S;
     }, []);
-    w.length > 0 && i(b, { deleted: w });
-  }, $ = (f, b = D.LOCAL) => {
-    const w = t.get(f.annotation);
+    w.length > 0 && i(x, { deleted: w });
+  }, $ = (g, x = V.LOCAL) => {
+    const w = t.get(g.annotation);
     if (w) {
-      const S = w.bodies.find((M) => M.id === f.id);
+      const S = w.bodies.find((X) => X.id === g.id);
       if (S) {
         e.delete(S.id);
-        const M = {
+        const X = {
           ...w,
-          bodies: w.bodies.filter((C) => C.id !== f.id)
+          bodies: w.bodies.filter((I) => I.id !== g.id)
         };
-        t.set(w.id, M), i(b, { updated: [{
+        t.set(w.id, X), i(x, { updated: [{
           oldValue: w,
-          newValue: M,
+          newValue: X,
           bodiesDeleted: [S]
         }] });
       } else
-        console.warn(`Attempt to delete missing body ${f.id} from annotation ${f.annotation}`);
+        console.warn(`Attempt to delete missing body ${g.id} from annotation ${g.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${f.annotation}`);
-  }, y = (f) => {
-    const b = t.get(f);
-    return b ? { ...b } : void 0;
-  }, E = (f) => {
-    const b = e.get(f);
-    if (b) {
-      const w = y(b).bodies.find((S) => S.id === f);
+      console.warn(`Attempt to delete body from missing annotation ${g.annotation}`);
+  }, y = (g) => {
+    const x = t.get(g);
+    return x ? { ...x } : void 0;
+  }, v = (g) => {
+    const x = e.get(g);
+    if (x) {
+      const w = y(x).bodies.find((S) => S.id === g);
       if (w)
         return w;
-      console.error(`Store integrity error: body ${f} in index, but not in annotation`);
+      console.error(`Store integrity error: body ${g} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${f}`);
-  }, v = (f, b) => {
-    if (f.annotation !== b.annotation)
+      console.warn(`Attempt to retrieve missing body: ${g}`);
+  }, E = (g, x) => {
+    if (g.annotation !== x.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const w = t.get(f.annotation);
+    const w = t.get(g.annotation);
     if (w) {
-      const S = w.bodies.find((C) => C.id === f.id), M = {
+      const S = w.bodies.find((I) => I.id === g.id), X = {
         ...w,
-        bodies: w.bodies.map((C) => C.id === S.id ? b : C)
+        bodies: w.bodies.map((I) => I.id === S.id ? x : I)
       };
-      return t.set(w.id, M), S.id !== b.id && (e.delete(S.id), e.set(b.id, M.id)), {
+      return t.set(w.id, X), S.id !== x.id && (e.delete(S.id), e.set(x.id, X.id)), {
         oldValue: w,
-        newValue: M,
-        bodiesUpdated: [{ oldBody: S, newBody: b }]
+        newValue: X,
+        bodiesUpdated: [{ oldBody: S, newBody: x }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${f.annotation}`);
-  }, X = (f, b, w = D.LOCAL) => {
-    const S = v(f, b);
+      console.warn(`Attempt to add body to missing annotation ${g.annotation}`);
+  }, P = (g, x, w = V.LOCAL) => {
+    const S = E(g, x);
     i(w, { updated: [S] });
-  }, I = (f, b = D.LOCAL) => {
-    const w = f.map((S) => v({ id: S.id, annotation: S.annotation }, S));
-    i(b, { updated: w });
-  }, V = (f) => {
-    const b = t.get(f.annotation);
-    if (b) {
+  }, C = (g, x = V.LOCAL) => {
+    const w = g.map((S) => E({ id: S.id, annotation: S.annotation }, S));
+    i(x, { updated: w });
+  }, D = (g) => {
+    const x = t.get(g.annotation);
+    if (x) {
       const w = {
-        ...b,
+        ...x,
         target: {
-          ...b.target,
-          ...f
+          ...x.target,
+          ...g
         }
       };
-      return t.set(b.id, w), {
-        oldValue: b,
+      return t.set(x.id, w), {
+        oldValue: x,
         newValue: w,
         targetUpdated: {
-          oldTarget: b.target,
-          newTarget: f
+          oldTarget: x.target,
+          newTarget: g
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${f.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${g.annotation}`);
   };
   return {
     addAnnotation: a,
     addBody: p,
-    all: c,
+    all: d,
     bulkAddAnnotation: h,
     bulkDeleteAnnotation: A,
-    bulkUpdateAnnotation: d,
-    bulkUpdateBodies: I,
-    bulkUpdateTargets: (f, b = D.LOCAL) => {
-      const w = f.map(V).filter((S) => S);
-      w.length > 0 && i(b, { updated: w });
-    },
-    clear: g,
-    deleteAnnotation: x,
+    bulkUpdateAnnotation: c,
+    bulkUpdateBodies: C,
+    bulkUpdateTargets: (g, x = V.LOCAL) => {
+      const w = g.map(D).filter((S) => S);
+      w.length > 0 && i(x, { updated: w });
+    },
+    clear: f,
+    deleteAnnotation: b,
     deleteBody: $,
     getAnnotation: y,
-    getBody: E,
+    getBody: v,
     observe: o,
     unobserve: r,
     updateAnnotation: l,
-    updateBody: X,
-    updateTarget: (f, b = D.LOCAL) => {
-      const w = V(f);
-      w && i(b, { updated: [w] });
+    updateBody: P,
+    updateTarget: (g, x = V.LOCAL) => {
+      const w = D(g);
+      w && i(x, { updated: [w] });
     }
   };
-}, Gn = (t) => ({
+}, Un = (t) => ({
   ...t,
   subscribe: (e) => {
     const n = (o) => e(o.state);
     return t.observe(n), e(t.all()), () => t.unobserve(n);
   }
 });
-let Fn = () => ({
+let Gn = () => ({
   emit(t, ...e) {
     let n = this.events[t] || [];
     for (let o = 0, r = n.length; o < r; o++)
@@ -836,24 +836,24 @@ let Fn = () => ({
     };
   }
 });
-const Hn = 250, Pn = (t) => {
-  const e = Fn(), n = [];
+const Fn = 250, Hn = (t) => {
+  const e = Gn(), n = [];
   let o = -1, r = !1, i = 0;
   const a = (h) => {
     if (!r) {
-      const { changes: m } = h, x = performance.now();
-      if (x - i > Hn)
+      const { changes: m } = h, b = performance.now();
+      if (b - i > Fn)
         n.splice(o + 1), n.push(m), o = n.length - 1;
       else {
         const A = n.length - 1;
         n[A] = kn(n[A], m);
       }
-      i = x;
+      i = b;
     }
     r = !1;
   };
-  t.observe(a, { origin: D.LOCAL });
-  const s = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkDeleteAnnotation(h), l = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkAddAnnotation(h, !1), d = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkUpdateAnnotation(h.map(({ oldValue: m }) => m)), p = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkUpdateAnnotation(h.map(({ newValue: m }) => m)), c = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkAddAnnotation(h, !1), g = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkDeleteAnnotation(h);
+  t.observe(a, { origin: V.LOCAL });
+  const s = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkDeleteAnnotation(h), l = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkAddAnnotation(h, !1), c = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkUpdateAnnotation(h.map(({ oldValue: m }) => m)), p = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkUpdateAnnotation(h.map(({ newValue: m }) => m)), d = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkAddAnnotation(h, !1), f = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkDeleteAnnotation(h);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
@@ -862,15 +862,15 @@ const Hn = 250, Pn = (t) => {
     redo: () => {
       if (n.length - 1 > o) {
         r = !0;
-        const { created: h, updated: m, deleted: x } = n[o + 1];
-        l(h), p(m), g(x), e.emit("redo", n[o + 1]), o += 1;
+        const { created: h, updated: m, deleted: b } = n[o + 1];
+        l(h), p(m), f(b), e.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         r = !0;
-        const { created: h, updated: m, deleted: x } = n[o];
-        s(h), d(m), c(x), e.emit("undo", n[o]), o -= 1;
+        const { created: h, updated: m, deleted: b } = n[o];
+        s(h), c(m), d(b), e.emit("undo", n[o]), o -= 1;
       }
     }
   };
@@ -882,77 +882,77 @@ const Hn = 250, Pn = (t) => {
   };
 }, zn = (t, e, n, o) => {
   const { store: r, selection: i, hover: a, viewport: s } = t, l = /* @__PURE__ */ new Map();
-  let d = [], p, c;
-  const g = ($, y) => {
+  let c = [], p, d;
+  const f = ($, y) => {
     l.has($) ? l.get($).push(y) : l.set($, [y]);
   }, h = ($, y) => {
-    const E = l.get($);
-    E && E.indexOf(y) > 0 && E.splice(E.indexOf(y), 1);
-  }, m = ($, y, E) => {
+    const v = l.get($);
+    v && v.indexOf(y) > 0 && v.splice(v.indexOf(y), 1);
+  }, m = ($, y, v) => {
     l.has($) && setTimeout(() => {
-      l.get($).forEach((v) => {
+      l.get($).forEach((E) => {
         if (n) {
-          const X = Array.isArray(y) ? y.map((V) => n.serialize(V)) : n.serialize(y), I = E ? E instanceof PointerEvent ? E : n.serialize(E) : void 0;
-          v(X, I);
+          const P = Array.isArray(y) ? y.map((D) => n.serialize(D)) : n.serialize(y), C = v ? v instanceof PointerEvent ? v : n.serialize(v) : void 0;
+          E(P, C);
         } else
-          v(y, E);
+          E(y, v);
       });
     }, 1);
-  }, x = () => {
-    const { selected: $ } = i, y = $.map(({ id: E }) => r.getAnnotation(E));
-    y.forEach((E) => {
-      const v = d.find((X) => X.id === E.id);
-      (!v || !ht(v, E)) && m("updateAnnotation", E, v);
-    }), d = d.map((E) => y.find(({ id: v }) => v === E.id) || E);
+  }, b = () => {
+    const { selected: $ } = i, y = $.map(({ id: v }) => r.getAnnotation(v));
+    y.forEach((v) => {
+      const E = c.find((P) => P.id === v.id);
+      (!E || !ht(E, v)) && m("updateAnnotation", v, E);
+    }), c = c.map((v) => y.find(({ id: E }) => E === v.id) || v);
   };
   i.subscribe(({ selected: $ }) => {
-    if (!(d.length === 0 && $.length === 0)) {
-      if (d.length === 0 && $.length > 0)
-        d = $.map(({ id: y }) => r.getAnnotation(y));
-      else if (d.length > 0 && $.length === 0)
-        d.forEach((y) => {
-          const E = r.getAnnotation(y.id);
-          E && !ht(E, y) && m("updateAnnotation", E, y);
-        }), d = [];
+    if (!(c.length === 0 && $.length === 0)) {
+      if (c.length === 0 && $.length > 0)
+        c = $.map(({ id: y }) => r.getAnnotation(y));
+      else if (c.length > 0 && $.length === 0)
+        c.forEach((y) => {
+          const v = r.getAnnotation(y.id);
+          v && !ht(v, y) && m("updateAnnotation", v, y);
+        }), c = [];
       else {
-        const y = new Set(d.map((v) => v.id)), E = new Set($.map(({ id: v }) => v));
-        d.filter((v) => !E.has(v.id)).forEach((v) => {
-          const X = r.getAnnotation(v.id);
-          X && !ht(X, v) && m("updateAnnotation", X, v);
-        }), d = [
+        const y = new Set(c.map((E) => E.id)), v = new Set($.map(({ id: E }) => E));
+        c.filter((E) => !v.has(E.id)).forEach((E) => {
+          const P = r.getAnnotation(E.id);
+          P && !ht(P, E) && m("updateAnnotation", P, E);
+        }), c = [
           // Remove annotations that were deselected
-          ...d.filter((v) => E.has(v.id)),
+          ...c.filter((E) => v.has(E.id)),
           // Add editable annotations that were selected
-          ...$.filter(({ id: v }) => !y.has(v)).map(({ id: v }) => r.getAnnotation(v))
+          ...$.filter(({ id: E }) => !y.has(E)).map(({ id: E }) => r.getAnnotation(E))
         ];
       }
-      m("selectionChanged", d);
+      m("selectionChanged", c);
     }
   }), a.subscribe(($) => {
     !p && $ ? m("mouseEnterAnnotation", r.getAnnotation($)) : p && !$ ? m("mouseLeaveAnnotation", r.getAnnotation(p)) : p && $ && (m("mouseLeaveAnnotation", r.getAnnotation(p)), m("mouseEnterAnnotation", r.getAnnotation($))), p = $;
   }), s == null || s.subscribe(($) => m("viewportIntersect", $.map(r.getAnnotation))), r.observe(($) => {
-    o && (c && clearTimeout(c), c = setTimeout(x, 1e3));
-    const { created: y, deleted: E } = $.changes;
-    y.forEach((v) => m("createAnnotation", v)), E.forEach((v) => m("deleteAnnotation", v)), $.changes.updated.filter((v) => [
-      ...v.bodiesCreated || [],
-      ...v.bodiesDeleted || [],
-      ...v.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: v, newValue: X }) => {
-      const I = d.find((V) => V.id === v.id) || v;
-      d = d.map((V) => V.id === v.id ? X : V), m("updateAnnotation", X, I);
+    o && (d && clearTimeout(d), d = setTimeout(b, 1e3));
+    const { created: y, deleted: v } = $.changes;
+    y.forEach((E) => m("createAnnotation", E)), v.forEach((E) => m("deleteAnnotation", E)), $.changes.updated.filter((E) => [
+      ...E.bodiesCreated || [],
+      ...E.bodiesDeleted || [],
+      ...E.bodiesUpdated || []
+    ].length > 0).forEach(({ oldValue: E, newValue: P }) => {
+      const C = c.find((D) => D.id === E.id) || E;
+      c = c.map((D) => D.id === E.id ? P : D), m("updateAnnotation", P, C);
     });
-  }, { origin: D.LOCAL }), r.observe(($) => {
-    if (d) {
-      const y = new Set(d.map((v) => v.id)), E = $.changes.updated.filter(({ newValue: v }) => y.has(v.id)).map(({ newValue: v }) => v);
-      E.length > 0 && (d = d.map((v) => E.find((X) => X.id === v.id) || v));
+  }, { origin: V.LOCAL }), r.observe(($) => {
+    if (c) {
+      const y = new Set(c.map((E) => E.id)), v = $.changes.updated.filter(({ newValue: E }) => y.has(E.id)).map(({ newValue: E }) => E);
+      v.length > 0 && (c = c.map((E) => v.find((P) => P.id === E.id) || E));
     }
-  }, { origin: D.REMOTE });
+  }, { origin: V.REMOTE });
   const A = ($) => (y) => {
-    const { created: E, deleted: v, updated: X } = y;
-    E.forEach((I) => m("createAnnotation", I)), v.forEach((I) => m("deleteAnnotation", I)), $ ? X.forEach((I) => m("updateAnnotation", I.oldValue, I.newValue)) : X.forEach((I) => m("updateAnnotation", I.newValue, I.oldValue));
+    const { created: v, deleted: E, updated: P } = y;
+    v.forEach((C) => m("createAnnotation", C)), E.forEach((C) => m("deleteAnnotation", C)), $ ? P.forEach((C) => m("updateAnnotation", C.oldValue, C.newValue)) : P.forEach((C) => m("updateAnnotation", C.newValue, C.oldValue));
   };
-  return e.on("undo", A(!0)), e.on("redo", A(!1)), { on: g, off: h, emit: m };
-}, qn = (t) => (e) => e.reduce((n, o) => {
+  return e.on("undo", A(!0)), e.on("redo", A(!1)), { on: f, off: h, emit: m };
+}, Wn = (t) => (e) => e.reduce((n, o) => {
   const { parsed: r, error: i } = t.parse(o);
   return i ? {
     parsed: n.parsed,
@@ -961,21 +961,21 @@ const Hn = 250, Pn = (t) => {
     parsed: [...n.parsed, r],
     failed: n.failed
   };
-}, { parsed: [], failed: [] }), Wn = (t, e, n) => {
+}, { parsed: [], failed: [] }), qn = (t, e, n) => {
   const { store: o, selection: r } = t, i = (A) => {
     if (n) {
       const { parsed: $, error: y } = n.parse(A);
-      $ ? o.addAnnotation($, D.REMOTE) : console.error(y);
+      $ ? o.addAnnotation($, V.REMOTE) : console.error(y);
     } else
-      o.addAnnotation(A, D.REMOTE);
+      o.addAnnotation(A, V.REMOTE);
   }, a = () => r.clear(), s = () => o.clear(), l = (A) => {
     const $ = o.getAnnotation(A);
     return n && $ ? n.serialize($) : $;
-  }, d = () => n ? o.all().map(n.serialize) : o.all(), p = () => {
+  }, c = () => n ? o.all().map(n.serialize) : o.all(), p = () => {
     var A;
     const $ = (((A = r.selected) == null ? void 0 : A.map((y) => y.id)) || []).map((y) => o.getAnnotation(y));
     return n ? $.map(n.serialize) : $;
-  }, c = (A) => fetch(A).then(($) => $.json()).then(($) => (h($), $)), g = (A) => {
+  }, d = (A) => fetch(A).then(($) => $.json()).then(($) => (h($), $)), f = (A) => {
     if (typeof A == "string") {
       const $ = o.getAnnotation(A);
       return o.deleteAnnotation(A), n ? n.serialize($) : $;
@@ -985,13 +985,13 @@ const Hn = 250, Pn = (t) => {
     }
   }, h = (A) => {
     if (n) {
-      const { parsed: $, failed: y } = qn(n)(A);
-      y.length > 0 && console.warn(`Discarded ${y.length} invalid annotations`, y), o.bulkAddAnnotation($, !0, D.REMOTE);
+      const { parsed: $, failed: y } = Wn(n)(A);
+      y.length > 0 && console.warn(`Discarded ${y.length} invalid annotations`, y), o.bulkAddAnnotation($, !0, V.REMOTE);
     } else
-      o.bulkAddAnnotation(A, !0, D.REMOTE);
+      o.bulkAddAnnotation(A, !0, V.REMOTE);
   }, m = (A) => {
     A ? r.setSelected(A) : r.clear();
-  }, x = (A) => {
+  }, b = (A) => {
     if (n) {
       const $ = n.parse(A).parsed, y = n.serialize(o.getAnnotation($.id));
       return o.updateAnnotation($), y;
@@ -1007,15 +1007,15 @@ const Hn = 250, Pn = (t) => {
     canUndo: e.canUndo,
     clearAnnotations: s,
     getAnnotationById: l,
-    getAnnotations: d,
+    getAnnotations: c,
     getSelected: p,
-    loadAnnotations: c,
+    loadAnnotations: d,
     redo: e.redo,
-    removeAnnotation: g,
+    removeAnnotation: f,
     setAnnotations: h,
     setSelected: m,
     undo: e.undo,
-    updateAnnotation: x
+    updateAnnotation: b
   };
 };
 let Kn = (t) => crypto.getRandomValues(new Uint8Array(t)), Jn = (t, e, n) => {
@@ -1039,7 +1039,7 @@ const to = () => ({ isGuest: !0, id: Zn("1234567890abcdefghijklmnopqrstuvwxyzABC
   }
   return `${n}`;
 }, no = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
-  const { id: o, type: r, purpose: i, value: a, created: s, creator: l, ...d } = n;
+  const { id: o, type: r, purpose: i, value: a, created: s, creator: l, ...c } = n;
   return {
     id: o || `temp-${eo(n)}`,
     annotation: e,
@@ -1048,7 +1048,7 @@ const to = () => ({ isGuest: !0, id: Zn("1234567890abcdefghijklmnopqrstuvwxyzABC
     value: a,
     created: s,
     creator: l ? typeof l == "object" ? { ...l } : l : void 0,
-    ...d
+    ...c
   };
 }), oo = (t) => t.map((e) => {
   var n;
@@ -1056,8 +1056,8 @@ const to = () => ({ isGuest: !0, id: Zn("1234567890abcdefghijklmnopqrstuvwxyzABC
   return delete o.annotation, (n = o.id) != null && n.startsWith("temp-") && delete o.id, o;
 });
 Qn();
-const $r = (t, e = !1) => ({ parse: (n) => ro(n, e), serialize: (n) => io(n, t) }), ro = (t, e = !1) => {
-  const n = t.id || je(), { body: o, ...r } = t, i = no(o, n), a = Array.isArray(t.target) ? t.target[0] : t.target, s = Array.isArray(a.selector) ? a.selector[0] : a.selector, l = s.type === "FragmentSelector" ? yn(s, e) : s.type === "SvgSelector" ? vn(s) : void 0;
+const wr = (t, e = !1) => ({ parse: (n) => ro(n, e), serialize: (n) => io(n, t) }), ro = (t, e = !1) => {
+  const n = t.id || je(), { body: o, ...r } = t, i = no(o, n), a = Array.isArray(t.target) ? t.target[0] : t.target, s = Array.isArray(a.selector) ? a.selector[0] : a.selector, l = s.type === "FragmentSelector" ? yn(s, e) : s.type === "SvgSelector" ? En(s) : void 0;
   return l ? {
     parsed: {
       ...r,
@@ -1073,7 +1073,7 @@ const $r = (t, e = !1) => ({ parse: (n) => ro(n, e), serialize: (n) => io(n, t)
     error: Error(`Unknown selector type: ${s.type}`)
   };
 }, io = (t, e) => {
-  const n = t.target.selector, o = n.type == G.RECTANGLE ? wn(n.geometry) : An(n);
+  const n = t.target.selector, o = n.type == U.RECTANGLE ? wn(n.geometry) : An(n);
   return {
     ...t,
     "@context": "http://www.w3.org/ns/anno.jsonld",
@@ -1111,14 +1111,14 @@ function $e(t) {
       );
     },
     m(a, s) {
-      _(a, e, s), r || (i = z(e, "pointerdown", function() {
-        H(
+      M(a, e, s), r || (i = z(e, "pointerdown", function() {
+        F(
           /*grab*/
-          t[10](O(
+          t[10](L(
             /*idx*/
             t[13]
           ))
-        ) && t[10](O(
+        ) && t[10](L(
           /*idx*/
           t[13]
         )).apply(this, arguments);
@@ -1146,57 +1146,57 @@ function $e(t) {
       );
     },
     d(a) {
-      a && Y(e), r = !1, i();
+      a && _(e), r = !1, i();
     }
   };
 }
 function ao(t) {
-  let e, n, o, r, i, a, s, l, d, p, c = (
+  let e, n, o, r, i, a, s, l, c, p, d = (
     /*geom*/
     t[4].points
-  ), g = [];
-  for (let h = 0; h < c.length; h += 1)
-    g[h] = $e(we(t, c, h));
+  ), f = [];
+  for (let h = 0; h < d.length; h += 1)
+    f[h] = $e(we(t, d, h));
   return {
     c() {
       e = R("polygon"), r = tt(), i = R("polygon"), s = tt();
-      for (let h = 0; h < g.length; h += 1)
-        g[h].c();
+      for (let h = 0; h < f.length; h += 1)
+        f[h].c();
       l = at(), u(e, "class", "a9s-outer"), u(e, "style", n = /*computedStyle*/
       t[1] ? "display:none;" : void 0), u(e, "points", o = /*geom*/
-      t[4].points.map(xe).join(" ")), u(i, "class", "a9s-inner a9s-shape-handle"), u(
+      t[4].points.map(be).join(" ")), u(i, "class", "a9s-inner a9s-shape-handle"), u(
         i,
         "style",
         /*computedStyle*/
         t[1]
       ), u(i, "points", a = /*geom*/
-      t[4].points.map(be).join(" "));
+      t[4].points.map(xe).join(" "));
     },
     m(h, m) {
-      _(h, e, m), _(h, r, m), _(h, i, m), _(h, s, m);
-      for (let x = 0; x < g.length; x += 1)
-        g[x] && g[x].m(h, m);
-      _(h, l, m), d || (p = [
+      M(h, e, m), M(h, r, m), M(h, i, m), M(h, s, m);
+      for (let b = 0; b < f.length; b += 1)
+        f[b] && f[b].m(h, m);
+      M(h, l, m), c || (p = [
         z(e, "pointerdown", function() {
-          H(
+          F(
             /*grab*/
-            t[10](O.SHAPE)
-          ) && t[10](O.SHAPE).apply(this, arguments);
+            t[10](L.SHAPE)
+          ) && t[10](L.SHAPE).apply(this, arguments);
         }),
         z(i, "pointerdown", function() {
-          H(
+          F(
             /*grab*/
-            t[10](O.SHAPE)
-          ) && t[10](O.SHAPE).apply(this, arguments);
+            t[10](L.SHAPE)
+          ) && t[10](L.SHAPE).apply(this, arguments);
         })
-      ], d = !0);
+      ], c = !0);
     },
     p(h, m) {
       if (t = h, m & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
       t[1] ? "display:none;" : void 0) && u(e, "style", n), m & /*geom*/
       16 && o !== (o = /*geom*/
-      t[4].points.map(xe).join(" ")) && u(e, "points", o), m & /*computedStyle*/
+      t[4].points.map(be).join(" ")) && u(e, "points", o), m & /*computedStyle*/
       2 && u(
         i,
         "style",
@@ -1204,22 +1204,22 @@ function ao(t) {
         t[1]
       ), m & /*geom*/
       16 && a !== (a = /*geom*/
-      t[4].points.map(be).join(" ")) && u(i, "points", a), m & /*geom, handleSize, grab, Handle*/
+      t[4].points.map(xe).join(" ")) && u(i, "points", a), m & /*geom, handleSize, grab, Handle*/
       1048) {
-        c = /*geom*/
+        d = /*geom*/
         t[4].points;
-        let x;
-        for (x = 0; x < c.length; x += 1) {
-          const A = we(t, c, x);
-          g[x] ? g[x].p(A, m) : (g[x] = $e(A), g[x].c(), g[x].m(l.parentNode, l));
+        let b;
+        for (b = 0; b < d.length; b += 1) {
+          const A = we(t, d, b);
+          f[b] ? f[b].p(A, m) : (f[b] = $e(A), f[b].c(), f[b].m(l.parentNode, l));
         }
-        for (; x < g.length; x += 1)
-          g[x].d(1);
-        g.length = c.length;
+        for (; b < f.length; b += 1)
+          f[b].d(1);
+        f.length = d.length;
       }
     },
     d(h) {
-      h && Y(e), h && Y(r), h && Y(i), h && Y(s), ie(g, h), h && Y(l), d = !1, it(p);
+      h && _(e), h && _(r), h && _(i), h && _(s), ie(f, h), h && _(l), c = !1, it(p);
     }
   };
 }
@@ -1265,7 +1265,7 @@ function so(t) {
       pt(e.$$.fragment);
     },
     m(o, r) {
-      dt(e, o, r), n = !0;
+      ct(e, o, r), n = !0;
     },
     p(o, [r]) {
       const i = {};
@@ -1283,27 +1283,27 @@ function so(t) {
       k(e.$$.fragment, o), n = !1;
     },
     d(o) {
-      ct(e, o);
+      dt(e, o);
     }
   };
 }
-const xe = (t) => t.join(","), be = (t) => t.join(",");
+const be = (t) => t.join(","), xe = (t) => t.join(",");
 function lo(t, e, n) {
   let o, r, { shape: i } = e, { computedStyle: a = void 0 } = e, { transform: s } = e, { viewportScale: l = 1 } = e;
-  const d = (h, m, x) => {
+  const c = (h, m, b) => {
     let A;
-    m === O.SHAPE ? A = h.geometry.points.map(([y, E]) => [y + x[0], E + x[1]]) : A = h.geometry.points.map(([y, E], v) => m === O(v) ? [y + x[0], E + x[1]] : [y, E]);
-    const $ = Gt(A);
+    m === L.SHAPE ? A = h.geometry.points.map(([y, v]) => [y + b[0], v + b[1]]) : A = h.geometry.points.map(([y, v], E) => m === L(E) ? [y + b[0], v + b[1]] : [y, v]);
+    const $ = Ut(A);
     return { ...h, geometry: { points: A, bounds: $ } };
   };
   function p(h) {
-    Et.call(this, t, h);
+    vt.call(this, t, h);
   }
-  function c(h) {
-    Et.call(this, t, h);
+  function d(h) {
+    vt.call(this, t, h);
   }
-  function g(h) {
-    Et.call(this, t, h);
+  function f(h) {
+    vt.call(this, t, h);
   }
   return t.$$set = (h) => {
     "shape" in h && n(0, i = h.shape), "computedStyle" in h && n(1, a = h.computedStyle), "transform" in h && n(2, s = h.transform), "viewportScale" in h && n(6, l = h.viewportScale);
@@ -1317,16 +1317,16 @@ function lo(t, e, n) {
     s,
     r,
     o,
-    d,
+    c,
     l,
     p,
-    c,
-    g
+    d,
+    f
   ];
 }
 class co extends nt {
   constructor(e) {
-    super(), et(this, e, lo, so, W, {
+    super(), et(this, e, lo, so, q, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1335,10 +1335,10 @@ class co extends nt {
   }
 }
 function uo(t) {
-  let e, n, o, r, i, a, s, l, d, p, c, g, h, m, x, A, $, y, E, v, X, I, V, f, b, w, S, M, C, K, gt, ft, Tt, L, q, F, Q, P, st, Bt, Ht, J, Xt, Ct, Pt, Z, It, Rt, jt, ce;
+  let e, n, o, r, i, a, s, l, c, p, d, f, h, m, b, A, $, y, v, E, P, C, D, g, x, w, S, X, I, K, ft, gt, Tt, O, W, G, Q, H, st, Bt, Ft, J, Pt, It, Ht, Z, Ct, Rt, jt, de;
   return {
     c() {
-      e = R("rect"), s = tt(), l = R("rect"), h = tt(), m = R("rect"), y = tt(), E = R("rect"), V = tt(), f = R("rect"), M = tt(), C = R("rect"), Tt = tt(), L = R("rect"), Q = tt(), P = R("rect"), Ht = tt(), J = R("rect"), Pt = tt(), Z = R("rect"), u(e, "class", "a9s-outer"), u(e, "style", n = /*computedStyle*/
+      e = R("rect"), s = tt(), l = R("rect"), h = tt(), m = R("rect"), y = tt(), v = R("rect"), D = tt(), g = R("rect"), X = tt(), I = R("rect"), Tt = tt(), O = R("rect"), Q = tt(), H = R("rect"), Ft = tt(), J = R("rect"), Ht = tt(), Z = R("rect"), u(e, "class", "a9s-outer"), u(e, "style", n = /*computedStyle*/
       t[1] ? "display:none;" : void 0), u(e, "x", o = /*geom*/
       t[4].x), u(e, "y", r = /*geom*/
       t[4].y), u(e, "width", i = /*geom*/
@@ -1348,57 +1348,57 @@ function uo(t) {
         "style",
         /*computedStyle*/
         t[1]
-      ), u(l, "x", d = /*geom*/
+      ), u(l, "x", c = /*geom*/
       t[4].x), u(l, "y", p = /*geom*/
-      t[4].y), u(l, "width", c = /*geom*/
-      t[4].w), u(l, "height", g = /*geom*/
-      t[4].h), u(m, "class", "a9s-edge-handle a9s-edge-handle-top"), u(m, "x", x = /*geom*/
+      t[4].y), u(l, "width", d = /*geom*/
+      t[4].w), u(l, "height", f = /*geom*/
+      t[4].h), u(m, "class", "a9s-edge-handle a9s-edge-handle-top"), u(m, "x", b = /*geom*/
       t[4].x), u(m, "y", A = /*geom*/
       t[4].y), u(m, "height", 1), u(m, "width", $ = /*geom*/
-      t[4].w), u(E, "class", "a9s-edge-handle a9s-edge-handle-right"), u(E, "x", v = /*geom*/
+      t[4].w), u(v, "class", "a9s-edge-handle a9s-edge-handle-right"), u(v, "x", E = /*geom*/
       t[4].x + /*geom*/
-      t[4].w), u(E, "y", X = /*geom*/
-      t[4].y), u(E, "height", I = /*geom*/
-      t[4].h), u(E, "width", 1), u(f, "class", "a9s-edge-handle a9s-edge-handle-bottom"), u(f, "x", b = /*geom*/
-      t[4].x), u(f, "y", w = /*geom*/
+      t[4].w), u(v, "y", P = /*geom*/
+      t[4].y), u(v, "height", C = /*geom*/
+      t[4].h), u(v, "width", 1), u(g, "class", "a9s-edge-handle a9s-edge-handle-bottom"), u(g, "x", x = /*geom*/
+      t[4].x), u(g, "y", w = /*geom*/
       t[4].y + /*geom*/
-      t[4].h), u(f, "height", 1), u(f, "width", S = /*geom*/
-      t[4].w), u(C, "class", "a9s-edge-handle a9s-edge-handle-left"), u(C, "x", K = /*geom*/
-      t[4].x), u(C, "y", gt = /*geom*/
-      t[4].y), u(C, "height", ft = /*geom*/
-      t[4].h), u(C, "width", 1), u(L, "class", "a9s-corner-handle a9s-corner-handle-topleft"), u(L, "x", q = /*geom*/
+      t[4].h), u(g, "height", 1), u(g, "width", S = /*geom*/
+      t[4].w), u(I, "class", "a9s-edge-handle a9s-edge-handle-left"), u(I, "x", K = /*geom*/
+      t[4].x), u(I, "y", ft = /*geom*/
+      t[4].y), u(I, "height", gt = /*geom*/
+      t[4].h), u(I, "width", 1), u(O, "class", "a9s-corner-handle a9s-corner-handle-topleft"), u(O, "x", W = /*geom*/
       t[4].x - /*handleSize*/
-      t[3] / 2), u(L, "y", F = /*geom*/
+      t[3] / 2), u(O, "y", G = /*geom*/
       t[4].y - /*handleSize*/
       t[3] / 2), u(
-        L,
+        O,
         "height",
         /*handleSize*/
         t[3]
       ), u(
-        L,
+        O,
         "width",
         /*handleSize*/
         t[3]
-      ), u(P, "class", "a9s-corner-handle a9s-corner-handle-topright"), u(P, "x", st = /*geom*/
+      ), u(H, "class", "a9s-corner-handle a9s-corner-handle-topright"), u(H, "x", st = /*geom*/
       t[4].x + /*geom*/
       t[4].w - /*handleSize*/
-      t[3] / 2), u(P, "y", Bt = /*geom*/
+      t[3] / 2), u(H, "y", Bt = /*geom*/
       t[4].y - /*handleSize*/
       t[3] / 2), u(
-        P,
+        H,
         "height",
         /*handleSize*/
         t[3]
       ), u(
-        P,
+        H,
         "width",
         /*handleSize*/
         t[3]
-      ), u(J, "class", "a9s-corner-handle a9s-corner-handle-bottomright"), u(J, "x", Xt = /*geom*/
+      ), u(J, "class", "a9s-corner-handle a9s-corner-handle-bottomright"), u(J, "x", Pt = /*geom*/
       t[4].x + /*geom*/
       t[4].w - /*handleSize*/
-      t[3] / 2), u(J, "y", Ct = /*geom*/
+      t[3] / 2), u(J, "y", It = /*geom*/
       t[4].y + /*geom*/
       t[4].h - /*handleSize*/
       t[3] / 2), u(
@@ -1411,7 +1411,7 @@ function uo(t) {
         "width",
         /*handleSize*/
         t[3]
-      ), u(Z, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), u(Z, "x", It = /*geom*/
+      ), u(Z, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), u(Z, "x", Ct = /*geom*/
       t[4].x - /*handleSize*/
       t[3] / 2), u(Z, "y", Rt = /*geom*/
       t[4].y + /*geom*/
@@ -1429,66 +1429,66 @@ function uo(t) {
       );
     },
     m(B, T) {
-      _(B, e, T), _(B, s, T), _(B, l, T), _(B, h, T), _(B, m, T), _(B, y, T), _(B, E, T), _(B, V, T), _(B, f, T), _(B, M, T), _(B, C, T), _(B, Tt, T), _(B, L, T), _(B, Q, T), _(B, P, T), _(B, Ht, T), _(B, J, T), _(B, Pt, T), _(B, Z, T), jt || (ce = [
+      M(B, e, T), M(B, s, T), M(B, l, T), M(B, h, T), M(B, m, T), M(B, y, T), M(B, v, T), M(B, D, T), M(B, g, T), M(B, X, T), M(B, I, T), M(B, Tt, T), M(B, O, T), M(B, Q, T), M(B, H, T), M(B, Ft, T), M(B, J, T), M(B, Ht, T), M(B, Z, T), jt || (de = [
         z(e, "pointerdown", function() {
-          H(
+          F(
             /*grab*/
-            t[10](O.SHAPE)
-          ) && t[10](O.SHAPE).apply(this, arguments);
+            t[10](L.SHAPE)
+          ) && t[10](L.SHAPE).apply(this, arguments);
         }),
         z(l, "pointerdown", function() {
-          H(
+          F(
             /*grab*/
-            t[10](O.SHAPE)
-          ) && t[10](O.SHAPE).apply(this, arguments);
+            t[10](L.SHAPE)
+          ) && t[10](L.SHAPE).apply(this, arguments);
         }),
         z(m, "pointerdown", function() {
-          H(
+          F(
             /*grab*/
-            t[10](O.TOP)
-          ) && t[10](O.TOP).apply(this, arguments);
+            t[10](L.TOP)
+          ) && t[10](L.TOP).apply(this, arguments);
         }),
-        z(E, "pointerdown", function() {
-          H(
+        z(v, "pointerdown", function() {
+          F(
             /*grab*/
-            t[10](O.RIGHT)
-          ) && t[10](O.RIGHT).apply(this, arguments);
+            t[10](L.RIGHT)
+          ) && t[10](L.RIGHT).apply(this, arguments);
         }),
-        z(f, "pointerdown", function() {
-          H(
+        z(g, "pointerdown", function() {
+          F(
             /*grab*/
-            t[10](O.BOTTOM)
-          ) && t[10](O.BOTTOM).apply(this, arguments);
+            t[10](L.BOTTOM)
+          ) && t[10](L.BOTTOM).apply(this, arguments);
         }),
-        z(C, "pointerdown", function() {
-          H(
+        z(I, "pointerdown", function() {
+          F(
             /*grab*/
-            t[10](O.LEFT)
-          ) && t[10](O.LEFT).apply(this, arguments);
+            t[10](L.LEFT)
+          ) && t[10](L.LEFT).apply(this, arguments);
         }),
-        z(L, "pointerdown", function() {
-          H(
+        z(O, "pointerdown", function() {
+          F(
             /*grab*/
-            t[10](O.TOP_LEFT)
-          ) && t[10](O.TOP_LEFT).apply(this, arguments);
+            t[10](L.TOP_LEFT)
+          ) && t[10](L.TOP_LEFT).apply(this, arguments);
         }),
-        z(P, "pointerdown", function() {
-          H(
+        z(H, "pointerdown", function() {
+          F(
             /*grab*/
-            t[10](O.TOP_RIGHT)
-          ) && t[10](O.TOP_RIGHT).apply(this, arguments);
+            t[10](L.TOP_RIGHT)
+          ) && t[10](L.TOP_RIGHT).apply(this, arguments);
         }),
         z(J, "pointerdown", function() {
-          H(
+          F(
             /*grab*/
-            t[10](O.BOTTOM_RIGHT)
-          ) && t[10](O.BOTTOM_RIGHT).apply(this, arguments);
+            t[10](L.BOTTOM_RIGHT)
+          ) && t[10](L.BOTTOM_RIGHT).apply(this, arguments);
         }),
         z(Z, "pointerdown", function() {
-          H(
+          F(
             /*grab*/
-            t[10](O.BOTTOM_LEFT)
-          ) && t[10](O.BOTTOM_LEFT).apply(this, arguments);
+            t[10](L.BOTTOM_LEFT)
+          ) && t[10](L.BOTTOM_LEFT).apply(this, arguments);
         })
       ], jt = !0);
     },
@@ -1510,54 +1510,54 @@ function uo(t) {
         /*computedStyle*/
         t[1]
       ), T & /*geom*/
-      16 && d !== (d = /*geom*/
-      t[4].x) && u(l, "x", d), T & /*geom*/
+      16 && c !== (c = /*geom*/
+      t[4].x) && u(l, "x", c), T & /*geom*/
       16 && p !== (p = /*geom*/
       t[4].y) && u(l, "y", p), T & /*geom*/
-      16 && c !== (c = /*geom*/
-      t[4].w) && u(l, "width", c), T & /*geom*/
-      16 && g !== (g = /*geom*/
-      t[4].h) && u(l, "height", g), T & /*geom*/
-      16 && x !== (x = /*geom*/
-      t[4].x) && u(m, "x", x), T & /*geom*/
+      16 && d !== (d = /*geom*/
+      t[4].w) && u(l, "width", d), T & /*geom*/
+      16 && f !== (f = /*geom*/
+      t[4].h) && u(l, "height", f), T & /*geom*/
+      16 && b !== (b = /*geom*/
+      t[4].x) && u(m, "x", b), T & /*geom*/
       16 && A !== (A = /*geom*/
       t[4].y) && u(m, "y", A), T & /*geom*/
       16 && $ !== ($ = /*geom*/
       t[4].w) && u(m, "width", $), T & /*geom*/
-      16 && v !== (v = /*geom*/
+      16 && E !== (E = /*geom*/
       t[4].x + /*geom*/
-      t[4].w) && u(E, "x", v), T & /*geom*/
-      16 && X !== (X = /*geom*/
-      t[4].y) && u(E, "y", X), T & /*geom*/
-      16 && I !== (I = /*geom*/
-      t[4].h) && u(E, "height", I), T & /*geom*/
-      16 && b !== (b = /*geom*/
-      t[4].x) && u(f, "x", b), T & /*geom*/
+      t[4].w) && u(v, "x", E), T & /*geom*/
+      16 && P !== (P = /*geom*/
+      t[4].y) && u(v, "y", P), T & /*geom*/
+      16 && C !== (C = /*geom*/
+      t[4].h) && u(v, "height", C), T & /*geom*/
+      16 && x !== (x = /*geom*/
+      t[4].x) && u(g, "x", x), T & /*geom*/
       16 && w !== (w = /*geom*/
       t[4].y + /*geom*/
-      t[4].h) && u(f, "y", w), T & /*geom*/
+      t[4].h) && u(g, "y", w), T & /*geom*/
       16 && S !== (S = /*geom*/
-      t[4].w) && u(f, "width", S), T & /*geom*/
+      t[4].w) && u(g, "width", S), T & /*geom*/
       16 && K !== (K = /*geom*/
-      t[4].x) && u(C, "x", K), T & /*geom*/
-      16 && gt !== (gt = /*geom*/
-      t[4].y) && u(C, "y", gt), T & /*geom*/
+      t[4].x) && u(I, "x", K), T & /*geom*/
       16 && ft !== (ft = /*geom*/
-      t[4].h) && u(C, "height", ft), T & /*geom, handleSize*/
-      24 && q !== (q = /*geom*/
+      t[4].y) && u(I, "y", ft), T & /*geom*/
+      16 && gt !== (gt = /*geom*/
+      t[4].h) && u(I, "height", gt), T & /*geom, handleSize*/
+      24 && W !== (W = /*geom*/
       t[4].x - /*handleSize*/
-      t[3] / 2) && u(L, "x", q), T & /*geom, handleSize*/
-      24 && F !== (F = /*geom*/
+      t[3] / 2) && u(O, "x", W), T & /*geom, handleSize*/
+      24 && G !== (G = /*geom*/
       t[4].y - /*handleSize*/
-      t[3] / 2) && u(L, "y", F), T & /*handleSize*/
+      t[3] / 2) && u(O, "y", G), T & /*handleSize*/
       8 && u(
-        L,
+        O,
         "height",
         /*handleSize*/
         t[3]
       ), T & /*handleSize*/
       8 && u(
-        L,
+        O,
         "width",
         /*handleSize*/
         t[3]
@@ -1565,30 +1565,30 @@ function uo(t) {
       24 && st !== (st = /*geom*/
       t[4].x + /*geom*/
       t[4].w - /*handleSize*/
-      t[3] / 2) && u(P, "x", st), T & /*geom, handleSize*/
+      t[3] / 2) && u(H, "x", st), T & /*geom, handleSize*/
       24 && Bt !== (Bt = /*geom*/
       t[4].y - /*handleSize*/
-      t[3] / 2) && u(P, "y", Bt), T & /*handleSize*/
+      t[3] / 2) && u(H, "y", Bt), T & /*handleSize*/
       8 && u(
-        P,
+        H,
         "height",
         /*handleSize*/
         t[3]
       ), T & /*handleSize*/
       8 && u(
-        P,
+        H,
         "width",
         /*handleSize*/
         t[3]
       ), T & /*geom, handleSize*/
-      24 && Xt !== (Xt = /*geom*/
+      24 && Pt !== (Pt = /*geom*/
       t[4].x + /*geom*/
       t[4].w - /*handleSize*/
-      t[3] / 2) && u(J, "x", Xt), T & /*geom, handleSize*/
-      24 && Ct !== (Ct = /*geom*/
+      t[3] / 2) && u(J, "x", Pt), T & /*geom, handleSize*/
+      24 && It !== (It = /*geom*/
       t[4].y + /*geom*/
       t[4].h - /*handleSize*/
-      t[3] / 2) && u(J, "y", Ct), T & /*handleSize*/
+      t[3] / 2) && u(J, "y", It), T & /*handleSize*/
       8 && u(
         J,
         "height",
@@ -1601,9 +1601,9 @@ function uo(t) {
         /*handleSize*/
         t[3]
       ), T & /*geom, handleSize*/
-      24 && It !== (It = /*geom*/
+      24 && Ct !== (Ct = /*geom*/
       t[4].x - /*handleSize*/
-      t[3] / 2) && u(Z, "x", It), T & /*geom, handleSize*/
+      t[3] / 2) && u(Z, "x", Ct), T & /*geom, handleSize*/
       24 && Rt !== (Rt = /*geom*/
       t[4].y + /*geom*/
       t[4].h - /*handleSize*/
@@ -1622,7 +1622,7 @@ function uo(t) {
       );
     },
     d(B) {
-      B && Y(e), B && Y(s), B && Y(l), B && Y(h), B && Y(m), B && Y(y), B && Y(E), B && Y(V), B && Y(f), B && Y(M), B && Y(C), B && Y(Tt), B && Y(L), B && Y(Q), B && Y(P), B && Y(Ht), B && Y(J), B && Y(Pt), B && Y(Z), jt = !1, it(ce);
+      B && _(e), B && _(s), B && _(l), B && _(h), B && _(m), B && _(y), B && _(v), B && _(D), B && _(g), B && _(X), B && _(I), B && _(Tt), B && _(O), B && _(Q), B && _(H), B && _(Ft), B && _(J), B && _(Ht), B && _(Z), jt = !1, it(de);
     }
   };
 }
@@ -1668,7 +1668,7 @@ function ho(t) {
       pt(e.$$.fragment);
     },
     m(o, r) {
-      dt(e, o, r), n = !0;
+      ct(e, o, r), n = !0;
     },
     p(o, [r]) {
       const i = {};
@@ -1686,73 +1686,73 @@ function ho(t) {
       k(e.$$.fragment, o), n = !1;
     },
     d(o) {
-      ct(e, o);
+      dt(e, o);
     }
   };
 }
 function po(t, e, n) {
   let o, r, { shape: i } = e, { computedStyle: a = void 0 } = e, { transform: s } = e, { viewportScale: l = 1 } = e;
-  const d = (h, m, x) => {
+  const c = (h, m, b) => {
     const A = h.geometry.bounds;
-    let [$, y] = [A.minX, A.minY], [E, v] = [A.maxX, A.maxY];
-    const [X, I] = x;
-    if (m === O.SHAPE)
-      $ += X, E += X, y += I, v += I;
+    let [$, y] = [A.minX, A.minY], [v, E] = [A.maxX, A.maxY];
+    const [P, C] = b;
+    if (m === L.SHAPE)
+      $ += P, v += P, y += C, E += C;
     else {
       switch (m) {
-        case O.TOP:
-        case O.TOP_LEFT:
-        case O.TOP_RIGHT: {
-          y += I;
+        case L.TOP:
+        case L.TOP_LEFT:
+        case L.TOP_RIGHT: {
+          y += C;
           break;
         }
-        case O.BOTTOM:
-        case O.BOTTOM_LEFT:
-        case O.BOTTOM_RIGHT: {
-          v += I;
+        case L.BOTTOM:
+        case L.BOTTOM_LEFT:
+        case L.BOTTOM_RIGHT: {
+          E += C;
           break;
         }
       }
       switch (m) {
-        case O.LEFT:
-        case O.TOP_LEFT:
-        case O.BOTTOM_LEFT: {
-          $ += X;
+        case L.LEFT:
+        case L.TOP_LEFT:
+        case L.BOTTOM_LEFT: {
+          $ += P;
           break;
         }
-        case O.RIGHT:
-        case O.TOP_RIGHT:
-        case O.BOTTOM_RIGHT: {
-          E += X;
+        case L.RIGHT:
+        case L.TOP_RIGHT:
+        case L.BOTTOM_RIGHT: {
+          v += P;
           break;
         }
       }
     }
-    const V = Math.min($, E), f = Math.min(y, v), b = Math.abs(E - $), w = Math.abs(v - y);
+    const D = Math.min($, v), g = Math.min(y, E), x = Math.abs(v - $), w = Math.abs(E - y);
     return {
       ...h,
       geometry: {
-        x: V,
-        y: f,
-        w: b,
+        x: D,
+        y: g,
+        w: x,
         h: w,
         bounds: {
-          minX: V,
-          minY: f,
-          maxX: V + b,
-          maxY: f + w
+          minX: D,
+          minY: g,
+          maxX: D + x,
+          maxY: g + w
         }
       }
     };
   };
   function p(h) {
-    Et.call(this, t, h);
+    vt.call(this, t, h);
   }
-  function c(h) {
-    Et.call(this, t, h);
+  function d(h) {
+    vt.call(this, t, h);
   }
-  function g(h) {
-    Et.call(this, t, h);
+  function f(h) {
+    vt.call(this, t, h);
   }
   return t.$$set = (h) => {
     "shape" in h && n(0, i = h.shape), "computedStyle" in h && n(1, a = h.computedStyle), "transform" in h && n(2, s = h.transform), "viewportScale" in h && n(6, l = h.viewportScale);
@@ -1766,16 +1766,16 @@ function po(t, e, n) {
     s,
     r,
     o,
-    d,
+    c,
     l,
     p,
-    c,
-    g
+    d,
+    f
   ];
 }
-class go extends nt {
+class fo extends nt {
   constructor(e) {
-    super(), et(this, e, po, ho, W, {
+    super(), et(this, e, po, ho, q, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1783,20 +1783,20 @@ class go extends nt {
     });
   }
 }
-const We = /* @__PURE__ */ new Map([
-  [G.RECTANGLE, go],
-  [G.POLYGON, co]
-]), Ee = (t) => We.get(t.type), fo = (t, e) => We.set(t, e), O = (t) => `HANDLE-${t}`;
-O.SHAPE = "SHAPE";
-O.TOP = "TOP";
-O.RIGHT = "RIGHT";
-O.BOTTOM = "BOTTOM";
-O.LEFT = "LEFT";
-O.TOP_LEFT = "TOP_LEFT";
-O.TOP_RIGHT = "TOP_RIGHT";
-O.BOTTOM_RIGHT = "BOTTOM_RIGHT";
-O.BOTTOM_LEFT = "BOTTOM_LEFT";
-const mo = (t) => ({}), ve = (t) => ({ grab: (
+const qe = /* @__PURE__ */ new Map([
+  [U.RECTANGLE, fo],
+  [U.POLYGON, co]
+]), ve = (t) => qe.get(t.type), go = (t, e) => qe.set(t, e), L = (t) => `HANDLE-${t}`;
+L.SHAPE = "SHAPE";
+L.TOP = "TOP";
+L.RIGHT = "RIGHT";
+L.BOTTOM = "BOTTOM";
+L.LEFT = "LEFT";
+L.TOP_LEFT = "TOP_LEFT";
+L.TOP_RIGHT = "TOP_RIGHT";
+L.BOTTOM_RIGHT = "BOTTOM_RIGHT";
+L.BOTTOM_LEFT = "BOTTOM_LEFT";
+const mo = (t) => ({}), Ee = (t) => ({ grab: (
   /*onGrab*/
   t[0]
 ) });
@@ -1810,14 +1810,14 @@ function yo(t) {
     t,
     /*$$scope*/
     t[6],
-    ve
+    Ee
   );
   return {
     c() {
       e = R("g"), a && a.c(), u(e, "class", "a9s-annotation selected");
     },
     m(s, l) {
-      _(s, e, l), a && a.m(e, null), n = !0, o || (r = [
+      M(s, e, l), a && a.m(e, null), n = !0, o || (r = [
         z(
           e,
           "pointerup",
@@ -1850,7 +1850,7 @@ function yo(t) {
           /*$$scope*/
           s[6]
         ),
-        ve
+        Ee
       );
     },
     i(s) {
@@ -1860,34 +1860,34 @@ function yo(t) {
       k(a, s), n = !1;
     },
     d(s) {
-      s && Y(e), a && a.d(s), o = !1, it(r);
+      s && _(e), a && a.d(s), o = !1, it(r);
     }
   };
 }
 function wo(t, e, n) {
   let { $$slots: o = {}, $$scope: r } = e;
   const i = At();
-  let { shape: a } = e, { editor: s } = e, { transform: l } = e, d = null, p, c = null;
-  const g = (x) => (A) => {
-    d = x, p = l.elementToImage(A.offsetX, A.offsetY), c = a, A.target.setPointerCapture(A.pointerId), i("grab");
-  }, h = (x) => {
-    if (d) {
-      const [A, $] = l.elementToImage(x.offsetX, x.offsetY), y = [A - p[0], $ - p[1]];
-      n(3, a = s(c, d, y)), i("change", a);
+  let { shape: a } = e, { editor: s } = e, { transform: l } = e, c = null, p, d = null;
+  const f = (b) => (A) => {
+    c = b, p = l.elementToImage(A.offsetX, A.offsetY), d = a, A.target.setPointerCapture(A.pointerId), i("grab");
+  }, h = (b) => {
+    if (c) {
+      const [A, $] = l.elementToImage(b.offsetX, b.offsetY), y = [A - p[0], $ - p[1]];
+      n(3, a = s(d, c, y)), i("change", a);
     }
-  }, m = (x) => {
-    x.target.releasePointerCapture(x.pointerId), d = null, c = a, i("release");
+  }, m = (b) => {
+    b.target.releasePointerCapture(b.pointerId), c = null, d = a, i("release");
   };
-  return t.$$set = (x) => {
-    "shape" in x && n(3, a = x.shape), "editor" in x && n(4, s = x.editor), "transform" in x && n(5, l = x.transform), "$$scope" in x && n(6, r = x.$$scope);
-  }, [g, h, m, a, s, l, r, o];
+  return t.$$set = (b) => {
+    "shape" in b && n(3, a = b.shape), "editor" in b && n(4, s = b.editor), "transform" in b && n(5, l = b.transform), "$$scope" in b && n(6, r = b.$$scope);
+  }, [f, h, m, a, s, l, r, o];
 }
 class Ke extends nt {
   constructor(e) {
-    super(), et(this, e, wo, yo, W, { shape: 3, editor: 4, transform: 5 });
+    super(), et(this, e, wo, yo, q, { shape: 3, editor: 4, transform: 5 });
   }
 }
-const Ft = (t, e) => {
+const Gt = (t, e) => {
   const n = typeof e == "function" ? e(t) : e;
   if (n) {
     const { fill: o, fillOpacity: r } = n;
@@ -1898,32 +1898,32 @@ const Ft = (t, e) => {
 function $o(t, e, n) {
   let o;
   const r = At();
-  let { annotation: i } = e, { editor: a } = e, { style: s = void 0 } = e, { target: l } = e, { transform: d } = e, { viewportScale: p } = e, c;
-  return Mt(() => (n(6, c = new a({
+  let { annotation: i } = e, { editor: a } = e, { style: s = void 0 } = e, { target: l } = e, { transform: c } = e, { viewportScale: p } = e, d;
+  return Xt(() => (n(6, d = new a({
     target: l,
     props: {
       shape: i.target.selector,
       computedStyle: o,
-      transform: d,
+      transform: c,
       viewportScale: p
     }
-  })), c.$on("change", (g) => {
-    c.$$set({ shape: g.detail }), r("change", g.detail);
-  }), c.$on("grab", (g) => r("grab", g.detail)), c.$on("release", (g) => r("release", g.detail)), () => {
-    c.$destroy();
-  })), t.$$set = (g) => {
-    "annotation" in g && n(0, i = g.annotation), "editor" in g && n(1, a = g.editor), "style" in g && n(2, s = g.style), "target" in g && n(3, l = g.target), "transform" in g && n(4, d = g.transform), "viewportScale" in g && n(5, p = g.viewportScale);
+  })), d.$on("change", (f) => {
+    d.$$set({ shape: f.detail }), r("change", f.detail);
+  }), d.$on("grab", (f) => r("grab", f.detail)), d.$on("release", (f) => r("release", f.detail)), () => {
+    d.$destroy();
+  })), t.$$set = (f) => {
+    "annotation" in f && n(0, i = f.annotation), "editor" in f && n(1, a = f.editor), "style" in f && n(2, s = f.style), "target" in f && n(3, l = f.target), "transform" in f && n(4, c = f.transform), "viewportScale" in f && n(5, p = f.viewportScale);
   }, t.$$.update = () => {
     t.$$.dirty & /*annotation, style*/
-    5 && (o = Ft(i, s)), t.$$.dirty & /*annotation, editorComponent*/
-    65 && i && (c == null || c.$set({ shape: i.target.selector })), t.$$.dirty & /*editorComponent, transform*/
-    80 && c && c.$set({ transform: d }), t.$$.dirty & /*editorComponent, viewportScale*/
-    96 && c && c.$set({ viewportScale: p });
-  }, [i, a, s, l, d, p, c];
+    5 && (o = Gt(i, s)), t.$$.dirty & /*annotation, editorComponent*/
+    65 && i && (d == null || d.$set({ shape: i.target.selector })), t.$$.dirty & /*editorComponent, transform*/
+    80 && d && d.$set({ transform: c }), t.$$.dirty & /*editorComponent, viewportScale*/
+    96 && d && d.$set({ viewportScale: p });
+  }, [i, a, s, l, c, p, d];
 }
-class xo extends nt {
+class bo extends nt {
   constructor(e) {
-    super(), et(this, e, $o, null, W, {
+    super(), et(this, e, $o, null, q, {
       annotation: 0,
       editor: 1,
       style: 2,
@@ -1933,35 +1933,35 @@ class xo extends nt {
     });
   }
 }
-function bo(t, e, n) {
+function xo(t, e, n) {
   const o = At();
-  let { drawingMode: r } = e, { target: i } = e, { tool: a } = e, { transform: s } = e, { viewportScale: l } = e, d;
-  return Mt(() => {
-    const p = i.closest("svg"), c = [], g = (h, m, x) => {
-      p.addEventListener(h, m, x), c.push(() => p.removeEventListener(h, m, x));
+  let { drawingMode: r } = e, { target: i } = e, { tool: a } = e, { transform: s } = e, { viewportScale: l } = e, c;
+  return Xt(() => {
+    const p = i.closest("svg"), d = [], f = (h, m, b) => {
+      p.addEventListener(h, m, b), d.push(() => p.removeEventListener(h, m, b));
     };
-    return n(5, d = new a({
+    return n(5, c = new a({
       target: i,
       props: {
-        addEventListener: g,
+        addEventListener: f,
         drawingMode: r,
         transform: s,
         viewportScale: l
       }
-    })), d.$on("create", (h) => o("create", h.detail)), () => {
-      c.forEach((h) => h()), d.$destroy();
+    })), c.$on("create", (h) => o("create", h.detail)), () => {
+      d.forEach((h) => h()), c.$destroy();
     };
   }), t.$$set = (p) => {
     "drawingMode" in p && n(0, r = p.drawingMode), "target" in p && n(1, i = p.target), "tool" in p && n(2, a = p.tool), "transform" in p && n(3, s = p.transform), "viewportScale" in p && n(4, l = p.viewportScale);
   }, t.$$.update = () => {
     t.$$.dirty & /*toolComponent, transform*/
-    40 && d && d.$set({ transform: s }), t.$$.dirty & /*toolComponent, viewportScale*/
-    48 && d && d.$set({ viewportScale: l });
-  }, [r, i, a, s, l, d];
+    40 && c && c.$set({ transform: s }), t.$$.dirty & /*toolComponent, viewportScale*/
+    48 && c && c.$set({ viewportScale: l });
+  }, [r, i, a, s, l, c];
 }
-class Eo extends nt {
+class vo extends nt {
   constructor(e) {
-    super(), et(this, e, bo, null, W, {
+    super(), et(this, e, xo, null, q, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -2017,7 +2017,7 @@ function Ae(t) {
       );
     },
     m(o, r) {
-      _(o, e, r), _(o, n, r);
+      M(o, e, r), M(o, n, r);
     },
     p(o, r) {
       r & /*x*/
@@ -2071,11 +2071,11 @@ function Ae(t) {
       );
     },
     d(o) {
-      o && Y(e), o && Y(n);
+      o && _(e), o && _(n);
     }
   };
 }
-function vo(t) {
+function Eo(t) {
   let e, n = (
     /*origin*/
     t[0] && Ae(t)
@@ -2085,63 +2085,63 @@ function vo(t) {
       e = R("g"), n && n.c(), u(e, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, r) {
-      _(o, e, r), n && n.m(e, null);
+      M(o, e, r), n && n.m(e, null);
     },
     p(o, [r]) {
       o[0] ? n ? n.p(o, r) : (n = Ae(o), n.c(), n.m(e, null)) : n && (n.d(1), n = null);
     },
-    i: U,
-    o: U,
+    i: Y,
+    o: Y,
     d(o) {
-      o && Y(e), n && n.d();
+      o && _(e), n && n.d();
     }
   };
 }
 function Ao(t, e, n) {
   const o = At();
-  let { addEventListener: r } = e, { drawingMode: i } = e, { transform: a } = e, s, l, d, p, c, g, h;
+  let { addEventListener: r } = e, { drawingMode: i } = e, { transform: a } = e, s, l, c, p, d, f, h;
   const m = (y) => {
-    s = performance.now(), i === "drag" && (n(0, l = a.elementToImage(y.offsetX, y.offsetY)), d = l, n(1, p = l[0]), n(2, c = l[1]), n(3, g = 1), n(4, h = 1));
-  }, x = (y) => {
-    l && (d = a.elementToImage(y.offsetX, y.offsetY), n(1, p = Math.min(d[0], l[0])), n(2, c = Math.min(d[1], l[1])), n(3, g = Math.abs(d[0] - l[0])), n(4, h = Math.abs(d[1] - l[1])));
+    s = performance.now(), i === "drag" && (n(0, l = a.elementToImage(y.offsetX, y.offsetY)), c = l, n(1, p = l[0]), n(2, d = l[1]), n(3, f = 1), n(4, h = 1));
+  }, b = (y) => {
+    l && (c = a.elementToImage(y.offsetX, y.offsetY), n(1, p = Math.min(c[0], l[0])), n(2, d = Math.min(c[1], l[1])), n(3, f = Math.abs(c[0] - l[0])), n(4, h = Math.abs(c[1] - l[1])));
   }, A = (y) => {
-    const E = performance.now() - s;
+    const v = performance.now() - s;
     if (i === "click") {
-      if (E > 300)
+      if (v > 300)
         return;
-      y.stopPropagation(), l ? $() : (n(0, l = a.elementToImage(y.offsetX, y.offsetY)), d = l, n(1, p = l[0]), n(2, c = l[1]), n(3, g = 1), n(4, h = 1));
+      y.stopPropagation(), l ? $() : (n(0, l = a.elementToImage(y.offsetX, y.offsetY)), c = l, n(1, p = l[0]), n(2, d = l[1]), n(3, f = 1), n(4, h = 1));
     } else
-      l && (E > 300 || g * h > 100 ? (y.stopPropagation(), $()) : (n(0, l = null), d = null));
+      l && (v > 300 || f * h > 100 ? (y.stopPropagation(), $()) : (n(0, l = null), c = null));
   }, $ = () => {
-    if (g * h > 15) {
+    if (f * h > 15) {
       const y = {
-        type: G.RECTANGLE,
+        type: U.RECTANGLE,
         geometry: {
           bounds: {
             minX: p,
-            minY: c,
-            maxX: p + g,
-            maxY: c + h
+            minY: d,
+            maxX: p + f,
+            maxY: d + h
           },
           x: p,
-          y: c,
-          w: g,
+          y: d,
+          w: f,
           h
         }
       };
       o("create", y);
     }
-    n(0, l = null), d = null;
+    n(0, l = null), c = null;
   };
-  return Mt(() => {
-    r("pointerdown", m), r("pointermove", x), r("pointerup", A, !0);
+  return Xt(() => {
+    r("pointerdown", m), r("pointermove", b), r("pointerup", A, !0);
   }), t.$$set = (y) => {
     "addEventListener" in y && n(5, r = y.addEventListener), "drawingMode" in y && n(6, i = y.drawingMode), "transform" in y && n(7, a = y.transform);
-  }, [l, p, c, g, h, r, i, a];
+  }, [l, p, d, f, h, r, i, a];
 }
 class To extends nt {
   constructor(e) {
-    super(), et(this, e, Ao, vo, W, {
+    super(), et(this, e, Ao, Eo, q, {
       addEventListener: 5,
       drawingMode: 6,
       transform: 7
@@ -2152,17 +2152,17 @@ const Kt = (t, e) => {
   const n = Math.abs(e[0] - t[0]), o = Math.abs(e[1] - t[1]);
   return Math.sqrt(Math.pow(n, 2) + Math.pow(o, 2));
 }, wt = [];
-function So(t, e = U) {
+function So(t, e = Y) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function r(s) {
-    if (W(t, s) && (t = s, n)) {
+    if (q(t, s) && (t = s, n)) {
       const l = !wt.length;
-      for (const d of o)
-        d[1](), wt.push(d, t);
+      for (const c of o)
+        c[1](), wt.push(c, t);
       if (l) {
-        for (let d = 0; d < wt.length; d += 2)
-          wt[d][0](wt[d + 1]);
+        for (let c = 0; c < wt.length; c += 2)
+          wt[c][0](wt[c + 1]);
         wt.length = 0;
       }
     }
@@ -2170,15 +2170,15 @@ function So(t, e = U) {
   function i(s) {
     r(s(t));
   }
-  function a(s, l = U) {
-    const d = [s, l];
-    return o.add(d), o.size === 1 && (n = e(r) || U), s(t), () => {
-      o.delete(d), o.size === 0 && n && (n(), n = null);
+  function a(s, l = Y) {
+    const c = [s, l];
+    return o.add(c), o.size === 1 && (n = e(r) || Y), s(t), () => {
+      o.delete(c), o.size === 0 && n && (n(), n = null);
     };
   }
   return { set: r, update: i, subscribe: a };
 }
-const Oo = (t, e) => {
+const Lo = (t, e) => {
   const { naturalWidth: n, naturalHeight: o } = t;
   if (!n && !o) {
     const { width: r, height: i } = t;
@@ -2188,8 +2188,8 @@ const Oo = (t, e) => {
     });
   } else
     e.setAttribute("viewBox", `0 0 ${n} ${o}`);
-}, Lo = (t, e) => {
-  Oo(t, e);
+}, Oo = (t, e) => {
+  Lo(t, e);
   const { subscribe: n, set: o } = So(1);
   let r;
   return window.ResizeObserver && (r = new ResizeObserver(() => {
@@ -2229,7 +2229,7 @@ function Te(t) {
       t[15]);
     },
     m(s, l) {
-      _(s, e, l), _(s, o, l), a && a.m(s, l), _(s, i, l);
+      M(s, e, l), M(s, o, l), a && a.m(s, l), M(s, i, l);
     },
     p(s, l) {
       l & /*isClosable, points, cursor*/
@@ -2240,7 +2240,7 @@ function Te(t) {
       s[2] ? a ? a.p(s, l) : (a = Se(s), a.c(), a.m(i.parentNode, i)) : a && (a.d(1), a = null);
     },
     d(s) {
-      s && Y(e), s && Y(o), a && a.d(s), s && Y(i);
+      s && _(e), s && _(o), a && a.d(s), s && _(i);
     }
   };
 }
@@ -2265,7 +2265,7 @@ function Se(t) {
       );
     },
     m(r, i) {
-      _(r, e, i);
+      M(r, e, i);
     },
     p(r, i) {
       i & /*points, handleSize*/
@@ -2289,11 +2289,11 @@ function Se(t) {
       );
     },
     d(r) {
-      r && Y(e);
+      r && _(e);
     }
   };
 }
-function Yo(t) {
+function _o(t) {
   let e, n = (
     /*cursor*/
     t[1] && Te(Jt(t))
@@ -2303,71 +2303,71 @@ function Yo(t) {
       e = R("g"), n && n.c(), u(e, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, r) {
-      _(o, e, r), n && n.m(e, null);
+      M(o, e, r), n && n.m(e, null);
     },
     p(o, [r]) {
       o[1] ? n ? n.p(Jt(o), r) : (n = Te(Jt(o)), n.c(), n.m(e, null)) : n && (n.d(1), n = null);
     },
-    i: U,
-    o: U,
+    i: Y,
+    o: Y,
     d(o) {
-      o && Y(e), n && n.d();
+      o && _(e), n && n.d();
     }
   };
 }
-const _o = 20;
-function Mo(t, e, n) {
+const Mo = 20;
+function Xo(t, e, n) {
   let o;
   const r = At();
-  let { addEventListener: i } = e, { drawingMode: a } = e, { transform: s } = e, { viewportScale: l = 1 } = e, d, p = [], c = null, g = !1;
+  let { addEventListener: i } = e, { drawingMode: a } = e, { transform: s } = e, { viewportScale: l = 1 } = e, c, p = [], d = null, f = !1;
   const h = (y) => {
-    const { timeStamp: E, offsetX: v, offsetY: X } = y;
-    if (d = { timeStamp: E, offsetX: v, offsetY: X }, a === "drag" && p.length === 0) {
-      const I = s.elementToImage(y.offsetX, y.offsetY);
-      p.push(I), n(1, c = I);
+    const { timeStamp: v, offsetX: E, offsetY: P } = y;
+    if (c = { timeStamp: v, offsetX: E, offsetY: P }, a === "drag" && p.length === 0) {
+      const C = s.elementToImage(y.offsetX, y.offsetY);
+      p.push(C), n(1, d = C);
     }
   }, m = (y) => {
-    if (p.length > 0 && (n(1, c = s.elementToImage(y.offsetX, y.offsetY)), p.length > 2)) {
-      const E = Kt(c, p[0]) * l;
-      n(2, g = E < _o);
+    if (p.length > 0 && (n(1, d = s.elementToImage(y.offsetX, y.offsetY)), p.length > 2)) {
+      const v = Kt(d, p[0]) * l;
+      n(2, f = v < Mo);
     }
-  }, x = (y) => {
+  }, b = (y) => {
     if (a === "click") {
-      const E = y.timeStamp - d.timeStamp, v = Kt([d.offsetX, d.offsetY], [y.offsetX, y.offsetY]);
-      if (E > 300 || v > 15)
+      const v = y.timeStamp - c.timeStamp, E = Kt([c.offsetX, c.offsetY], [y.offsetX, y.offsetY]);
+      if (v > 300 || E > 15)
         return;
-      if (g)
+      if (f)
         $();
       else if (p.length === 0) {
-        const X = s.elementToImage(y.offsetX, y.offsetY);
-        p.push(X), n(1, c = X);
+        const P = s.elementToImage(y.offsetX, y.offsetY);
+        p.push(P), n(1, d = P);
       } else
-        p.push(c);
+        p.push(d);
     } else {
-      if (p.length === 1 && Kt(p[0], c) <= 4) {
-        n(0, p = []), n(1, c = null);
+      if (p.length === 1 && Kt(p[0], d) <= 4) {
+        n(0, p = []), n(1, d = null);
         return;
       }
-      y.stopImmediatePropagation(), g ? $() : p.push(c);
+      y.stopImmediatePropagation(), f ? $() : p.push(d);
     }
   }, A = () => {
-    const y = [...p, c], E = {
-      type: G.POLYGON,
-      geometry: { bounds: Gt(y), points: y }
+    const y = [...p, d], v = {
+      type: U.POLYGON,
+      geometry: { bounds: Ut(y), points: y }
     };
-    oe(E) > 4 && (n(0, p = []), n(1, c = null), r("create", E));
+    oe(v) > 4 && (n(0, p = []), n(1, d = null), r("create", v));
   }, $ = () => {
     const y = {
-      type: G.POLYGON,
+      type: U.POLYGON,
       geometry: {
-        bounds: Gt(p),
+        bounds: Ut(p),
         points: [...p]
       }
     };
-    n(0, p = []), n(1, c = null), r("create", y);
+    n(0, p = []), n(1, d = null), r("create", y);
   };
-  return Mt(() => {
-    i("pointerdown", h, !0), i("pointermove", m), i("pointerup", x, !0), i("dblclick", A, !0);
+  return Xt(() => {
+    i("pointerdown", h, !0), i("pointermove", m), i("pointerup", b, !0), i("dblclick", A, !0);
   }), t.$$set = (y) => {
     "addEventListener" in y && n(4, i = y.addEventListener), "drawingMode" in y && n(5, a = y.drawingMode), "transform" in y && n(6, s = y.transform), "viewportScale" in y && n(7, l = y.viewportScale);
   }, t.$$.update = () => {
@@ -2375,8 +2375,8 @@ function Mo(t, e, n) {
     128 && n(3, o = 10 / l);
   }, [
     p,
-    c,
-    g,
+    d,
+    f,
     o,
     i,
     a,
@@ -2386,7 +2386,7 @@ function Mo(t, e, n) {
 }
 class Bo extends nt {
   constructor(e) {
-    super(), et(this, e, Mo, Yo, W, {
+    super(), et(this, e, Xo, _o, q, {
       addEventListener: 4,
       drawingMode: 5,
       transform: 6,
@@ -2394,11 +2394,11 @@ class Bo extends nt {
     });
   }
 }
-const de = /* @__PURE__ */ new Map([
+const ce = /* @__PURE__ */ new Map([
   ["rectangle", { tool: To }],
   ["polygon", { tool: Bo }]
-]), re = () => [...de.keys()], Je = (t) => de.get(t), Xo = (t, e, n) => de.set(t, { tool: e, opts: n });
-function Co(t) {
+]), re = () => [...ce.keys()], Je = (t) => ce.get(t), Po = (t, e, n) => ce.set(t, { tool: e, opts: n });
+function Io(t) {
   let e, n, o, r, i;
   return {
     c() {
@@ -2452,7 +2452,7 @@ function Co(t) {
       t[0].id);
     },
     m(a, s) {
-      _(a, e, s), lt(e, n), lt(e, r);
+      M(a, e, s), lt(e, n), lt(e, r);
     },
     p(a, [s]) {
       s & /*computedStyle*/
@@ -2467,26 +2467,26 @@ function Co(t) {
       1 && i !== (i = /*annotation*/
       a[0].id) && u(e, "data-id", i);
     },
-    i: U,
-    o: U,
+    i: Y,
+    o: Y,
     d(a) {
-      a && Y(e);
+      a && _(e);
     }
   };
 }
-function Io(t, e, n) {
+function Co(t, e, n) {
   let o, { annotation: r } = e, { geom: i } = e, { style: a = void 0 } = e;
-  const { cx: s, cy: l, rx: d, ry: p } = i;
-  return t.$$set = (c) => {
-    "annotation" in c && n(0, r = c.annotation), "geom" in c && n(6, i = c.geom), "style" in c && n(7, a = c.style);
+  const { cx: s, cy: l, rx: c, ry: p } = i;
+  return t.$$set = (d) => {
+    "annotation" in d && n(0, r = d.annotation), "geom" in d && n(6, i = d.geom), "style" in d && n(7, a = d.style);
   }, t.$$.update = () => {
     t.$$.dirty & /*annotation, style*/
-    129 && n(1, o = Ft(r, a));
-  }, [r, o, s, l, d, p, i, a];
+    129 && n(1, o = Gt(r, a));
+  }, [r, o, s, l, c, p, i, a];
 }
 class Ro extends nt {
   constructor(e) {
-    super(), et(this, e, Io, Co, W, { annotation: 0, geom: 6, style: 7 });
+    super(), et(this, e, Co, Io, q, { annotation: 0, geom: 6, style: 7 });
   }
 }
 function No(t) {
@@ -2498,7 +2498,7 @@ function No(t) {
         n,
         "points",
         /*points*/
-        t[2].map(Vo).join(" ")
+        t[2].map(Do).join(" ")
       ), u(r, "class", "a9s-inner"), u(
         r,
         "style",
@@ -2513,7 +2513,7 @@ function No(t) {
       t[0].id);
     },
     m(a, s) {
-      _(a, e, s), lt(e, n), lt(e, r);
+      M(a, e, s), lt(e, n), lt(e, r);
     },
     p(a, [s]) {
       s & /*computedStyle*/
@@ -2528,30 +2528,30 @@ function No(t) {
       1 && i !== (i = /*annotation*/
       a[0].id) && u(e, "data-id", i);
     },
-    i: U,
-    o: U,
+    i: Y,
+    o: Y,
     d(a) {
-      a && Y(e);
+      a && _(e);
     }
   };
 }
-const Vo = (t) => t.join(","), ko = (t) => t.join(",");
-function Do(t, e, n) {
+const Do = (t) => t.join(","), ko = (t) => t.join(",");
+function Vo(t, e, n) {
   let o, { annotation: r } = e, { geom: i } = e, { style: a = void 0 } = e;
   const { points: s } = i;
   return t.$$set = (l) => {
     "annotation" in l && n(0, r = l.annotation), "geom" in l && n(3, i = l.geom), "style" in l && n(4, a = l.style);
   }, t.$$.update = () => {
     t.$$.dirty & /*annotation, style*/
-    17 && n(1, o = Ft(r, a));
+    17 && n(1, o = Gt(r, a));
   }, [r, o, s, i, a];
 }
-class Uo extends nt {
+class Yo extends nt {
   constructor(e) {
-    super(), et(this, e, Do, No, W, { annotation: 0, geom: 3, style: 4 });
+    super(), et(this, e, Vo, No, q, { annotation: 0, geom: 3, style: 4 });
   }
 }
-function Go(t) {
+function Uo(t) {
   let e, n, o, r, i;
   return {
     c() {
@@ -2605,7 +2605,7 @@ function Go(t) {
       t[0].id);
     },
     m(a, s) {
-      _(a, e, s), lt(e, n), lt(e, r);
+      M(a, e, s), lt(e, n), lt(e, r);
     },
     p(a, [s]) {
       s & /*computedStyle*/
@@ -2668,29 +2668,29 @@ function Go(t) {
       1 && i !== (i = /*annotation*/
       a[0].id) && u(e, "data-id", i);
     },
-    i: U,
-    o: U,
+    i: Y,
+    o: Y,
     d(a) {
-      a && Y(e);
+      a && _(e);
     }
   };
 }
-function Fo(t, e, n) {
-  let o, r, i, a, s, { annotation: l } = e, { geom: d } = e, { style: p = void 0 } = e;
-  return t.$$set = (c) => {
-    "annotation" in c && n(0, l = c.annotation), "geom" in c && n(6, d = c.geom), "style" in c && n(7, p = c.style);
+function Go(t, e, n) {
+  let o, r, i, a, s, { annotation: l } = e, { geom: c } = e, { style: p = void 0 } = e;
+  return t.$$set = (d) => {
+    "annotation" in d && n(0, l = d.annotation), "geom" in d && n(6, c = d.geom), "style" in d && n(7, p = d.style);
   }, t.$$.update = () => {
     t.$$.dirty & /*annotation, style*/
-    129 && n(5, o = Ft(l, p)), t.$$.dirty & /*geom*/
-    64 && n(4, { x: r, y: i, w: a, h: s } = d, r, (n(3, i), n(6, d)), (n(2, a), n(6, d)), (n(1, s), n(6, d)));
-  }, [l, s, a, i, r, o, d, p];
+    129 && n(5, o = Gt(l, p)), t.$$.dirty & /*geom*/
+    64 && n(4, { x: r, y: i, w: a, h: s } = c, r, (n(3, i), n(6, c)), (n(2, a), n(6, c)), (n(1, s), n(6, c)));
+  }, [l, s, a, i, r, o, c, p];
 }
-class Ho extends nt {
+class Fo extends nt {
   constructor(e) {
-    super(), et(this, e, Fo, Go, W, { annotation: 0, geom: 6, style: 7 });
+    super(), et(this, e, Go, Uo, q, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const Po = (t) => ({
+const Ho = (t) => ({
   elementToImage: (e, n) => {
     const o = t.getBoundingClientRect(), r = t.createSVGPoint();
     r.x = e + o.x, r.y = n + o.y;
@@ -2702,19 +2702,19 @@ const Po = (t) => ({
   let o;
   return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
     if (performance.now() - o < jo) {
-      const { x: i, y: a } = qo(r, t), s = e.getAt(i, a);
+      const { x: i, y: a } = Wo(r, t), s = e.getAt(i, a);
       s ? n("click", { originalEvent: r, annotation: s }) : n("click", { originalEvent: r });
     }
   } };
-}, qo = (t, e) => {
+}, Wo = (t, e) => {
   const n = e.createSVGPoint(), o = e.getBoundingClientRect(), r = t.clientX - o.x, i = t.clientY - o.y, { left: a, top: s } = e.getBoundingClientRect();
   return n.x = r + a, n.y = i + s, n.matrixTransform(e.getScreenCTM().inverse());
 };
-function Oe(t, e, n) {
+function Le(t, e, n) {
   const o = t.slice();
   return o[29] = e[n], o;
 }
-function Le(t, e, n) {
+function Oe(t, e, n) {
   const o = t.slice();
   return o[32] = e[n], o;
 }
@@ -2725,22 +2725,22 @@ function Zt(t) {
   );
   return e[35] = n, e;
 }
-function Ye(t) {
+function _e(t) {
   let e = (
     /*annotation*/
     t[32].id
-  ), n, o, r = _e(t);
+  ), n, o, r = Me(t);
   return {
     c() {
       r.c(), n = at();
     },
     m(i, a) {
-      r.m(i, a), _(i, n, a), o = !0;
+      r.m(i, a), M(i, n, a), o = !0;
     },
     p(i, a) {
       a[0] & /*$store*/
-      8192 && W(e, e = /*annotation*/
-      i[32].id) ? (ot(), k(r, 1, 1, U), rt(), r = _e(i), r.c(), N(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
+      8192 && q(e, e = /*annotation*/
+      i[32].id) ? (ot(), k(r, 1, 1, Y), rt(), r = Me(i), r.c(), N(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
     },
     i(i) {
       o || (N(r), o = !0);
@@ -2749,13 +2749,13 @@ function Ye(t) {
       k(r), o = !1;
     },
     d(i) {
-      i && Y(n), r.d(i);
+      i && _(n), r.d(i);
     }
   };
 }
-function Wo(t) {
+function qo(t) {
   let e, n;
-  return e = new Uo({
+  return e = new Yo({
     props: {
       annotation: (
         /*annotation*/
@@ -2775,7 +2775,7 @@ function Wo(t) {
       pt(e.$$.fragment);
     },
     m(o, r) {
-      dt(e, o, r), n = !0;
+      ct(e, o, r), n = !0;
     },
     p(o, r) {
       const i = {};
@@ -2794,13 +2794,13 @@ function Wo(t) {
       k(e.$$.fragment, o), n = !1;
     },
     d(o) {
-      ct(e, o);
+      dt(e, o);
     }
   };
 }
 function Ko(t) {
   let e, n;
-  return e = new Ho({
+  return e = new Fo({
     props: {
       annotation: (
         /*annotation*/
@@ -2820,7 +2820,7 @@ function Ko(t) {
       pt(e.$$.fragment);
     },
     m(o, r) {
-      dt(e, o, r), n = !0;
+      ct(e, o, r), n = !0;
     },
     p(o, r) {
       const i = {};
@@ -2839,7 +2839,7 @@ function Ko(t) {
       k(e.$$.fragment, o), n = !1;
     },
     d(o) {
-      ct(e, o);
+      dt(e, o);
     }
   };
 }
@@ -2865,7 +2865,7 @@ function Jo(t) {
       pt(e.$$.fragment);
     },
     m(o, r) {
-      dt(e, o, r), n = !0;
+      ct(e, o, r), n = !0;
     },
     p(o, r) {
       const i = {};
@@ -2884,21 +2884,21 @@ function Jo(t) {
       k(e.$$.fragment, o), n = !1;
     },
     d(o) {
-      ct(e, o);
+      dt(e, o);
     }
   };
 }
-function _e(t) {
+function Me(t) {
   let e, n, o, r;
-  const i = [Jo, Ko, Wo], a = [];
-  function s(l, d) {
+  const i = [Jo, Ko, qo], a = [];
+  function s(l, c) {
     return (
       /*selector*/
-      l[35].type === G.ELLIPSE ? 0 : (
+      l[35].type === U.ELLIPSE ? 0 : (
         /*selector*/
-        l[35].type === G.RECTANGLE ? 1 : (
+        l[35].type === U.RECTANGLE ? 1 : (
           /*selector*/
-          l[35].type === G.POLYGON ? 2 : -1
+          l[35].type === U.POLYGON ? 2 : -1
         )
       )
     );
@@ -2907,14 +2907,14 @@ function _e(t) {
     c() {
       n && n.c(), o = at();
     },
-    m(l, d) {
-      ~e && a[e].m(l, d), _(l, o, d), r = !0;
+    m(l, c) {
+      ~e && a[e].m(l, c), M(l, o, c), r = !0;
     },
-    p(l, d) {
+    p(l, c) {
       let p = e;
-      e = s(l), e === p ? ~e && a[e].p(l, d) : (n && (ot(), k(a[p], 1, 1, () => {
+      e = s(l), e === p ? ~e && a[e].p(l, c) : (n && (ot(), k(a[p], 1, 1, () => {
         a[p] = null;
-      }), rt()), ~e ? (n = a[e], n ? n.p(l, d) : (n = a[e] = i[e](l), n.c()), N(n, 1), n.m(o.parentNode, o)) : n = null);
+      }), rt()), ~e ? (n = a[e], n ? n.p(l, c) : (n = a[e] = i[e](l), n.c()), N(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(l) {
       r || (N(n), r = !0);
@@ -2923,22 +2923,22 @@ function _e(t) {
       k(n), r = !1;
     },
     d(l) {
-      ~e && a[e].d(l), l && Y(o);
+      ~e && a[e].d(l), l && _(o);
     }
   };
 }
-function Me(t) {
+function Xe(t) {
   let e = !/*isEditable*/
   t[7](
     /*annotation*/
     t[32]
-  ), n, o, r = e && Ye(Zt(t));
+  ), n, o, r = e && _e(Zt(t));
   return {
     c() {
       r && r.c(), n = at();
     },
     m(i, a) {
-      r && r.m(i, a), _(i, n, a), o = !0;
+      r && r.m(i, a), M(i, n, a), o = !0;
     },
     p(i, a) {
       a[0] & /*isEditable, $store*/
@@ -2947,7 +2947,7 @@ function Me(t) {
         /*annotation*/
         i[32]
       )), e ? r ? (r.p(Zt(i), a), a[0] & /*isEditable, $store*/
-      8320 && N(r, 1)) : (r = Ye(Zt(i)), r.c(), N(r, 1), r.m(n.parentNode, n)) : r && (ot(), k(r, 1, 1, () => {
+      8320 && N(r, 1)) : (r = _e(Zt(i)), r.c(), N(r, 1), r.m(n.parentNode, n)) : r && (ot(), k(r, 1, 1, () => {
         r = null;
       }), rt());
     },
@@ -2958,14 +2958,14 @@ function Me(t) {
       k(r), o = !1;
     },
     d(i) {
-      r && r.d(i), i && Y(n);
+      r && r.d(i), i && _(n);
     }
   };
 }
 function Be(t) {
   let e, n, o, r;
   const i = [Qo, Zo], a = [];
-  function s(l, d) {
+  function s(l, c) {
     return (
       /*editableAnnotations*/
       l[6] ? 0 : (
@@ -2979,14 +2979,14 @@ function Be(t) {
     c() {
       n && n.c(), o = at();
     },
-    m(l, d) {
-      ~e && a[e].m(l, d), _(l, o, d), r = !0;
+    m(l, c) {
+      ~e && a[e].m(l, c), M(l, o, c), r = !0;
     },
-    p(l, d) {
+    p(l, c) {
       let p = e;
-      e = s(l), e === p ? ~e && a[e].p(l, d) : (n && (ot(), k(a[p], 1, 1, () => {
+      e = s(l), e === p ? ~e && a[e].p(l, c) : (n && (ot(), k(a[p], 1, 1, () => {
         a[p] = null;
-      }), rt()), ~e ? (n = a[e], n ? n.p(l, d) : (n = a[e] = i[e](l), n.c()), N(n, 1), n.m(o.parentNode, o)) : n = null);
+      }), rt()), ~e ? (n = a[e], n ? n.p(l, c) : (n = a[e] = i[e](l), n.c()), N(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(l) {
       r || (N(n), r = !0);
@@ -2995,7 +2995,7 @@ function Be(t) {
       k(n), r = !1;
     },
     d(l) {
-      ~e && a[e].d(l), l && Y(o);
+      ~e && a[e].d(l), l && _(o);
     }
   };
 }
@@ -3003,18 +3003,18 @@ function Zo(t) {
   let e = (
     /*toolName*/
     t[2]
-  ), n, o, r = Xe(t);
+  ), n, o, r = Pe(t);
   return {
     c() {
       r.c(), n = at();
     },
     m(i, a) {
-      r.m(i, a), _(i, n, a), o = !0;
+      r.m(i, a), M(i, n, a), o = !0;
     },
     p(i, a) {
       a[0] & /*toolName*/
-      4 && W(e, e = /*toolName*/
-      i[2]) ? (ot(), k(r, 1, 1, U), rt(), r = Xe(i), r.c(), N(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
+      4 && q(e, e = /*toolName*/
+      i[2]) ? (ot(), k(r, 1, 1, Y), rt(), r = Pe(i), r.c(), N(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
     },
     i(i) {
       o || (N(r), o = !0);
@@ -3023,7 +3023,7 @@ function Zo(t) {
       k(r), o = !1;
     },
     d(i) {
-      i && Y(n), r.d(i);
+      i && _(n), r.d(i);
     }
   };
 }
@@ -3033,7 +3033,7 @@ function Qo(t) {
     t[6]
   ), r = [];
   for (let a = 0; a < o.length; a += 1)
-    r[a] = Ie(Oe(t, o, a));
+    r[a] = Ce(Le(t, o, a));
   const i = (a) => k(r[a], 1, 1, () => {
     r[a] = null;
   });
@@ -3046,7 +3046,7 @@ function Qo(t) {
     m(a, s) {
       for (let l = 0; l < r.length; l += 1)
         r[l] && r[l].m(a, s);
-      _(a, e, s), n = !0;
+      M(a, e, s), n = !0;
     },
     p(a, s) {
       if (s[0] & /*editableAnnotations, drawingEl, style, transform, $scale, onChangeSelected*/
@@ -3055,8 +3055,8 @@ function Qo(t) {
         a[6];
         let l;
         for (l = 0; l < o.length; l += 1) {
-          const d = Oe(a, o, l);
-          r[l] ? (r[l].p(d, s), N(r[l], 1)) : (r[l] = Ie(d), r[l].c(), N(r[l], 1), r[l].m(e.parentNode, e));
+          const c = Le(a, o, l);
+          r[l] ? (r[l].p(c, s), N(r[l], 1)) : (r[l] = Ce(c), r[l].c(), N(r[l], 1), r[l].m(e.parentNode, e));
         }
         for (ot(), l = o.length; l < r.length; l += 1)
           i(l);
@@ -3077,13 +3077,13 @@ function Qo(t) {
       n = !1;
     },
     d(a) {
-      ie(r, a), a && Y(e);
+      ie(r, a), a && _(e);
     }
   };
 }
-function Xe(t) {
+function Pe(t) {
   let e, n;
-  return e = new Eo({
+  return e = new vo({
     props: {
       target: (
         /*drawingEl*/
@@ -3115,7 +3115,7 @@ function Xe(t) {
       pt(e.$$.fragment);
     },
     m(o, r) {
-      dt(e, o, r), n = !0;
+      ct(e, o, r), n = !0;
     },
     p(o, r) {
       const i = {};
@@ -3138,19 +3138,19 @@ function Xe(t) {
       k(e.$$.fragment, o), n = !1;
     },
     d(o) {
-      ct(e, o);
+      dt(e, o);
     }
   };
 }
-function Ce(t) {
+function Ie(t) {
   let e, n;
-  return e = new xo({
+  return e = new bo({
     props: {
       target: (
         /*drawingEl*/
         t[4]
       ),
-      editor: Ee(
+      editor: ve(
         /*editable*/
         t[29].target.selector
       ),
@@ -3172,7 +3172,7 @@ function Ce(t) {
       )
     }
   }), e.$on("change", function() {
-    H(
+    F(
       /*onChangeSelected*/
       t[18](
         /*editable*/
@@ -3187,7 +3187,7 @@ function Ce(t) {
       pt(e.$$.fragment);
     },
     m(o, r) {
-      dt(e, o, r), n = !0;
+      ct(e, o, r), n = !0;
     },
     p(o, r) {
       t = o;
@@ -3195,7 +3195,7 @@ function Ce(t) {
       r[0] & /*drawingEl*/
       16 && (i.target = /*drawingEl*/
       t[4]), r[0] & /*editableAnnotations*/
-      64 && (i.editor = Ee(
+      64 && (i.editor = ve(
         /*editable*/
         t[29].target.selector
       )), r[0] & /*editableAnnotations*/
@@ -3215,26 +3215,26 @@ function Ce(t) {
       k(e.$$.fragment, o), n = !1;
     },
     d(o) {
-      ct(e, o);
+      dt(e, o);
     }
   };
 }
-function Ie(t) {
+function Ce(t) {
   let e = (
     /*editable*/
     t[29].id
-  ), n, o, r = Ce(t);
+  ), n, o, r = Ie(t);
   return {
     c() {
       r.c(), n = at();
     },
     m(i, a) {
-      r.m(i, a), _(i, n, a), o = !0;
+      r.m(i, a), M(i, n, a), o = !0;
     },
     p(i, a) {
       a[0] & /*editableAnnotations*/
-      64 && W(e, e = /*editable*/
-      i[29].id) ? (ot(), k(r, 1, 1, U), rt(), r = Ce(i), r.c(), N(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
+      64 && q(e, e = /*editable*/
+      i[29].id) ? (ot(), k(r, 1, 1, Y), rt(), r = Ie(i), r.c(), N(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
     },
     i(i) {
       o || (N(r), o = !0);
@@ -3243,7 +3243,7 @@ function Ie(t) {
       k(r), o = !1;
     },
     d(i) {
-      i && Y(n), r.d(i);
+      i && _(n), r.d(i);
     }
   };
 }
@@ -3252,10 +3252,10 @@ function tr(t) {
     /*$store*/
     t[13]
   ), l = [];
-  for (let c = 0; c < s.length; c += 1)
-    l[c] = Me(Le(t, s, c));
-  const d = (c) => k(l[c], 1, 1, () => {
-    l[c] = null;
+  for (let d = 0; d < s.length; d += 1)
+    l[d] = Xe(Oe(t, s, d));
+  const c = (d) => k(l[d], 1, 1, () => {
+    l[d] = null;
   });
   let p = (
     /*drawingEl*/
@@ -3264,8 +3264,8 @@ function tr(t) {
   return {
     c() {
       e = R("svg"), n = R("g");
-      for (let c = 0; c < l.length; c += 1)
-        l[c].c();
+      for (let d = 0; d < l.length; d += 1)
+        l[d].c();
       o = R("g"), p && p.c(), u(o, "class", "drawing"), u(e, "class", "a9s-annotationlayer"), pe(
         e,
         "drawing",
@@ -3273,43 +3273,43 @@ function tr(t) {
         t[12]
       );
     },
-    m(c, g) {
-      _(c, e, g), lt(e, n);
+    m(d, f) {
+      M(d, e, f), lt(e, n);
       for (let h = 0; h < l.length; h += 1)
         l[h] && l[h].m(n, null);
       lt(e, o), p && p.m(o, null), t[25](o), t[26](e), r = !0, i || (a = [
         z(e, "pointerup", function() {
-          H(
+          F(
             /*onPointerUp*/
             t[8]
           ) && t[8].apply(this, arguments);
         }),
         z(e, "pointerdown", function() {
-          H(
+          F(
             /*onPointerDown*/
             t[9]
           ) && t[9].apply(this, arguments);
         })
       ], i = !0);
     },
-    p(c, g) {
-      if (t = c, g[0] & /*$store, style, isEditable*/
+    p(d, f) {
+      if (t = d, f[0] & /*$store, style, isEditable*/
       8322) {
         s = /*$store*/
         t[13];
         let h;
         for (h = 0; h < s.length; h += 1) {
-          const m = Le(t, s, h);
-          l[h] ? (l[h].p(m, g), N(l[h], 1)) : (l[h] = Me(m), l[h].c(), N(l[h], 1), l[h].m(n, null));
+          const m = Oe(t, s, h);
+          l[h] ? (l[h].p(m, f), N(l[h], 1)) : (l[h] = Xe(m), l[h].c(), N(l[h], 1), l[h].m(n, null));
         }
         for (ot(), h = s.length; h < l.length; h += 1)
-          d(h);
+          c(h);
         rt();
       }
-      t[4] ? p ? (p.p(t, g), g[0] & /*drawingEl*/
+      t[4] ? p ? (p.p(t, f), f[0] & /*drawingEl*/
       16 && N(p, 1)) : (p = Be(t), p.c(), N(p, 1), p.m(o, null)) : p && (ot(), k(p, 1, 1, () => {
         p = null;
-      }), rt()), (!r || g[0] & /*tool*/
+      }), rt()), (!r || f[0] & /*tool*/
       4096) && pe(
         e,
         "drawing",
@@ -3317,109 +3317,109 @@ function tr(t) {
         t[12]
       );
     },
-    i(c) {
+    i(d) {
       if (!r) {
-        for (let g = 0; g < s.length; g += 1)
-          N(l[g]);
+        for (let f = 0; f < s.length; f += 1)
+          N(l[f]);
         N(p), r = !0;
       }
     },
-    o(c) {
+    o(d) {
       l = l.filter(Boolean);
-      for (let g = 0; g < l.length; g += 1)
-        k(l[g]);
+      for (let f = 0; f < l.length; f += 1)
+        k(l[f]);
       k(p), r = !1;
     },
-    d(c) {
-      c && Y(e), ie(l, c), p && p.d(), t[25](null), t[26](null), i = !1, it(a);
+    d(d) {
+      d && _(e), ie(l, d), p && p.d(), t[25](null), t[26](null), i = !1, it(a);
     }
   };
 }
 function er(t, e, n) {
-  let o, r, i, a, s, l, d, p, c, g, h = U, m = () => (h(), h = De(f, (L) => n(14, g = L)), f);
+  let o, r, i, a, s, l, c, p, d, f, h = Y, m = () => (h(), h = Ve(g, (O) => n(14, f = O)), g);
   t.$$.on_destroy.push(() => h());
-  let { drawingEnabled: x } = e, { image: A } = e, { preferredDrawingMode: $ } = e, { state: y } = e, { style: E = void 0 } = e, { toolName: v = re().length > 0 ? re()[0] : void 0 } = e, { user: X } = e, I, V, f;
-  Mt(() => m(n(5, f = Lo(A, V))));
-  const { selection: b, store: w } = y;
-  he(t, b, (L) => n(24, p = L)), he(t, w, (L) => n(13, c = L));
-  let S = null, M = null;
-  const C = (L) => {
+  let { drawingEnabled: b } = e, { image: A } = e, { preferredDrawingMode: $ } = e, { state: y } = e, { style: v = void 0 } = e, { toolName: E = re().length > 0 ? re()[0] : void 0 } = e, { user: P } = e, C, D, g;
+  Xt(() => m(n(5, g = Oo(A, D))));
+  const { selection: x, store: w } = y;
+  he(t, x, (O) => n(24, p = O)), he(t, w, (O) => n(13, d = O));
+  let S = null, X = null;
+  const I = (O) => {
     w.unobserve(S);
-    const q = L.filter(({ editable: F }) => F).map(({ id: F }) => F);
-    q.length > 0 ? (n(6, M = q.map((F) => w.getAnnotation(F))), S = (F) => {
-      const { updated: Q } = F.changes;
-      n(6, M = Q.map((P) => P.newValue));
-    }, w.observe(S, { annotations: q })) : n(6, M = null);
-  }, K = (L) => {
-    const q = je(), F = {
-      id: q,
+    const W = O.filter(({ editable: G }) => G).map(({ id: G }) => G);
+    W.length > 0 ? (n(6, X = W.map((G) => w.getAnnotation(G))), S = (G) => {
+      const { updated: Q } = G.changes;
+      n(6, X = Q.map((H) => H.newValue));
+    }, w.observe(S, { annotations: W })) : n(6, X = null);
+  }, K = (O) => {
+    const W = je(), G = {
+      id: W,
       bodies: [],
       target: {
-        annotation: q,
-        selector: L.detail,
-        creator: X,
+        annotation: W,
+        selector: O.detail,
+        creator: P,
         created: /* @__PURE__ */ new Date()
       }
     };
-    w.addAnnotation(F), b.setSelected(F.id);
-  }, gt = (L) => (q) => {
-    var F;
-    const { target: Q } = L, P = 10 * 60 * 1e3, st = ((F = Q.creator) == null ? void 0 : F.id) !== X.id || !Q.created || (/* @__PURE__ */ new Date()).getTime() - Q.created.getTime() > P;
+    w.addAnnotation(G), x.setSelected(G.id);
+  }, ft = (O) => (W) => {
+    var G;
+    const { target: Q } = O, H = 10 * 60 * 1e3, st = ((G = Q.creator) == null ? void 0 : G.id) !== P.id || !Q.created || (/* @__PURE__ */ new Date()).getTime() - Q.created.getTime() > H;
     w.updateTarget({
       ...Q,
-      selector: q.detail,
+      selector: W.detail,
       created: st ? Q.created : /* @__PURE__ */ new Date(),
       updated: st ? /* @__PURE__ */ new Date() : null,
-      updatedBy: st ? X : null
+      updatedBy: st ? P : null
     });
   };
-  function ft(L) {
-    Ut[L ? "unshift" : "push"](() => {
-      I = L, n(4, I);
+  function gt(O) {
+    Yt[O ? "unshift" : "push"](() => {
+      C = O, n(4, C);
     });
   }
-  function Tt(L) {
-    Ut[L ? "unshift" : "push"](() => {
-      V = L, n(3, V);
+  function Tt(O) {
+    Yt[O ? "unshift" : "push"](() => {
+      D = O, n(3, D);
     });
   }
-  return t.$$set = (L) => {
-    "drawingEnabled" in L && n(0, x = L.drawingEnabled), "image" in L && n(19, A = L.image), "preferredDrawingMode" in L && n(20, $ = L.preferredDrawingMode), "state" in L && n(21, y = L.state), "style" in L && n(1, E = L.style), "toolName" in L && n(2, v = L.toolName), "user" in L && n(22, X = L.user);
+  return t.$$set = (O) => {
+    "drawingEnabled" in O && n(0, b = O.drawingEnabled), "image" in O && n(19, A = O.image), "preferredDrawingMode" in O && n(20, $ = O.preferredDrawingMode), "state" in O && n(21, y = O.state), "style" in O && n(1, v = O.style), "toolName" in O && n(2, E = O.toolName), "user" in O && n(22, P = O.user);
   }, t.$$.update = () => {
     t.$$.dirty[0] & /*toolName*/
-    4 && n(12, { tool: o, opts: r } = Je(v), o, (n(23, r), n(2, v))), t.$$.dirty[0] & /*opts, preferredDrawingMode*/
+    4 && n(12, { tool: o, opts: r } = Je(E), o, (n(23, r), n(2, E))), t.$$.dirty[0] & /*opts, preferredDrawingMode*/
     9437184 && n(11, i = (r == null ? void 0 : r.drawingMode) || $), t.$$.dirty[0] & /*svgEl*/
-    8 && n(10, a = Po(V)), t.$$.dirty[0] & /*svgEl*/
-    8 && n(9, { onPointerDown: s, onPointerUp: l } = zo(V, w), s, (n(8, l), n(3, V))), t.$$.dirty[0] & /*$selection*/
-    16777216 && n(7, d = (L) => p.selected.find((q) => q.id === L.id && q.editable)), t.$$.dirty[0] & /*$selection*/
-    16777216 && C(p.selected);
+    8 && n(10, a = Ho(D)), t.$$.dirty[0] & /*svgEl*/
+    8 && n(9, { onPointerDown: s, onPointerUp: l } = zo(D, w), s, (n(8, l), n(3, D))), t.$$.dirty[0] & /*$selection*/
+    16777216 && n(7, c = (O) => p.selected.find((W) => W.id === O.id && W.editable)), t.$$.dirty[0] & /*$selection*/
+    16777216 && I(p.selected);
   }, [
-    x,
-    E,
+    b,
     v,
-    V,
-    I,
-    f,
-    M,
-    d,
+    E,
+    D,
+    C,
+    g,
+    X,
+    c,
     l,
     s,
     a,
     i,
     o,
-    c,
-    g,
-    b,
+    d,
+    f,
+    x,
     w,
     K,
-    gt,
+    ft,
     A,
     $,
     y,
-    X,
+    P,
     r,
     p,
-    ft,
+    gt,
     Tt
   ];
 }
@@ -3430,7 +3430,7 @@ class nr extends nt {
       e,
       er,
       tr,
-      W,
+      q,
       {
         drawingEnabled: 0,
         image: 19,
@@ -3451,17 +3451,17 @@ function or(t, e, n, o, r) {
 function Ze(t, e, n, o, r) {
   for (; o > n; ) {
     if (o - n > 600) {
-      var i = o - n + 1, a = e - n + 1, s = Math.log(i), l = 0.5 * Math.exp(2 * s / 3), d = 0.5 * Math.sqrt(s * l * (i - l) / i) * (a - i / 2 < 0 ? -1 : 1), p = Math.max(n, Math.floor(e - a * l / i + d)), c = Math.min(o, Math.floor(e + (i - a) * l / i + d));
-      Ze(t, e, p, c, r);
+      var i = o - n + 1, a = e - n + 1, s = Math.log(i), l = 0.5 * Math.exp(2 * s / 3), c = 0.5 * Math.sqrt(s * l * (i - l) / i) * (a - i / 2 < 0 ? -1 : 1), p = Math.max(n, Math.floor(e - a * l / i + c)), d = Math.min(o, Math.floor(e + (i - a) * l / i + c));
+      Ze(t, e, p, d, r);
     }
-    var g = t[e], h = n, m = o;
-    for (St(t, n, e), r(t[o], g) > 0 && St(t, n, o); h < m; ) {
-      for (St(t, h, m), h++, m--; r(t[h], g) < 0; )
+    var f = t[e], h = n, m = o;
+    for (St(t, n, e), r(t[o], f) > 0 && St(t, n, o); h < m; ) {
+      for (St(t, h, m), h++, m--; r(t[h], f) < 0; )
         h++;
-      for (; r(t[m], g) > 0; )
+      for (; r(t[m], f) > 0; )
         m--;
     }
-    r(t[n], g) === 0 ? St(t, n, m) : (m++, St(t, m, o)), m <= e && (n = m + 1), e <= m && (o = m - 1);
+    r(t[n], f) === 0 ? St(t, n, m) : (m++, St(t, m, o)), m <= e && (n = m + 1), e <= m && (o = m - 1);
   }
 }
 function St(t, e, n) {
@@ -3537,21 +3537,21 @@ class ir {
     return e && this._insert(e, this.data.height - 1), this;
   }
   clear() {
-    return this.data = bt([]), this;
+    return this.data = xt([]), this;
   }
   remove(e, n) {
     if (!e)
       return this;
     let o = this.data;
     const r = this.toBBox(e), i = [], a = [];
-    let s, l, d;
+    let s, l, c;
     for (; o || i.length; ) {
-      if (o || (o = i.pop(), l = i[i.length - 1], s = a.pop(), d = !0), o.leaf) {
+      if (o || (o = i.pop(), l = i[i.length - 1], s = a.pop(), c = !0), o.leaf) {
         const p = ar(e, o.children, n);
         if (p !== -1)
           return o.children.splice(p, 1), i.push(o), this._condense(i), this;
       }
-      !d && !o.leaf && te(o, r) ? (i.push(o), a.push(s), s = 0, l = o, o = o.children[0]) : l ? (s++, o = l.children[s], d = !1) : o = null;
+      !c && !o.leaf && te(o, r) ? (i.push(o), a.push(s), s = 0, l = o, o = o.children[0]) : l ? (s++, o = l.children[s], c = !1) : o = null;
     }
     return this;
   }
@@ -3580,16 +3580,16 @@ class ir {
     const i = o - n + 1;
     let a = this._maxEntries, s;
     if (i <= a)
-      return s = bt(e.slice(n, o + 1)), $t(s, this.toBBox), s;
-    r || (r = Math.ceil(Math.log(i) / Math.log(a)), a = Math.ceil(i / Math.pow(a, r - 1))), s = bt([]), s.leaf = !1, s.height = r;
-    const l = Math.ceil(i / a), d = l * Math.ceil(Math.sqrt(a));
-    Re(e, n, o, d, this.compareMinX);
-    for (let p = n; p <= o; p += d) {
-      const c = Math.min(p + d - 1, o);
-      Re(e, p, c, l, this.compareMinY);
-      for (let g = p; g <= c; g += l) {
-        const h = Math.min(g + l - 1, c);
-        s.children.push(this._build(e, g, h, r - 1));
+      return s = xt(e.slice(n, o + 1)), $t(s, this.toBBox), s;
+    r || (r = Math.ceil(Math.log(i) / Math.log(a)), a = Math.ceil(i / Math.pow(a, r - 1))), s = xt([]), s.leaf = !1, s.height = r;
+    const l = Math.ceil(i / a), c = l * Math.ceil(Math.sqrt(a));
+    Re(e, n, o, c, this.compareMinX);
+    for (let p = n; p <= o; p += c) {
+      const d = Math.min(p + c - 1, o);
+      Re(e, p, d, l, this.compareMinY);
+      for (let f = p; f <= d; f += l) {
+        const h = Math.min(f + l - 1, d);
+        s.children.push(this._build(e, f, h, r - 1));
       }
     }
     return $t(s, this.toBBox), s;
@@ -3598,8 +3598,8 @@ class ir {
     for (; r.push(n), !(n.leaf || r.length - 1 === o); ) {
       let i = 1 / 0, a = 1 / 0, s;
       for (let l = 0; l < n.children.length; l++) {
-        const d = n.children[l], p = Qt(d), c = dr(e, d) - p;
-        c < a ? (a = c, i = p < i ? p : i, s = d) : c === a && p < i && (i = p, s = d);
+        const c = n.children[l], p = Qt(c), d = cr(e, c) - p;
+        d < a ? (a = d, i = p < i ? p : i, s = c) : d === a && p < i && (i = p, s = c);
       }
       n = s || n.children[0];
     }
@@ -3607,7 +3607,7 @@ class ir {
   }
   _insert(e, n, o) {
     const r = o ? e : this.toBBox(e), i = [], a = this._chooseSubtree(r, this.data, n, i);
-    for (a.children.push(e), Lt(a, r); n >= 0 && i[n].children.length > this._maxEntries; )
+    for (a.children.push(e), Ot(a, r); n >= 0 && i[n].children.length > this._maxEntries; )
       this._split(i, n), n--;
     this._adjustParentBBoxes(r, i, n);
   }
@@ -3615,17 +3615,17 @@ class ir {
   _split(e, n) {
     const o = e[n], r = o.children.length, i = this._minEntries;
     this._chooseSplitAxis(o, i, r);
-    const a = this._chooseSplitIndex(o, i, r), s = bt(o.children.splice(a, o.children.length - a));
+    const a = this._chooseSplitIndex(o, i, r), s = xt(o.children.splice(a, o.children.length - a));
     s.height = o.height, s.leaf = o.leaf, $t(o, this.toBBox), $t(s, this.toBBox), n ? e[n - 1].children.push(s) : this._splitRoot(o, s);
   }
   _splitRoot(e, n) {
-    this.data = bt([e, n]), this.data.height = e.height + 1, this.data.leaf = !1, $t(this.data, this.toBBox);
+    this.data = xt([e, n]), this.data.height = e.height + 1, this.data.leaf = !1, $t(this.data, this.toBBox);
   }
   _chooseSplitIndex(e, n, o) {
     let r, i = 1 / 0, a = 1 / 0;
     for (let s = n; s <= o - n; s++) {
-      const l = Ot(e, 0, s, this.toBBox), d = Ot(e, s, o, this.toBBox), p = cr(l, d), c = Qt(l) + Qt(d);
-      p < i ? (i = p, r = s, a = c < a ? c : a) : p === i && c < a && (a = c, r = s);
+      const l = Lt(e, 0, s, this.toBBox), c = Lt(e, s, o, this.toBBox), p = dr(l, c), d = Qt(l) + Qt(c);
+      p < i ? (i = p, r = s, a = d < a ? d : a) : p === i && d < a && (a = d, r = s);
     }
     return r || o - n;
   }
@@ -3637,21 +3637,21 @@ class ir {
   // total margin of all possible split distributions where each node is at least m full
   _allDistMargin(e, n, o, r) {
     e.children.sort(r);
-    const i = this.toBBox, a = Ot(e, 0, n, i), s = Ot(e, o - n, o, i);
-    let l = Vt(a) + Vt(s);
-    for (let d = n; d < o - n; d++) {
-      const p = e.children[d];
-      Lt(a, e.leaf ? i(p) : p), l += Vt(a);
+    const i = this.toBBox, a = Lt(e, 0, n, i), s = Lt(e, o - n, o, i);
+    let l = Dt(a) + Dt(s);
+    for (let c = n; c < o - n; c++) {
+      const p = e.children[c];
+      Ot(a, e.leaf ? i(p) : p), l += Dt(a);
     }
-    for (let d = o - n - 1; d >= n; d--) {
-      const p = e.children[d];
-      Lt(s, e.leaf ? i(p) : p), l += Vt(s);
+    for (let c = o - n - 1; c >= n; c--) {
+      const p = e.children[c];
+      Ot(s, e.leaf ? i(p) : p), l += Dt(s);
     }
     return l;
   }
   _adjustParentBBoxes(e, n, o) {
     for (let r = o; r >= 0; r--)
-      Lt(n[r], e);
+      Ot(n[r], e);
   }
   _condense(e) {
     for (let n = e.length - 1, o; n >= 0; n--)
@@ -3667,17 +3667,17 @@ function ar(t, e, n) {
   return -1;
 }
 function $t(t, e) {
-  Ot(t, 0, t.children.length, e, t);
+  Lt(t, 0, t.children.length, e, t);
 }
-function Ot(t, e, n, o, r) {
-  r || (r = bt(null)), r.minX = 1 / 0, r.minY = 1 / 0, r.maxX = -1 / 0, r.maxY = -1 / 0;
+function Lt(t, e, n, o, r) {
+  r || (r = xt(null)), r.minX = 1 / 0, r.minY = 1 / 0, r.maxX = -1 / 0, r.maxY = -1 / 0;
   for (let i = e; i < n; i++) {
     const a = t.children[i];
-    Lt(r, t.leaf ? o(a) : a);
+    Ot(r, t.leaf ? o(a) : a);
   }
   return r;
 }
-function Lt(t, e) {
+function Ot(t, e) {
   return t.minX = Math.min(t.minX, e.minX), t.minY = Math.min(t.minY, e.minY), t.maxX = Math.max(t.maxX, e.maxX), t.maxY = Math.max(t.maxY, e.maxY), t;
 }
 function sr(t, e) {
@@ -3689,13 +3689,13 @@ function lr(t, e) {
 function Qt(t) {
   return (t.maxX - t.minX) * (t.maxY - t.minY);
 }
-function Vt(t) {
+function Dt(t) {
   return t.maxX - t.minX + (t.maxY - t.minY);
 }
-function dr(t, e) {
+function cr(t, e) {
   return (Math.max(e.maxX, t.maxX) - Math.min(e.minX, t.minX)) * (Math.max(e.maxY, t.maxY) - Math.min(e.minY, t.minY));
 }
-function cr(t, e) {
+function dr(t, e) {
   const n = Math.max(t.minX, e.minX), o = Math.max(t.minY, e.minY), r = Math.min(t.maxX, e.maxX), i = Math.min(t.maxY, e.maxY);
   return Math.max(0, r - n) * Math.max(0, i - o);
 }
@@ -3705,7 +3705,7 @@ function te(t, e) {
 function kt(t, e) {
   return e.minX <= t.maxX && e.minY <= t.maxY && e.maxX >= t.minX && e.maxY >= t.minY;
 }
-function bt(t) {
+function xt(t) {
   return {
     children: t,
     height: 1,
@@ -3729,8 +3729,8 @@ const ur = () => {
   const t = new ir(), e = /* @__PURE__ */ new Map(), n = () => [...e.values()], o = () => {
     t.clear(), e.clear();
   }, r = (a) => {
-    const { minX: s, minY: l, maxX: d, maxY: p } = a.selector.geometry.bounds, c = { minX: s, minY: l, maxX: d, maxY: p, target: a };
-    t.insert(c), e.set(a.annotation, c);
+    const { minX: s, minY: l, maxX: c, maxY: p } = a.selector.geometry.bounds, d = { minX: s, minY: l, maxX: c, maxY: p, target: a };
+    t.insert(d), e.set(a.annotation, d);
   }, i = (a) => {
     const s = e.get(a.annotation);
     t.remove(s), e.delete(a.annotation);
@@ -3744,25 +3744,25 @@ const ur = () => {
         minY: s,
         maxX: a,
         maxY: s
-      }).map((d) => d.target).filter((d) => d.selector.type === G.RECTANGLE || pn(d.selector, a, s));
+      }).map((c) => c.target).filter((c) => c.selector.type === U.RECTANGLE || pn(c.selector, a, s));
       if (l.length > 0)
-        return l.sort((d, p) => oe(d.selector) - oe(p.selector)), l[0];
+        return l.sort((c, p) => oe(c.selector) - oe(p.selector)), l[0];
     },
-    getIntersecting: (a, s, l, d) => t.search({
+    getIntersecting: (a, s, l, c) => t.search({
       minX: a,
       minY: s,
       maxX: a + l,
-      maxY: s + d
+      maxY: s + c
     }).map((p) => p.target),
     insert: r,
     remove: i,
     set: (a, s = !0) => {
       s && o();
-      const l = a.map((d) => {
-        const { minX: p, minY: c, maxX: g, maxY: h } = d.selector.geometry.bounds;
-        return { minX: p, minY: c, maxX: g, maxY: h, target: d };
+      const l = a.map((c) => {
+        const { minX: p, minY: d, maxX: f, maxY: h } = c.selector.geometry.bounds;
+        return { minX: p, minY: d, maxX: f, maxY: h, target: c };
       });
-      l.forEach((d) => e.set(d.target.annotation, d)), t.load(l);
+      l.forEach((c) => e.set(c.target.annotation, c)), t.load(l);
     },
     size: () => t.all().length,
     update: (a, s) => {
@@ -3770,7 +3770,7 @@ const ur = () => {
     }
   };
 }, hr = (t) => {
-  const e = Un(), n = ur(), o = Mn(e, t.pointerSelectAction), r = _n(e), i = jn();
+  const e = Yn(), n = ur(), o = Xn(e, t.pointerSelectAction), r = Mn(e), i = jn();
   return e.observe(({ changes: a }) => {
     n.set(a.created.map((s) => s.target), !1), a.deleted.forEach((s) => n.remove(s.target)), a.updated.forEach(({ oldValue: s, newValue: l }) => n.update(s.target, l.target));
   }), {
@@ -3780,7 +3780,7 @@ const ur = () => {
         const l = n.getAt(a, s);
         return l ? e.getAnnotation(l.annotation) : void 0;
       },
-      getIntersecting: (a, s, l, d) => n.getIntersecting(a, s, l, d).map((p) => e.getAnnotation(p.annotation))
+      getIntersecting: (a, s, l, c) => n.getIntersecting(a, s, l, c).map((p) => e.getAnnotation(p.annotation))
     },
     selection: o,
     hover: r,
@@ -3790,9 +3790,9 @@ const ur = () => {
   const e = hr(t);
   return {
     ...e,
-    store: Gn(e.store)
+    store: Un(e.store)
   };
-}, gr = (t) => {
+}, fr = (t) => {
   let e, n;
   if (t.nodeName === "CANVAS")
     e = t, n = e.getContext("2d", { willReadFrequently: !0 });
@@ -3803,124 +3803,122 @@ const ur = () => {
   let o = 0;
   for (let r = 1; r < 10; r++)
     for (let i = 1; i < 10; i++) {
-      const a = Math.round(i * e.width / 10), s = Math.round(r * e.height / 10), l = n.getImageData(a, s, 1, 1).data, d = (0.299 * l[0] + 0.587 * l[1] + 0.114 * l[2]) / 255;
-      o += d;
+      const a = Math.round(i * e.width / 10), s = Math.round(r * e.height / 10), l = n.getImageData(a, s, 1, 1).data, c = (0.299 * l[0] + 0.587 * l[1] + 0.114 * l[2]) / 255;
+      o += c;
     }
   return o / 81;
-}, fr = (t) => {
-  const e = gr(t), n = e > 0.6 ? "dark" : "light";
+}, gr = (t) => {
+  const e = fr(t), n = e > 0.6 ? "dark" : "light";
   return console.log(`[Annotorious] Image brightness: ${e.toFixed(1)}. Setting ${n} theme.`), n;
-}, Ne = (t, e, n) => e.setAttribute("data-theme", n === "auto" ? fr(t) : n), mr = (t) => ({
+}, Ne = (t, e, n) => e.setAttribute("data-theme", n === "auto" ? gr(t) : n), mr = (t) => ({
   ...t,
   drawingEnabled: t.drawingEnabled === void 0 ? !0 : t.drawingEnabled,
   drawingMode: t.drawingMode || "drag",
   pointerSelectAction: t.pointerSelectAction || ze.EDIT,
   theme: t.theme || "light"
-}), Ve = navigator.userAgent.indexOf("Mac OS X") !== -1, yr = (t, e) => {
+}), De = navigator.userAgent.indexOf("Mac OS X") !== -1, yr = (t, e) => {
   const n = e || document, o = (a) => {
     a.key === "Z" && a.ctrlKey ? t.undo() : a.key === "Y" && a.ctrlKey && t.redo();
   }, r = (a) => {
     a.key === "z" && a.metaKey && (a.shiftKey ? t.redo() : t.undo());
   }, i = () => {
-    Ve ? n.removeEventListener("keydown", r) : n.removeEventListener("keydown", o);
+    De ? n.removeEventListener("keydown", r) : n.removeEventListener("keydown", o);
   };
-  return Ve ? n.addEventListener("keydown", r) : n.addEventListener("keydown", o), {
+  return De ? n.addEventListener("keydown", r) : n.addEventListener("keydown", o), {
     destroy: i
   };
-}, xr = (t, e = {}) => {
+}, $r = (t, e = {}) => {
   if (!t)
     throw "Missing argument: image";
-  const n = typeof t == "string" ? document.getElementById(t) : t, o = mr(e), r = pr(o), { selection: i, store: a } = r, s = Pn(a), l = zn(
+  const n = typeof t == "string" ? document.getElementById(t) : t, o = mr(e), r = pr(o), { selection: i, store: a } = r, s = Hn(a), l = zn(
     r,
     s,
     o.adapter,
     o.autoSave
-  ), d = document.createElement("DIV");
-  d.style.position = "relative", d.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(d, n), d.appendChild(n);
+  ), 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 p = yr(s);
-  let c = to();
-  Ne(n, d, o.theme);
-  const g = new nr({
-    target: d,
+  let d = to();
+  Ne(n, c, o.theme);
+  const f = new nr({
+    target: c,
     props: {
       drawingEnabled: o.drawingEnabled,
       image: n,
       preferredDrawingMode: o.drawingMode,
       state: r,
       style: o.style,
-      user: c
+      user: d
     }
   });
-  g.$on("click", (f) => {
-    const { originalEvent: b, annotation: w } = f.detail;
-    w ? i.clickSelect(w.id, b) : i.isEmpty() || i.clear();
+  f.$on("click", (g) => {
+    const { originalEvent: x, annotation: w } = g.detail;
+    w ? i.clickSelect(w.id, x) : i.isEmpty() || i.clear();
   });
-  const h = Wn(r, s, o.adapter), m = () => {
-    g.$destroy(), d.parentNode.insertBefore(n, d), d.parentNode.removeChild(d), p.destroy(), s.destroy();
-  }, x = () => c, A = (f, b, w) => Xo(f, b, w), $ = (f, b) => fo(f, b), y = (f) => {
-    if (!Je(f))
-      throw `No drawing tool named ${f}`;
-    g.$set({ toolName: f });
-  }, E = (f) => g.$set({ drawingEnabled: f }), v = (f) => {
+  const h = qn(r, s, o.adapter), m = () => {
+    f.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), p.destroy(), s.destroy();
+  }, b = () => d, A = (g, x, w) => Po(g, x, w), $ = (g, x) => go(g, x), y = (g) => {
+    if (!Je(g))
+      throw `No drawing tool named ${g}`;
+    f.$set({ toolName: g });
+  }, v = (g) => f.$set({ drawingEnabled: g }), E = (g) => {
     console.warn("Filter not implemented yet");
-  }, X = (f) => g.$set({ style: f }), I = (f) => Ne(n, d, f), V = (f) => {
-    c = f, g.$set({ user: f });
+  }, P = (g) => f.$set({ style: g }), C = (g) => Ne(n, c, g), D = (g) => {
+    d = g, f.$set({ user: g });
   };
   return {
     ...h,
     destroy: m,
-    getUser: x,
+    getUser: b,
     listDrawingTools: re,
     on: l.on,
     off: l.off,
     registerDrawingTool: A,
     registerShapeEditor: $,
-    setDrawingEnabled: E,
+    setDrawingEnabled: v,
     setDrawingTool: y,
-    setFilter: v,
-    setStyle: X,
-    setTheme: I,
-    setUser: V,
+    setFilter: E,
+    setStyle: P,
+    setTheme: C,
+    setUser: D,
     state: r
   };
 };
-let wr = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((e, n) => (n &= 63, n < 36 ? e += n.toString(36) : n < 62 ? e += (n - 26).toString(36).toUpperCase() : n > 62 ? e += "-" : e += "_", e), "");
-wr();
 export {
   Ke as Editor,
-  xo as EditorMount,
-  O as Handle,
+  bo as EditorMount,
+  L as Handle,
   co as PolygonEditor,
-  go as RectangleEditor,
+  fo as RectangleEditor,
   mn as RectangleUtil,
   To as RubberbandRectangle,
   nr as SVGAnnotationLayer,
-  G as ShapeType,
-  Eo as ToolMount,
-  $r as W3CImageFormat,
+  U as ShapeType,
+  vo as ToolMount,
+  wr as W3CImageFormat,
   zo as addEventListeners,
-  Gt as boundsFromPoints,
+  Ut as boundsFromPoints,
   oe as computeArea,
-  xr as createImageAnnotator,
+  $r as createImageAnnotator,
   hr as createImageAnnotatorState,
-  Po as createSVGTransform,
+  Ho as createSVGTransform,
   pr as createSvelteImageAnnotatorState,
-  fr as detectTheme,
+  gr as detectTheme,
   Kt as distance,
-  Lo as enableResponsive,
+  Oo as enableResponsive,
   mr as fillDefaults,
-  Ee as getEditor,
+  ve as getEditor,
   Je as getTool,
   yr as initKeyboardCommands,
   pn as intersects,
   re as listDrawingTools,
   yn as parseFragmentSelector,
-  vn as parseSVGSelector,
+  En as parseSVGSelector,
   ro as parseW3CImageAnnotation,
-  fo as registerEditor,
+  go as registerEditor,
   se as registerShapeUtil,
-  Xo as registerTool,
-  gr as sampleBrightness,
+  Po as registerTool,
+  fr as sampleBrightness,
   wn as serializeFragmentSelector,
   An as serializeSVGSelector,
   io as serializeW3CImageAnnotation,