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

package/dist/annotorious-react.es18.js

@@ -1,44 +1,44 @@
-function V() {
+function U() {
 }
 function Ke(t, e) {
   for (const n in e)
     t[n] = e[n];
   return t;
 }
-function Be(t) {
+function Oe(t) {
   return t();
 }
 function le() {
   return /* @__PURE__ */ Object.create(null);
 }
 function it(t) {
-  t.forEach(Be);
+  t.forEach(Oe);
 }
-function U(t) {
+function H(t) {
   return typeof t == "function";
 }
-function q(t, e) {
+function K(t, e) {
   return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
 }
-function qe(t) {
+function Je(t) {
   return Object.keys(t).length === 0;
 }
-function Re(t, ...e) {
+function Ve(t, ...e) {
   if (t == null)
-    return V;
+    return U;
   const n = t.subscribe(...e);
   return n.unsubscribe ? () => n.unsubscribe() : n;
 }
 function de(t, e, n) {
-  t.$$.on_destroy.push(Re(e, n));
+  t.$$.on_destroy.push(Ve(e, n));
 }
-function Je(t, e, n, o) {
+function Qe(t, e, n, o) {
   if (t) {
-    const r = De(t, e, n, o);
+    const r = ke(t, e, n, o);
     return t[0](r);
   }
 }
-function De(t, e, n, o) {
+function ke(t, e, n, o) {
   return t[1] && o ? Ke(n.ctx.slice(), t[1](o(e))) : n.ctx;
 }
 function Ze(t, e, n, o) {
@@ -56,13 +56,13 @@ function Ze(t, e, n, o) {
   }
   return e.dirty;
 }
-function Qe(t, e, n, o, r, i) {
+function tn(t, e, n, o, r, i) {
   if (r) {
-    const a = De(e, n, o, i);
+    const a = ke(e, n, o, i);
     t.p(a, r);
   }
 }
-function tn(t) {
+function en(t) {
   if (t.ctx.length > 32) {
     const e = [], n = t.ctx.length / 32;
     for (let o = 0; o < n; o++)
@@ -74,17 +74,17 @@ function tn(t) {
 function dt(t, e) {
   t.appendChild(e);
 }
-function L(t, e, n) {
+function B(t, e, n) {
   t.insertBefore(e, n || null);
 }
-function O(t) {
+function L(t) {
   t.parentNode && t.parentNode.removeChild(t);
 }
 function oe(t, e) {
   for (let n = 0; n < t.length; n += 1)
     t[n] && t[n].d(e);
 }
-function P(t) {
+function O(t) {
   return document.createElementNS("http://www.w3.org/2000/svg", t);
 }
 function Ne(t) {
@@ -96,40 +96,40 @@ function tt() {
 function at() {
   return Ne("");
 }
-function j(t, e, n, o) {
+function R(t, e, n, o) {
   return t.addEventListener(e, n, o), () => t.removeEventListener(e, n, o);
 }
-function c(t, e, n) {
+function u(t, e, n) {
   n == null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n);
 }
-function en(t) {
+function nn(t) {
   return Array.from(t.childNodes);
 }
 function ce(t, e, n) {
   t.classList[n ? "add" : "remove"](e);
 }
-function nn(t, e, { bubbles: n = !1, cancelable: o = !1 } = {}) {
+function on(t, e, { bubbles: n = !1, cancelable: o = !1 } = {}) {
   const r = document.createEvent("CustomEvent");
   return r.initCustomEvent(t, n, o, e), r;
 }
-let St;
-function Yt(t) {
-  St = t;
+let Xt;
+function Bt(t) {
+  Xt = t;
 }
-function ke() {
-  if (!St)
+function De() {
+  if (!Xt)
     throw new Error("Function called outside component initialization");
-  return St;
+  return Xt;
 }
-function Xt(t) {
-  ke().$$.on_mount.push(t);
+function It(t) {
+  De().$$.on_mount.push(t);
 }
 function At() {
-  const t = ke();
+  const t = De();
   return (e, n, { cancelable: o = !1 } = {}) => {
     const r = t.$$.callbacks[e];
     if (r) {
-      const i = nn(e, n, { cancelable: o });
+      const i = on(e, n, { cancelable: o });
       return r.slice().forEach((a) => {
         a.call(t, i);
       }), !i.defaultPrevented;
@@ -137,59 +137,59 @@ 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 = [], Vt = [];
-let vt = [];
-const ue = [], on = /* @__PURE__ */ Promise.resolve();
+const xt = [], Dt = [];
+let Et = [];
+const ue = [], rn = /* @__PURE__ */ Promise.resolve();
 let te = !1;
-function rn() {
-  te || (te = !0, on.then(Ve));
+function an() {
+  te || (te = !0, rn.then(Ge));
 }
 function ee(t) {
-  vt.push(t);
+  Et.push(t);
 }
-const zt = /* @__PURE__ */ new Set();
+const Rt = /* @__PURE__ */ new Set();
 let yt = 0;
-function Ve() {
+function Ge() {
   if (yt !== 0)
     return;
-  const t = St;
+  const t = Xt;
   do {
     try {
       for (; yt < xt.length; ) {
         const e = xt[yt];
-        yt++, Yt(e), an(e.$$);
+        yt++, Bt(e), sn(e.$$);
       }
     } catch (e) {
       throw xt.length = 0, yt = 0, e;
     }
-    for (Yt(null), xt.length = 0, yt = 0; Vt.length; )
-      Vt.pop()();
-    for (let e = 0; e < vt.length; e += 1) {
-      const n = vt[e];
-      zt.has(n) || (zt.add(n), n());
+    for (Bt(null), xt.length = 0, yt = 0; Dt.length; )
+      Dt.pop()();
+    for (let e = 0; e < Et.length; e += 1) {
+      const n = Et[e];
+      Rt.has(n) || (Rt.add(n), n());
     }
-    vt.length = 0;
+    Et.length = 0;
   } while (xt.length);
   for (; ue.length; )
     ue.pop()();
-  te = !1, zt.clear(), Yt(t);
+  te = !1, Rt.clear(), Bt(t);
 }
-function an(t) {
+function sn(t) {
   if (t.fragment !== null) {
     t.update(), it(t.before_update);
     const e = t.dirty;
     t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, e), t.after_update.forEach(ee);
   }
 }
-function sn(t) {
+function ln(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 kt = /* @__PURE__ */ new Set();
+const Nt = /* @__PURE__ */ new Set();
 let ht;
 function ot() {
   ht = {
@@ -202,45 +202,45 @@ function ot() {
 function rt() {
   ht.r || it(ht.c), ht = ht.p;
 }
-function _(t, e) {
-  t && t.i && (kt.delete(t), t.i(e));
+function V(t, e) {
+  t && t.i && (Nt.delete(t), t.i(e));
 }
-function R(t, e, n, o) {
+function k(t, e, n, o) {
   if (t && t.o) {
-    if (kt.has(t))
+    if (Nt.has(t))
       return;
-    kt.add(t), ht.c.push(() => {
-      kt.delete(t), o && (n && t.d(1), o());
+    Nt.add(t), ht.c.push(() => {
+      Nt.delete(t), o && (n && t.d(1), o());
     }), t.o(e);
   } else
     o && o();
 }
-function mt(t) {
+function ft(t) {
   t && t.c();
 }
 function ct(t, e, n, o) {
   const { fragment: r, after_update: i } = t.$$;
   r && r.m(e, n), o || ee(() => {
-    const a = t.$$.on_mount.map(Be).filter(U);
+    const a = t.$$.on_mount.map(Oe).filter(H);
     t.$$.on_destroy ? t.$$.on_destroy.push(...a) : it(a), t.$$.on_mount = [];
   }), i.forEach(ee);
 }
 function ut(t, e) {
   const n = t.$$;
-  n.fragment !== null && (sn(n.after_update), it(n.on_destroy), n.fragment && n.fragment.d(e), n.on_destroy = n.fragment = null, n.ctx = []);
+  n.fragment !== null && (ln(n.after_update), it(n.on_destroy), n.fragment && n.fragment.d(e), n.on_destroy = n.fragment = null, n.ctx = []);
 }
-function ln(t, e) {
-  t.$$.dirty[0] === -1 && (xt.push(t), rn(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
+function dn(t, e) {
+  t.$$.dirty[0] === -1 && (xt.push(t), an(), 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 = St;
-  Yt(t);
-  const h = t.$$ = {
+  const l = Xt;
+  Bt(t);
+  const d = t.$$ = {
     fragment: null,
     ctx: [],
     // state
     props: i,
-    update: V,
+    update: U,
     not_equal: r,
     bound: le(),
     // 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(h.root);
-  let m = !1;
-  if (h.ctx = n ? n(t, e.props || {}, (d, u, ...p) => {
-    const g = p.length ? p[0] : u;
-    return h.ctx && r(h.ctx[d], h.ctx[d] = g) && (!h.skip_bound && h.bound[d] && h.bound[d](g), m && ln(t, d)), u;
-  }) : [], h.update(), m = !0, it(h.before_update), h.fragment = o ? o(h.ctx) : !1, e.target) {
+  a && a(d.root);
+  let p = !1;
+  if (d.ctx = n ? n(t, e.props || {}, (c, f, ...h) => {
+    const m = h.length ? h[0] : f;
+    return d.ctx && r(d.ctx[c], d.ctx[c] = m) && (!d.skip_bound && d.bound[c] && d.bound[c](m), p && dn(t, c)), f;
+  }) : [], d.update(), p = !0, it(d.before_update), d.fragment = o ? o(d.ctx) : !1, e.target) {
     if (e.hydrate) {
-      const d = en(e.target);
-      h.fragment && h.fragment.l(d), d.forEach(O);
+      const c = nn(e.target);
+      d.fragment && d.fragment.l(c), c.forEach(L);
     } else
-      h.fragment && h.fragment.c();
-    e.intro && _(t.$$.fragment), ct(t, e.target, e.anchor, e.customElement), Ve();
+      d.fragment && d.fragment.c();
+    e.intro && V(t.$$.fragment), ct(t, e.target, e.anchor, e.customElement), Ge();
   }
-  Yt(l);
+  Bt(l);
 }
 class nt {
   $destroy() {
-    ut(this, 1), this.$destroy = V;
+    ut(this, 1), this.$destroy = U;
   }
   $on(e, n) {
-    if (!U(n))
-      return V;
+    if (!H(n))
+      return U;
     const o = this.$$.callbacks[e] || (this.$$.callbacks[e] = []);
     return o.push(n), () => {
       const r = o.indexOf(n);
@@ -285,24 +285,24 @@ class nt {
     };
   }
   $set(e) {
-    this.$$set && !qe(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
+    this.$$set && !Je(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
   }
 }
 var F = /* @__PURE__ */ ((t) => (t.ELLIPSE = "ELLIPSE", t.POLYGON = "POLYGON", t.RECTANGLE = "RECTANGLE", t))(F || {});
-const re = {}, ie = (t, e) => re[t] = e, ne = (t) => re[t.type].area(t), dn = (t, e, n) => re[t.type].intersects(t, e, n), Gt = (t) => {
+const re = {}, ie = (t, e) => re[t] = e, ne = (t) => re[t.type].area(t), cn = (t, e, n) => re[t.type].intersects(t, e, n), Gt = (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 };
-}, cn = {
+}, un = {
   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), h = Math.sin(s), m = e - o, d = n - r, u = l * m + h * d, p = h * m - l * d;
-    return u * u / (i * i) + p * p / (a * a) <= 1;
+    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, f = l * p + d * c, h = d * p - l * c;
+    return f * f / (i * i) + h * h / (a * a) <= 1;
   }
 };
-ie(F.ELLIPSE, cn);
-const un = {
+ie(F.ELLIPSE, un);
+const hn = {
   area: (t) => {
     const { points: e } = t.geometry;
     let n = 0, o = e.length - 1;
@@ -314,61 +314,61 @@ const un = {
     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], h = o[a][0], m = o[a][1];
-      l > n != m > n && e < (h - s) * (n - l) / (m - l) + s && (r = !r);
+      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);
     }
     return r;
   }
 };
-ie(F.POLYGON, un);
-const hn = {
+ie(F.POLYGON, hn);
+const pn = {
   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
 };
-ie(F.RECTANGLE, hn);
-const pn = (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, h, m, d] = r;
+ie(F.RECTANGLE, pn);
+const fn = (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;
   if (a !== "xywh")
     throw new Error("Unsupported MediaFragment: " + n);
   if (s && s !== "pixel")
     throw new Error(`Unsupported MediaFragment unit: ${s}`);
-  const [u, p, g, y] = [l, h, m, d].map(parseFloat);
+  const [f, h, m, x] = [l, d, p, c].map(parseFloat);
   return {
     type: F.RECTANGLE,
     geometry: {
-      x: u,
-      y: p,
-      w: g,
-      h: y,
+      x: f,
+      y: h,
+      w: m,
+      h: x,
       bounds: {
-        minX: u,
-        minY: e ? p - y : p,
-        maxX: u + g,
-        maxY: e ? p : p + y
+        minX: f,
+        minY: e ? h - x : h,
+        maxX: f + m,
+        maxY: e ? h : h + x
       }
     }
   };
-}, mn = (t) => {
+}, gn = (t) => {
   const { x: e, y: n, w: o, h: r } = t;
   return {
     type: "FragmentSelector",
     conformsTo: "http://www.w3.org/TR/media-frags/",
     value: `xywh=pixel:${e},${n},${o},${r}`
   };
-}, Ge = "http://www.w3.org/2000/svg", he = (t) => {
+}, Ue = "http://www.w3.org/2000/svg", he = (t) => {
   const e = (o) => {
     Array.from(o.attributes).forEach((r) => {
       r.name.startsWith("on") && o.removeAttribute(r.name);
     });
   }, n = t.getElementsByTagName("script");
   return Array.from(n).reverse().forEach((o) => o.parentNode.removeChild(o)), Array.from(t.querySelectorAll("*")).forEach(e), t;
-}, gn = (t) => {
-  const e = new XMLSerializer().serializeToString(t.documentElement).replace("<svg>", `<svg xmlns="${Ge}">`);
+}, mn = (t) => {
+  const e = new XMLSerializer().serializeToString(t.documentElement).replace("<svg>", `<svg xmlns="${Ue}">`);
   return new DOMParser().parseFromString(e, "image/svg+xml").documentElement;
-}, fn = (t) => {
-  const e = new DOMParser().parseFromString(t, "image/svg+xml"), n = e.lookupPrefix(Ge), o = e.lookupNamespaceURI(null);
-  return n || o ? he(e).firstChild : he(gn(e)).firstChild;
 }, yn = (t) => {
+  const e = new DOMParser().parseFromString(t, "image/svg+xml"), n = e.lookupPrefix(Ue), o = e.lookupNamespaceURI(null);
+  return n || o ? he(e).firstChild : he(mn(e)).firstChild;
+}, $n = (t) => {
   const [e, n, o] = t.match(/(<polygon points=["|'])([^("|')]*)/) || [];
   if (!o)
     return;
@@ -381,7 +381,7 @@ const pn = (t, e = !1) => {
     }
   };
 }, wn = (t) => {
-  const e = fn(t), n = parseFloat(e.getAttribute("cx")), o = parseFloat(e.getAttribute("cy")), r = parseFloat(e.getAttribute("rx")), i = parseFloat(e.getAttribute("ry")), a = {
+  const e = yn(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,
@@ -397,13 +397,13 @@ const pn = (t, e = !1) => {
       bounds: a
     }
   };
-}, $n = (t) => {
+}, xn = (t) => {
   const e = typeof t == "string" ? t : t.value;
   if (e.includes("<polygon points="))
-    return yn(e);
+    return $n(e);
   if (e.includes("<ellipse "))
     return wn(e);
-}, xn = (t) => {
+}, bn = (t) => {
   let e;
   if (t.type === F.POLYGON) {
     const n = t.geometry, { points: o } = n;
@@ -416,21 +416,21 @@ const pn = (t, e = !1) => {
     return { type: "SvgSelector", value: e };
   throw `Unsupported shape type: ${t.type}`;
 };
-let Rt;
-const bn = new Uint8Array(16);
+let Ot;
+const vn = new Uint8Array(16);
 function En() {
-  if (!Rt && (Rt = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Rt))
+  if (!Ot && (Ot = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Ot))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Rt(bn);
+  return Ot(vn);
 }
-const C = [];
+const z = [];
 for (let t = 0; t < 256; ++t)
-  C.push((t + 256).toString(16).slice(1));
-function vn(t, e = 0) {
-  return C[t[e + 0]] + C[t[e + 1]] + C[t[e + 2]] + C[t[e + 3]] + "-" + C[t[e + 4]] + C[t[e + 5]] + "-" + C[t[e + 6]] + C[t[e + 7]] + "-" + C[t[e + 8]] + C[t[e + 9]] + "-" + C[t[e + 10]] + C[t[e + 11]] + C[t[e + 12]] + C[t[e + 13]] + C[t[e + 14]] + C[t[e + 15]];
+  z.push((t + 256).toString(16).slice(1));
+function An(t, e = 0) {
+  return z[t[e + 0]] + z[t[e + 1]] + z[t[e + 2]] + z[t[e + 3]] + "-" + z[t[e + 4]] + z[t[e + 5]] + "-" + z[t[e + 6]] + z[t[e + 7]] + "-" + z[t[e + 8]] + z[t[e + 9]] + "-" + z[t[e + 10]] + z[t[e + 11]] + z[t[e + 12]] + z[t[e + 13]] + z[t[e + 14]] + z[t[e + 15]];
 }
-const An = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), pe = {
-  randomUUID: An
+const Tn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), pe = {
+  randomUUID: Tn
 };
 function Fe(t, e, n) {
   if (pe.randomUUID && !e && !t)
@@ -443,9 +443,9 @@ function Fe(t, e, n) {
       e[n + r] = o[r];
     return e;
   }
-  return vn(o);
+  return An(o);
 }
-var me = Object.prototype.hasOwnProperty;
+var fe = Object.prototype.hasOwnProperty;
 function pt(t, e) {
   var n, o;
   if (t === e)
@@ -464,42 +464,42 @@ function pt(t, e) {
     if (!n || typeof t == "object") {
       o = 0;
       for (n in t)
-        if (me.call(t, n) && ++o && !me.call(e, n) || !(n in e) || !pt(t[n], e[n]))
+        if (fe.call(t, n) && ++o && !fe.call(e, n) || !(n in e) || !pt(t[n], e[n]))
           return !1;
       return Object.keys(e).length === o;
     }
   }
   return t !== t && e !== e;
 }
-const wt = [];
-function Ft(t, e = V) {
+const $t = [];
+function Ut(t, e = U) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function r(s) {
-    if (q(t, s) && (t = s, n)) {
-      const l = !wt.length;
-      for (const h of o)
-        h[1](), wt.push(h, t);
+    if (K(t, s) && (t = s, n)) {
+      const l = !$t.length;
+      for (const d of o)
+        d[1](), $t.push(d, t);
       if (l) {
-        for (let h = 0; h < wt.length; h += 2)
-          wt[h][0](wt[h + 1]);
-        wt.length = 0;
+        for (let d = 0; d < $t.length; d += 2)
+          $t[d][0]($t[d + 1]);
+        $t.length = 0;
       }
     }
   }
   function i(s) {
     r(s(t));
   }
-  function a(s, l = V) {
-    const h = [s, l];
-    return o.add(h), o.size === 1 && (n = e(r) || V), s(t), () => {
-      o.delete(h), o.size === 0 && n && (n(), n = null);
+  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);
     };
   }
   return { set: r, update: i, subscribe: a };
 }
-const Tn = (t) => {
-  const { subscribe: e, set: n } = Ft(null);
+const Sn = (t) => {
+  const { subscribe: e, set: n } = Ut(null);
   let o = null;
   return e((r) => o = r), t.observe(({ changes: r }) => {
     if (o) {
@@ -515,36 +515,36 @@ const Tn = (t) => {
     set: n
   };
 };
-var Ue = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE = "NONE", t))(Ue || {});
-const Wt = { selected: [] }, Mn = (t, e = "EDIT") => {
-  const { subscribe: n, set: o } = Ft(Wt);
-  let r = Wt;
-  n((d) => r = d);
-  const i = () => o(Wt), a = () => {
-    var d;
-    return ((d = r.selected) == null ? void 0 : d.length) === 0;
-  }, s = (d) => {
+var He = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE = "NONE", t))(He || {});
+const qt = { selected: [] }, Mn = (t, e = "EDIT") => {
+  const { subscribe: n, set: o } = Ut(qt);
+  let r = qt;
+  n((c) => r = c);
+  const i = () => o(qt), a = () => {
+    var c;
+    return ((c = r.selected) == null ? void 0 : c.length) === 0;
+  }, s = (c) => {
     if (r.selected.length === 0)
       return !1;
-    const u = typeof d == "string" ? d : d.id;
-    return r.selected.some((p) => p.id === u);
-  }, l = (d, u) => {
-    const p = t.getAnnotation(d);
-    if (p) {
-      const g = On(p, e);
-      o(g === "EDIT" ? { selected: [{ id: d, editable: !0 }], pointerEvent: u } : g === "SELECT" ? { selected: [{ id: d }], pointerEvent: u } : { selected: [], pointerEvent: u });
+    const f = typeof c == "string" ? c : c.id;
+    return r.selected.some((h) => h.id === f);
+  }, l = (c, f) => {
+    const h = t.getAnnotation(c);
+    if (h) {
+      const m = Ln(h, e);
+      o(m === "EDIT" ? { selected: [{ id: c, editable: !0 }], pointerEvent: f } : m === "SELECT" ? { selected: [{ id: c }], pointerEvent: f } : { selected: [], pointerEvent: f });
     } else
-      console.warn("Invalid selection: " + d);
-  }, h = (d, u = !0) => {
-    const p = Array.isArray(d) ? d : [d], g = p.map((y) => t.getAnnotation(y)).filter((y) => y);
-    o({ selected: g.map(({ id: y }) => ({ id: y, editable: u })) }), g.length !== p.length && console.warn("Invalid selection", d);
-  }, m = (d) => {
+      console.warn("Invalid selection: " + c);
+  }, d = (c, f = !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: f })) }), m.length !== h.length && console.warn("Invalid selection", c);
+  }, p = (c) => {
     if (r.selected.length === 0)
       return !1;
-    const { selected: u } = r;
-    u.filter(({ id: p }) => d.includes(p)).length > 0 && o({ selected: u.filter(({ id: p }) => !d.includes(p)) });
+    const { selected: f } = r;
+    f.filter(({ id: h }) => c.includes(h)).length > 0 && o({ selected: f.filter(({ id: h }) => !c.includes(h)) });
   };
-  return t.observe(({ changes: d }) => m(d.deleted.map((u) => u.id))), {
+  return t.observe(({ changes: c }) => p(c.deleted.map((f) => f.id))), {
     clear: i,
     clickSelect: l,
     get selected() {
@@ -555,31 +555,31 @@ const Wt = { selected: [] }, Mn = (t, e = "EDIT") => {
     },
     isEmpty: a,
     isSelected: s,
-    setSelected: h,
+    setSelected: d,
     subscribe: n
   };
-}, On = (t, e) => typeof e == "function" ? e(t) || "EDIT" : e || "EDIT", Ln = (t, e) => {
+}, Ln = (t, e) => typeof e == "function" ? e(t) || "EDIT" : e || "EDIT", Bn = (t, e) => {
   const n = new Set(t.bodies.map((o) => o.id));
   return e.bodies.filter((o) => !n.has(o.id));
-}, Yn = (t, e) => {
+}, Xn = (t, e) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
-}, Sn = (t, e) => e.bodies.map((n) => {
+}, In = (t, e) => e.bodies.map((n) => {
   const o = t.bodies.find((r) => r.id === n.id);
   return { newBody: n, oldBody: o && !pt(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n), Xn = (t, e) => !pt(t.target, e.target), He = (t, e) => {
-  const n = Ln(t, e), o = Yn(t, e), r = Sn(t, e);
+}).filter(({ oldBody: n }) => n), Yn = (t, e) => !pt(t.target, e.target), je = (t, e) => {
+  const n = Bn(t, e), o = Xn(t, e), r = In(t, e);
   return {
     oldValue: t,
     newValue: e,
     bodiesCreated: n.length > 0 ? n : void 0,
     bodiesDeleted: o.length > 0 ? o : void 0,
     bodiesUpdated: r.length > 0 ? r : void 0,
-    targetUpdated: Xn(t, e) ? { oldTarget: t.target, newTarget: e.target } : void 0
+    targetUpdated: Yn(t, e) ? { oldTarget: t.target, newTarget: e.target } : void 0
   };
 };
 var D = /* @__PURE__ */ ((t) => (t.LOCAL = "LOCAL", t.REMOTE = "REMOTE", t))(D || {});
-const In = (t, e) => {
+const _n = (t, e) => {
   var n, o;
   const { changes: r, origin: i } = e;
   if (!(!t.options.origin || t.options.origin === i))
@@ -587,8 +587,8 @@ const In = (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((m) => s(m.bodiesCreated) || s(m.bodiesDeleted) || s(m.bodiesUpdated)), h = (o = r.updated) == null ? void 0 : o.some((m) => m.targetUpdated);
-      if (a === "BODY_ONLY" && l && !h || a === "TARGET_ONLY" && h && !l)
+      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)
         return !1;
     }
   }
@@ -601,325 +601,349 @@ const In = (t, e) => {
     return !!(Array.isArray(t.options.annotations) ? t.options.annotations : [t.options.annotations]).find((s) => a.has(s));
   } else
     return !0;
-}, Pn = (t, e) => {
-  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: u }) => u.id === d.id).newValue : d),
+}, Cn = (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: f }) => f.id === c.id).newValue : c),
     ...e.created || []
-  ], h = [
-    ...(t.deleted || []).filter((d) => !r.has(d.id)),
-    ...(e.deleted || []).filter((d) => !n.has(d.id))
-  ], m = [
-    ...(t.updated || []).filter(({ newValue: d }) => !i.has(d.id)).map((d) => {
-      const { oldValue: u, newValue: p } = d;
-      if (a.has(p.id)) {
-        const g = e.updated.find((y) => y.oldValue.id === p.id).newValue;
-        return He(u, g);
+  ], d = [
+    ...(t.deleted || []).filter((c) => !r.has(c.id)),
+    ...(e.deleted || []).filter((c) => !n.has(c.id))
+  ], p = [
+    ...(t.updated || []).filter(({ newValue: c }) => !i.has(c.id)).map((c) => {
+      const { oldValue: f, newValue: h } = c;
+      if (a.has(h.id)) {
+        const m = e.updated.find((x) => x.oldValue.id === h.id).newValue;
+        return je(f, m);
       } else
-        return d;
+        return c;
     }),
-    ...(e.updated || []).filter(({ oldValue: d }) => !s.has(d.id))
+    ...(e.updated || []).filter(({ oldValue: c }) => !s.has(c.id))
   ];
-  return { created: l, deleted: h, updated: m };
-}, _n = (t) => t.id !== void 0, Bn = () => {
-  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (f, w = {}) => n.push({ onChange: f, options: w }), r = (f) => {
-    const w = n.findIndex(($) => $.onChange == f);
-    w > -1 && n.splice(w, 1);
-  }, i = (f, w) => {
-    const $ = {
-      origin: f,
+  return { created: l, deleted: d, updated: p };
+}, Pn = (t) => t.id !== void 0, On = () => {
+  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (g, b = {}) => n.push({ onChange: g, options: b }), r = (g) => {
+    const b = n.findIndex((w) => w.onChange == g);
+    b > -1 && n.splice(b, 1);
+  }, i = (g, b) => {
+    const w = {
+      origin: g,
       changes: {
-        created: w.created || [],
-        updated: w.updated || [],
-        deleted: w.deleted || []
+        created: b.created || [],
+        updated: b.updated || [],
+        deleted: b.deleted || []
       },
       state: [...t.values()]
     };
-    n.forEach((v) => {
-      In(v, $) && v.onChange($);
+    n.forEach((T) => {
+      _n(T, w) && T.onChange(w);
     });
-  }, a = (f, w = D.LOCAL) => {
-    if (t.get(f.id))
-      throw Error(`Cannot add annotation ${f.id} - exists already`);
-    t.set(f.id, f), f.bodies.forEach(($) => e.set($.id, f.id)), i(w, { created: [f] });
-  }, s = (f, w) => {
-    const $ = typeof f == "string" ? w : f, v = typeof f == "string" ? f : f.id, Y = t.get(v);
-    if (Y) {
-      const I = He(Y, $);
-      return v === $.id ? t.set(v, $) : (t.delete(v), t.set($.id, $)), Y.bodies.forEach((J) => e.delete(J.id)), $.bodies.forEach((J) => e.set(J.id, $.id)), I;
+  }, a = (g, b = D.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(b, { created: [g] });
+  }, s = (g, b) => {
+    const w = typeof g == "string" ? b : g, T = typeof g == "string" ? g : g.id, X = t.get(T);
+    if (X) {
+      const P = je(X, w);
+      return T === w.id ? t.set(T, w) : (t.delete(T), t.set(w.id, w)), X.bodies.forEach((J) => e.delete(J.id)), w.bodies.forEach((J) => e.set(J.id, w.id)), P;
     } else
-      console.warn(`Cannot update annotation ${v} - does not exist`);
-  }, l = (f, w = D.LOCAL, $ = D.LOCAL) => {
-    const v = _n(w) ? $ : w, Y = s(f, w);
-    Y && i(v, { updated: [Y] });
-  }, h = (f, w = D.LOCAL) => {
-    const $ = f.reduce((v, Y) => {
-      const I = s(Y);
-      return I ? [...v, I] : v;
+      console.warn(`Cannot update annotation ${T} - does not exist`);
+  }, l = (g, b = D.LOCAL, w = D.LOCAL) => {
+    const T = Pn(b) ? w : b, X = s(g, b);
+    X && i(T, { updated: [X] });
+  }, d = (g, b = D.LOCAL) => {
+    const w = g.reduce((T, X) => {
+      const P = s(X);
+      return P ? [...T, P] : T;
     }, []);
-    $.length > 0 && i(w, { updated: $ });
-  }, m = (f, w = D.LOCAL) => {
-    const $ = t.get(f.annotation);
-    if ($) {
-      const v = {
-        ...$,
-        bodies: [...$.bodies, f]
+    w.length > 0 && i(b, { updated: w });
+  }, p = (g, b = D.LOCAL) => {
+    const w = t.get(g.annotation);
+    if (w) {
+      const T = {
+        ...w,
+        bodies: [...w.bodies, g]
       };
-      t.set($.id, v), e.set(f.id, v.id), i(w, { updated: [{
-        oldValue: $,
-        newValue: v,
-        bodiesCreated: [f]
+      t.set(w.id, T), e.set(g.id, T.id), i(b, { updated: [{
+        oldValue: w,
+        newValue: T,
+        bodiesCreated: [g]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${f.annotation}`);
-  }, d = () => [...t.values()], u = (f = D.LOCAL) => {
-    const w = [...t.values()];
-    t.clear(), e.clear(), i(f, { deleted: w });
-  }, p = (f, w = !0, $ = D.LOCAL) => {
-    if (w) {
-      const v = [...t.values()];
-      t.clear(), e.clear(), f.forEach((Y) => {
-        t.set(Y.id, Y), Y.bodies.forEach((I) => e.set(I.id, Y.id));
-      }), i($, { created: f, deleted: v });
+      console.warn(`Attempt to add body to missing annotation: ${g.annotation}`);
+  }, c = () => [...t.values()], f = (g = D.LOCAL) => {
+    const b = [...t.values()];
+    t.clear(), e.clear(), i(g, { deleted: b });
+  }, h = (g, b = !0, w = D.LOCAL) => {
+    if (b) {
+      const T = [...t.values()];
+      t.clear(), e.clear(), g.forEach((X) => {
+        t.set(X.id, X), X.bodies.forEach((P) => e.set(P.id, X.id));
+      }), i(w, { created: g, deleted: T });
     } else {
-      const v = f.reduce((Y, I) => {
-        const J = t.get(I.id);
-        return J ? [...Y, J] : Y;
+      const T = g.reduce((X, P) => {
+        const J = t.get(P.id);
+        return J ? [...X, J] : X;
       }, []);
-      if (v.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${v.map((Y) => Y.id).join(", ")}`);
-      f.forEach((Y) => {
-        t.set(Y.id, Y), Y.bodies.forEach((I) => e.set(I.id, Y.id));
-      }), i($, { created: f });
-    }
-  }, g = (f) => {
-    const w = typeof f == "string" ? f : f.id, $ = t.get(w);
-    if ($)
-      return t.delete(w), $.bodies.forEach((v) => e.delete(v.id)), $;
-    console.warn(`Attempt to delete missing annotation: ${w}`);
-  }, y = (f, w = D.LOCAL) => {
-    const $ = g(f);
-    $ && i(w, { deleted: [$] });
-  }, E = (f, w = D.LOCAL) => {
-    const $ = f.reduce((v, Y) => {
-      const I = g(Y);
-      return I ? [...v, I] : v;
+      if (T.length > 0)
+        throw Error(`Bulk insert would overwrite the following annotations: ${T.map((X) => X.id).join(", ")}`);
+      g.forEach((X) => {
+        t.set(X.id, X), X.bodies.forEach((P) => e.set(P.id, X.id));
+      }), i(w, { created: g });
+    }
+  }, m = (g) => {
+    const b = typeof g == "string" ? g : g.id, w = t.get(b);
+    if (w)
+      return t.delete(b), w.bodies.forEach((T) => e.delete(T.id)), w;
+    console.warn(`Attempt to delete missing annotation: ${b}`);
+  }, x = (g, b = D.LOCAL) => {
+    const w = m(g);
+    w && i(b, { deleted: [w] });
+  }, A = (g, b = D.LOCAL) => {
+    const w = g.reduce((T, X) => {
+      const P = m(X);
+      return P ? [...T, P] : T;
     }, []);
-    $.length > 0 && i(w, { deleted: $ });
-  }, b = (f, w = D.LOCAL) => {
-    const $ = t.get(f.annotation);
-    if ($) {
-      const v = $.bodies.find((Y) => Y.id === f.id);
-      if (v) {
-        e.delete(v.id);
-        const Y = {
-          ...$,
-          bodies: $.bodies.filter((I) => I.id !== f.id)
+    w.length > 0 && i(b, { deleted: w });
+  }, $ = (g, b = D.LOCAL) => {
+    const w = t.get(g.annotation);
+    if (w) {
+      const T = w.bodies.find((X) => X.id === g.id);
+      if (T) {
+        e.delete(T.id);
+        const X = {
+          ...w,
+          bodies: w.bodies.filter((P) => P.id !== g.id)
         };
-        t.set($.id, Y), i(w, { updated: [{
-          oldValue: $,
-          newValue: Y,
-          bodiesDeleted: [v]
+        t.set(w.id, X), i(b, { updated: [{
+          oldValue: w,
+          newValue: X,
+          bodiesDeleted: [T]
         }] });
       } 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}`);
-  }, x = (f) => {
-    const w = t.get(f);
-    return w ? { ...w } : void 0;
-  }, M = (f) => {
-    const w = e.get(f);
-    if (w) {
-      const $ = x(w).bodies.find((v) => v.id === f);
-      if ($)
-        return $;
-      console.error(`Store integrity error: body ${f} in index, but not in annotation`);
+      console.warn(`Attempt to delete body from missing annotation ${g.annotation}`);
+  }, y = (g) => {
+    const b = t.get(g);
+    return b ? { ...b } : void 0;
+  }, v = (g) => {
+    const b = e.get(g);
+    if (b) {
+      const w = y(b).bodies.find((T) => T.id === g);
+      if (w)
+        return w;
+      console.error(`Store integrity error: body ${g} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${f}`);
-  }, B = (f, w) => {
-    if (f.annotation !== w.annotation)
+      console.warn(`Attempt to retrieve missing body: ${g}`);
+  }, E = (g, b) => {
+    if (g.annotation !== b.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const $ = t.get(f.annotation);
-    if ($) {
-      const v = $.bodies.find((I) => I.id === f.id), Y = {
-        ...$,
-        bodies: $.bodies.map((I) => I.id === v.id ? w : I)
+    const w = t.get(g.annotation);
+    if (w) {
+      const T = w.bodies.find((P) => P.id === g.id), X = {
+        ...w,
+        bodies: w.bodies.map((P) => P.id === T.id ? b : P)
       };
-      return t.set($.id, Y), v.id !== w.id && (e.delete(v.id), e.set(w.id, Y.id)), {
-        oldValue: $,
-        newValue: Y,
-        bodiesUpdated: [{ oldBody: v, newBody: w }]
+      return t.set(w.id, X), T.id !== b.id && (e.delete(T.id), e.set(b.id, X.id)), {
+        oldValue: w,
+        newValue: X,
+        bodiesUpdated: [{ oldBody: T, newBody: b }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${f.annotation}`);
-  }, N = (f, w, $ = D.LOCAL) => {
-    const v = B(f, w);
-    i($, { updated: [v] });
-  }, G = (f, w = D.LOCAL) => {
-    const $ = f.map((v) => B({ id: v.id, annotation: v.annotation }, v));
-    i(w, { updated: $ });
-  }, z = (f) => {
-    const w = t.get(f.annotation);
-    if (w) {
-      const $ = {
-        ...w,
+      console.warn(`Attempt to add body to missing annotation ${g.annotation}`);
+  }, _ = (g, b, w = D.LOCAL) => {
+    const T = E(g, b);
+    i(w, { updated: [T] });
+  }, C = (g, b = D.LOCAL) => {
+    const w = g.map((T) => E({ id: T.id, annotation: T.annotation }, T));
+    i(b, { updated: w });
+  }, N = (g) => {
+    const b = t.get(g.annotation);
+    if (b) {
+      const w = {
+        ...b,
         target: {
-          ...w.target,
-          ...f
+          ...b.target,
+          ...g
         }
       };
-      return t.set(w.id, $), {
-        oldValue: w,
-        newValue: $,
+      return t.set(b.id, w), {
+        oldValue: b,
+        newValue: w,
         targetUpdated: {
-          oldTarget: w.target,
-          newTarget: f
+          oldTarget: b.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: m,
-    all: d,
-    bulkAddAnnotation: p,
-    bulkDeleteAnnotation: E,
-    bulkUpdateAnnotation: h,
-    bulkUpdateBodies: G,
-    bulkUpdateTargets: (f, w = D.LOCAL) => {
-      const $ = f.map(z).filter((v) => v);
-      $.length > 0 && i(w, { updated: $ });
-    },
-    clear: u,
-    deleteAnnotation: y,
-    deleteBody: b,
-    getAnnotation: x,
-    getBody: M,
+    addBody: p,
+    all: c,
+    bulkAddAnnotation: h,
+    bulkDeleteAnnotation: A,
+    bulkUpdateAnnotation: d,
+    bulkUpdateBodies: C,
+    bulkUpdateTargets: (g, b = D.LOCAL) => {
+      const w = g.map(N).filter((T) => T);
+      w.length > 0 && i(b, { updated: w });
+    },
+    clear: f,
+    deleteAnnotation: x,
+    deleteBody: $,
+    getAnnotation: y,
+    getBody: v,
     observe: o,
     unobserve: r,
     updateAnnotation: l,
-    updateBody: N,
-    updateTarget: (f, w = D.LOCAL) => {
-      const $ = z(f);
-      $ && i(w, { updated: [$] });
+    updateBody: _,
+    updateTarget: (g, b = D.LOCAL) => {
+      const w = N(g);
+      w && i(b, { updated: [w] });
     }
   };
-}, Rn = (t) => ({
+}, Vn = (t) => ({
   ...t,
   subscribe: (e) => {
     const n = (o) => e(o.state);
     return t.observe(n), e(t.all()), () => t.unobserve(n);
   }
-}), Dn = 250, Nn = (t) => {
-  const e = [];
-  let n = -1, o = !1, r = 0;
-  const i = (u) => {
-    if (!o) {
-      const { changes: p } = u, g = performance.now();
-      if (g - r > Dn)
-        e.splice(n + 1), e.push(p), n = e.length - 1;
+});
+let kn = () => ({
+  emit(t, ...e) {
+    let n = this.events[t] || [];
+    for (let o = 0, r = n.length; o < r; o++)
+      n[o](...e);
+  },
+  events: {},
+  on(t, e) {
+    var n;
+    return (n = this.events[t]) != null && n.push(e) || (this.events[t] = [e]), () => {
+      var o;
+      this.events[t] = (o = this.events[t]) == null ? void 0 : o.filter((r) => e !== r);
+    };
+  }
+});
+const Nn = 250, Dn = (t) => {
+  const e = kn(), n = [];
+  let o = -1, r = !1, i = 0;
+  const a = (h) => {
+    if (!r) {
+      const { changes: m } = h, x = performance.now();
+      if (x - i > Nn)
+        n.splice(o + 1), n.push(m), o = n.length - 1;
       else {
-        const y = e.length - 1;
-        e[y] = Pn(e[y], p);
+        const A = n.length - 1;
+        n[A] = Cn(n[A], m);
       }
-      r = g;
+      i = x;
     }
-    o = !1;
+    r = !1;
   };
-  t.observe(i, { origin: D.LOCAL });
-  const a = (u) => (u == null ? void 0 : u.length) > 0 && t.bulkDeleteAnnotation(u), s = (u) => (u == null ? void 0 : u.length) > 0 && t.bulkAddAnnotation(u, !1), l = (u) => (u == null ? void 0 : u.length) > 0 && t.bulkUpdateAnnotation(u.map(({ oldValue: p }) => p)), h = (u) => (u == null ? void 0 : u.length) > 0 && t.bulkUpdateAnnotation(u.map(({ newValue: p }) => p)), m = (u) => (u == null ? void 0 : u.length) > 0 && t.bulkAddAnnotation(u, !1), d = (u) => (u == null ? void 0 : u.length) > 0 && t.bulkDeleteAnnotation(u);
+  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), f = (h) => (h == null ? void 0 : h.length) > 0 && t.bulkDeleteAnnotation(h);
   return {
-    destroy: () => t.unobserve(i),
+    canRedo: () => n.length - 1 > o,
+    canUndo: () => o > -1,
+    destroy: () => t.unobserve(a),
+    on: (h, m) => e.on(h, m),
     redo: () => {
-      if (e.length - 1 > n) {
-        o = !0;
-        const { created: u, updated: p, deleted: g } = e[n + 1];
-        s(u), h(p), d(g), n += 1;
+      if (n.length - 1 > o) {
+        r = !0;
+        const { created: h, updated: m, deleted: x } = n[o + 1];
+        l(h), p(m), f(x), e.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
-      if (n > -1) {
-        o = !0;
-        const { created: u, updated: p, deleted: g } = e[n];
-        a(u), l(p), m(g), n -= 1;
+      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;
       }
     }
   };
-}, kn = () => {
-  const { subscribe: t, set: e } = Ft([]);
+}, Gn = () => {
+  const { subscribe: t, set: e } = Ut([]);
   return {
     subscribe: t,
     set: e
   };
-}, Vn = (t, e, n, o, r, i) => {
-  const a = /* @__PURE__ */ new Map();
-  let s = [], l, h;
-  const m = (g, y) => {
-    a.has(g) ? a.get(g).push(y) : a.set(g, [y]);
-  }, d = (g, y) => {
-    const E = a.get(g);
-    E && E.indexOf(y) > 0 && E.splice(E.indexOf(y), 1);
-  }, u = (g, y, E) => {
-    a.has(g) && setTimeout(() => {
-      a.get(g).forEach((b) => {
-        if (r) {
-          const x = Array.isArray(y) ? y.map((B) => r.serialize(B)) : r.serialize(y), M = E ? E instanceof PointerEvent ? E : r.serialize(E) : void 0;
-          b(x, M);
+}, Un = (t, e, n, o) => {
+  const { store: r, selection: i, hover: a, viewport: s } = t, l = /* @__PURE__ */ new Map();
+  let d = [], p, c;
+  const f = ($, y) => {
+    l.has($) ? l.get($).push(y) : l.set($, [y]);
+  }, h = ($, y) => {
+    const v = l.get($);
+    v && v.indexOf(y) > 0 && v.splice(v.indexOf(y), 1);
+  }, m = ($, y, v) => {
+    l.has($) && setTimeout(() => {
+      l.get($).forEach((E) => {
+        if (n) {
+          const _ = Array.isArray(y) ? y.map((N) => n.serialize(N)) : n.serialize(y), C = v ? v instanceof PointerEvent ? v : n.serialize(v) : void 0;
+          E(_, C);
         } else
-          b(y, E);
+          E(y, v);
       });
     }, 1);
-  }, p = () => {
-    const { selected: g } = e, y = g.map(({ id: E }) => t.getAnnotation(E));
-    y.forEach((E) => {
-      const b = s.find((x) => x.id === E.id);
-      (!b || !pt(b, E)) && u("updateAnnotation", E, b);
-    }), s = s.map((E) => y.find(({ id: x }) => x === E.id) || E);
-  };
-  return e.subscribe(({ selected: g }) => {
-    if (!(s.length === 0 && g.length === 0)) {
-      if (s.length === 0 && g.length > 0)
-        s = g.map(({ id: y }) => t.getAnnotation(y));
-      else if (s.length > 0 && g.length === 0)
-        s.forEach((y) => {
-          const E = t.getAnnotation(y.id);
-          E && !pt(E, y) && u("updateAnnotation", E, y);
-        }), s = [];
+  }, x = () => {
+    const { selected: $ } = i, y = $.map(({ id: v }) => r.getAnnotation(v));
+    y.forEach((v) => {
+      const E = d.find((_) => _.id === v.id);
+      (!E || !pt(E, v)) && m("updateAnnotation", v, E);
+    }), d = d.map((v) => y.find(({ id: _ }) => _ === 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 v = r.getAnnotation(y.id);
+          v && !pt(v, y) && m("updateAnnotation", v, y);
+        }), d = [];
       else {
-        const y = new Set(s.map((b) => b.id)), E = new Set(g.map(({ id: b }) => b));
-        s.filter((b) => !E.has(b.id)).forEach((b) => {
-          const x = t.getAnnotation(b.id);
-          x && !pt(x, b) && u("updateAnnotation", x, b);
-        }), s = [
+        const y = new Set(d.map((E) => E.id)), v = new Set($.map(({ id: E }) => E));
+        d.filter((E) => !v.has(E.id)).forEach((E) => {
+          const _ = r.getAnnotation(E.id);
+          _ && !pt(_, E) && m("updateAnnotation", _, E);
+        }), d = [
           // Remove annotations that were deselected
-          ...s.filter((b) => E.has(b.id)),
+          ...d.filter((E) => v.has(E.id)),
           // Add editable annotations that were selected
-          ...g.filter(({ id: b }) => !y.has(b)).map(({ id: b }) => t.getAnnotation(b))
+          ...$.filter(({ id: E }) => !y.has(E)).map(({ id: E }) => r.getAnnotation(E))
         ];
       }
-      u("selectionChanged", s);
-    }
-  }), n.subscribe((g) => {
-    !l && g ? u("mouseEnterAnnotation", t.getAnnotation(g)) : l && !g ? u("mouseLeaveAnnotation", t.getAnnotation(l)) : l && g && (u("mouseLeaveAnnotation", t.getAnnotation(l)), u("mouseEnterAnnotation", t.getAnnotation(g))), l = g;
-  }), o == null || o.subscribe((g) => u("viewportIntersect", g.map(t.getAnnotation))), t.observe((g) => {
-    i && (h && clearTimeout(h), h = setTimeout(p, 1e3));
-    const { created: y, deleted: E } = g.changes;
-    y.forEach((b) => u("createAnnotation", b)), E.forEach((b) => u("deleteAnnotation", b)), g.changes.updated.filter((b) => [
-      ...b.bodiesCreated || [],
-      ...b.bodiesDeleted || [],
-      ...b.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: b, newValue: x }) => {
-      const M = s.find((B) => B.id === b.id) || b;
-      s = s.map((B) => B.id === b.id ? x : B), u("updateAnnotation", x, M);
+      m("selectionChanged", d);
+    }
+  }), 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: 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: _ }) => {
+      const C = d.find((N) => N.id === E.id) || E;
+      d = d.map((N) => N.id === E.id ? _ : N), m("updateAnnotation", _, C);
     });
-  }, { origin: D.LOCAL }), t.observe((g) => {
-    if (s) {
-      const y = new Set(s.map((b) => b.id)), E = g.changes.updated.filter(({ newValue: b }) => y.has(b.id)).map(({ newValue: b }) => b);
-      E.length > 0 && (s = s.map((b) => E.find((M) => M.id === b.id) || b));
-    }
-  }, { origin: D.REMOTE }), { on: m, off: d, emit: u };
-}, Gn = (t) => (e) => e.reduce((n, o) => {
+  }, { origin: D.LOCAL }), r.observe(($) => {
+    if (d) {
+      const y = new Set(d.map((E) => E.id)), v = $.changes.updated.filter(({ newValue: E }) => y.has(E.id)).map(({ newValue: E }) => E);
+      v.length > 0 && (d = d.map((E) => v.find((C) => C.id === E.id) || E));
+    }
+  }, { origin: D.REMOTE });
+  const A = ($) => (y) => {
+    const { created: v, deleted: E, updated: _ } = y;
+    v.forEach((C) => m("createAnnotation", C)), E.forEach((C) => m("deleteAnnotation", C)), $ ? _.forEach((C) => m("updateAnnotation", C.oldValue, C.newValue)) : _.forEach((C) => m("updateAnnotation", C.newValue, C.oldValue));
+  };
+  return e.on("undo", A(!0)), e.on("redo", A(!1)), { on: f, off: h, emit: m };
+}, Fn = (t) => (e) => e.reduce((n, o) => {
   const { parsed: r, error: i } = t.parse(o);
   return i ? {
     parsed: n.parsed,
@@ -928,53 +952,64 @@ const In = (t, e) => {
     parsed: [...n.parsed, r],
     failed: n.failed
   };
-}, { parsed: [], failed: [] }), Fn = (t, e, n) => {
-  const o = (d) => {
+}, { parsed: [], failed: [] }), Hn = (t, e, n) => {
+  const { store: o, selection: r } = t, i = (A) => {
     if (n) {
-      const { parsed: u, error: p } = n.parse(d);
-      u ? t.addAnnotation(u, D.REMOTE) : console.error(p);
+      const { parsed: $, error: y } = n.parse(A);
+      $ ? o.addAnnotation($, D.REMOTE) : console.error(y);
     } else
-      t.addAnnotation(d, D.REMOTE);
-  }, r = () => t.clear(), i = (d) => {
-    const u = t.getAnnotation(d);
-    return n && u ? n.serialize(u) : u;
-  }, a = () => n ? t.all().map(n.serialize) : t.all(), s = (d) => fetch(d).then((u) => u.json()).then((u) => (h(u), u)), l = (d) => {
-    if (typeof d == "string") {
-      const u = t.getAnnotation(d);
-      return t.deleteAnnotation(d), n ? n.serialize(u) : u;
+      o.addAnnotation(A, D.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 = () => {
+    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($), $)), f = (A) => {
+    if (typeof A == "string") {
+      const $ = o.getAnnotation(A);
+      return o.deleteAnnotation(A), n ? n.serialize($) : $;
     } else {
-      const u = n ? n.parse(d).parsed : d;
-      return t.deleteAnnotation(u), d;
+      const $ = n ? n.parse(A).parsed : A;
+      return o.deleteAnnotation($), A;
     }
-  }, h = (d) => {
+  }, h = (A) => {
     if (n) {
-      const { parsed: u, failed: p } = Gn(n)(d);
-      p.length > 0 && console.warn(`Discarded ${p.length} invalid annotations`, p), t.bulkAddAnnotation(u, !0, D.REMOTE);
+      const { parsed: $, failed: y } = Fn(n)(A);
+      y.length > 0 && console.warn(`Discarded ${y.length} invalid annotations`, y), o.bulkAddAnnotation($, !0, D.REMOTE);
     } else
-      t.bulkAddAnnotation(d, !0, D.REMOTE);
-  }, m = (d) => {
+      o.bulkAddAnnotation(A, !0, D.REMOTE);
+  }, m = (A) => {
+    A ? r.setSelected(A) : r.clear();
+  }, x = (A) => {
     if (n) {
-      const u = n.parse(d).parsed, p = n.serialize(t.getAnnotation(u.id));
-      return t.updateAnnotation(u), p;
+      const $ = n.parse(A).parsed, y = n.serialize(o.getAnnotation($.id));
+      return o.updateAnnotation($), y;
     } else {
-      const u = t.getAnnotation(d.id);
-      return t.updateAnnotation(d), u;
+      const $ = o.getAnnotation(A.id);
+      return o.updateAnnotation(A), $;
     }
   };
   return {
-    addAnnotation: o,
-    clearAnnotations: r,
-    getAnnotationById: i,
-    getAnnotations: a,
-    loadAnnotations: s,
+    addAnnotation: i,
+    cancelSelected: a,
+    canRedo: e.canRedo,
+    canUndo: e.canUndo,
+    clearAnnotations: s,
+    getAnnotationById: l,
+    getAnnotations: d,
+    getSelected: p,
+    loadAnnotations: c,
     redo: e.redo,
-    removeAnnotation: l,
+    removeAnnotation: f,
     setAnnotations: h,
+    setSelected: m,
     undo: e.undo,
-    updateAnnotation: m
+    updateAnnotation: x
   };
 };
-let Un = (t) => crypto.getRandomValues(new Uint8Array(t)), Hn = (t, e, n) => {
+let jn = (t) => crypto.getRandomValues(new Uint8Array(t)), zn = (t, e, n) => {
   let o = (2 << Math.log(t.length - 1) / Math.LN2) - 1, r = -~(1.6 * o * e / t.length);
   return (i = e) => {
     let a = "";
@@ -985,8 +1020,8 @@ let Un = (t) => crypto.getRandomValues(new Uint8Array(t)), Hn = (t, e, n) => {
           return a;
     }
   };
-}, Cn = (t, e = 21) => Hn(t, e, Un), jn = (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), "");
-const zn = () => ({ isGuest: !0, id: Cn("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Wn = (t) => {
+}, Rn = (t, e = 21) => zn(t, e, jn), qn = (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), "");
+const Wn = () => ({ isGuest: !0, id: Rn("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Kn = (t) => {
   const e = JSON.stringify(t);
   let n = 0;
   for (let o = 0, r = e.length; o < r; o++) {
@@ -994,26 +1029,26 @@ const zn = () => ({ isGuest: !0, id: Cn("1234567890abcdefghijklmnopqrstuvwxyzABC
     n = (n << 5) - n + i, n |= 0;
   }
   return `${n}`;
-}, Kn = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
-  const { id: o, type: r, purpose: i, value: a, created: s, creator: l, ...h } = n;
+}, Jn = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
+  const { id: o, type: r, purpose: i, value: a, created: s, creator: l, ...d } = n;
   return {
-    id: o || `temp-${Wn(n)}`,
+    id: o || `temp-${Kn(n)}`,
     annotation: e,
     type: r,
     purpose: i,
     value: a,
     created: s,
     creator: l ? typeof l == "object" ? { ...l } : l : void 0,
-    ...h
+    ...d
   };
-}), qn = (t) => t.map((e) => {
+}), Qn = (t) => t.map((e) => {
   var n;
   const o = { ...e };
   return delete o.annotation, (n = o.id) != null && n.startsWith("temp-") && delete o.id, o;
 });
-jn();
-const ur = (t, e = !1) => ({ parse: (n) => Jn(n, e), serialize: (n) => Zn(n, t) }), Jn = (t, e = !1) => {
-  const n = t.id || Fe(), { body: o, ...r } = t, i = Kn(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" ? pn(s, e) : s.type === "SvgSelector" ? $n(s) : void 0;
+qn();
+const pr = (t, e = !1) => ({ parse: (n) => Zn(n, e), serialize: (n) => to(n, t) }), Zn = (t, e = !1) => {
+  const n = t.id || Fe(), { body: o, ...r } = t, i = Jn(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" ? fn(s, e) : s.type === "SvgSelector" ? xn(s) : void 0;
   return l ? {
     parsed: {
       ...r,
@@ -1025,16 +1060,16 @@ const ur = (t, e = !1) => ({ parse: (n) => Jn(n, e), serialize: (n) => Zn(n, t)
       }
     }
   } : {
-    error: Error(`Unknown selector type: ${l.type}`)
+    error: Error(`Unknown selector type: ${s.type}`)
   };
-}, Zn = (t, e) => {
-  const n = t.target.selector, o = n.type == F.RECTANGLE ? mn(n.geometry) : xn(n);
+}, to = (t, e) => {
+  const n = t.target.selector, o = n.type == F.RECTANGLE ? gn(n.geometry) : bn(n);
   return {
     ...t,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: t.id,
     type: "Annotation",
-    body: qn(t.bodies),
+    body: Qn(t.bodies),
     target: {
       source: e,
       selector: o
@@ -1045,20 +1080,20 @@ function ge(t, e, n) {
   const o = t.slice();
   return o[11] = e[n], o[13] = n, o;
 }
-function fe(t) {
+function me(t) {
   let e, n, o, r, i;
   return {
     c() {
-      e = P("rect"), c(e, "class", "a9s-corner-handle"), c(e, "x", n = /*point*/
+      e = O("rect"), u(e, "class", "a9s-corner-handle"), u(e, "x", n = /*point*/
       t[11][0] - /*handleSize*/
-      t[3] / 2), c(e, "y", o = /*point*/
+      t[3] / 2), u(e, "y", o = /*point*/
       t[11][1] - /*handleSize*/
-      t[3] / 2), c(
+      t[3] / 2), u(
         e,
         "height",
         /*handleSize*/
         t[3]
-      ), c(
+      ), u(
         e,
         "width",
         /*handleSize*/
@@ -1066,14 +1101,14 @@ function fe(t) {
       );
     },
     m(a, s) {
-      L(a, e, s), r || (i = j(e, "pointerdown", function() {
-        U(
+      B(a, e, s), r || (i = R(e, "pointerdown", function() {
+        H(
           /*grab*/
-          t[10](T(
+          t[10](M(
             /*idx*/
             t[13]
           ))
-        ) && t[10](T(
+        ) && t[10](M(
           /*idx*/
           t[13]
         )).apply(this, arguments);
@@ -1083,17 +1118,17 @@ function fe(t) {
       t = a, s & /*geom, handleSize*/
       24 && n !== (n = /*point*/
       t[11][0] - /*handleSize*/
-      t[3] / 2) && c(e, "x", n), s & /*geom, handleSize*/
+      t[3] / 2) && u(e, "x", n), s & /*geom, handleSize*/
       24 && o !== (o = /*point*/
       t[11][1] - /*handleSize*/
-      t[3] / 2) && c(e, "y", o), s & /*handleSize*/
-      8 && c(
+      t[3] / 2) && u(e, "y", o), s & /*handleSize*/
+      8 && u(
         e,
         "height",
         /*handleSize*/
         t[3]
       ), s & /*handleSize*/
-      8 && c(
+      8 && u(
         e,
         "width",
         /*handleSize*/
@@ -1101,86 +1136,86 @@ function fe(t) {
       );
     },
     d(a) {
-      a && O(e), r = !1, i();
+      a && L(e), r = !1, i();
     }
   };
 }
-function Qn(t) {
-  let e, n, o, r, i, a, s, l, h, m, d = (
+function eo(t) {
+  let e, n, o, r, i, a, s, l, d, p, c = (
     /*geom*/
     t[4].points
-  ), u = [];
-  for (let p = 0; p < d.length; p += 1)
-    u[p] = fe(ge(t, d, p));
+  ), f = [];
+  for (let h = 0; h < c.length; h += 1)
+    f[h] = me(ge(t, c, h));
   return {
     c() {
-      e = P("polygon"), r = tt(), i = P("polygon"), s = tt();
-      for (let p = 0; p < u.length; p += 1)
-        u[p].c();
-      l = at(), c(e, "class", "a9s-outer"), c(e, "style", n = /*computedStyle*/
-      t[1] ? "display:none;" : void 0), c(e, "points", o = /*geom*/
-      t[4].points.map(ye).join(" ")), c(i, "class", "a9s-inner a9s-shape-handle"), c(
+      e = O("polygon"), r = tt(), i = O("polygon"), s = tt();
+      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(ye).join(" ")), u(i, "class", "a9s-inner a9s-shape-handle"), u(
         i,
         "style",
         /*computedStyle*/
         t[1]
-      ), c(i, "points", a = /*geom*/
-      t[4].points.map(we).join(" "));
-    },
-    m(p, g) {
-      L(p, e, g), L(p, r, g), L(p, i, g), L(p, s, g);
-      for (let y = 0; y < u.length; y += 1)
-        u[y] && u[y].m(p, g);
-      L(p, l, g), h || (m = [
-        j(e, "pointerdown", function() {
-          U(
+      ), u(i, "points", a = /*geom*/
+      t[4].points.map($e).join(" "));
+    },
+    m(h, m) {
+      B(h, e, m), B(h, r, m), B(h, i, m), B(h, s, m);
+      for (let x = 0; x < f.length; x += 1)
+        f[x] && f[x].m(h, m);
+      B(h, l, m), d || (p = [
+        R(e, "pointerdown", function() {
+          H(
             /*grab*/
-            t[10](T.SHAPE)
-          ) && t[10](T.SHAPE).apply(this, arguments);
+            t[10](M.SHAPE)
+          ) && t[10](M.SHAPE).apply(this, arguments);
         }),
-        j(i, "pointerdown", function() {
-          U(
+        R(i, "pointerdown", function() {
+          H(
             /*grab*/
-            t[10](T.SHAPE)
-          ) && t[10](T.SHAPE).apply(this, arguments);
+            t[10](M.SHAPE)
+          ) && t[10](M.SHAPE).apply(this, arguments);
         })
-      ], h = !0);
+      ], d = !0);
     },
-    p(p, g) {
-      if (t = p, g & /*computedStyle*/
+    p(h, m) {
+      if (t = h, m & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      t[1] ? "display:none;" : void 0) && c(e, "style", n), g & /*geom*/
+      t[1] ? "display:none;" : void 0) && u(e, "style", n), m & /*geom*/
       16 && o !== (o = /*geom*/
-      t[4].points.map(ye).join(" ")) && c(e, "points", o), g & /*computedStyle*/
-      2 && c(
+      t[4].points.map(ye).join(" ")) && u(e, "points", o), m & /*computedStyle*/
+      2 && u(
         i,
         "style",
         /*computedStyle*/
         t[1]
-      ), g & /*geom*/
+      ), m & /*geom*/
       16 && a !== (a = /*geom*/
-      t[4].points.map(we).join(" ")) && c(i, "points", a), g & /*geom, handleSize, grab, Handle*/
+      t[4].points.map($e).join(" ")) && u(i, "points", a), m & /*geom, handleSize, grab, Handle*/
       1048) {
-        d = /*geom*/
+        c = /*geom*/
         t[4].points;
-        let y;
-        for (y = 0; y < d.length; y += 1) {
-          const E = ge(t, d, y);
-          u[y] ? u[y].p(E, g) : (u[y] = fe(E), u[y].c(), u[y].m(l.parentNode, l));
+        let x;
+        for (x = 0; x < c.length; x += 1) {
+          const A = ge(t, c, x);
+          f[x] ? f[x].p(A, m) : (f[x] = me(A), f[x].c(), f[x].m(l.parentNode, l));
         }
-        for (; y < u.length; y += 1)
-          u[y].d(1);
-        u.length = d.length;
+        for (; x < f.length; x += 1)
+          f[x].d(1);
+        f.length = c.length;
       }
     },
-    d(p) {
-      p && O(e), p && O(r), p && O(i), p && O(s), oe(u, p), p && O(l), h = !1, it(m);
+    d(h) {
+      h && L(e), h && L(r), h && L(i), h && L(s), oe(f, h), h && L(l), d = !1, it(p);
     }
   };
 }
-function to(t) {
+function no(t) {
   let e, n;
-  return e = new je({
+  return e = new Re({
     props: {
       shape: (
         /*shape*/
@@ -1196,7 +1231,7 @@ function to(t) {
       ),
       $$slots: {
         default: [
-          Qn,
+          eo,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -1217,7 +1252,7 @@ function to(t) {
     t[9]
   ), {
     c() {
-      mt(e.$$.fragment);
+      ft(e.$$.fragment);
     },
     m(o, r) {
       ct(e, o, r), n = !0;
@@ -1232,36 +1267,36 @@ function to(t) {
       17434 && (i.$$scope = { dirty: r, ctx: o }), e.$set(i);
     },
     i(o) {
-      n || (_(e.$$.fragment, o), n = !0);
+      n || (V(e.$$.fragment, o), n = !0);
     },
     o(o) {
-      R(e.$$.fragment, o), n = !1;
+      k(e.$$.fragment, o), n = !1;
     },
     d(o) {
       ut(e, o);
     }
   };
 }
-const ye = (t) => t.join(","), we = (t) => t.join(",");
-function eo(t, e, n) {
+const ye = (t) => t.join(","), $e = (t) => t.join(",");
+function oo(t, e, n) {
   let o, r, { shape: i } = e, { computedStyle: a = void 0 } = e, { transform: s } = e, { viewportScale: l = 1 } = e;
-  const h = (p, g, y) => {
-    let E;
-    g === T.SHAPE ? E = p.geometry.points.map(([x, M]) => [x + y[0], M + y[1]]) : E = p.geometry.points.map(([x, M], B) => g === T(B) ? [x + y[0], M + y[1]] : [x, M]);
-    const b = Gt(E);
-    return { ...p, geometry: { points: E, bounds: b } };
+  const d = (h, m, x) => {
+    let A;
+    m === M.SHAPE ? A = h.geometry.points.map(([y, v]) => [y + x[0], v + x[1]]) : A = h.geometry.points.map(([y, v], E) => m === M(E) ? [y + x[0], v + x[1]] : [y, v]);
+    const $ = Gt(A);
+    return { ...h, geometry: { points: A, bounds: $ } };
   };
-  function m(p) {
-    Et.call(this, t, p);
+  function p(h) {
+    vt.call(this, t, h);
   }
-  function d(p) {
-    Et.call(this, t, p);
+  function c(h) {
+    vt.call(this, t, h);
   }
-  function u(p) {
-    Et.call(this, t, p);
+  function f(h) {
+    vt.call(this, t, h);
   }
-  return t.$$set = (p) => {
-    "shape" in p && n(0, i = p.shape), "computedStyle" in p && n(1, a = p.computedStyle), "transform" in p && n(2, s = p.transform), "viewportScale" in p && n(6, l = p.viewportScale);
+  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);
   }, t.$$.update = () => {
     t.$$.dirty & /*shape*/
     1 && n(4, o = i.geometry), t.$$.dirty & /*viewportScale*/
@@ -1272,16 +1307,16 @@ function eo(t, e, n) {
     s,
     r,
     o,
-    h,
-    l,
-    m,
     d,
-    u
+    l,
+    p,
+    c,
+    f
   ];
 }
-class no extends nt {
+class ro extends nt {
   constructor(e) {
-    super(), et(this, e, eo, to, q, {
+    super(), et(this, e, oo, no, K, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1289,301 +1324,301 @@ class no extends nt {
     });
   }
 }
-function oo(t) {
-  let e, n, o, r, i, a, s, l, h, m, d, u, p, g, y, E, b, x, M, B, N, G, z, f, w, $, v, Y, I, J, gt, ft, Tt, K, S, W, H, k, st, lt, Ht, Z, It, Pt, Ct, Q, _t, Bt, jt, se;
+function io(t) {
+  let e, n, o, r, i, a, s, l, d, p, c, f, h, m, x, A, $, y, v, E, _, C, N, g, b, w, T, X, P, J, gt, mt, Tt, W, I, q, j, G, st, lt, Ht, Q, Yt, _t, jt, Z, Ct, Pt, zt, se;
   return {
     c() {
-      e = P("rect"), s = tt(), l = P("rect"), p = tt(), g = P("rect"), x = tt(), M = P("rect"), z = tt(), f = P("rect"), Y = tt(), I = P("rect"), Tt = tt(), K = P("rect"), H = tt(), k = P("rect"), Ht = tt(), Z = P("rect"), Ct = tt(), Q = P("rect"), c(e, "class", "a9s-outer"), c(e, "style", n = /*computedStyle*/
-      t[1] ? "display:none;" : void 0), c(e, "x", o = /*geom*/
-      t[4].x), c(e, "y", r = /*geom*/
-      t[4].y), c(e, "width", i = /*geom*/
-      t[4].w), c(e, "height", a = /*geom*/
-      t[4].h), c(l, "class", "a9s-inner a9s-shape-handle"), c(
+      e = O("rect"), s = tt(), l = O("rect"), h = tt(), m = O("rect"), y = tt(), v = O("rect"), N = tt(), g = O("rect"), X = tt(), P = O("rect"), Tt = tt(), W = O("rect"), j = tt(), G = O("rect"), Ht = tt(), Q = O("rect"), jt = tt(), Z = O("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*/
+      t[4].w), u(e, "height", a = /*geom*/
+      t[4].h), u(l, "class", "a9s-inner a9s-shape-handle"), u(
         l,
         "style",
         /*computedStyle*/
         t[1]
-      ), c(l, "x", h = /*geom*/
-      t[4].x), c(l, "y", m = /*geom*/
-      t[4].y), c(l, "width", d = /*geom*/
-      t[4].w), c(l, "height", u = /*geom*/
-      t[4].h), c(g, "class", "a9s-edge-handle a9s-edge-handle-top"), c(g, "x", y = /*geom*/
-      t[4].x), c(g, "y", E = /*geom*/
-      t[4].y), c(g, "height", 1), c(g, "width", b = /*geom*/
-      t[4].w), c(M, "class", "a9s-edge-handle a9s-edge-handle-right"), c(M, "x", B = /*geom*/
+      ), u(l, "x", d = /*geom*/
+      t[4].x), u(l, "y", p = /*geom*/
+      t[4].y), u(l, "width", c = /*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", x = /*geom*/
+      t[4].x), u(m, "y", A = /*geom*/
+      t[4].y), u(m, "height", 1), u(m, "width", $ = /*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), c(M, "y", N = /*geom*/
-      t[4].y), c(M, "height", G = /*geom*/
-      t[4].h), c(M, "width", 1), c(f, "class", "a9s-edge-handle a9s-edge-handle-bottom"), c(f, "x", w = /*geom*/
-      t[4].x), c(f, "y", $ = /*geom*/
+      t[4].w), u(v, "y", _ = /*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", b = /*geom*/
+      t[4].x), u(g, "y", w = /*geom*/
       t[4].y + /*geom*/
-      t[4].h), c(f, "height", 1), c(f, "width", v = /*geom*/
-      t[4].w), c(I, "class", "a9s-edge-handle a9s-edge-handle-left"), c(I, "x", J = /*geom*/
-      t[4].x), c(I, "y", gt = /*geom*/
-      t[4].y), c(I, "height", ft = /*geom*/
-      t[4].h), c(I, "width", 1), c(K, "class", "a9s-corner-handle a9s-corner-handle-topleft"), c(K, "x", S = /*geom*/
+      t[4].h), u(g, "height", 1), u(g, "width", T = /*geom*/
+      t[4].w), u(P, "class", "a9s-edge-handle a9s-edge-handle-left"), u(P, "x", J = /*geom*/
+      t[4].x), u(P, "y", gt = /*geom*/
+      t[4].y), u(P, "height", mt = /*geom*/
+      t[4].h), u(P, "width", 1), u(W, "class", "a9s-corner-handle a9s-corner-handle-topleft"), u(W, "x", I = /*geom*/
       t[4].x - /*handleSize*/
-      t[3] / 2), c(K, "y", W = /*geom*/
+      t[3] / 2), u(W, "y", q = /*geom*/
       t[4].y - /*handleSize*/
-      t[3] / 2), c(
-        K,
+      t[3] / 2), u(
+        W,
         "height",
         /*handleSize*/
         t[3]
-      ), c(
-        K,
+      ), u(
+        W,
         "width",
         /*handleSize*/
         t[3]
-      ), c(k, "class", "a9s-corner-handle a9s-corner-handle-topright"), c(k, "x", st = /*geom*/
+      ), u(G, "class", "a9s-corner-handle a9s-corner-handle-topright"), u(G, "x", st = /*geom*/
       t[4].x + /*geom*/
       t[4].w - /*handleSize*/
-      t[3] / 2), c(k, "y", lt = /*geom*/
+      t[3] / 2), u(G, "y", lt = /*geom*/
       t[4].y - /*handleSize*/
-      t[3] / 2), c(
-        k,
+      t[3] / 2), u(
+        G,
         "height",
         /*handleSize*/
         t[3]
-      ), c(
-        k,
+      ), u(
+        G,
         "width",
         /*handleSize*/
         t[3]
-      ), c(Z, "class", "a9s-corner-handle a9s-corner-handle-bottomright"), c(Z, "x", It = /*geom*/
+      ), u(Q, "class", "a9s-corner-handle a9s-corner-handle-bottomright"), u(Q, "x", Yt = /*geom*/
       t[4].x + /*geom*/
       t[4].w - /*handleSize*/
-      t[3] / 2), c(Z, "y", Pt = /*geom*/
+      t[3] / 2), u(Q, "y", _t = /*geom*/
       t[4].y + /*geom*/
       t[4].h - /*handleSize*/
-      t[3] / 2), c(
-        Z,
+      t[3] / 2), u(
+        Q,
         "height",
         /*handleSize*/
         t[3]
-      ), c(
-        Z,
+      ), u(
+        Q,
         "width",
         /*handleSize*/
         t[3]
-      ), c(Q, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), c(Q, "x", _t = /*geom*/
+      ), u(Z, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), u(Z, "x", Ct = /*geom*/
       t[4].x - /*handleSize*/
-      t[3] / 2), c(Q, "y", Bt = /*geom*/
+      t[3] / 2), u(Z, "y", Pt = /*geom*/
       t[4].y + /*geom*/
       t[4].h - /*handleSize*/
-      t[3] / 2), c(
-        Q,
+      t[3] / 2), u(
+        Z,
         "height",
         /*handleSize*/
         t[3]
-      ), c(
-        Q,
+      ), u(
+        Z,
         "width",
         /*handleSize*/
         t[3]
       );
     },
-    m(X, A) {
-      L(X, e, A), L(X, s, A), L(X, l, A), L(X, p, A), L(X, g, A), L(X, x, A), L(X, M, A), L(X, z, A), L(X, f, A), L(X, Y, A), L(X, I, A), L(X, Tt, A), L(X, K, A), L(X, H, A), L(X, k, A), L(X, Ht, A), L(X, Z, A), L(X, Ct, A), L(X, Q, A), jt || (se = [
-        j(e, "pointerdown", function() {
-          U(
+    m(Y, S) {
+      B(Y, e, S), B(Y, s, S), B(Y, l, S), B(Y, h, S), B(Y, m, S), B(Y, y, S), B(Y, v, S), B(Y, N, S), B(Y, g, S), B(Y, X, S), B(Y, P, S), B(Y, Tt, S), B(Y, W, S), B(Y, j, S), B(Y, G, S), B(Y, Ht, S), B(Y, Q, S), B(Y, jt, S), B(Y, Z, S), zt || (se = [
+        R(e, "pointerdown", function() {
+          H(
             /*grab*/
-            t[10](T.SHAPE)
-          ) && t[10](T.SHAPE).apply(this, arguments);
+            t[10](M.SHAPE)
+          ) && t[10](M.SHAPE).apply(this, arguments);
         }),
-        j(l, "pointerdown", function() {
-          U(
+        R(l, "pointerdown", function() {
+          H(
             /*grab*/
-            t[10](T.SHAPE)
-          ) && t[10](T.SHAPE).apply(this, arguments);
+            t[10](M.SHAPE)
+          ) && t[10](M.SHAPE).apply(this, arguments);
         }),
-        j(g, "pointerdown", function() {
-          U(
+        R(m, "pointerdown", function() {
+          H(
             /*grab*/
-            t[10](T.TOP)
-          ) && t[10](T.TOP).apply(this, arguments);
+            t[10](M.TOP)
+          ) && t[10](M.TOP).apply(this, arguments);
         }),
-        j(M, "pointerdown", function() {
-          U(
+        R(v, "pointerdown", function() {
+          H(
             /*grab*/
-            t[10](T.RIGHT)
-          ) && t[10](T.RIGHT).apply(this, arguments);
+            t[10](M.RIGHT)
+          ) && t[10](M.RIGHT).apply(this, arguments);
         }),
-        j(f, "pointerdown", function() {
-          U(
+        R(g, "pointerdown", function() {
+          H(
             /*grab*/
-            t[10](T.BOTTOM)
-          ) && t[10](T.BOTTOM).apply(this, arguments);
+            t[10](M.BOTTOM)
+          ) && t[10](M.BOTTOM).apply(this, arguments);
         }),
-        j(I, "pointerdown", function() {
-          U(
+        R(P, "pointerdown", function() {
+          H(
             /*grab*/
-            t[10](T.LEFT)
-          ) && t[10](T.LEFT).apply(this, arguments);
+            t[10](M.LEFT)
+          ) && t[10](M.LEFT).apply(this, arguments);
         }),
-        j(K, "pointerdown", function() {
-          U(
+        R(W, "pointerdown", function() {
+          H(
             /*grab*/
-            t[10](T.TOP_LEFT)
-          ) && t[10](T.TOP_LEFT).apply(this, arguments);
+            t[10](M.TOP_LEFT)
+          ) && t[10](M.TOP_LEFT).apply(this, arguments);
         }),
-        j(k, "pointerdown", function() {
-          U(
+        R(G, "pointerdown", function() {
+          H(
             /*grab*/
-            t[10](T.TOP_RIGHT)
-          ) && t[10](T.TOP_RIGHT).apply(this, arguments);
+            t[10](M.TOP_RIGHT)
+          ) && t[10](M.TOP_RIGHT).apply(this, arguments);
         }),
-        j(Z, "pointerdown", function() {
-          U(
+        R(Q, "pointerdown", function() {
+          H(
             /*grab*/
-            t[10](T.BOTTOM_RIGHT)
-          ) && t[10](T.BOTTOM_RIGHT).apply(this, arguments);
+            t[10](M.BOTTOM_RIGHT)
+          ) && t[10](M.BOTTOM_RIGHT).apply(this, arguments);
         }),
-        j(Q, "pointerdown", function() {
-          U(
+        R(Z, "pointerdown", function() {
+          H(
             /*grab*/
-            t[10](T.BOTTOM_LEFT)
-          ) && t[10](T.BOTTOM_LEFT).apply(this, arguments);
+            t[10](M.BOTTOM_LEFT)
+          ) && t[10](M.BOTTOM_LEFT).apply(this, arguments);
         })
-      ], jt = !0);
+      ], zt = !0);
     },
-    p(X, A) {
-      t = X, A & /*computedStyle*/
+    p(Y, S) {
+      t = Y, S & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      t[1] ? "display:none;" : void 0) && c(e, "style", n), A & /*geom*/
+      t[1] ? "display:none;" : void 0) && u(e, "style", n), S & /*geom*/
       16 && o !== (o = /*geom*/
-      t[4].x) && c(e, "x", o), A & /*geom*/
+      t[4].x) && u(e, "x", o), S & /*geom*/
       16 && r !== (r = /*geom*/
-      t[4].y) && c(e, "y", r), A & /*geom*/
+      t[4].y) && u(e, "y", r), S & /*geom*/
       16 && i !== (i = /*geom*/
-      t[4].w) && c(e, "width", i), A & /*geom*/
+      t[4].w) && u(e, "width", i), S & /*geom*/
       16 && a !== (a = /*geom*/
-      t[4].h) && c(e, "height", a), A & /*computedStyle*/
-      2 && c(
+      t[4].h) && u(e, "height", a), S & /*computedStyle*/
+      2 && u(
         l,
         "style",
         /*computedStyle*/
         t[1]
-      ), A & /*geom*/
-      16 && h !== (h = /*geom*/
-      t[4].x) && c(l, "x", h), A & /*geom*/
-      16 && m !== (m = /*geom*/
-      t[4].y) && c(l, "y", m), A & /*geom*/
+      ), S & /*geom*/
       16 && d !== (d = /*geom*/
-      t[4].w) && c(l, "width", d), A & /*geom*/
-      16 && u !== (u = /*geom*/
-      t[4].h) && c(l, "height", u), A & /*geom*/
-      16 && y !== (y = /*geom*/
-      t[4].x) && c(g, "x", y), A & /*geom*/
+      t[4].x) && u(l, "x", d), S & /*geom*/
+      16 && p !== (p = /*geom*/
+      t[4].y) && u(l, "y", p), S & /*geom*/
+      16 && c !== (c = /*geom*/
+      t[4].w) && u(l, "width", c), S & /*geom*/
+      16 && f !== (f = /*geom*/
+      t[4].h) && u(l, "height", f), S & /*geom*/
+      16 && x !== (x = /*geom*/
+      t[4].x) && u(m, "x", x), S & /*geom*/
+      16 && A !== (A = /*geom*/
+      t[4].y) && u(m, "y", A), S & /*geom*/
+      16 && $ !== ($ = /*geom*/
+      t[4].w) && u(m, "width", $), S & /*geom*/
       16 && E !== (E = /*geom*/
-      t[4].y) && c(g, "y", E), A & /*geom*/
-      16 && b !== (b = /*geom*/
-      t[4].w) && c(g, "width", b), A & /*geom*/
-      16 && B !== (B = /*geom*/
       t[4].x + /*geom*/
-      t[4].w) && c(M, "x", B), A & /*geom*/
-      16 && N !== (N = /*geom*/
-      t[4].y) && c(M, "y", N), A & /*geom*/
-      16 && G !== (G = /*geom*/
-      t[4].h) && c(M, "height", G), A & /*geom*/
+      t[4].w) && u(v, "x", E), S & /*geom*/
+      16 && _ !== (_ = /*geom*/
+      t[4].y) && u(v, "y", _), S & /*geom*/
+      16 && C !== (C = /*geom*/
+      t[4].h) && u(v, "height", C), S & /*geom*/
+      16 && b !== (b = /*geom*/
+      t[4].x) && u(g, "x", b), S & /*geom*/
       16 && w !== (w = /*geom*/
-      t[4].x) && c(f, "x", w), A & /*geom*/
-      16 && $ !== ($ = /*geom*/
       t[4].y + /*geom*/
-      t[4].h) && c(f, "y", $), A & /*geom*/
-      16 && v !== (v = /*geom*/
-      t[4].w) && c(f, "width", v), A & /*geom*/
+      t[4].h) && u(g, "y", w), S & /*geom*/
+      16 && T !== (T = /*geom*/
+      t[4].w) && u(g, "width", T), S & /*geom*/
       16 && J !== (J = /*geom*/
-      t[4].x) && c(I, "x", J), A & /*geom*/
+      t[4].x) && u(P, "x", J), S & /*geom*/
       16 && gt !== (gt = /*geom*/
-      t[4].y) && c(I, "y", gt), A & /*geom*/
-      16 && ft !== (ft = /*geom*/
-      t[4].h) && c(I, "height", ft), A & /*geom, handleSize*/
-      24 && S !== (S = /*geom*/
+      t[4].y) && u(P, "y", gt), S & /*geom*/
+      16 && mt !== (mt = /*geom*/
+      t[4].h) && u(P, "height", mt), S & /*geom, handleSize*/
+      24 && I !== (I = /*geom*/
       t[4].x - /*handleSize*/
-      t[3] / 2) && c(K, "x", S), A & /*geom, handleSize*/
-      24 && W !== (W = /*geom*/
+      t[3] / 2) && u(W, "x", I), S & /*geom, handleSize*/
+      24 && q !== (q = /*geom*/
       t[4].y - /*handleSize*/
-      t[3] / 2) && c(K, "y", W), A & /*handleSize*/
-      8 && c(
-        K,
+      t[3] / 2) && u(W, "y", q), S & /*handleSize*/
+      8 && u(
+        W,
         "height",
         /*handleSize*/
         t[3]
-      ), A & /*handleSize*/
-      8 && c(
-        K,
+      ), S & /*handleSize*/
+      8 && u(
+        W,
         "width",
         /*handleSize*/
         t[3]
-      ), A & /*geom, handleSize*/
+      ), S & /*geom, handleSize*/
       24 && st !== (st = /*geom*/
       t[4].x + /*geom*/
       t[4].w - /*handleSize*/
-      t[3] / 2) && c(k, "x", st), A & /*geom, handleSize*/
+      t[3] / 2) && u(G, "x", st), S & /*geom, handleSize*/
       24 && lt !== (lt = /*geom*/
       t[4].y - /*handleSize*/
-      t[3] / 2) && c(k, "y", lt), A & /*handleSize*/
-      8 && c(
-        k,
+      t[3] / 2) && u(G, "y", lt), S & /*handleSize*/
+      8 && u(
+        G,
         "height",
         /*handleSize*/
         t[3]
-      ), A & /*handleSize*/
-      8 && c(
-        k,
+      ), S & /*handleSize*/
+      8 && u(
+        G,
         "width",
         /*handleSize*/
         t[3]
-      ), A & /*geom, handleSize*/
-      24 && It !== (It = /*geom*/
+      ), S & /*geom, handleSize*/
+      24 && Yt !== (Yt = /*geom*/
       t[4].x + /*geom*/
       t[4].w - /*handleSize*/
-      t[3] / 2) && c(Z, "x", It), A & /*geom, handleSize*/
-      24 && Pt !== (Pt = /*geom*/
+      t[3] / 2) && u(Q, "x", Yt), S & /*geom, handleSize*/
+      24 && _t !== (_t = /*geom*/
       t[4].y + /*geom*/
       t[4].h - /*handleSize*/
-      t[3] / 2) && c(Z, "y", Pt), A & /*handleSize*/
-      8 && c(
-        Z,
+      t[3] / 2) && u(Q, "y", _t), S & /*handleSize*/
+      8 && u(
+        Q,
         "height",
         /*handleSize*/
         t[3]
-      ), A & /*handleSize*/
-      8 && c(
-        Z,
+      ), S & /*handleSize*/
+      8 && u(
+        Q,
         "width",
         /*handleSize*/
         t[3]
-      ), A & /*geom, handleSize*/
-      24 && _t !== (_t = /*geom*/
+      ), S & /*geom, handleSize*/
+      24 && Ct !== (Ct = /*geom*/
       t[4].x - /*handleSize*/
-      t[3] / 2) && c(Q, "x", _t), A & /*geom, handleSize*/
-      24 && Bt !== (Bt = /*geom*/
+      t[3] / 2) && u(Z, "x", Ct), S & /*geom, handleSize*/
+      24 && Pt !== (Pt = /*geom*/
       t[4].y + /*geom*/
       t[4].h - /*handleSize*/
-      t[3] / 2) && c(Q, "y", Bt), A & /*handleSize*/
-      8 && c(
-        Q,
+      t[3] / 2) && u(Z, "y", Pt), S & /*handleSize*/
+      8 && u(
+        Z,
         "height",
         /*handleSize*/
         t[3]
-      ), A & /*handleSize*/
-      8 && c(
-        Q,
+      ), S & /*handleSize*/
+      8 && u(
+        Z,
         "width",
         /*handleSize*/
         t[3]
       );
     },
-    d(X) {
-      X && O(e), X && O(s), X && O(l), X && O(p), X && O(g), X && O(x), X && O(M), X && O(z), X && O(f), X && O(Y), X && O(I), X && O(Tt), X && O(K), X && O(H), X && O(k), X && O(Ht), X && O(Z), X && O(Ct), X && O(Q), jt = !1, it(se);
+    d(Y) {
+      Y && L(e), Y && L(s), Y && L(l), Y && L(h), Y && L(m), Y && L(y), Y && L(v), Y && L(N), Y && L(g), Y && L(X), Y && L(P), Y && L(Tt), Y && L(W), Y && L(j), Y && L(G), Y && L(Ht), Y && L(Q), Y && L(jt), Y && L(Z), zt = !1, it(se);
     }
   };
 }
-function ro(t) {
+function ao(t) {
   let e, n;
-  return e = new je({
+  return e = new Re({
     props: {
       shape: (
         /*shape*/
@@ -1599,7 +1634,7 @@ function ro(t) {
       ),
       $$slots: {
         default: [
-          oo,
+          io,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -1620,7 +1655,7 @@ function ro(t) {
     t[9]
   ), {
     c() {
-      mt(e.$$.fragment);
+      ft(e.$$.fragment);
     },
     m(o, r) {
       ct(e, o, r), n = !0;
@@ -1635,82 +1670,82 @@ function ro(t) {
       3098 && (i.$$scope = { dirty: r, ctx: o }), e.$set(i);
     },
     i(o) {
-      n || (_(e.$$.fragment, o), n = !0);
+      n || (V(e.$$.fragment, o), n = !0);
     },
     o(o) {
-      R(e.$$.fragment, o), n = !1;
+      k(e.$$.fragment, o), n = !1;
     },
     d(o) {
       ut(e, o);
     }
   };
 }
-function io(t, e, n) {
+function so(t, e, n) {
   let o, r, { shape: i } = e, { computedStyle: a = void 0 } = e, { transform: s } = e, { viewportScale: l = 1 } = e;
-  const h = (p, g, y) => {
-    const E = p.geometry.bounds;
-    let [b, x] = [E.minX, E.minY], [M, B] = [E.maxX, E.maxY];
-    const [N, G] = y;
-    if (g === T.SHAPE)
-      b += N, M += N, x += G, B += G;
+  const d = (h, m, x) => {
+    const A = h.geometry.bounds;
+    let [$, y] = [A.minX, A.minY], [v, E] = [A.maxX, A.maxY];
+    const [_, C] = x;
+    if (m === M.SHAPE)
+      $ += _, v += _, y += C, E += C;
     else {
-      switch (g) {
-        case T.TOP:
-        case T.TOP_LEFT:
-        case T.TOP_RIGHT: {
-          x += G;
+      switch (m) {
+        case M.TOP:
+        case M.TOP_LEFT:
+        case M.TOP_RIGHT: {
+          y += C;
           break;
         }
-        case T.BOTTOM:
-        case T.BOTTOM_LEFT:
-        case T.BOTTOM_RIGHT: {
-          B += G;
+        case M.BOTTOM:
+        case M.BOTTOM_LEFT:
+        case M.BOTTOM_RIGHT: {
+          E += C;
           break;
         }
       }
-      switch (g) {
-        case T.LEFT:
-        case T.TOP_LEFT:
-        case T.BOTTOM_LEFT: {
-          b += N;
+      switch (m) {
+        case M.LEFT:
+        case M.TOP_LEFT:
+        case M.BOTTOM_LEFT: {
+          $ += _;
           break;
         }
-        case T.RIGHT:
-        case T.TOP_RIGHT:
-        case T.BOTTOM_RIGHT: {
-          M += N;
+        case M.RIGHT:
+        case M.TOP_RIGHT:
+        case M.BOTTOM_RIGHT: {
+          v += _;
           break;
         }
       }
     }
-    const z = Math.min(b, M), f = Math.min(x, B), w = Math.abs(M - b), $ = Math.abs(B - x);
+    const N = Math.min($, v), g = Math.min(y, E), b = Math.abs(v - $), w = Math.abs(E - y);
     return {
-      ...p,
+      ...h,
       geometry: {
-        x: z,
-        y: f,
-        w,
-        h: $,
+        x: N,
+        y: g,
+        w: b,
+        h: w,
         bounds: {
-          minX: z,
-          minY: f,
-          maxX: z + w,
-          maxY: f + $
+          minX: N,
+          minY: g,
+          maxX: N + b,
+          maxY: g + w
         }
       }
     };
   };
-  function m(p) {
-    Et.call(this, t, p);
+  function p(h) {
+    vt.call(this, t, h);
   }
-  function d(p) {
-    Et.call(this, t, p);
+  function c(h) {
+    vt.call(this, t, h);
   }
-  function u(p) {
-    Et.call(this, t, p);
+  function f(h) {
+    vt.call(this, t, h);
   }
-  return t.$$set = (p) => {
-    "shape" in p && n(0, i = p.shape), "computedStyle" in p && n(1, a = p.computedStyle), "transform" in p && n(2, s = p.transform), "viewportScale" in p && n(6, l = p.viewportScale);
+  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);
   }, t.$$.update = () => {
     t.$$.dirty & /*shape*/
     1 && n(4, o = i.geometry), t.$$.dirty & /*viewportScale*/
@@ -1721,16 +1756,16 @@ function io(t, e, n) {
     s,
     r,
     o,
-    h,
-    l,
-    m,
     d,
-    u
+    l,
+    p,
+    c,
+    f
   ];
 }
-class ao extends nt {
+class lo extends nt {
   constructor(e) {
-    super(), et(this, e, io, ro, q, {
+    super(), et(this, e, so, ao, K, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1738,29 +1773,29 @@ class ao extends nt {
     });
   }
 }
-const Ce = /* @__PURE__ */ new Map([
-  [F.RECTANGLE, ao],
-  [F.POLYGON, no]
-]), $e = (t) => Ce.get(t.type), so = (t, e) => Ce.set(t, e), T = (t) => `HANDLE-${t}`;
-T.SHAPE = "SHAPE";
-T.TOP = "TOP";
-T.RIGHT = "RIGHT";
-T.BOTTOM = "BOTTOM";
-T.LEFT = "LEFT";
-T.TOP_LEFT = "TOP_LEFT";
-T.TOP_RIGHT = "TOP_RIGHT";
-T.BOTTOM_RIGHT = "BOTTOM_RIGHT";
-T.BOTTOM_LEFT = "BOTTOM_LEFT";
-const lo = (t) => ({}), xe = (t) => ({ grab: (
+const ze = /* @__PURE__ */ new Map([
+  [F.RECTANGLE, lo],
+  [F.POLYGON, ro]
+]), we = (t) => ze.get(t.type), co = (t, e) => ze.set(t, e), M = (t) => `HANDLE-${t}`;
+M.SHAPE = "SHAPE";
+M.TOP = "TOP";
+M.RIGHT = "RIGHT";
+M.BOTTOM = "BOTTOM";
+M.LEFT = "LEFT";
+M.TOP_LEFT = "TOP_LEFT";
+M.TOP_RIGHT = "TOP_RIGHT";
+M.BOTTOM_RIGHT = "BOTTOM_RIGHT";
+M.BOTTOM_LEFT = "BOTTOM_LEFT";
+const uo = (t) => ({}), xe = (t) => ({ grab: (
   /*onGrab*/
   t[0]
 ) });
-function co(t) {
+function ho(t) {
   let e, n, o, r;
   const i = (
     /*#slots*/
     t[7].default
-  ), a = Je(
+  ), a = Qe(
     i,
     t,
     /*$$scope*/
@@ -1769,17 +1804,17 @@ function co(t) {
   );
   return {
     c() {
-      e = P("g"), a && a.c(), c(e, "class", "a9s-annotation selected");
+      e = O("g"), a && a.c(), u(e, "class", "a9s-annotation selected");
     },
     m(s, l) {
-      L(s, e, l), a && a.m(e, null), n = !0, o || (r = [
-        j(
+      B(s, e, l), a && a.m(e, null), n = !0, o || (r = [
+        R(
           e,
           "pointerup",
           /*onRelease*/
           t[2]
         ),
-        j(
+        R(
           e,
           "pointermove",
           /*onPointerMove*/
@@ -1789,7 +1824,7 @@ function co(t) {
     },
     p(s, [l]) {
       a && a.p && (!n || l & /*$$scope*/
-      64) && Qe(
+      64) && tn(
         a,
         i,
         s,
@@ -1800,8 +1835,8 @@ function co(t) {
           /*$$scope*/
           s[6],
           l,
-          lo
-        ) : tn(
+          uo
+        ) : en(
           /*$$scope*/
           s[6]
         ),
@@ -1809,40 +1844,40 @@ function co(t) {
       );
     },
     i(s) {
-      n || (_(a, s), n = !0);
+      n || (V(a, s), n = !0);
     },
     o(s) {
-      R(a, s), n = !1;
+      k(a, s), n = !1;
     },
     d(s) {
-      s && O(e), a && a.d(s), o = !1, it(r);
+      s && L(e), a && a.d(s), o = !1, it(r);
     }
   };
 }
-function uo(t, e, n) {
+function po(t, e, n) {
   let { $$slots: o = {}, $$scope: r } = e;
   const i = At();
-  let { shape: a } = e, { editor: s } = e, { transform: l } = e, h = null, m, d = null;
-  const u = (y) => (E) => {
-    h = y, m = l.elementToImage(E.offsetX, E.offsetY), d = a, E.target.setPointerCapture(E.pointerId), i("grab");
-  }, p = (y) => {
-    if (h) {
-      const [E, b] = l.elementToImage(y.offsetX, y.offsetY), x = [E - m[0], b - m[1]];
-      n(3, a = s(d, h, x)), i("change", a);
-    }
-  }, g = (y) => {
-    y.target.releasePointerCapture(y.pointerId), h = null, d = a, i("release");
-  };
-  return t.$$set = (y) => {
-    "shape" in y && n(3, a = y.shape), "editor" in y && n(4, s = y.editor), "transform" in y && n(5, l = y.transform), "$$scope" in y && n(6, r = y.$$scope);
-  }, [u, p, g, a, s, l, r, o];
-}
-class je extends nt {
+  let { shape: a } = e, { editor: s } = e, { transform: l } = e, d = null, p, c = null;
+  const f = (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);
+    }
+  }, m = (x) => {
+    x.target.releasePointerCapture(x.pointerId), d = null, c = 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);
+  }, [f, h, m, a, s, l, r, o];
+}
+class Re extends nt {
   constructor(e) {
-    super(), et(this, e, uo, co, q, { shape: 3, editor: 4, transform: 5 });
+    super(), et(this, e, po, ho, K, { shape: 3, editor: 4, transform: 5 });
   }
 }
-const Ut = (t, e) => {
+const Ft = (t, e) => {
   const n = typeof e == "function" ? e(t) : e;
   if (n) {
     const { fill: o, fillOpacity: r } = n;
@@ -1850,35 +1885,35 @@ const Ut = (t, e) => {
     return o && (i += `fill:${o};stroke:${o};`), i += `fill-opacity:${r || "0.25"};`, i;
   }
 };
-function ho(t, e, n) {
+function fo(t, e, n) {
   let o;
   const r = At();
-  let { annotation: i } = e, { editor: a } = e, { style: s = void 0 } = e, { target: l } = e, { transform: h } = e, { viewportScale: m } = e, d;
-  return Xt(() => (n(6, d = new a({
+  let { annotation: i } = e, { editor: a } = e, { style: s = void 0 } = e, { target: l } = e, { transform: d } = e, { viewportScale: p } = e, c;
+  return It(() => (n(6, c = new a({
     target: l,
     props: {
       shape: i.target.selector,
       computedStyle: o,
-      transform: h,
-      viewportScale: m
-    }
-  })), d.$on("change", (u) => {
-    d.$$set({ shape: u.detail }), r("change", u.detail);
-  }), d.$on("grab", (u) => r("grab", u.detail)), d.$on("release", (u) => r("release", u.detail)), () => {
-    d.$destroy();
-  })), t.$$set = (u) => {
-    "annotation" in u && n(0, i = u.annotation), "editor" in u && n(1, a = u.editor), "style" in u && n(2, s = u.style), "target" in u && n(3, l = u.target), "transform" in u && n(4, h = u.transform), "viewportScale" in u && n(5, m = u.viewportScale);
+      transform: d,
+      viewportScale: p
+    }
+  })), c.$on("change", (f) => {
+    c.$$set({ shape: f.detail }), r("change", f.detail);
+  }), c.$on("grab", (f) => r("grab", f.detail)), c.$on("release", (f) => r("release", f.detail)), () => {
+    c.$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, d = f.transform), "viewportScale" in f && n(5, p = f.viewportScale);
   }, t.$$.update = () => {
     t.$$.dirty & /*annotation, style*/
-    5 && (o = Ut(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: h }), t.$$.dirty & /*editorComponent, viewportScale*/
-    96 && d && d.$set({ viewportScale: m });
-  }, [i, a, s, l, h, m, d];
+    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];
 }
-class po extends nt {
+class go extends nt {
   constructor(e) {
-    super(), et(this, e, ho, null, q, {
+    super(), et(this, e, fo, null, K, {
       annotation: 0,
       editor: 1,
       style: 2,
@@ -1890,33 +1925,33 @@ class po extends nt {
 }
 function mo(t, e, n) {
   const o = At();
-  let { drawingMode: r } = e, { target: i } = e, { tool: a } = e, { transform: s } = e, { viewportScale: l } = e, h;
-  return Xt(() => {
-    const m = i.closest("svg"), d = [], u = (p, g, y) => {
-      m.addEventListener(p, g, y), d.push(() => m.removeEventListener(p, g, y));
+  let { drawingMode: r } = e, { target: i } = e, { tool: a } = e, { transform: s } = e, { viewportScale: l } = e, d;
+  return It(() => {
+    const p = i.closest("svg"), c = [], f = (h, m, x) => {
+      p.addEventListener(h, m, x), c.push(() => p.removeEventListener(h, m, x));
     };
-    return n(5, h = new a({
+    return n(5, d = new a({
       target: i,
       props: {
-        addEventListener: u,
+        addEventListener: f,
         drawingMode: r,
         transform: s,
         viewportScale: l
       }
-    })), h.$on("create", (p) => o("create", p.detail)), () => {
-      d.forEach((p) => p()), h.$destroy();
+    })), d.$on("create", (h) => o("create", h.detail)), () => {
+      c.forEach((h) => h()), d.$destroy();
     };
-  }), t.$$set = (m) => {
-    "drawingMode" in m && n(0, r = m.drawingMode), "target" in m && n(1, i = m.target), "tool" in m && n(2, a = m.tool), "transform" in m && n(3, s = m.transform), "viewportScale" in m && n(4, l = m.viewportScale);
+  }), 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 && h && h.$set({ transform: s }), t.$$.dirty & /*toolComponent, viewportScale*/
-    48 && h && h.$set({ viewportScale: l });
-  }, [r, i, a, s, l, h];
+    40 && d && d.$set({ transform: s }), t.$$.dirty & /*toolComponent, viewportScale*/
+    48 && d && d.$set({ viewportScale: l });
+  }, [r, i, a, s, l, d];
 }
-class go extends nt {
+class yo extends nt {
   constructor(e) {
-    super(), et(this, e, mo, null, q, {
+    super(), et(this, e, mo, null, K, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -1929,42 +1964,42 @@ function be(t) {
   let e, n;
   return {
     c() {
-      e = P("rect"), n = P("rect"), c(e, "class", "a9s-outer"), c(
+      e = O("rect"), n = O("rect"), u(e, "class", "a9s-outer"), u(
         e,
         "x",
         /*x*/
         t[1]
-      ), c(
+      ), u(
         e,
         "y",
         /*y*/
         t[2]
-      ), c(
+      ), u(
         e,
         "width",
         /*w*/
         t[3]
-      ), c(
+      ), u(
         e,
         "height",
         /*h*/
         t[4]
-      ), c(n, "class", "a9s-inner"), c(
+      ), u(n, "class", "a9s-inner"), u(
         n,
         "x",
         /*x*/
         t[1]
-      ), c(
+      ), u(
         n,
         "y",
         /*y*/
         t[2]
-      ), c(
+      ), u(
         n,
         "width",
         /*w*/
         t[3]
-      ), c(
+      ), u(
         n,
         "height",
         /*h*/
@@ -1972,53 +2007,53 @@ function be(t) {
       );
     },
     m(o, r) {
-      L(o, e, r), L(o, n, r);
+      B(o, e, r), B(o, n, r);
     },
     p(o, r) {
       r & /*x*/
-      2 && c(
+      2 && u(
         e,
         "x",
         /*x*/
         o[1]
       ), r & /*y*/
-      4 && c(
+      4 && u(
         e,
         "y",
         /*y*/
         o[2]
       ), r & /*w*/
-      8 && c(
+      8 && u(
         e,
         "width",
         /*w*/
         o[3]
       ), r & /*h*/
-      16 && c(
+      16 && u(
         e,
         "height",
         /*h*/
         o[4]
       ), r & /*x*/
-      2 && c(
+      2 && u(
         n,
         "x",
         /*x*/
         o[1]
       ), r & /*y*/
-      4 && c(
+      4 && u(
         n,
         "y",
         /*y*/
         o[2]
       ), r & /*w*/
-      8 && c(
+      8 && u(
         n,
         "width",
         /*w*/
         o[3]
       ), r & /*h*/
-      16 && c(
+      16 && u(
         n,
         "height",
         /*h*/
@@ -2026,87 +2061,87 @@ function be(t) {
       );
     },
     d(o) {
-      o && O(e), o && O(n);
+      o && L(e), o && L(n);
     }
   };
 }
-function fo(t) {
+function $o(t) {
   let e, n = (
     /*origin*/
     t[0] && be(t)
   );
   return {
     c() {
-      e = P("g"), n && n.c(), c(e, "class", "a9s-annotation a9s-rubberband");
+      e = O("g"), n && n.c(), u(e, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, r) {
-      L(o, e, r), n && n.m(e, null);
+      B(o, e, r), n && n.m(e, null);
     },
     p(o, [r]) {
       o[0] ? n ? n.p(o, r) : (n = be(o), n.c(), n.m(e, null)) : n && (n.d(1), n = null);
     },
-    i: V,
-    o: V,
+    i: U,
+    o: U,
     d(o) {
-      o && O(e), n && n.d();
+      o && L(e), n && n.d();
     }
   };
 }
-function yo(t, e, n) {
+function wo(t, e, n) {
   const o = At();
-  let { addEventListener: r } = e, { drawingMode: i } = e, { transform: a } = e, s, l, h, m, d, u, p;
-  const g = (x) => {
-    s = performance.now(), i === "drag" && (n(0, l = a.elementToImage(x.offsetX, x.offsetY)), h = l, n(1, m = l[0]), n(2, d = l[1]), n(3, u = 1), n(4, p = 1));
-  }, y = (x) => {
-    l && (h = a.elementToImage(x.offsetX, x.offsetY), n(1, m = Math.min(h[0], l[0])), n(2, d = Math.min(h[1], l[1])), n(3, u = Math.abs(h[0] - l[0])), n(4, p = Math.abs(h[1] - l[1])));
-  }, E = (x) => {
-    const M = performance.now() - s;
+  let { addEventListener: r } = e, { drawingMode: i } = e, { transform: a } = e, s, l, d, p, c, 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, f = 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, f = Math.abs(d[0] - l[0])), n(4, h = Math.abs(d[1] - l[1])));
+  }, A = (y) => {
+    const v = performance.now() - s;
     if (i === "click") {
-      if (M > 300)
+      if (v > 300)
         return;
-      x.stopPropagation(), l ? b() : (n(0, l = a.elementToImage(x.offsetX, x.offsetY)), h = l, n(1, m = l[0]), n(2, d = l[1]), n(3, u = 1), n(4, p = 1));
+      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, f = 1), n(4, h = 1));
     } else
-      l && (M > 300 || u * p > 100 ? (x.stopPropagation(), b()) : (n(0, l = null), h = null));
-  }, b = () => {
-    if (u * p > 15) {
-      const x = {
+      l && (v > 300 || f * h > 100 ? (y.stopPropagation(), $()) : (n(0, l = null), d = null));
+  }, $ = () => {
+    if (f * h > 15) {
+      const y = {
         type: F.RECTANGLE,
         geometry: {
           bounds: {
-            minX: m,
-            minY: d,
-            maxX: m + u,
-            maxY: d + p
+            minX: p,
+            minY: c,
+            maxX: p + f,
+            maxY: c + h
           },
-          x: m,
-          y: d,
-          w: u,
-          h: p
+          x: p,
+          y: c,
+          w: f,
+          h
         }
       };
-      o("create", x);
+      o("create", y);
     }
-    n(0, l = null), h = null;
+    n(0, l = null), d = null;
   };
-  return Xt(() => {
-    r("pointerdown", g), r("pointermove", y), r("pointerup", E, !0);
-  }), t.$$set = (x) => {
-    "addEventListener" in x && n(5, r = x.addEventListener), "drawingMode" in x && n(6, i = x.drawingMode), "transform" in x && n(7, a = x.transform);
-  }, [l, m, d, u, p, r, i, a];
+  return It(() => {
+    r("pointerdown", m), r("pointermove", x), 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, f, h, r, i, a];
 }
-class wo extends nt {
+class xo extends nt {
   constructor(e) {
-    super(), et(this, e, yo, fo, q, {
+    super(), et(this, e, wo, $o, K, {
       addEventListener: 5,
       drawingMode: 6,
       transform: 7
     });
   }
 }
-const Kt = (t, e) => {
+const Wt = (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));
-}, $o = (t, e) => {
+}, bo = (t, e) => {
   const { naturalWidth: n, naturalHeight: o } = t;
   if (!n && !o) {
     const { width: r, height: i } = t;
@@ -2116,9 +2151,9 @@ const Kt = (t, e) => {
     });
   } else
     e.setAttribute("viewBox", `0 0 ${n} ${o}`);
-}, xo = (t, e) => {
-  $o(t, e);
-  const { subscribe: n, set: o } = Ft(1);
+}, vo = (t, e) => {
+  bo(t, e);
+  const { subscribe: n, set: o } = Ut(1);
   let r;
   return window.ResizeObserver && (r = new ResizeObserver(() => {
     const i = e.getBoundingClientRect(), { width: a, height: s } = e.viewBox.baseVal, l = Math.max(
@@ -2130,7 +2165,7 @@ const Kt = (t, e) => {
     r && r.disconnect();
   }, subscribe: n };
 };
-function qt(t) {
+function Kt(t) {
   const e = t.slice(), n = (
     /*isClosable*/
     (e[2] ? (
@@ -2145,47 +2180,47 @@ function qt(t) {
   );
   return e[15] = n, e;
 }
-function Ee(t) {
+function ve(t) {
   let e, n, o, r, i, a = (
     /*isClosable*/
-    t[2] && ve(t)
+    t[2] && Ee(t)
   );
   return {
     c() {
-      e = P("polygon"), o = P("polygon"), a && a.c(), i = at(), c(e, "class", "a9s-outer"), c(e, "points", n = /*coords*/
-      t[15]), c(o, "class", "a9s-inner"), c(o, "points", r = /*coords*/
+      e = O("polygon"), o = O("polygon"), a && a.c(), i = at(), u(e, "class", "a9s-outer"), u(e, "points", n = /*coords*/
+      t[15]), u(o, "class", "a9s-inner"), u(o, "points", r = /*coords*/
       t[15]);
     },
     m(s, l) {
-      L(s, e, l), L(s, o, l), a && a.m(s, l), L(s, i, l);
+      B(s, e, l), B(s, o, l), a && a.m(s, l), B(s, i, l);
     },
     p(s, l) {
       l & /*isClosable, points, cursor*/
       7 && n !== (n = /*coords*/
-      s[15]) && c(e, "points", n), l & /*isClosable, points, cursor*/
+      s[15]) && u(e, "points", n), l & /*isClosable, points, cursor*/
       7 && r !== (r = /*coords*/
-      s[15]) && c(o, "points", r), /*isClosable*/
-      s[2] ? a ? a.p(s, l) : (a = ve(s), a.c(), a.m(i.parentNode, i)) : a && (a.d(1), a = null);
+      s[15]) && u(o, "points", r), /*isClosable*/
+      s[2] ? a ? a.p(s, l) : (a = Ee(s), a.c(), a.m(i.parentNode, i)) : a && (a.d(1), a = null);
     },
     d(s) {
-      s && O(e), s && O(o), a && a.d(s), s && O(i);
+      s && L(e), s && L(o), a && a.d(s), s && L(i);
     }
   };
 }
-function ve(t) {
+function Ee(t) {
   let e, n, o;
   return {
     c() {
-      e = P("rect"), c(e, "class", "a9s-corner-handle"), c(e, "x", n = /*points*/
+      e = O("rect"), u(e, "class", "a9s-corner-handle"), u(e, "x", n = /*points*/
       t[0][0][0] - /*handleSize*/
-      t[3] / 2), c(e, "y", o = /*points*/
+      t[3] / 2), u(e, "y", o = /*points*/
       t[0][0][1] - /*handleSize*/
-      t[3] / 2), c(
+      t[3] / 2), u(
         e,
         "height",
         /*handleSize*/
         t[3]
-      ), c(
+      ), u(
         e,
         "width",
         /*handleSize*/
@@ -2193,23 +2228,23 @@ function ve(t) {
       );
     },
     m(r, i) {
-      L(r, e, i);
+      B(r, e, i);
     },
     p(r, i) {
       i & /*points, handleSize*/
       9 && n !== (n = /*points*/
       r[0][0][0] - /*handleSize*/
-      r[3] / 2) && c(e, "x", n), i & /*points, handleSize*/
+      r[3] / 2) && u(e, "x", n), i & /*points, handleSize*/
       9 && o !== (o = /*points*/
       r[0][0][1] - /*handleSize*/
-      r[3] / 2) && c(e, "y", o), i & /*handleSize*/
-      8 && c(
+      r[3] / 2) && u(e, "y", o), i & /*handleSize*/
+      8 && u(
         e,
         "height",
         /*handleSize*/
         r[3]
       ), i & /*handleSize*/
-      8 && c(
+      8 && u(
         e,
         "width",
         /*handleSize*/
@@ -2217,93 +2252,94 @@ function ve(t) {
       );
     },
     d(r) {
-      r && O(e);
+      r && L(e);
     }
   };
 }
-function bo(t) {
+function Eo(t) {
   let e, n = (
     /*cursor*/
-    t[1] && Ee(qt(t))
+    t[1] && ve(Kt(t))
   );
   return {
     c() {
-      e = P("g"), n && n.c(), c(e, "class", "a9s-annotation a9s-rubberband");
+      e = O("g"), n && n.c(), u(e, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, r) {
-      L(o, e, r), n && n.m(e, null);
+      B(o, e, r), n && n.m(e, null);
     },
     p(o, [r]) {
-      o[1] ? n ? n.p(qt(o), r) : (n = Ee(qt(o)), n.c(), n.m(e, null)) : n && (n.d(1), n = null);
+      o[1] ? n ? n.p(Kt(o), r) : (n = ve(Kt(o)), n.c(), n.m(e, null)) : n && (n.d(1), n = null);
     },
-    i: V,
-    o: V,
+    i: U,
+    o: U,
     d(o) {
-      o && O(e), n && n.d();
+      o && L(e), n && n.d();
     }
   };
 }
-const Eo = 20;
-function vo(t, e, n) {
+const Ao = 20;
+function To(t, e, n) {
   let o;
   const r = At();
-  let { addEventListener: i } = e, { drawingMode: a } = e, { transform: s } = e, { viewportScale: l = 1 } = e, h, m = [], d = null, u = !1;
-  const p = (x) => {
-    if (h = { ...x }, a === "drag" && m.length === 0) {
-      const M = s.elementToImage(x.offsetX, x.offsetY);
-      m.push(M), n(1, d = M);
-    }
-  }, g = (x) => {
-    if (m.length > 0 && (n(1, d = s.elementToImage(x.offsetX, x.offsetY)), m.length > 2)) {
-      const M = Kt(d, m[0]) * l;
-      n(2, u = M < Eo);
-    }
-  }, y = (x) => {
+  let { addEventListener: i } = e, { drawingMode: a } = e, { transform: s } = e, { viewportScale: l = 1 } = e, d, p = [], c = null, f = !1;
+  const h = (y) => {
+    const { timeStamp: v, offsetX: E, offsetY: _ } = y;
+    if (d = { timeStamp: v, offsetX: E, offsetY: _ }, a === "drag" && p.length === 0) {
+      const C = s.elementToImage(y.offsetX, y.offsetY);
+      p.push(C), n(1, c = C);
+    }
+  }, m = (y) => {
+    if (p.length > 0 && (n(1, c = s.elementToImage(y.offsetX, y.offsetY)), p.length > 2)) {
+      const v = Wt(c, p[0]) * l;
+      n(2, f = v < Ao);
+    }
+  }, x = (y) => {
     if (a === "click") {
-      const M = x.timeStamp - h.timeStamp, B = Kt([h.offsetX, h.offsetY], [x.offsetX, x.offsetY]);
-      if (M > 300 || B > 15)
+      const v = y.timeStamp - d.timeStamp, E = Wt([d.offsetX, d.offsetY], [y.offsetX, y.offsetY]);
+      if (v > 300 || E > 15)
         return;
-      if (u)
-        b();
-      else if (m.length === 0) {
-        const N = s.elementToImage(x.offsetX, x.offsetY);
-        m.push(N), n(1, d = N);
+      if (f)
+        $();
+      else if (p.length === 0) {
+        const _ = s.elementToImage(y.offsetX, y.offsetY);
+        p.push(_), n(1, c = _);
       } else
-        m.push(d);
+        p.push(c);
     } else {
-      if (m.length === 1 && Kt(m[0], d) <= 4) {
-        n(0, m = []), n(1, d = null);
+      if (p.length === 1 && Wt(p[0], c) <= 4) {
+        n(0, p = []), n(1, c = null);
         return;
       }
-      x.stopImmediatePropagation(), u ? b() : m.push(d);
+      y.stopImmediatePropagation(), f ? $() : p.push(c);
     }
-  }, E = () => {
-    const x = [...m, d], M = {
+  }, A = () => {
+    const y = [...p, c], v = {
       type: F.POLYGON,
-      geometry: { bounds: Gt(x), points: x }
+      geometry: { bounds: Gt(y), points: y }
     };
-    ne(M) > 4 && (n(0, m = []), n(1, d = null), r("create", M));
-  }, b = () => {
-    const x = {
+    ne(v) > 4 && (n(0, p = []), n(1, c = null), r("create", v));
+  }, $ = () => {
+    const y = {
       type: F.POLYGON,
       geometry: {
-        bounds: Gt(m),
-        points: [...m]
+        bounds: Gt(p),
+        points: [...p]
       }
     };
-    n(0, m = []), n(1, d = null), r("create", x);
+    n(0, p = []), n(1, c = null), r("create", y);
   };
-  return Xt(() => {
-    i("pointerdown", p, !0), i("pointermove", g), i("pointerup", y, !0), i("dblclick", E, !0);
-  }), t.$$set = (x) => {
-    "addEventListener" in x && n(4, i = x.addEventListener), "drawingMode" in x && n(5, a = x.drawingMode), "transform" in x && n(6, s = x.transform), "viewportScale" in x && n(7, l = x.viewportScale);
+  return It(() => {
+    i("pointerdown", h, !0), i("pointermove", m), i("pointerup", x, !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 = () => {
     t.$$.dirty & /*viewportScale*/
     128 && n(3, o = 10 / l);
   }, [
-    m,
-    d,
-    u,
+    p,
+    c,
+    f,
     o,
     i,
     a,
@@ -2311,9 +2347,9 @@ function vo(t, e, n) {
     l
   ];
 }
-class Ao extends nt {
+class So extends nt {
   constructor(e) {
-    super(), et(this, e, vo, bo, q, {
+    super(), et(this, e, To, Eo, K, {
       addEventListener: 4,
       drawingMode: 5,
       transform: 6,
@@ -2322,147 +2358,147 @@ class Ao extends nt {
   }
 }
 const ae = /* @__PURE__ */ new Map([
-  ["rectangle", { tool: wo }],
-  ["polygon", { tool: Ao }]
-]), To = () => [...ae.keys()], ze = (t) => ae.get(t), Mo = (t, e, n) => ae.set(t, { tool: e, opts: n });
-function Oo(t) {
+  ["rectangle", { tool: xo }],
+  ["polygon", { tool: So }]
+]), Mo = () => [...ae.keys()], qe = (t) => ae.get(t), Lo = (t, e, n) => ae.set(t, { tool: e, opts: n });
+function Bo(t) {
   let e, n, o, r, i;
   return {
     c() {
-      e = P("g"), n = P("ellipse"), r = P("ellipse"), c(n, "class", "a9s-outer"), c(n, "style", o = /*computedStyle*/
-      t[1] ? "display:none;" : void 0), c(
+      e = O("g"), n = O("ellipse"), r = O("ellipse"), u(n, "class", "a9s-outer"), u(n, "style", o = /*computedStyle*/
+      t[1] ? "display:none;" : void 0), u(
         n,
         "cx",
         /*cx*/
         t[2]
-      ), c(
+      ), u(
         n,
         "cy",
         /*cy*/
         t[3]
-      ), c(
+      ), u(
         n,
         "rx",
         /*rx*/
         t[4]
-      ), c(
+      ), u(
         n,
         "ry",
         /*ry*/
         t[5]
-      ), c(r, "class", "a9s-inner"), c(
+      ), u(r, "class", "a9s-inner"), u(
         r,
         "style",
         /*computedStyle*/
         t[1]
-      ), c(
+      ), u(
         r,
         "cx",
         /*cx*/
         t[2]
-      ), c(
+      ), u(
         r,
         "cy",
         /*cy*/
         t[3]
-      ), c(
+      ), u(
         r,
         "rx",
         /*rx*/
         t[4]
-      ), c(
+      ), u(
         r,
         "ry",
         /*ry*/
         t[5]
-      ), c(e, "data-id", i = /*annotation*/
+      ), u(e, "data-id", i = /*annotation*/
       t[0].id);
     },
     m(a, s) {
-      L(a, e, s), dt(e, n), dt(e, r);
+      B(a, e, s), dt(e, n), dt(e, r);
     },
     p(a, [s]) {
       s & /*computedStyle*/
       2 && o !== (o = /*computedStyle*/
-      a[1] ? "display:none;" : void 0) && c(n, "style", o), s & /*computedStyle*/
-      2 && c(
+      a[1] ? "display:none;" : void 0) && u(n, "style", o), s & /*computedStyle*/
+      2 && u(
         r,
         "style",
         /*computedStyle*/
         a[1]
       ), s & /*annotation*/
       1 && i !== (i = /*annotation*/
-      a[0].id) && c(e, "data-id", i);
+      a[0].id) && u(e, "data-id", i);
     },
-    i: V,
-    o: V,
+    i: U,
+    o: U,
     d(a) {
-      a && O(e);
+      a && L(e);
     }
   };
 }
-function Lo(t, e, n) {
+function Xo(t, e, n) {
   let o, { annotation: r } = e, { geom: i } = e, { style: a = void 0 } = e;
-  const { cx: s, cy: l, rx: h, ry: m } = 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);
+  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);
   }, t.$$.update = () => {
     t.$$.dirty & /*annotation, style*/
-    129 && n(1, o = Ut(r, a));
-  }, [r, o, s, l, h, m, i, a];
+    129 && n(1, o = Ft(r, a));
+  }, [r, o, s, l, d, p, i, a];
 }
-class Yo extends nt {
+class Io extends nt {
   constructor(e) {
-    super(), et(this, e, Lo, Oo, q, { annotation: 0, geom: 6, style: 7 });
+    super(), et(this, e, Xo, Bo, K, { annotation: 0, geom: 6, style: 7 });
   }
 }
-function So(t) {
+function Yo(t) {
   let e, n, o, r, i;
   return {
     c() {
-      e = P("g"), n = P("polygon"), r = P("polygon"), c(n, "class", "a9s-outer"), c(n, "style", o = /*computedStyle*/
-      t[1] ? "display:none;" : void 0), c(
+      e = O("g"), n = O("polygon"), r = O("polygon"), u(n, "class", "a9s-outer"), u(n, "style", o = /*computedStyle*/
+      t[1] ? "display:none;" : void 0), u(
         n,
         "points",
         /*points*/
-        t[2].map(Xo).join(" ")
-      ), c(r, "class", "a9s-inner"), c(
+        t[2].map(_o).join(" ")
+      ), u(r, "class", "a9s-inner"), u(
         r,
         "style",
         /*computedStyle*/
         t[1]
-      ), c(
+      ), u(
         r,
         "points",
         /*points*/
-        t[2].map(Io).join(" ")
-      ), c(e, "data-id", i = /*annotation*/
+        t[2].map(Co).join(" ")
+      ), u(e, "data-id", i = /*annotation*/
       t[0].id);
     },
     m(a, s) {
-      L(a, e, s), dt(e, n), dt(e, r);
+      B(a, e, s), dt(e, n), dt(e, r);
     },
     p(a, [s]) {
       s & /*computedStyle*/
       2 && o !== (o = /*computedStyle*/
-      a[1] ? "display:none;" : void 0) && c(n, "style", o), s & /*computedStyle*/
-      2 && c(
+      a[1] ? "display:none;" : void 0) && u(n, "style", o), s & /*computedStyle*/
+      2 && u(
         r,
         "style",
         /*computedStyle*/
         a[1]
       ), s & /*annotation*/
       1 && i !== (i = /*annotation*/
-      a[0].id) && c(e, "data-id", i);
+      a[0].id) && u(e, "data-id", i);
     },
-    i: V,
-    o: V,
+    i: U,
+    o: U,
     d(a) {
-      a && O(e);
+      a && L(e);
     }
   };
 }
-const Xo = (t) => t.join(","), Io = (t) => t.join(",");
+const _o = (t) => t.join(","), Co = (t) => t.join(",");
 function Po(t, e, n) {
   let o, { annotation: r } = e, { geom: i } = e, { style: a = void 0 } = e;
   const { points: s } = i;
@@ -2470,170 +2506,170 @@ function Po(t, e, n) {
     "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 = Ut(r, a));
+    17 && n(1, o = Ft(r, a));
   }, [r, o, s, i, a];
 }
-class _o extends nt {
+class Oo extends nt {
   constructor(e) {
-    super(), et(this, e, Po, So, q, { annotation: 0, geom: 3, style: 4 });
+    super(), et(this, e, Po, Yo, K, { annotation: 0, geom: 3, style: 4 });
   }
 }
-function Bo(t) {
+function Vo(t) {
   let e, n, o, r, i;
   return {
     c() {
-      e = P("g"), n = P("rect"), r = P("rect"), c(n, "class", "a9s-outer"), c(n, "style", o = /*computedStyle*/
-      t[5] ? "display:none;" : void 0), c(
+      e = O("g"), n = O("rect"), r = O("rect"), u(n, "class", "a9s-outer"), u(n, "style", o = /*computedStyle*/
+      t[5] ? "display:none;" : void 0), u(
         n,
         "x",
         /*x*/
         t[4]
-      ), c(
+      ), u(
         n,
         "y",
         /*y*/
         t[3]
-      ), c(
+      ), u(
         n,
         "width",
         /*w*/
         t[2]
-      ), c(
+      ), u(
         n,
         "height",
         /*h*/
         t[1]
-      ), c(r, "class", "a9s-inner"), c(
+      ), u(r, "class", "a9s-inner"), u(
         r,
         "style",
         /*computedStyle*/
         t[5]
-      ), c(
+      ), u(
         r,
         "x",
         /*x*/
         t[4]
-      ), c(
+      ), u(
         r,
         "y",
         /*y*/
         t[3]
-      ), c(
+      ), u(
         r,
         "width",
         /*w*/
         t[2]
-      ), c(
+      ), u(
         r,
         "height",
         /*h*/
         t[1]
-      ), c(e, "data-id", i = /*annotation*/
+      ), u(e, "data-id", i = /*annotation*/
       t[0].id);
     },
     m(a, s) {
-      L(a, e, s), dt(e, n), dt(e, r);
+      B(a, e, s), dt(e, n), dt(e, r);
     },
     p(a, [s]) {
       s & /*computedStyle*/
       32 && o !== (o = /*computedStyle*/
-      a[5] ? "display:none;" : void 0) && c(n, "style", o), s & /*x*/
-      16 && c(
+      a[5] ? "display:none;" : void 0) && u(n, "style", o), s & /*x*/
+      16 && u(
         n,
         "x",
         /*x*/
         a[4]
       ), s & /*y*/
-      8 && c(
+      8 && u(
         n,
         "y",
         /*y*/
         a[3]
       ), s & /*w*/
-      4 && c(
+      4 && u(
         n,
         "width",
         /*w*/
         a[2]
       ), s & /*h*/
-      2 && c(
+      2 && u(
         n,
         "height",
         /*h*/
         a[1]
       ), s & /*computedStyle*/
-      32 && c(
+      32 && u(
         r,
         "style",
         /*computedStyle*/
         a[5]
       ), s & /*x*/
-      16 && c(
+      16 && u(
         r,
         "x",
         /*x*/
         a[4]
       ), s & /*y*/
-      8 && c(
+      8 && u(
         r,
         "y",
         /*y*/
         a[3]
       ), s & /*w*/
-      4 && c(
+      4 && u(
         r,
         "width",
         /*w*/
         a[2]
       ), s & /*h*/
-      2 && c(
+      2 && u(
         r,
         "height",
         /*h*/
         a[1]
       ), s & /*annotation*/
       1 && i !== (i = /*annotation*/
-      a[0].id) && c(e, "data-id", i);
+      a[0].id) && u(e, "data-id", i);
     },
-    i: V,
-    o: V,
+    i: U,
+    o: U,
     d(a) {
-      a && O(e);
+      a && L(e);
     }
   };
 }
-function Ro(t, e, n) {
-  let o, r, i, a, s, { annotation: l } = e, { geom: h } = e, { style: m = void 0 } = e;
-  return t.$$set = (d) => {
-    "annotation" in d && n(0, l = d.annotation), "geom" in d && n(6, h = d.geom), "style" in d && n(7, m = d.style);
+function ko(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);
   }, t.$$.update = () => {
     t.$$.dirty & /*annotation, style*/
-    129 && n(5, o = Ut(l, m)), t.$$.dirty & /*geom*/
-    64 && n(4, { x: r, y: i, w: a, h: s } = h, r, (n(3, i), n(6, h)), (n(2, a), n(6, h)), (n(1, s), n(6, h)));
-  }, [l, s, a, i, r, o, h, m];
+    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];
 }
-class Do extends nt {
+class No extends nt {
   constructor(e) {
-    super(), et(this, e, Ro, Bo, q, { annotation: 0, geom: 6, style: 7 });
+    super(), et(this, e, ko, Vo, K, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const No = (t) => ({
+const Do = (t) => ({
   elementToImage: (e, n) => {
     const o = t.getBoundingClientRect(), r = t.createSVGPoint();
     r.x = e + o.x, r.y = n + o.y;
     const { x: i, y: a } = r.matrixTransform(t.getScreenCTM().inverse());
     return [i, a];
   }
-}), ko = 250, Vo = (t, e) => {
+}), Go = 250, Uo = (t, e) => {
   const n = At();
   let o;
   return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
-    if (performance.now() - o < ko) {
-      const { x: i, y: a } = Go(r, t), s = e.getAt(i, a);
+    if (performance.now() - o < Go) {
+      const { x: i, y: a } = Fo(r, t), s = e.getAt(i, a);
       s ? n("click", { originalEvent: r, annotation: s }) : n("click", { originalEvent: r });
     }
   } };
-}, Go = (t, e) => {
+}, Fo = (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());
 };
@@ -2652,37 +2688,37 @@ function Jt(t) {
   );
   return e[34] = n, e;
 }
-function Me(t) {
+function Se(t) {
   let e = (
     /*annotation*/
     t[31].id
-  ), n, o, r = Oe(t);
+  ), n, o, r = Me(t);
   return {
     c() {
       r.c(), n = at();
     },
     m(i, a) {
-      r.m(i, a), L(i, n, a), o = !0;
+      r.m(i, a), B(i, n, a), o = !0;
     },
     p(i, a) {
       a[0] & /*$store*/
-      4096 && q(e, e = /*annotation*/
-      i[31].id) ? (ot(), R(r, 1, 1, V), rt(), r = Oe(i), r.c(), _(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
+      4096 && K(e, e = /*annotation*/
+      i[31].id) ? (ot(), k(r, 1, 1, U), rt(), r = Me(i), r.c(), V(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
     },
     i(i) {
-      o || (_(r), o = !0);
+      o || (V(r), o = !0);
     },
     o(i) {
-      R(r), o = !1;
+      k(r), o = !1;
     },
     d(i) {
-      i && O(n), r.d(i);
+      i && L(n), r.d(i);
     }
   };
 }
-function Fo(t) {
+function Ho(t) {
   let e, n;
-  return e = new _o({
+  return e = new Oo({
     props: {
       annotation: (
         /*annotation*/
@@ -2699,7 +2735,7 @@ function Fo(t) {
     }
   }), {
     c() {
-      mt(e.$$.fragment);
+      ft(e.$$.fragment);
     },
     m(o, r) {
       ct(e, o, r), n = !0;
@@ -2715,19 +2751,19 @@ function Fo(t) {
       o[1]), e.$set(i);
     },
     i(o) {
-      n || (_(e.$$.fragment, o), n = !0);
+      n || (V(e.$$.fragment, o), n = !0);
     },
     o(o) {
-      R(e.$$.fragment, o), n = !1;
+      k(e.$$.fragment, o), n = !1;
     },
     d(o) {
       ut(e, o);
     }
   };
 }
-function Uo(t) {
+function jo(t) {
   let e, n;
-  return e = new Do({
+  return e = new No({
     props: {
       annotation: (
         /*annotation*/
@@ -2744,7 +2780,7 @@ function Uo(t) {
     }
   }), {
     c() {
-      mt(e.$$.fragment);
+      ft(e.$$.fragment);
     },
     m(o, r) {
       ct(e, o, r), n = !0;
@@ -2760,19 +2796,19 @@ function Uo(t) {
       o[1]), e.$set(i);
     },
     i(o) {
-      n || (_(e.$$.fragment, o), n = !0);
+      n || (V(e.$$.fragment, o), n = !0);
     },
     o(o) {
-      R(e.$$.fragment, o), n = !1;
+      k(e.$$.fragment, o), n = !1;
     },
     d(o) {
       ut(e, o);
     }
   };
 }
-function Ho(t) {
+function zo(t) {
   let e, n;
-  return e = new Yo({
+  return e = new Io({
     props: {
       annotation: (
         /*annotation*/
@@ -2789,7 +2825,7 @@ function Ho(t) {
     }
   }), {
     c() {
-      mt(e.$$.fragment);
+      ft(e.$$.fragment);
     },
     m(o, r) {
       ct(e, o, r), n = !0;
@@ -2805,20 +2841,20 @@ function Ho(t) {
       o[1]), e.$set(i);
     },
     i(o) {
-      n || (_(e.$$.fragment, o), n = !0);
+      n || (V(e.$$.fragment, o), n = !0);
     },
     o(o) {
-      R(e.$$.fragment, o), n = !1;
+      k(e.$$.fragment, o), n = !1;
     },
     d(o) {
       ut(e, o);
     }
   };
 }
-function Oe(t) {
+function Me(t) {
   let e, n, o, r;
-  const i = [Ho, Uo, Fo], a = [];
-  function s(l, h) {
+  const i = [zo, jo, Ho], a = [];
+  function s(l, d) {
     return (
       /*selector*/
       l[34].type === F.ELLIPSE ? 0 : (
@@ -2834,23 +2870,23 @@ function Oe(t) {
     c() {
       n && n.c(), o = at();
     },
-    m(l, h) {
-      ~e && a[e].m(l, h), L(l, o, h), r = !0;
+    m(l, d) {
+      ~e && a[e].m(l, d), B(l, o, d), r = !0;
     },
-    p(l, h) {
-      let m = e;
-      e = s(l), e === m ? ~e && a[e].p(l, h) : (n && (ot(), R(a[m], 1, 1, () => {
-        a[m] = null;
-      }), rt()), ~e ? (n = a[e], n ? n.p(l, h) : (n = a[e] = i[e](l), n.c()), _(n, 1), n.m(o.parentNode, o)) : n = null);
+    p(l, d) {
+      let p = e;
+      e = s(l), e === p ? ~e && a[e].p(l, d) : (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()), V(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(l) {
-      r || (_(n), r = !0);
+      r || (V(n), r = !0);
     },
     o(l) {
-      R(n), r = !1;
+      k(n), r = !1;
     },
     d(l) {
-      ~e && a[e].d(l), l && O(o);
+      ~e && a[e].d(l), l && L(o);
     }
   };
 }
@@ -2859,13 +2895,13 @@ function Le(t) {
   t[7](
     /*annotation*/
     t[31]
-  ), n, o, r = e && Me(Jt(t));
+  ), n, o, r = e && Se(Jt(t));
   return {
     c() {
       r && r.c(), n = at();
     },
     m(i, a) {
-      r && r.m(i, a), L(i, n, a), o = !0;
+      r && r.m(i, a), B(i, n, a), o = !0;
     },
     p(i, a) {
       a[0] & /*isEditable, $store*/
@@ -2874,25 +2910,25 @@ function Le(t) {
         /*annotation*/
         i[31]
       )), e ? r ? (r.p(Jt(i), a), a[0] & /*isEditable, $store*/
-      4224 && _(r, 1)) : (r = Me(Jt(i)), r.c(), _(r, 1), r.m(n.parentNode, n)) : r && (ot(), R(r, 1, 1, () => {
+      4224 && V(r, 1)) : (r = Se(Jt(i)), r.c(), V(r, 1), r.m(n.parentNode, n)) : r && (ot(), k(r, 1, 1, () => {
         r = null;
       }), rt());
     },
     i(i) {
-      o || (_(r), o = !0);
+      o || (V(r), o = !0);
     },
     o(i) {
-      R(r), o = !1;
+      k(r), o = !1;
     },
     d(i) {
-      r && r.d(i), i && O(n);
+      r && r.d(i), i && L(n);
     }
   };
 }
-function Ye(t) {
+function Be(t) {
   let e, n, o, r;
-  const i = [jo, Co], a = [];
-  function s(l, h) {
+  const i = [qo, Ro], a = [];
+  function s(l, d) {
     return (
       /*editableAnnotations*/
       l[6] ? 0 : (
@@ -2906,62 +2942,62 @@ function Ye(t) {
     c() {
       n && n.c(), o = at();
     },
-    m(l, h) {
-      ~e && a[e].m(l, h), L(l, o, h), r = !0;
+    m(l, d) {
+      ~e && a[e].m(l, d), B(l, o, d), r = !0;
     },
-    p(l, h) {
-      let m = e;
-      e = s(l), e === m ? ~e && a[e].p(l, h) : (n && (ot(), R(a[m], 1, 1, () => {
-        a[m] = null;
-      }), rt()), ~e ? (n = a[e], n ? n.p(l, h) : (n = a[e] = i[e](l), n.c()), _(n, 1), n.m(o.parentNode, o)) : n = null);
+    p(l, d) {
+      let p = e;
+      e = s(l), e === p ? ~e && a[e].p(l, d) : (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()), V(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(l) {
-      r || (_(n), r = !0);
+      r || (V(n), r = !0);
     },
     o(l) {
-      R(n), r = !1;
+      k(n), r = !1;
     },
     d(l) {
-      ~e && a[e].d(l), l && O(o);
+      ~e && a[e].d(l), l && L(o);
     }
   };
 }
-function Co(t) {
+function Ro(t) {
   let e = (
     /*tool*/
     t[2]
-  ), n, o, r = Se(t);
+  ), n, o, r = Xe(t);
   return {
     c() {
       r.c(), n = at();
     },
     m(i, a) {
-      r.m(i, a), L(i, n, a), o = !0;
+      r.m(i, a), B(i, n, a), o = !0;
     },
     p(i, a) {
       a[0] & /*tool*/
-      4 && q(e, e = /*tool*/
-      i[2]) ? (ot(), R(r, 1, 1, V), rt(), r = Se(i), r.c(), _(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
+      4 && K(e, e = /*tool*/
+      i[2]) ? (ot(), k(r, 1, 1, U), rt(), r = Xe(i), r.c(), V(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
     },
     i(i) {
-      o || (_(r), o = !0);
+      o || (V(r), o = !0);
     },
     o(i) {
-      R(r), o = !1;
+      k(r), o = !1;
     },
     d(i) {
-      i && O(n), r.d(i);
+      i && L(n), r.d(i);
     }
   };
 }
-function jo(t) {
+function qo(t) {
   let e, n, o = (
     /*editableAnnotations*/
     t[6]
   ), r = [];
   for (let a = 0; a < o.length; a += 1)
-    r[a] = Ie(Ae(t, o, a));
-  const i = (a) => R(r[a], 1, 1, () => {
+    r[a] = Ye(Ae(t, o, a));
+  const i = (a) => k(r[a], 1, 1, () => {
     r[a] = null;
   });
   return {
@@ -2973,7 +3009,7 @@ function jo(t) {
     m(a, s) {
       for (let l = 0; l < r.length; l += 1)
         r[l] && r[l].m(a, s);
-      L(a, e, s), n = !0;
+      B(a, e, s), n = !0;
     },
     p(a, s) {
       if (s[0] & /*editableAnnotations, drawingEl, style, transform, $scale, onChangeSelected*/
@@ -2982,8 +3018,8 @@ function jo(t) {
         a[6];
         let l;
         for (l = 0; l < o.length; l += 1) {
-          const h = Ae(a, o, l);
-          r[l] ? (r[l].p(h, s), _(r[l], 1)) : (r[l] = Ie(h), r[l].c(), _(r[l], 1), r[l].m(e.parentNode, e));
+          const d = Ae(a, o, l);
+          r[l] ? (r[l].p(d, s), V(r[l], 1)) : (r[l] = Ye(d), r[l].c(), V(r[l], 1), r[l].m(e.parentNode, e));
         }
         for (ot(), l = o.length; l < r.length; l += 1)
           i(l);
@@ -2993,24 +3029,24 @@ function jo(t) {
     i(a) {
       if (!n) {
         for (let s = 0; s < o.length; s += 1)
-          _(r[s]);
+          V(r[s]);
         n = !0;
       }
     },
     o(a) {
       r = r.filter(Boolean);
       for (let s = 0; s < r.length; s += 1)
-        R(r[s]);
+        k(r[s]);
       n = !1;
     },
     d(a) {
-      oe(r, a), a && O(e);
+      oe(r, a), a && L(e);
     }
   };
 }
-function Se(t) {
+function Xe(t) {
   let e, n;
-  return e = new go({
+  return e = new yo({
     props: {
       target: (
         /*drawingEl*/
@@ -3039,7 +3075,7 @@ function Se(t) {
     t[16]
   ), {
     c() {
-      mt(e.$$.fragment);
+      ft(e.$$.fragment);
     },
     m(o, r) {
       ct(e, o, r), n = !0;
@@ -3059,25 +3095,25 @@ function Se(t) {
       o[13]), e.$set(i);
     },
     i(o) {
-      n || (_(e.$$.fragment, o), n = !0);
+      n || (V(e.$$.fragment, o), n = !0);
     },
     o(o) {
-      R(e.$$.fragment, o), n = !1;
+      k(e.$$.fragment, o), n = !1;
     },
     d(o) {
       ut(e, o);
     }
   };
 }
-function Xe(t) {
+function Ie(t) {
   let e, n;
-  return e = new po({
+  return e = new go({
     props: {
       target: (
         /*drawingEl*/
         t[4]
       ),
-      editor: $e(
+      editor: we(
         /*editable*/
         t[28].target.selector
       ),
@@ -3099,7 +3135,7 @@ function Xe(t) {
       )
     }
   }), e.$on("change", function() {
-    U(
+    H(
       /*onChangeSelected*/
       t[17](
         /*editable*/
@@ -3111,7 +3147,7 @@ function Xe(t) {
     ).apply(this, arguments);
   }), {
     c() {
-      mt(e.$$.fragment);
+      ft(e.$$.fragment);
     },
     m(o, r) {
       ct(e, o, r), n = !0;
@@ -3122,7 +3158,7 @@ function Xe(t) {
       r[0] & /*drawingEl*/
       16 && (i.target = /*drawingEl*/
       t[4]), r[0] & /*editableAnnotations*/
-      64 && (i.editor = $e(
+      64 && (i.editor = we(
         /*editable*/
         t[28].target.selector
       )), r[0] & /*editableAnnotations*/
@@ -3136,107 +3172,107 @@ function Xe(t) {
       t[13]), e.$set(i);
     },
     i(o) {
-      n || (_(e.$$.fragment, o), n = !0);
+      n || (V(e.$$.fragment, o), n = !0);
     },
     o(o) {
-      R(e.$$.fragment, o), n = !1;
+      k(e.$$.fragment, o), n = !1;
     },
     d(o) {
       ut(e, o);
     }
   };
 }
-function Ie(t) {
+function Ye(t) {
   let e = (
     /*editable*/
     t[28].id
-  ), n, o, r = Xe(t);
+  ), n, o, r = Ie(t);
   return {
     c() {
       r.c(), n = at();
     },
     m(i, a) {
-      r.m(i, a), L(i, n, a), o = !0;
+      r.m(i, a), B(i, n, a), o = !0;
     },
     p(i, a) {
       a[0] & /*editableAnnotations*/
-      64 && q(e, e = /*editable*/
-      i[28].id) ? (ot(), R(r, 1, 1, V), rt(), r = Xe(i), r.c(), _(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
+      64 && K(e, e = /*editable*/
+      i[28].id) ? (ot(), k(r, 1, 1, U), rt(), r = Ie(i), r.c(), V(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
     },
     i(i) {
-      o || (_(r), o = !0);
+      o || (V(r), o = !0);
     },
     o(i) {
-      R(r), o = !1;
+      k(r), o = !1;
     },
     d(i) {
-      i && O(n), r.d(i);
+      i && L(n), r.d(i);
     }
   };
 }
-function zo(t) {
+function Wo(t) {
   let e, n, o, r, i, a, s = (
     /*$store*/
     t[12]
   ), l = [];
-  for (let d = 0; d < s.length; d += 1)
-    l[d] = Le(Te(t, s, d));
-  const h = (d) => R(l[d], 1, 1, () => {
-    l[d] = null;
+  for (let c = 0; c < s.length; c += 1)
+    l[c] = Le(Te(t, s, c));
+  const d = (c) => k(l[c], 1, 1, () => {
+    l[c] = null;
   });
-  let m = (
+  let p = (
     /*drawingEl*/
-    t[4] && Ye(t)
+    t[4] && Be(t)
   );
   return {
     c() {
-      e = P("svg"), n = P("g");
-      for (let d = 0; d < l.length; d += 1)
-        l[d].c();
-      o = P("g"), m && m.c(), c(o, "class", "drawing"), c(e, "class", "a9s-annotationlayer"), ce(
+      e = O("svg"), n = O("g");
+      for (let c = 0; c < l.length; c += 1)
+        l[c].c();
+      o = O("g"), p && p.c(), u(o, "class", "drawing"), u(e, "class", "a9s-annotationlayer"), ce(
         e,
         "drawing",
         /*tool*/
         t[2]
       );
     },
-    m(d, u) {
-      L(d, e, u), dt(e, n);
-      for (let p = 0; p < l.length; p += 1)
-        l[p] && l[p].m(n, null);
-      dt(e, o), m && m.m(o, null), t[24](o), t[25](e), r = !0, i || (a = [
-        j(e, "pointerup", function() {
-          U(
+    m(c, f) {
+      B(c, e, f), dt(e, n);
+      for (let h = 0; h < l.length; h += 1)
+        l[h] && l[h].m(n, null);
+      dt(e, o), p && p.m(o, null), t[24](o), t[25](e), r = !0, i || (a = [
+        R(e, "pointerup", function() {
+          H(
             /*onPointerUp*/
             t[8]
           ) && t[8].apply(this, arguments);
         }),
-        j(e, "pointerdown", function() {
-          U(
+        R(e, "pointerdown", function() {
+          H(
             /*onPointerDown*/
             t[9]
           ) && t[9].apply(this, arguments);
         })
       ], i = !0);
     },
-    p(d, u) {
-      if (t = d, u[0] & /*$store, style, isEditable*/
+    p(c, f) {
+      if (t = c, f[0] & /*$store, style, isEditable*/
       4226) {
         s = /*$store*/
         t[12];
-        let p;
-        for (p = 0; p < s.length; p += 1) {
-          const g = Te(t, s, p);
-          l[p] ? (l[p].p(g, u), _(l[p], 1)) : (l[p] = Le(g), l[p].c(), _(l[p], 1), l[p].m(n, null));
+        let h;
+        for (h = 0; h < s.length; h += 1) {
+          const m = Te(t, s, h);
+          l[h] ? (l[h].p(m, f), V(l[h], 1)) : (l[h] = Le(m), l[h].c(), V(l[h], 1), l[h].m(n, null));
         }
-        for (ot(), p = s.length; p < l.length; p += 1)
-          h(p);
+        for (ot(), h = s.length; h < l.length; h += 1)
+          d(h);
         rt();
       }
-      t[4] ? m ? (m.p(t, u), u[0] & /*drawingEl*/
-      16 && _(m, 1)) : (m = Ye(t), m.c(), _(m, 1), m.m(o, null)) : m && (ot(), R(m, 1, 1, () => {
-        m = null;
-      }), rt()), (!r || u[0] & /*tool*/
+      t[4] ? p ? (p.p(t, f), f[0] & /*drawingEl*/
+      16 && V(p, 1)) : (p = Be(t), p.c(), V(p, 1), p.m(o, null)) : p && (ot(), k(p, 1, 1, () => {
+        p = null;
+      }), rt()), (!r || f[0] & /*tool*/
       4) && ce(
         e,
         "drawing",
@@ -3244,118 +3280,118 @@ function zo(t) {
         t[2]
       );
     },
-    i(d) {
+    i(c) {
       if (!r) {
-        for (let u = 0; u < s.length; u += 1)
-          _(l[u]);
-        _(m), r = !0;
+        for (let f = 0; f < s.length; f += 1)
+          V(l[f]);
+        V(p), r = !0;
       }
     },
-    o(d) {
+    o(c) {
       l = l.filter(Boolean);
-      for (let u = 0; u < l.length; u += 1)
-        R(l[u]);
-      R(m), r = !1;
-    },
-    d(d) {
-      d && O(e), oe(l, d), m && m.d(), t[24](null), t[25](null), i = !1, it(a);
-    }
-  };
-}
-function Wo(t, e, n) {
-  let o, r, i, a, s, l, h, m, d = V, u = () => (d(), d = Re(w, (S) => n(13, m = S)), w);
-  t.$$.on_destroy.push(() => d());
-  let { drawingEnabled: p } = e, { image: g } = e, { preferredDrawingMode: y } = e, { state: E } = e, { style: b = void 0 } = e, { tool: x, opts: M } = ze("rectangle"), { tool: B = x, opts: N = M } = e, { user: G } = e, z, f, w;
-  Xt(() => u(n(5, w = xo(g, f))));
-  const { selection: $, store: v } = E;
-  de(t, $, (S) => n(23, l = S)), de(t, v, (S) => n(12, h = S));
-  let Y = null, I = null;
-  const J = (S) => {
-    v.unobserve(Y);
-    const W = S.filter(({ editable: H }) => H).map(({ id: H }) => H);
-    W.length > 0 ? (n(6, I = W.map((H) => v.getAnnotation(H))), Y = (H) => {
-      const { updated: k } = H.changes;
-      n(6, I = k.map((st) => st.newValue));
-    }, v.observe(Y, { annotations: W })) : n(6, I = null);
-  }, gt = (S) => {
-    const W = Fe(), H = {
-      id: W,
+      for (let f = 0; f < l.length; f += 1)
+        k(l[f]);
+      k(p), r = !1;
+    },
+    d(c) {
+      c && L(e), oe(l, c), p && p.d(), t[24](null), t[25](null), i = !1, it(a);
+    }
+  };
+}
+function Ko(t, e, n) {
+  let o, r, i, a, s, l, d, p, c = U, f = () => (c(), c = Ve(b, (I) => n(13, p = I)), b);
+  t.$$.on_destroy.push(() => c());
+  let { drawingEnabled: h } = e, { image: m } = e, { preferredDrawingMode: x } = e, { state: A } = e, { style: $ = void 0 } = e, { tool: y, opts: v } = qe("rectangle"), { tool: E = y, opts: _ = v } = e, { user: C } = e, N, g, b;
+  It(() => f(n(5, b = vo(m, g))));
+  const { selection: w, store: T } = A;
+  de(t, w, (I) => n(23, l = I)), de(t, T, (I) => n(12, d = I));
+  let X = null, P = null;
+  const J = (I) => {
+    T.unobserve(X);
+    const q = I.filter(({ editable: j }) => j).map(({ id: j }) => j);
+    q.length > 0 ? (n(6, P = q.map((j) => T.getAnnotation(j))), X = (j) => {
+      const { updated: G } = j.changes;
+      n(6, P = G.map((st) => st.newValue));
+    }, T.observe(X, { annotations: q })) : n(6, P = null);
+  }, gt = (I) => {
+    const q = Fe(), j = {
+      id: q,
       bodies: [],
       target: {
-        annotation: W,
-        selector: S.detail,
-        creator: G,
+        annotation: q,
+        selector: I.detail,
+        creator: C,
         created: /* @__PURE__ */ new Date()
       }
     };
-    v.addAnnotation(H), $.setSelected(H.id);
-  }, ft = (S) => (W) => {
-    var H;
-    const { target: k } = S, st = 10 * 60 * 1e3, lt = ((H = k.creator) == null ? void 0 : H.id) !== G.id || !k.created || (/* @__PURE__ */ new Date()).getTime() - k.created.getTime() > st;
-    v.updateTarget({
-      ...k,
-      selector: W.detail,
-      created: lt ? k.created : /* @__PURE__ */ new Date(),
+    T.addAnnotation(j), w.setSelected(j.id);
+  }, mt = (I) => (q) => {
+    var j;
+    const { target: G } = I, st = 10 * 60 * 1e3, lt = ((j = G.creator) == null ? void 0 : j.id) !== C.id || !G.created || (/* @__PURE__ */ new Date()).getTime() - G.created.getTime() > st;
+    T.updateTarget({
+      ...G,
+      selector: q.detail,
+      created: lt ? G.created : /* @__PURE__ */ new Date(),
       updated: lt ? /* @__PURE__ */ new Date() : null,
-      updatedBy: lt ? G : null
+      updatedBy: lt ? C : null
     });
   };
-  function Tt(S) {
-    Vt[S ? "unshift" : "push"](() => {
-      z = S, n(4, z);
+  function Tt(I) {
+    Dt[I ? "unshift" : "push"](() => {
+      N = I, n(4, N);
     });
   }
-  function K(S) {
-    Vt[S ? "unshift" : "push"](() => {
-      f = S, n(3, f);
+  function W(I) {
+    Dt[I ? "unshift" : "push"](() => {
+      g = I, n(3, g);
     });
   }
-  return t.$$set = (S) => {
-    "drawingEnabled" in S && n(0, p = S.drawingEnabled), "image" in S && n(18, g = S.image), "preferredDrawingMode" in S && n(19, y = S.preferredDrawingMode), "state" in S && n(20, E = S.state), "style" in S && n(1, b = S.style), "tool" in S && n(2, B = S.tool), "opts" in S && n(21, N = S.opts), "user" in S && n(22, G = S.user);
+  return t.$$set = (I) => {
+    "drawingEnabled" in I && n(0, h = I.drawingEnabled), "image" in I && n(18, m = I.image), "preferredDrawingMode" in I && n(19, x = I.preferredDrawingMode), "state" in I && n(20, A = I.state), "style" in I && n(1, $ = I.style), "tool" in I && n(2, E = I.tool), "opts" in I && n(21, _ = I.opts), "user" in I && n(22, C = I.user);
   }, t.$$.update = () => {
     t.$$.dirty[0] & /*opts, preferredDrawingMode*/
-    2621440 && n(11, o = (N == null ? void 0 : N.drawingMode) || y), t.$$.dirty[0] & /*svgEl*/
-    8 && n(10, r = No(f)), t.$$.dirty[0] & /*svgEl*/
-    8 && n(9, { onPointerDown: i, onPointerUp: a } = Vo(f, v), i, (n(8, a), n(3, f))), t.$$.dirty[0] & /*$selection*/
-    8388608 && n(7, s = (S) => l.selected.find((W) => W.id === S.id && W.editable)), t.$$.dirty[0] & /*$selection*/
+    2621440 && n(11, o = (_ == null ? void 0 : _.drawingMode) || x), t.$$.dirty[0] & /*svgEl*/
+    8 && n(10, r = Do(g)), t.$$.dirty[0] & /*svgEl*/
+    8 && n(9, { onPointerDown: i, onPointerUp: a } = Uo(g, T), i, (n(8, a), n(3, g))), t.$$.dirty[0] & /*$selection*/
+    8388608 && n(7, s = (I) => l.selected.find((q) => q.id === I.id && q.editable)), t.$$.dirty[0] & /*$selection*/
     8388608 && J(l.selected);
   }, [
-    p,
+    h,
+    $,
+    E,
+    g,
+    N,
     b,
-    B,
-    f,
-    z,
-    w,
-    I,
+    P,
     s,
     a,
     i,
     r,
     o,
-    h,
-    m,
-    $,
-    v,
+    d,
+    p,
+    w,
+    T,
     gt,
-    ft,
-    g,
-    y,
-    E,
-    N,
-    G,
+    mt,
+    m,
+    x,
+    A,
+    _,
+    C,
     l,
     Tt,
-    K
+    W
   ];
 }
-class Ko extends nt {
+class Jo extends nt {
   constructor(e) {
     super(), et(
       this,
       e,
+      Ko,
       Wo,
-      zo,
-      q,
+      K,
       {
         drawingEnabled: 0,
         image: 18,
@@ -3371,33 +3407,33 @@ class Ko extends nt {
     );
   }
 }
-function qo(t, e, n, o, r) {
-  We(t, e, n || 0, o || t.length - 1, r || Jo);
+function Qo(t, e, n, o, r) {
+  We(t, e, n || 0, o || t.length - 1, r || Zo);
 }
 function We(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), h = 0.5 * Math.sqrt(s * l * (i - l) / i) * (a - i / 2 < 0 ? -1 : 1), m = Math.max(n, Math.floor(e - a * l / i + h)), d = Math.min(o, Math.floor(e + (i - a) * l / i + h));
-      We(t, e, m, d, r);
+      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));
+      We(t, e, p, c, r);
     }
-    var u = t[e], p = n, g = o;
-    for (Mt(t, n, e), r(t[o], u) > 0 && Mt(t, n, o); p < g; ) {
-      for (Mt(t, p, g), p++, g--; r(t[p], u) < 0; )
-        p++;
-      for (; r(t[g], u) > 0; )
-        g--;
+    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], f) > 0; )
+        m--;
     }
-    r(t[n], u) === 0 ? Mt(t, n, g) : (g++, Mt(t, g, o)), g <= e && (n = g + 1), e <= g && (o = g - 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 Mt(t, e, n) {
+function St(t, e, n) {
   var o = t[e];
   t[e] = t[n], t[n] = o;
 }
-function Jo(t, e) {
+function Zo(t, e) {
   return t < e ? -1 : t > e ? 1 : 0;
 }
-class Zo {
+class tr {
   constructor(e = 9) {
     this._maxEntries = Math.max(4, e), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
   }
@@ -3407,13 +3443,13 @@ class Zo {
   search(e) {
     let n = this.data;
     const o = [];
-    if (!Nt(e, n))
+    if (!kt(e, n))
       return o;
     const r = this.toBBox, i = [];
     for (; n; ) {
       for (let a = 0; a < n.children.length; a++) {
         const s = n.children[a], l = n.leaf ? r(s) : s;
-        Nt(e, l) && (n.leaf ? o.push(s) : Qt(e, l) ? this._all(s, o) : i.push(s));
+        kt(e, l) && (n.leaf ? o.push(s) : Zt(e, l) ? this._all(s, o) : i.push(s));
       }
       n = i.pop();
     }
@@ -3421,14 +3457,14 @@ class Zo {
   }
   collides(e) {
     let n = this.data;
-    if (!Nt(e, n))
+    if (!kt(e, n))
       return !1;
     const o = [];
     for (; n; ) {
       for (let r = 0; r < n.children.length; r++) {
         const i = n.children[r], a = n.leaf ? this.toBBox(i) : i;
-        if (Nt(e, a)) {
-          if (n.leaf || Qt(e, a))
+        if (kt(e, a)) {
+          if (n.leaf || Zt(e, a))
             return !0;
           o.push(i);
         }
@@ -3470,14 +3506,14 @@ class Zo {
       return this;
     let o = this.data;
     const r = this.toBBox(e), i = [], a = [];
-    let s, l, h;
+    let s, l, d;
     for (; o || i.length; ) {
-      if (o || (o = i.pop(), l = i[i.length - 1], s = a.pop(), h = !0), o.leaf) {
-        const m = Qo(e, o.children, n);
-        if (m !== -1)
-          return o.children.splice(m, 1), i.push(o), this._condense(i), this;
+      if (o || (o = i.pop(), l = i[i.length - 1], s = a.pop(), d = !0), o.leaf) {
+        const p = er(e, o.children, n);
+        if (p !== -1)
+          return o.children.splice(p, 1), i.push(o), this._condense(i), this;
       }
-      !h && !o.leaf && Qt(o, r) ? (i.push(o), a.push(s), s = 0, l = o, o = o.children[0]) : l ? (s++, o = l.children[s], h = !1) : o = null;
+      !d && !o.leaf && Zt(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;
     }
     return this;
   }
@@ -3506,26 +3542,26 @@ class Zo {
     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;
+      return s = bt(e.slice(n, o + 1)), wt(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), h = l * Math.ceil(Math.sqrt(a));
-    Pe(e, n, o, h, this.compareMinX);
-    for (let m = n; m <= o; m += h) {
-      const d = Math.min(m + h - 1, o);
-      Pe(e, m, d, l, this.compareMinY);
-      for (let u = m; u <= d; u += l) {
-        const p = Math.min(u + l - 1, d);
-        s.children.push(this._build(e, u, p, r - 1));
+    const l = Math.ceil(i / a), d = l * Math.ceil(Math.sqrt(a));
+    _e(e, n, o, d, this.compareMinX);
+    for (let p = n; p <= o; p += d) {
+      const c = Math.min(p + d - 1, o);
+      _e(e, p, c, l, this.compareMinY);
+      for (let f = p; f <= c; f += l) {
+        const h = Math.min(f + l - 1, c);
+        s.children.push(this._build(e, f, h, r - 1));
       }
     }
-    return $t(s, this.toBBox), s;
+    return wt(s, this.toBBox), s;
   }
   _chooseSubtree(e, n, o, r) {
     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 h = n.children[l], m = Zt(h), d = nr(e, h) - m;
-        d < a ? (a = d, i = m < i ? m : i, s = h) : d === a && m < i && (i = m, s = h);
+        const d = n.children[l], p = Qt(d), c = rr(e, d) - p;
+        c < a ? (a = c, i = p < i ? p : i, s = d) : c === a && p < i && (i = p, s = d);
       }
       n = s || n.children[0];
     }
@@ -3542,36 +3578,36 @@ class Zo {
     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));
-    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);
+    s.height = o.height, s.leaf = o.leaf, wt(o, this.toBBox), wt(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 = bt([e, n]), this.data.height = e.height + 1, this.data.leaf = !1, wt(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), h = Ot(e, s, o, this.toBBox), m = or(l, h), d = Zt(l) + Zt(h);
-      m < i ? (i = m, r = s, a = d < a ? d : a) : m === i && d < a && (a = d, r = s);
+      const l = Mt(e, 0, s, this.toBBox), d = Mt(e, s, o, this.toBBox), p = ir(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);
     }
     return r || o - n;
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(e, n, o) {
-    const r = e.leaf ? this.compareMinX : tr, i = e.leaf ? this.compareMinY : er, a = this._allDistMargin(e, n, o, r), s = this._allDistMargin(e, n, o, i);
+    const r = e.leaf ? this.compareMinX : nr, i = e.leaf ? this.compareMinY : or, a = this._allDistMargin(e, n, o, r), s = this._allDistMargin(e, n, o, i);
     a < s && e.children.sort(r);
   }
   // 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 = Dt(a) + Dt(s);
-    for (let h = n; h < o - n; h++) {
-      const m = e.children[h];
-      Lt(a, e.leaf ? i(m) : m), l += Dt(a);
+    const i = this.toBBox, a = Mt(e, 0, n, i), s = Mt(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);
     }
-    for (let h = o - n - 1; h >= n; h--) {
-      const m = e.children[h];
-      Lt(s, e.leaf ? i(m) : m), l += Dt(s);
+    for (let d = o - n - 1; d >= n; d--) {
+      const p = e.children[d];
+      Lt(s, e.leaf ? i(p) : p), l += Vt(s);
     }
     return l;
   }
@@ -3581,10 +3617,10 @@ class Zo {
   }
   _condense(e) {
     for (let n = e.length - 1, o; n >= 0; n--)
-      e[n].children.length === 0 ? n > 0 ? (o = e[n - 1].children, o.splice(o.indexOf(e[n]), 1)) : this.clear() : $t(e[n], this.toBBox);
+      e[n].children.length === 0 ? n > 0 ? (o = e[n - 1].children, o.splice(o.indexOf(e[n]), 1)) : this.clear() : wt(e[n], this.toBBox);
   }
 }
-function Qo(t, e, n) {
+function er(t, e, n) {
   if (!n)
     return e.indexOf(t);
   for (let o = 0; o < e.length; o++)
@@ -3592,10 +3628,10 @@ function Qo(t, e, n) {
       return o;
   return -1;
 }
-function $t(t, e) {
-  Ot(t, 0, t.children.length, e, t);
+function wt(t, e) {
+  Mt(t, 0, t.children.length, e, t);
 }
-function Ot(t, e, n, o, r) {
+function Mt(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;
   for (let i = e; i < n; i++) {
     const a = t.children[i];
@@ -3606,29 +3642,29 @@ function Ot(t, e, n, o, r) {
 function Lt(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 tr(t, e) {
+function nr(t, e) {
   return t.minX - e.minX;
 }
-function er(t, e) {
+function or(t, e) {
   return t.minY - e.minY;
 }
-function Zt(t) {
+function Qt(t) {
   return (t.maxX - t.minX) * (t.maxY - t.minY);
 }
-function Dt(t) {
+function Vt(t) {
   return t.maxX - t.minX + (t.maxY - t.minY);
 }
-function nr(t, e) {
+function rr(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 or(t, e) {
+function ir(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);
 }
-function Qt(t, e) {
+function Zt(t, e) {
   return t.minX <= e.minX && t.minY <= e.minY && e.maxX <= t.maxX && e.maxY <= t.maxY;
 }
-function Nt(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) {
@@ -3642,21 +3678,21 @@ function bt(t) {
     maxY: -1 / 0
   };
 }
-function Pe(t, e, n, o, r) {
+function _e(t, e, n, o, r) {
   const i = [e, n];
   for (; i.length; ) {
     if (n = i.pop(), e = i.pop(), n - e <= o)
       continue;
     const a = e + Math.ceil((n - e) / o / 2) * o;
-    qo(t, a, e, n, r), i.push(e, a, a, n);
+    Qo(t, a, e, n, r), i.push(e, a, a, n);
   }
 }
-const rr = () => {
-  const t = new Zo(), e = /* @__PURE__ */ new Map(), n = () => [...e.values()], o = () => {
+const ar = () => {
+  const t = new tr(), e = /* @__PURE__ */ new Map(), n = () => [...e.values()], o = () => {
     t.clear(), e.clear();
   }, r = (a) => {
-    const { minX: s, minY: l, maxX: h, maxY: m } = a.selector.geometry.bounds, d = { minX: s, minY: l, maxX: h, maxY: m, target: a };
-    t.insert(d), e.set(a.annotation, d);
+    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);
   }, i = (a) => {
     const s = e.get(a.annotation);
     t.remove(s), e.delete(a.annotation);
@@ -3670,33 +3706,33 @@ const rr = () => {
         minY: s,
         maxX: a,
         maxY: s
-      }).map((h) => h.target).filter((h) => h.selector.type === F.RECTANGLE || dn(h.selector, a, s));
+      }).map((d) => d.target).filter((d) => d.selector.type === F.RECTANGLE || cn(d.selector, a, s));
       if (l.length > 0)
-        return l.sort((h, m) => ne(h.selector) - ne(m.selector)), l[0];
+        return l.sort((d, p) => ne(d.selector) - ne(p.selector)), l[0];
     },
-    getIntersecting: (a, s, l, h) => t.search({
+    getIntersecting: (a, s, l, d) => t.search({
       minX: a,
       minY: s,
       maxX: a + l,
-      maxY: s + h
-    }).map((m) => m.target),
+      maxY: s + d
+    }).map((p) => p.target),
     insert: r,
     remove: i,
     set: (a, s = !0) => {
       s && o();
-      const l = a.map((h) => {
-        const { minX: m, minY: d, maxX: u, maxY: p } = h.selector.geometry.bounds;
-        return { minX: m, minY: d, maxX: u, maxY: p, target: h };
+      const l = a.map((d) => {
+        const { minX: p, minY: c, maxX: f, maxY: h } = d.selector.geometry.bounds;
+        return { minX: p, minY: c, maxX: f, maxY: h, target: d };
       });
-      l.forEach((h) => e.set(h.target.annotation, h)), t.load(l);
+      l.forEach((d) => e.set(d.target.annotation, d)), t.load(l);
     },
     size: () => t.all().length,
     update: (a, s) => {
       i(a), r(s);
     }
   };
-}, ir = (t) => {
-  const e = Bn(), n = rr(), o = Mn(e, t.pointerSelectAction), r = Tn(e), i = kn();
+}, sr = (t) => {
+  const e = On(), n = ar(), o = Mn(e, t.pointerSelectAction), r = Sn(e), i = Gn();
   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));
   }), {
@@ -3706,19 +3742,19 @@ const rr = () => {
         const l = n.getAt(a, s);
         return l ? e.getAnnotation(l.annotation) : void 0;
       },
-      getIntersecting: (a, s, l, h) => n.getIntersecting(a, s, l, h).map((m) => e.getAnnotation(m.annotation))
+      getIntersecting: (a, s, l, d) => n.getIntersecting(a, s, l, d).map((p) => e.getAnnotation(p.annotation))
     },
     selection: o,
     hover: r,
     viewport: i
   };
-}, ar = (t) => {
-  const e = ir(t);
+}, lr = (t) => {
+  const e = sr(t);
   return {
     ...e,
-    store: Rn(e.store)
+    store: Vn(e.store)
   };
-}, sr = (t) => {
+}, dr = (t) => {
   let e, n;
   if (t.nodeName === "CANVAS")
     e = t, n = e.getContext("2d", { willReadFrequently: !0 });
@@ -3729,134 +3765,132 @@ const rr = () => {
   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, h = (0.299 * l[0] + 0.587 * l[1] + 0.114 * l[2]) / 255;
-      o += h;
+      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;
     }
   return o / 81;
-}, lr = (t, e) => {
-  const n = sr(t), o = n > 0.6 ? "dark" : "light";
-  console.log(`[Annotorious] Image brightness: ${n.toFixed(1)}. Setting ${o} theme.`), e.setAttribute("data-theme", o);
-}, dr = (t) => ({
+}, cr = (t) => {
+  const e = dr(t), n = e > 0.6 ? "dark" : "light";
+  return console.log(`[Annotorious] Image brightness: ${e.toFixed(1)}. Setting ${n} theme.`), n;
+}, Ce = (t, e, n) => e.setAttribute("data-theme", n === "auto" ? cr(t) : n), ur = (t) => ({
   ...t,
   drawingEnabled: t.drawingEnabled === void 0 ? !0 : t.drawingEnabled,
   drawingMode: t.drawingMode || "drag",
-  pointerSelectAction: t.pointerSelectAction || Ue.EDIT
-}), _e = navigator.userAgent.indexOf("Mac OS X") !== -1, cr = (t, e) => {
+  pointerSelectAction: t.pointerSelectAction || He.EDIT,
+  theme: t.theme || "light"
+}), Pe = navigator.userAgent.indexOf("Mac OS X") !== -1, hr = (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 = () => {
-    _e ? n.removeEventListener("keydown", r) : n.removeEventListener("keydown", o);
+    Pe ? n.removeEventListener("keydown", r) : n.removeEventListener("keydown", o);
   };
-  return _e ? n.addEventListener("keydown", r) : n.addEventListener("keydown", o), {
+  return Pe ? n.addEventListener("keydown", r) : n.addEventListener("keydown", o), {
     destroy: i
   };
-}, hr = (t, e = {}) => {
+}, fr = (t, e = {}) => {
   if (!t)
     throw "Missing argument: image";
-  const n = typeof t == "string" ? document.getElementById(t) : t, o = dr(e), r = ar(o), { hover: i, selection: a, store: s } = r, l = Vn(
+  const n = typeof t == "string" ? document.getElementById(t) : t, o = ur(e), r = lr(o), { selection: i, store: a } = r, s = Dn(a), l = Un(
+    r,
     s,
-    a,
-    i,
-    void 0,
     o.adapter,
     o.autoSave
-  ), h = Nn(s), m = document.createElement("DIV");
-  m.style.position = "relative", m.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(m, n), m.appendChild(n);
-  const d = cr(h);
-  let u = zn();
-  lr(n, m);
-  const p = new Ko({
-    target: m,
+  ), 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);
+  const p = hr(s);
+  let c = Wn();
+  Ce(n, d, o.theme);
+  const f = new Jo({
+    target: d,
     props: {
       drawingEnabled: o.drawingEnabled,
       image: n,
       preferredDrawingMode: o.drawingMode,
       state: r,
       style: o.style,
-      user: u
+      user: c
     }
   });
-  p.$on("click", (w) => {
-    const { originalEvent: $, annotation: v } = w.detail;
-    v ? a.clickSelect(v.id, $) : a.isEmpty() || a.clear();
+  f.$on("click", (g) => {
+    const { originalEvent: b, annotation: w } = g.detail;
+    w ? i.clickSelect(w.id, b) : i.isEmpty() || i.clear();
   });
-  const g = Fn(s, h, o.adapter), y = () => {
-    p.$destroy(), m.parentNode.insertBefore(n, m), m.parentNode.removeChild(m), d.destroy(), h.destroy();
-  }, E = () => u, b = (w, $, v) => Mo(w, $, v), x = (w, $) => so(w, $), M = (w) => {
-    const { tool: $, opts: v } = ze(w);
-    p.$set({ tool: $, opts: v });
-  }, B = (w) => p.$set({ drawingEnabled: w }), N = (w) => {
+  const h = Hn(r, s, o.adapter), m = () => {
+    f.$destroy(), d.parentNode.insertBefore(n, d), d.parentNode.removeChild(d), p.destroy(), s.destroy();
+  }, x = () => c, A = (g, b, w) => Lo(g, b, w), $ = (g, b) => co(g, b), y = (g) => {
+    const { tool: b, opts: w } = qe(g);
+    f.$set({ tool: b, opts: w });
+  }, v = (g) => f.$set({ drawingEnabled: g }), E = (g) => {
     console.warn("Filter not implemented yet");
-  }, G = (w) => {
-    w ? a.setSelected(w) : a.clear();
-  }, z = (w) => p.$set({ style: w }), f = (w) => {
-    u = w, p.$set({ user: w });
+  }, _ = (g) => f.$set({ style: g }), C = (g) => Ce(n, d, g), N = (g) => {
+    c = g, f.$set({ user: g });
   };
   return {
-    ...g,
-    destroy: y,
-    getUser: E,
-    listDrawingTools: To,
+    ...h,
+    destroy: m,
+    getUser: x,
+    listDrawingTools: Mo,
     on: l.on,
     off: l.off,
-    registerDrawingTool: b,
-    registerShapeEditor: x,
-    setDrawingEnabled: B,
-    setDrawingTool: M,
-    setFilter: N,
-    setSelected: G,
-    setStyle: z,
-    setUser: f,
+    registerDrawingTool: A,
+    registerShapeEditor: $,
+    setDrawingEnabled: v,
+    setDrawingTool: y,
+    setFilter: E,
+    setStyle: _,
+    setTheme: C,
+    setUser: N,
     state: r
   };
 };
 export {
-  je as Editor,
-  po as EditorMount,
-  T as Handle,
+  Re as Editor,
+  go as EditorMount,
+  M as Handle,
   D as Origin,
-  Ue as PointerSelectAction,
-  no as PolygonEditor,
-  ao as RectangleEditor,
-  hn as RectangleUtil,
-  wo as RubberbandRectangle,
-  Ko as SVGAnnotationLayer,
+  He as PointerSelectAction,
+  ro as PolygonEditor,
+  lo as RectangleEditor,
+  pn as RectangleUtil,
+  xo as RubberbandRectangle,
+  Jo as SVGAnnotationLayer,
   F as ShapeType,
-  go as ToolMount,
-  ur as W3CImageFormat,
-  Vo as addEventListeners,
+  yo as ToolMount,
+  pr as W3CImageFormat,
+  Uo as addEventListeners,
   Gt as boundsFromPoints,
   ne as computeArea,
-  zn as createAnonymousGuest,
-  Fn as createBaseAnnotator,
-  hr as createImageAnnotator,
-  ir as createImageAnnotatorState,
-  No as createSVGTransform,
-  ar as createSvelteImageAnnotatorState,
-  He as diffAnnotations,
-  Kt as distance,
-  xo as enableResponsive,
-  dr as fillDefaults,
-  $e as getEditor,
-  ze as getTool,
-  cr as initKeyboardCommands,
-  dn as intersects,
-  To as listDrawingTools,
-  Gn as parseAll,
-  pn as parseFragmentSelector,
-  $n as parseSVGSelector,
-  Kn as parseW3CBodies,
-  Jn as parseW3CImageAnnotation,
-  so as registerEditor,
+  Wn as createAnonymousGuest,
+  Hn as createBaseAnnotator,
+  fr as createImageAnnotator,
+  sr as createImageAnnotatorState,
+  Do as createSVGTransform,
+  lr as createSvelteImageAnnotatorState,
+  cr as detectTheme,
+  je as diffAnnotations,
+  Wt as distance,
+  vo as enableResponsive,
+  ur as fillDefaults,
+  we as getEditor,
+  qe as getTool,
+  hr as initKeyboardCommands,
+  cn as intersects,
+  Mo as listDrawingTools,
+  Fn as parseAll,
+  fn as parseFragmentSelector,
+  xn as parseSVGSelector,
+  Jn as parseW3CBodies,
+  Zn as parseW3CImageAnnotation,
+  co as registerEditor,
   ie as registerShapeUtil,
-  Mo as registerTool,
-  sr as sampleBrightness,
-  mn as serializeFragmentSelector,
-  xn as serializeSVGSelector,
-  qn as serializeW3CBodies,
-  Zn as serializeW3CImageAnnotation,
-  lr as setTheme
+  Lo as registerTool,
+  dr as sampleBrightness,
+  gn as serializeFragmentSelector,
+  bn as serializeSVGSelector,
+  Qn as serializeW3CBodies,
+  to as serializeW3CImageAnnotation,
+  Ce as setTheme
 };
 //# sourceMappingURL=annotorious-react.es18.js.map