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

package/dist/annotorious.es.js

@@ -1,47 +1,47 @@
-function H() {
+function F() {
 }
-function Kt(e, t) {
+function Qt(e, t) {
   for (const n in t)
     e[n] = t[n];
   return e;
 }
-function Dt(e) {
+function Xt(e) {
   return e();
 }
 function ct() {
   return /* @__PURE__ */ Object.create(null);
 }
 function ae(e) {
-  e.forEach(Dt);
+  e.forEach(Xt);
 }
-function j(e) {
+function W(e) {
   return typeof e == "function";
 }
 function $(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
-function Zt(e) {
+function xt(e) {
   return Object.keys(e).length === 0;
 }
-function Xt(e, ...t) {
+function Ut(e, ...t) {
   if (e == null)
-    return H;
+    return F;
   const n = e.subscribe(...t);
   return n.unsubscribe ? () => n.unsubscribe() : n;
 }
 function ft(e, t, n) {
-  e.$$.on_destroy.push(Xt(t, n));
+  e.$$.on_destroy.push(Ut(t, n));
 }
-function Qt(e, t, n, o) {
+function $t(e, t, n, o) {
   if (e) {
-    const i = Ut(e, t, n, o);
+    const i = Nt(e, t, n, o);
     return e[0](i);
   }
 }
-function Ut(e, t, n, o) {
-  return e[1] && o ? Kt(n.ctx.slice(), e[1](o(t))) : n.ctx;
+function Nt(e, t, n, o) {
+  return e[1] && o ? Qt(n.ctx.slice(), e[1](o(t))) : n.ctx;
 }
-function xt(e, t, n, o) {
+function en(e, t, n, o) {
   if (e[2] && o) {
     const i = e[2](o(n));
     if (t.dirty === void 0)
@@ -56,13 +56,13 @@ function xt(e, t, n, o) {
   }
   return t.dirty;
 }
-function $t(e, t, n, o, i, s) {
+function tn(e, t, n, o, i, s) {
   if (i) {
-    const r = Ut(t, n, o, s);
+    const r = Nt(t, n, o, s);
     e.p(r, i);
   }
 }
-function en(e) {
+function nn(e) {
   if (e.ctx.length > 32) {
     const t = [], n = e.ctx.length / 32;
     for (let o = 0; o < n; o++)
@@ -74,41 +74,41 @@ function en(e) {
 function fe(e, t) {
   e.appendChild(t);
 }
-function v(e, t, n) {
+function C(e, t, n) {
   e.insertBefore(t, n || null);
 }
-function O(e) {
+function I(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
 function ot(e, t) {
   for (let n = 0; n < e.length; n += 1)
     e[n] && e[n].d(t);
 }
-function I(e) {
+function D(e) {
   return document.createElementNS("http://www.w3.org/2000/svg", e);
 }
-function Nt(e) {
+function Gt(e) {
   return document.createTextNode(e);
 }
 function ne() {
-  return Nt(" ");
+  return Gt(" ");
 }
 function ce() {
-  return Nt("");
+  return Gt("");
 }
-function J(e, t, n, o) {
+function K(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
 }
 function u(e, t, n) {
   n == null ? e.removeAttribute(t) : e.getAttribute(t) !== n && e.setAttribute(t, n);
 }
-function tn(e) {
+function on(e) {
   return Array.from(e.childNodes);
 }
 function ut(e, t, n) {
   e.classList[n ? "add" : "remove"](t);
 }
-function nn(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
+function sn(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
   const i = document.createEvent("CustomEvent");
   return i.initCustomEvent(e, n, o, t), i;
 }
@@ -116,20 +116,20 @@ let Be;
 function ke(e) {
   Be = e;
 }
-function Gt() {
+function Ht() {
   if (!Be)
     throw new Error("Function called outside component initialization");
   return Be;
 }
-function Ce(e) {
-  Gt().$$.on_mount.push(e);
+function Ie(e) {
+  Ht().$$.on_mount.push(e);
 }
 function Se() {
-  const e = Gt();
+  const e = Ht();
   return (t, n, { cancelable: o = !1 } = {}) => {
     const i = e.$$.callbacks[t];
     if (i) {
-      const s = nn(t, n, { cancelable: o });
+      const s = sn(t, n, { cancelable: o });
       return i.slice().forEach((r) => {
         r.call(e, s);
       }), !s.defaultPrevented;
@@ -143,17 +143,17 @@ function Ae(e, t) {
 }
 const be = [], Ge = [];
 let Te = [];
-const dt = [], on = /* @__PURE__ */ Promise.resolve();
+const dt = [], rn = /* @__PURE__ */ Promise.resolve();
 let et = !1;
-function sn() {
-  et || (et = !0, on.then(Ht));
+function ln() {
+  et || (et = !0, rn.then(Ft));
 }
 function tt(e) {
   Te.push(e);
 }
 const qe = /* @__PURE__ */ new Set();
 let _e = 0;
-function Ht() {
+function Ft() {
   if (_e !== 0)
     return;
   const e = Be;
@@ -161,7 +161,7 @@ function Ht() {
     try {
       for (; _e < be.length; ) {
         const t = be[_e];
-        _e++, ke(t), rn(t.$$);
+        _e++, ke(t), an(t.$$);
       }
     } catch (t) {
       throw be.length = 0, _e = 0, t;
@@ -178,14 +178,14 @@ function Ht() {
     dt.pop()();
   et = !1, qe.clear(), ke(e);
 }
-function rn(e) {
+function an(e) {
   if (e.fragment !== null) {
     e.update(), ae(e.before_update);
     const t = e.dirty;
     e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(tt);
   }
 }
-function ln(e) {
+function cn(e) {
   const t = [], n = [];
   Te.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), Te = t;
 }
@@ -202,7 +202,7 @@ function re() {
 function le() {
   me.r || ae(me.c), me = me.p;
 }
-function Y(e, t) {
+function X(e, t) {
   e && e.i && (Ne.delete(e), e.i(t));
 }
 function N(e, t, n, o) {
@@ -221,26 +221,26 @@ function pe(e) {
 function ue(e, t, n, o) {
   const { fragment: i, after_update: s } = e.$$;
   i && i.m(t, n), o || tt(() => {
-    const r = e.$$.on_mount.map(Dt).filter(j);
+    const r = e.$$.on_mount.map(Xt).filter(W);
     e.$$.on_destroy ? e.$$.on_destroy.push(...r) : ae(r), e.$$.on_mount = [];
   }), s.forEach(tt);
 }
 function de(e, t) {
   const n = e.$$;
-  n.fragment !== null && (ln(n.after_update), ae(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
+  n.fragment !== null && (cn(n.after_update), ae(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
 }
-function an(e, t) {
-  e.$$.dirty[0] === -1 && (be.push(e), sn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
+function fn(e, t) {
+  e.$$.dirty[0] === -1 && (be.push(e), ln(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
 }
 function oe(e, t, n, o, i, s, r, a = [-1]) {
   const l = Be;
   ke(e);
-  const d = e.$$ = {
+  const f = e.$$ = {
     fragment: null,
     ctx: [],
     // state
     props: s,
-    update: H,
+    update: F,
     not_equal: i,
     bound: ct(),
     // lifecycle
@@ -256,28 +256,28 @@ function oe(e, t, n, o, i, s, r, a = [-1]) {
     skip_bound: !1,
     root: t.target || l.$$.root
   };
-  r && r(d.root);
-  let m = !1;
-  if (d.ctx = n ? n(e, t.props || {}, (c, f, ...h) => {
-    const p = h.length ? h[0] : f;
-    return d.ctx && i(d.ctx[c], d.ctx[c] = p) && (!d.skip_bound && d.bound[c] && d.bound[c](p), m && an(e, c)), f;
-  }) : [], d.update(), m = !0, ae(d.before_update), d.fragment = o ? o(d.ctx) : !1, t.target) {
+  r && r(f.root);
+  let h = !1;
+  if (f.ctx = n ? n(e, t.props || {}, (c, d, ...m) => {
+    const g = m.length ? m[0] : d;
+    return f.ctx && i(f.ctx[c], f.ctx[c] = g) && (!f.skip_bound && f.bound[c] && f.bound[c](g), h && fn(e, c)), d;
+  }) : [], f.update(), h = !0, ae(f.before_update), f.fragment = o ? o(f.ctx) : !1, t.target) {
     if (t.hydrate) {
-      const c = tn(t.target);
-      d.fragment && d.fragment.l(c), c.forEach(O);
+      const c = on(t.target);
+      f.fragment && f.fragment.l(c), c.forEach(I);
     } else
-      d.fragment && d.fragment.c();
-    t.intro && Y(e.$$.fragment), ue(e, t.target, t.anchor, t.customElement), Ht();
+      f.fragment && f.fragment.c();
+    t.intro && X(e.$$.fragment), ue(e, t.target, t.anchor, t.customElement), Ft();
   }
   ke(l);
 }
 class ie {
   $destroy() {
-    de(this, 1), this.$destroy = H;
+    de(this, 1), this.$destroy = F;
   }
   $on(t, n) {
-    if (!j(n))
-      return H;
+    if (!W(n))
+      return F;
     const o = this.$$.callbacks[t] || (this.$$.callbacks[t] = []);
     return o.push(n), () => {
       const i = o.indexOf(n);
@@ -285,24 +285,24 @@ class ie {
     };
   }
   $set(t) {
-    this.$$set && !Zt(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
+    this.$$set && !xt(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
   }
 }
-var V = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(V || {});
-const it = {}, st = (e, t) => it[e] = t, nt = (e) => it[e.type].area(e), cn = (e, t, n) => it[e.type].intersects(e, t, n), He = (e) => {
+var j = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(j || {});
+const it = {}, st = (e, t) => it[e] = t, nt = (e) => it[e.type].area(e), un = (e, t, n) => it[e.type].intersects(e, t, n), He = (e) => {
   let t = 1 / 0, n = 1 / 0, o = -1 / 0, i = -1 / 0;
   return e.forEach(([s, r]) => {
     t = Math.min(t, s), n = Math.min(n, r), o = Math.max(o, s), i = Math.max(i, r);
   }), { minX: t, minY: n, maxX: o, maxY: i };
-}, fn = {
+}, dn = {
   area: (e) => Math.PI * e.geometry.rx * e.geometry.ry,
   intersects: (e, t, n) => {
-    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, a = 0, l = Math.cos(a), d = Math.sin(a), m = t - o, c = n - i, f = l * m + d * c, h = d * m - l * c;
-    return f * f / (s * s) + h * h / (r * r) <= 1;
+    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, a = 0, l = Math.cos(a), f = Math.sin(a), h = t - o, c = n - i, d = l * h + f * c, m = f * h - l * c;
+    return d * d / (s * s) + m * m / (r * r) <= 1;
   }
 };
-st(V.ELLIPSE, fn);
-const un = {
+st(j.ELLIPSE, dn);
+const hn = {
   area: (e) => {
     const { points: t } = e.geometry;
     let n = 0, o = t.length - 1;
@@ -314,81 +314,81 @@ const un = {
     const { points: o } = e.geometry;
     let i = !1;
     for (let s = 0, r = o.length - 1; s < o.length; r = s++) {
-      const a = o[s][0], l = o[s][1], d = o[r][0], m = o[r][1];
-      l > n != m > n && t < (d - a) * (n - l) / (m - l) + a && (i = !i);
+      const a = o[s][0], l = o[s][1], f = o[r][0], h = o[r][1];
+      l > n != h > n && t < (f - a) * (n - l) / (h - l) + a && (i = !i);
     }
     return i;
   }
 };
-st(V.POLYGON, un);
-const dn = {
+st(j.POLYGON, hn);
+const mn = {
   area: (e) => e.geometry.w * e.geometry.h,
   intersects: (e, t, n) => t >= e.geometry.x && t <= e.geometry.x + e.geometry.w && n >= e.geometry.y && n <= e.geometry.y + e.geometry.h
 };
-st(V.RECTANGLE, dn);
-const hn = (e, t = !1) => {
-  const n = typeof e == "string" ? e : e.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [s, r, a, l, d, m, c] = i;
+st(j.RECTANGLE, mn);
+const gn = (e, t = !1) => {
+  const n = typeof e == "string" ? e : e.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [s, r, a, l, f, h, c] = i;
   if (r !== "xywh")
     throw new Error("Unsupported MediaFragment: " + n);
   if (a && a !== "pixel")
     throw new Error(`Unsupported MediaFragment unit: ${a}`);
-  const [f, h, p, g] = [l, d, m, c].map(parseFloat);
+  const [d, m, g, y] = [l, f, h, c].map(parseFloat);
   return {
-    type: V.RECTANGLE,
+    type: j.RECTANGLE,
     geometry: {
-      x: f,
-      y: h,
-      w: p,
-      h: g,
+      x: d,
+      y: m,
+      w: g,
+      h: y,
       bounds: {
-        minX: f,
-        minY: t ? h - g : h,
-        maxX: f + p,
-        maxY: t ? h : h + g
+        minX: d,
+        minY: t ? m - y : m,
+        maxX: d + g,
+        maxY: t ? m : m + y
       }
     }
   };
-}, mn = (e) => {
+}, pn = (e) => {
   const { x: t, y: n, w: o, h: i } = e;
   return {
     type: "FragmentSelector",
     conformsTo: "http://www.w3.org/TR/media-frags/",
     value: `xywh=pixel:${t},${n},${o},${i}`
   };
-}, Ft = "http://www.w3.org/2000/svg", ht = (e) => {
+}, zt = "http://www.w3.org/2000/svg", ht = (e) => {
   const t = (o) => {
     Array.from(o.attributes).forEach((i) => {
       i.name.startsWith("on") && o.removeAttribute(i.name);
     });
   }, n = e.getElementsByTagName("script");
   return Array.from(n).reverse().forEach((o) => o.parentNode.removeChild(o)), Array.from(e.querySelectorAll("*")).forEach(t), e;
-}, gn = (e) => {
-  const o = new XMLSerializer().serializeToString(e.documentElement).replace("<svg>", `<svg xmlns="${Ft}">`);
-  return new DOMParser().parseFromString(o, "image/svg+xml").documentElement;
-}, pn = (e) => {
-  const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix(Ft), i = n.lookupNamespaceURI(null);
-  return o || i ? ht(n).firstChild : ht(gn(n)).firstChild;
 }, _n = (e) => {
+  const o = new XMLSerializer().serializeToString(e.documentElement).replace("<svg>", `<svg xmlns="${zt}">`);
+  return new DOMParser().parseFromString(o, "image/svg+xml").documentElement;
+}, yn = (e) => {
+  const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix(zt), i = n.lookupNamespaceURI(null);
+  return o || i ? ht(n).firstChild : ht(_n(n)).firstChild;
+}, wn = (e) => {
   const [t, n, o] = e.match(/(<polygon points=["|'])([^("|')]*)/) || [];
   if (!o)
     return;
   const i = o.split(" ").map((s) => s.split(",").map(parseFloat));
   return {
-    type: V.POLYGON,
+    type: j.POLYGON,
     geometry: {
       points: i,
       bounds: He(i)
     }
   };
-}, yn = (e) => {
-  const t = pn(e), n = parseFloat(t.getAttribute("cx")), o = parseFloat(t.getAttribute("cy")), i = parseFloat(t.getAttribute("rx")), s = parseFloat(t.getAttribute("ry")), r = {
+}, bn = (e) => {
+  const t = yn(e), n = parseFloat(t.getAttribute("cx")), o = parseFloat(t.getAttribute("cy")), i = parseFloat(t.getAttribute("rx")), s = parseFloat(t.getAttribute("ry")), r = {
     minX: n - i,
     minY: o - s,
     maxX: n + i,
     maxY: o + s
   };
   return {
-    type: V.ELLIPSE,
+    type: j.ELLIPSE,
     geometry: {
       cx: n,
       cy: o,
@@ -397,18 +397,18 @@ const hn = (e, t = !1) => {
       bounds: r
     }
   };
-}, wn = (e) => {
+}, En = (e) => {
   const t = typeof e == "string" ? e : e.value;
   if (t.includes("<polygon points="))
-    return _n(t);
+    return wn(t);
   if (t.includes("<ellipse "))
-    return yn(t);
-}, bn = (e) => {
+    return bn(t);
+}, An = (e) => {
   let t;
-  if (e.type === V.POLYGON) {
+  if (e.type === j.POLYGON) {
     const n = e.geometry, { points: o } = n;
     t = `<svg><polygon points="${o.map((i) => i.join(",")).join(" ")}" /></svg>`;
-  } else if (e.type === V.ELLIPSE) {
+  } else if (e.type === j.ELLIPSE) {
     const n = e.geometry;
     t = `<svg><ellipse cx="${n.cx}" cy="${n.cy}" rx="${n.rx}" ry="${n.ry}" /></svg>`;
   }
@@ -417,33 +417,33 @@ const hn = (e, t = !1) => {
   throw `Unsupported shape type: ${e.type}`;
 };
 let De;
-const En = new Uint8Array(16);
-function An() {
+const Tn = new Uint8Array(16);
+function Sn() {
   if (!De && (De = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !De))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return De(En);
+  return De(Tn);
 }
-const q = [];
+const J = [];
 for (let e = 0; e < 256; ++e)
-  q.push((e + 256).toString(16).slice(1));
-function Tn(e, t = 0) {
-  return q[e[t + 0]] + q[e[t + 1]] + q[e[t + 2]] + q[e[t + 3]] + "-" + q[e[t + 4]] + q[e[t + 5]] + "-" + q[e[t + 6]] + q[e[t + 7]] + "-" + q[e[t + 8]] + q[e[t + 9]] + "-" + q[e[t + 10]] + q[e[t + 11]] + q[e[t + 12]] + q[e[t + 13]] + q[e[t + 14]] + q[e[t + 15]];
+  J.push((e + 256).toString(16).slice(1));
+function Mn(e, t = 0) {
+  return J[e[t + 0]] + J[e[t + 1]] + J[e[t + 2]] + J[e[t + 3]] + "-" + J[e[t + 4]] + J[e[t + 5]] + "-" + J[e[t + 6]] + J[e[t + 7]] + "-" + J[e[t + 8]] + J[e[t + 9]] + "-" + J[e[t + 10]] + J[e[t + 11]] + J[e[t + 12]] + J[e[t + 13]] + J[e[t + 14]] + J[e[t + 15]];
 }
-const Sn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), mt = {
-  randomUUID: Sn
+const Ln = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), mt = {
+  randomUUID: Ln
 };
 function rt(e, t, n) {
   if (mt.randomUUID && !t && !e)
     return mt.randomUUID();
   e = e || {};
-  const o = e.random || (e.rng || An)();
+  const o = e.random || (e.rng || Sn)();
   if (o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, t) {
     n = n || 0;
     for (let i = 0; i < 16; ++i)
       t[n + i] = o[i];
     return t;
   }
-  return Tn(o);
+  return Mn(o);
 }
 var gt = Object.prototype.hasOwnProperty;
 function ge(e, t) {
@@ -472,17 +472,17 @@ function ge(e, t) {
   return e !== e && t !== t;
 }
 const ye = [];
-function Fe(e, t = H) {
+function Fe(e, t = F) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(a) {
     if ($(e, a) && (e = a, n)) {
       const l = !ye.length;
-      for (const d of o)
-        d[1](), ye.push(d, e);
+      for (const f of o)
+        f[1](), ye.push(f, e);
       if (l) {
-        for (let d = 0; d < ye.length; d += 2)
-          ye[d][0](ye[d + 1]);
+        for (let f = 0; f < ye.length; f += 2)
+          ye[f][0](ye[f + 1]);
         ye.length = 0;
       }
     }
@@ -490,15 +490,15 @@ function Fe(e, t = H) {
   function s(a) {
     i(a(e));
   }
-  function r(a, l = H) {
-    const d = [a, l];
-    return o.add(d), o.size === 1 && (n = t(i) || H), a(e), () => {
-      o.delete(d), o.size === 0 && n && (n(), n = null);
+  function r(a, l = F) {
+    const f = [a, l];
+    return o.add(f), o.size === 1 && (n = t(i) || F), a(e), () => {
+      o.delete(f), o.size === 0 && n && (n(), n = null);
     };
   }
   return { set: i, update: s, subscribe: r };
 }
-const Mn = (e) => {
+const On = (e) => {
   const { subscribe: t, set: n } = Fe(null);
   let o = null;
   return t((i) => o = i), e.observe(({ changes: i }) => {
@@ -515,8 +515,8 @@ const Mn = (e) => {
     set: n
   };
 };
-var zt = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(zt || {});
-const Je = { selected: [] }, Ln = (e, t = "EDIT") => {
+var Vt = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(Vt || {});
+const Je = { selected: [] }, vn = (e, t = "EDIT") => {
   const { subscribe: n, set: o } = Fe(Je);
   let i = Je;
   n((c) => i = c);
@@ -526,25 +526,25 @@ const Je = { selected: [] }, Ln = (e, t = "EDIT") => {
   }, a = (c) => {
     if (i.selected.length === 0)
       return !1;
-    const f = typeof c == "string" ? c : c.id;
-    return i.selected.some((h) => h.id === f);
-  }, l = (c, f) => {
-    const h = e.getAnnotation(c);
-    if (h) {
-      const p = On(h, t);
-      o(p === "EDIT" ? { selected: [{ id: c, editable: !0 }], pointerEvent: f } : p === "SELECT" ? { selected: [{ id: c }], pointerEvent: f } : { selected: [], pointerEvent: f });
+    const d = typeof c == "string" ? c : c.id;
+    return i.selected.some((m) => m.id === d);
+  }, l = (c, d) => {
+    const m = e.getAnnotation(c);
+    if (m) {
+      const g = kn(m, t);
+      o(g === "EDIT" ? { selected: [{ id: c, editable: !0 }], pointerEvent: d } : g === "SELECT" ? { selected: [{ id: c }], pointerEvent: d } : { selected: [], pointerEvent: d });
     } else
       console.warn("Invalid selection: " + c);
-  }, d = (c, f = !0) => {
-    const h = Array.isArray(c) ? c : [c], p = h.map((g) => e.getAnnotation(g)).filter((g) => g);
-    o({ selected: p.map(({ id: g }) => ({ id: g, editable: f })) }), p.length !== h.length && console.warn("Invalid selection", c);
-  }, m = (c) => {
+  }, f = (c, d = !0) => {
+    const m = Array.isArray(c) ? c : [c], g = m.map((y) => e.getAnnotation(y)).filter((y) => y);
+    o({ selected: g.map(({ id: y }) => ({ id: y, editable: d })) }), g.length !== m.length && console.warn("Invalid selection", c);
+  }, h = (c) => {
     if (i.selected.length === 0)
       return !1;
-    const { selected: f } = i;
-    f.filter(({ id: p }) => c.includes(p)).length > 0 && o({ selected: f.filter(({ id: p }) => !c.includes(p)) });
+    const { selected: d } = i;
+    d.filter(({ id: g }) => c.includes(g)).length > 0 && o({ selected: d.filter(({ id: g }) => !c.includes(g)) });
   };
-  return e.observe(({ changes: c }) => m(c.deleted.map((f) => f.id))), {
+  return e.observe(({ changes: c }) => h(c.deleted.map((d) => d.id))), {
     clear: s,
     clickSelect: l,
     get selected() {
@@ -555,390 +555,414 @@ const Je = { selected: [] }, Ln = (e, t = "EDIT") => {
     },
     isEmpty: r,
     isSelected: a,
-    setSelected: d,
+    setSelected: f,
     subscribe: n
   };
-}, On = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", pi = (e) => {
+}, kn = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", _i = (e) => {
   const { creator: t, updatedBy: n } = e.target, o = e.bodies.reduce((i, s) => [...i, s.creator, s.updatedBy], []);
   return [
     t,
     n,
     ...o
   ].filter((i) => i);
-}, _i = (e, t, n, o) => ({
+}, yi = (e, t, n, o) => ({
   id: rt(),
   annotation: e.id,
   created: n || /* @__PURE__ */ new Date(),
   creator: o,
   ...t
-}), vn = (e, t) => {
+}), Bn = (e, t) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
-}, kn = (e, t) => {
+}, In = (e, t) => {
   const n = new Set(t.bodies.map((o) => o.id));
   return e.bodies.filter((o) => !n.has(o.id));
-}, Bn = (e, t) => t.bodies.map((n) => {
+}, Cn = (e, t) => t.bodies.map((n) => {
   const o = e.bodies.find((i) => i.id === n.id);
   return { newBody: n, oldBody: o && !ge(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n), Cn = (e, t) => !ge(e.target, t.target), Vt = (e, t) => {
-  const n = vn(e, t), o = kn(e, t), i = Bn(e, t);
+}).filter(({ oldBody: n }) => n), Pn = (e, t) => !ge(e.target, t.target), jt = (e, t) => {
+  const n = Bn(e, t), o = In(e, t), i = Cn(e, t);
   return {
     oldValue: e,
     newValue: t,
     bodiesCreated: n.length > 0 ? n : void 0,
     bodiesDeleted: o.length > 0 ? o : void 0,
     bodiesUpdated: i.length > 0 ? i : void 0,
-    targetUpdated: Cn(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
+    targetUpdated: Pn(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
 var G = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(G || {});
-const In = (e, t) => {
+const Yn = (e, t) => {
   var s, r;
   const { changes: n, origin: o } = t;
   if (!(!e.options.origin || e.options.origin === o))
     return !1;
   if (e.options.ignore) {
-    const { ignore: a } = e.options, l = (m) => (m == null ? void 0 : m.length) > 0;
+    const { ignore: a } = e.options, l = (h) => (h == null ? void 0 : h.length) > 0;
     if (!(l(n.created) || l(n.deleted))) {
-      const m = (s = n.updated) == null ? void 0 : s.some((f) => l(f.bodiesCreated) || l(f.bodiesDeleted) || l(f.bodiesUpdated)), c = (r = n.updated) == null ? void 0 : r.some((f) => f.targetUpdated);
-      if (a === "BODY_ONLY" && m && !c || a === "TARGET_ONLY" && c && !m)
+      const h = (s = n.updated) == null ? void 0 : s.some((d) => l(d.bodiesCreated) || l(d.bodiesDeleted) || l(d.bodiesUpdated)), c = (r = n.updated) == null ? void 0 : r.some((d) => d.targetUpdated);
+      if (a === "BODY_ONLY" && h && !c || a === "TARGET_ONLY" && c && !h)
         return !1;
     }
   }
   if (e.options.annotations) {
     const a = /* @__PURE__ */ new Set([
-      ...n.created.map((d) => d.id),
-      ...n.deleted.map((d) => d.id),
-      ...n.updated.map(({ oldValue: d }) => d.id)
+      ...n.created.map((f) => f.id),
+      ...n.deleted.map((f) => f.id),
+      ...n.updated.map(({ oldValue: f }) => f.id)
     ]);
-    return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((d) => a.has(d));
+    return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((f) => a.has(f));
   } else
     return !0;
-}, Pn = (e, t) => {
+}, Rn = (e, t) => {
   const n = new Set((e.created || []).map((c) => c.id)), o = new Set((e.updated || []).map(({ newValue: c }) => c.id)), i = new Set((t.created || []).map((c) => c.id)), s = new Set((t.deleted || []).map((c) => c.id)), r = new Set((t.updated || []).map(({ oldValue: c }) => c.id)), a = new Set((t.updated || []).filter(({ oldValue: c }) => n.has(c.id) || o.has(c.id)).map(({ oldValue: c }) => c.id)), l = [
-    ...(e.created || []).filter((c) => !s.has(c.id)).map((c) => r.has(c.id) ? t.updated.find(({ oldValue: f }) => f.id === c.id).newValue : c),
+    ...(e.created || []).filter((c) => !s.has(c.id)).map((c) => r.has(c.id) ? t.updated.find(({ oldValue: d }) => d.id === c.id).newValue : c),
     ...t.created || []
-  ], d = [
+  ], f = [
     ...(e.deleted || []).filter((c) => !i.has(c.id)),
     ...(t.deleted || []).filter((c) => !n.has(c.id))
-  ], m = [
+  ], h = [
     ...(e.updated || []).filter(({ newValue: c }) => !s.has(c.id)).map((c) => {
-      const { oldValue: f, newValue: h } = c;
-      if (r.has(h.id)) {
-        const p = t.updated.find((g) => g.oldValue.id === h.id).newValue;
-        return Vt(f, p);
+      const { oldValue: d, newValue: m } = c;
+      if (r.has(m.id)) {
+        const g = t.updated.find((y) => y.oldValue.id === m.id).newValue;
+        return jt(d, g);
       } else
         return c;
     }),
     ...(t.updated || []).filter(({ oldValue: c }) => !a.has(c.id))
   ];
-  return { created: l, deleted: d, updated: m };
-}, Yn = (e) => e.id !== void 0, Rn = () => {
-  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (y, b = {}) => n.push({ onChange: y, options: b }), i = (y) => {
-    const b = n.findIndex((E) => E.onChange == y);
-    b > -1 && n.splice(b, 1);
-  }, s = (y, b) => {
-    const E = {
-      origin: y,
+  return { created: l, deleted: f, updated: h };
+}, Dn = (e) => e.id !== void 0, Xn = () => {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (w, A = {}) => n.push({ onChange: w, options: A }), i = (w) => {
+    const A = n.findIndex((T) => T.onChange == w);
+    A > -1 && n.splice(A, 1);
+  }, s = (w, A) => {
+    const T = {
+      origin: w,
       changes: {
-        created: b.created || [],
-        updated: b.updated || [],
-        deleted: b.deleted || []
+        created: A.created || [],
+        updated: A.updated || [],
+        deleted: A.deleted || []
       },
       state: [...e.values()]
     };
-    n.forEach((A) => {
-      In(A, E) && A.onChange(E);
+    n.forEach((M) => {
+      Yn(M, T) && M.onChange(T);
     });
-  }, r = (y, b = G.LOCAL) => {
-    if (e.get(y.id))
-      throw Error(`Cannot add annotation ${y.id} - exists already`);
-    e.set(y.id, y), y.bodies.forEach((A) => t.set(A.id, y.id)), s(b, { created: [y] });
-  }, a = (y, b) => {
-    const E = typeof y == "string" ? b : y, A = typeof y == "string" ? y : y.id, k = e.get(A);
-    if (k) {
-      const U = Vt(k, E);
-      return A === E.id ? e.set(A, E) : (e.delete(A), e.set(E.id, E)), k.bodies.forEach((Q) => t.delete(Q.id)), E.bodies.forEach((Q) => t.set(Q.id, E.id)), U;
+  }, r = (w, A = G.LOCAL) => {
+    if (e.get(w.id))
+      throw Error(`Cannot add annotation ${w.id} - exists already`);
+    e.set(w.id, w), w.bodies.forEach((M) => t.set(M.id, w.id)), s(A, { created: [w] });
+  }, a = (w, A) => {
+    const T = typeof w == "string" ? A : w, M = typeof w == "string" ? w : w.id, P = e.get(M);
+    if (P) {
+      const U = jt(P, T);
+      return M === T.id ? e.set(M, T) : (e.delete(M), e.set(T.id, T)), P.bodies.forEach((Q) => t.delete(Q.id)), T.bodies.forEach((Q) => t.set(Q.id, T.id)), U;
     } else
-      console.warn(`Cannot update annotation ${A} - does not exist`);
-  }, l = (y, b = G.LOCAL, E = G.LOCAL) => {
-    const A = Yn(b) ? E : b, k = a(y, b);
-    k && s(A, { updated: [k] });
-  }, d = (y, b = G.LOCAL) => {
-    const E = y.reduce((A, k) => {
-      const U = a(k);
-      return U ? [...A, U] : A;
+      console.warn(`Cannot update annotation ${M} - does not exist`);
+  }, l = (w, A = G.LOCAL, T = G.LOCAL) => {
+    const M = Dn(A) ? T : A, P = a(w, A);
+    P && s(M, { updated: [P] });
+  }, f = (w, A = G.LOCAL) => {
+    const T = w.reduce((M, P) => {
+      const U = a(P);
+      return U ? [...M, U] : M;
     }, []);
-    E.length > 0 && s(b, { updated: E });
-  }, m = (y, b = G.LOCAL) => {
-    const E = e.get(y.annotation);
-    if (E) {
-      const A = {
-        ...E,
-        bodies: [...E.bodies, y]
+    T.length > 0 && s(A, { updated: T });
+  }, h = (w, A = G.LOCAL) => {
+    const T = e.get(w.annotation);
+    if (T) {
+      const M = {
+        ...T,
+        bodies: [...T.bodies, w]
       };
-      e.set(E.id, A), t.set(y.id, A.id), s(b, { updated: [{
-        oldValue: E,
-        newValue: A,
-        bodiesCreated: [y]
+      e.set(T.id, M), t.set(w.id, M.id), s(A, { updated: [{
+        oldValue: T,
+        newValue: M,
+        bodiesCreated: [w]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${y.annotation}`);
-  }, c = () => [...e.values()], f = (y = G.LOCAL) => {
-    const b = [...e.values()];
-    e.clear(), t.clear(), s(y, { deleted: b });
-  }, h = (y, b = !0, E = G.LOCAL) => {
-    if (b) {
-      const A = [...e.values()];
-      e.clear(), t.clear(), y.forEach((k) => {
-        e.set(k.id, k), k.bodies.forEach((U) => t.set(U.id, k.id));
-      }), s(E, { created: y, deleted: A });
+      console.warn(`Attempt to add body to missing annotation: ${w.annotation}`);
+  }, c = () => [...e.values()], d = (w = G.LOCAL) => {
+    const A = [...e.values()];
+    e.clear(), t.clear(), s(w, { deleted: A });
+  }, m = (w, A = !0, T = G.LOCAL) => {
+    if (A) {
+      const M = [...e.values()];
+      e.clear(), t.clear(), w.forEach((P) => {
+        e.set(P.id, P), P.bodies.forEach((U) => t.set(U.id, P.id));
+      }), s(T, { created: w, deleted: M });
     } else {
-      const A = y.reduce((k, U) => {
+      const M = w.reduce((P, U) => {
         const Q = e.get(U.id);
-        return Q ? [...k, Q] : k;
+        return Q ? [...P, Q] : P;
       }, []);
-      if (A.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${A.map((k) => k.id).join(", ")}`);
-      y.forEach((k) => {
-        e.set(k.id, k), k.bodies.forEach((U) => t.set(U.id, k.id));
-      }), s(E, { created: y });
-    }
-  }, p = (y) => {
-    const b = typeof y == "string" ? y : y.id, E = e.get(b);
-    if (E)
-      return e.delete(b), E.bodies.forEach((A) => t.delete(A.id)), E;
-    console.warn(`Attempt to delete missing annotation: ${b}`);
-  }, g = (y, b = G.LOCAL) => {
-    const E = p(y);
-    E && s(b, { deleted: [E] });
-  }, w = (y, b = G.LOCAL) => {
-    const E = y.reduce((A, k) => {
-      const U = p(k);
-      return U ? [...A, U] : A;
+      if (M.length > 0)
+        throw Error(`Bulk insert would overwrite the following annotations: ${M.map((P) => P.id).join(", ")}`);
+      w.forEach((P) => {
+        e.set(P.id, P), P.bodies.forEach((U) => t.set(U.id, P.id));
+      }), s(T, { created: w });
+    }
+  }, g = (w) => {
+    const A = typeof w == "string" ? w : w.id, T = e.get(A);
+    if (T)
+      return e.delete(A), T.bodies.forEach((M) => t.delete(M.id)), T;
+    console.warn(`Attempt to delete missing annotation: ${A}`);
+  }, y = (w, A = G.LOCAL) => {
+    const T = g(w);
+    T && s(A, { deleted: [T] });
+  }, E = (w, A = G.LOCAL) => {
+    const T = w.reduce((M, P) => {
+      const U = g(P);
+      return U ? [...M, U] : M;
     }, []);
-    E.length > 0 && s(b, { deleted: E });
-  }, T = (y, b = G.LOCAL) => {
-    const E = e.get(y.annotation);
-    if (E) {
-      const A = E.bodies.find((k) => k.id === y.id);
-      if (A) {
-        t.delete(A.id);
-        const k = {
-          ...E,
-          bodies: E.bodies.filter((Q) => Q.id !== y.id)
+    T.length > 0 && s(A, { deleted: T });
+  }, b = (w, A = G.LOCAL) => {
+    const T = e.get(w.annotation);
+    if (T) {
+      const M = T.bodies.find((P) => P.id === w.id);
+      if (M) {
+        t.delete(M.id);
+        const P = {
+          ...T,
+          bodies: T.bodies.filter((Q) => Q.id !== w.id)
         };
-        e.set(E.id, k), s(b, { updated: [{
-          oldValue: E,
-          newValue: k,
-          bodiesDeleted: [A]
+        e.set(T.id, P), s(A, { updated: [{
+          oldValue: T,
+          newValue: P,
+          bodiesDeleted: [M]
         }] });
       } else
-        console.warn(`Attempt to delete missing body ${y.id} from annotation ${y.annotation}`);
+        console.warn(`Attempt to delete missing body ${w.id} from annotation ${w.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${y.annotation}`);
-  }, _ = (y) => {
-    const b = e.get(y);
-    return b ? { ...b } : void 0;
-  }, M = (y) => {
-    const b = t.get(y);
-    if (b) {
-      const A = _(b).bodies.find((k) => k.id === y);
-      if (A)
-        return A;
-      console.error(`Store integrity error: body ${y} in index, but not in annotation`);
+      console.warn(`Attempt to delete body from missing annotation ${w.annotation}`);
+  }, _ = (w) => {
+    const A = e.get(w);
+    return A ? { ...A } : void 0;
+  }, p = (w) => {
+    const A = t.get(w);
+    if (A) {
+      const M = _(A).bodies.find((P) => P.id === w);
+      if (M)
+        return M;
+      console.error(`Store integrity error: body ${w} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${y}`);
-  }, X = (y, b) => {
-    if (y.annotation !== b.annotation)
+      console.warn(`Attempt to retrieve missing body: ${w}`);
+  }, L = (w, A) => {
+    if (w.annotation !== A.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const E = e.get(y.annotation);
-    if (E) {
-      const A = E.bodies.find((U) => U.id === y.id), k = {
-        ...E,
-        bodies: E.bodies.map((U) => U.id === A.id ? b : U)
+    const T = e.get(w.annotation);
+    if (T) {
+      const M = T.bodies.find((U) => U.id === w.id), P = {
+        ...T,
+        bodies: T.bodies.map((U) => U.id === M.id ? A : U)
       };
-      return e.set(E.id, k), A.id !== b.id && (t.delete(A.id), t.set(b.id, k.id)), {
-        oldValue: E,
-        newValue: k,
-        bodiesUpdated: [{ oldBody: A, newBody: b }]
+      return e.set(T.id, P), M.id !== A.id && (t.delete(M.id), t.set(A.id, P.id)), {
+        oldValue: T,
+        newValue: P,
+        bodiesUpdated: [{ oldBody: M, newBody: A }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${y.annotation}`);
-  }, R = (y, b, E = G.LOCAL) => {
-    const A = X(y, b);
-    s(E, { updated: [A] });
-  }, z = (y, b = G.LOCAL) => {
-    const E = y.map((A) => X({ id: A.id, annotation: A.annotation }, A));
-    s(b, { updated: E });
-  }, K = (y) => {
-    const b = e.get(y.annotation);
-    if (b) {
-      const E = {
-        ...b,
+      console.warn(`Attempt to add body to missing annotation ${w.annotation}`);
+  }, S = (w, A, T = G.LOCAL) => {
+    const M = L(w, A);
+    s(T, { updated: [M] });
+  }, B = (w, A = G.LOCAL) => {
+    const T = w.map((M) => L({ id: M.id, annotation: M.annotation }, M));
+    s(A, { updated: T });
+  }, z = (w) => {
+    const A = e.get(w.annotation);
+    if (A) {
+      const T = {
+        ...A,
         target: {
-          ...b.target,
-          ...y
+          ...A.target,
+          ...w
         }
       };
-      return e.set(b.id, E), {
-        oldValue: b,
-        newValue: E,
+      return e.set(A.id, T), {
+        oldValue: A,
+        newValue: T,
         targetUpdated: {
-          oldTarget: b.target,
-          newTarget: y
+          oldTarget: A.target,
+          newTarget: w
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${y.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${w.annotation}`);
   };
   return {
     addAnnotation: r,
-    addBody: m,
+    addBody: h,
     all: c,
-    bulkAddAnnotation: h,
-    bulkDeleteAnnotation: w,
-    bulkUpdateAnnotation: d,
-    bulkUpdateBodies: z,
-    bulkUpdateTargets: (y, b = G.LOCAL) => {
-      const E = y.map(K).filter((A) => A);
-      E.length > 0 && s(b, { updated: E });
-    },
-    clear: f,
-    deleteAnnotation: g,
-    deleteBody: T,
+    bulkAddAnnotation: m,
+    bulkDeleteAnnotation: E,
+    bulkUpdateAnnotation: f,
+    bulkUpdateBodies: B,
+    bulkUpdateTargets: (w, A = G.LOCAL) => {
+      const T = w.map(z).filter((M) => M);
+      T.length > 0 && s(A, { updated: T });
+    },
+    clear: d,
+    deleteAnnotation: y,
+    deleteBody: b,
     getAnnotation: _,
-    getBody: M,
+    getBody: p,
     observe: o,
     unobserve: i,
     updateAnnotation: l,
-    updateBody: R,
-    updateTarget: (y, b = G.LOCAL) => {
-      const E = K(y);
-      E && s(b, { updated: [E] });
+    updateBody: S,
+    updateTarget: (w, A = G.LOCAL) => {
+      const T = z(w);
+      T && s(A, { updated: [T] });
     }
   };
-}, Dn = (e) => ({
+}, Un = (e) => ({
   ...e,
   subscribe: (n) => {
     const o = (i) => n(i.state);
     return e.observe(o), n(e.all()), () => e.unobserve(o);
   }
-}), Xn = 250, Un = (e) => {
-  const t = [];
-  let n = -1, o = !1, i = 0;
-  const s = (g) => {
-    if (!o) {
-      const { changes: w } = g, T = performance.now();
-      if (T - i > Xn)
-        t.splice(n + 1), t.push(w), n = t.length - 1;
+});
+let Wt = () => ({
+  emit(e, ...t) {
+    let n = this.events[e] || [];
+    for (let o = 0, i = n.length; o < i; o++)
+      n[o](...t);
+  },
+  events: {},
+  on(e, t) {
+    var n;
+    return (n = this.events[e]) != null && n.push(t) || (this.events[e] = [t]), () => {
+      var o;
+      this.events[e] = (o = this.events[e]) == null ? void 0 : o.filter((i) => t !== i);
+    };
+  }
+});
+const Nn = 250, Gn = (e) => {
+  const t = Wt(), n = [];
+  let o = -1, i = !1, s = 0;
+  const r = (p) => {
+    if (!i) {
+      const { changes: L } = p, S = performance.now();
+      if (S - s > Nn)
+        n.splice(o + 1), n.push(L), o = n.length - 1;
       else {
-        const _ = t.length - 1;
-        t[_] = Pn(t[_], w);
+        const B = n.length - 1;
+        n[B] = Rn(n[B], L);
       }
-      i = T;
+      s = S;
     }
-    o = !1;
+    i = !1;
   };
-  e.observe(s, { origin: G.LOCAL });
-  const r = (g) => (g == null ? void 0 : g.length) > 0 && e.bulkDeleteAnnotation(g), a = (g) => (g == null ? void 0 : g.length) > 0 && e.bulkAddAnnotation(g, !1), l = (g) => (g == null ? void 0 : g.length) > 0 && e.bulkUpdateAnnotation(g.map(({ oldValue: w }) => w)), d = (g) => (g == null ? void 0 : g.length) > 0 && e.bulkUpdateAnnotation(g.map(({ newValue: w }) => w)), m = (g) => (g == null ? void 0 : g.length) > 0 && e.bulkAddAnnotation(g, !1), c = (g) => (g == null ? void 0 : g.length) > 0 && e.bulkDeleteAnnotation(g);
+  e.observe(r, { origin: G.LOCAL });
+  const a = (p) => (p == null ? void 0 : p.length) > 0 && e.bulkDeleteAnnotation(p), l = (p) => (p == null ? void 0 : p.length) > 0 && e.bulkAddAnnotation(p, !1), f = (p) => (p == null ? void 0 : p.length) > 0 && e.bulkUpdateAnnotation(p.map(({ oldValue: L }) => L)), h = (p) => (p == null ? void 0 : p.length) > 0 && e.bulkUpdateAnnotation(p.map(({ newValue: L }) => L)), c = (p) => (p == null ? void 0 : p.length) > 0 && e.bulkAddAnnotation(p, !1), d = (p) => (p == null ? void 0 : p.length) > 0 && e.bulkDeleteAnnotation(p);
   return {
-    destroy: () => e.unobserve(s),
+    canRedo: () => n.length - 1 > o,
+    canUndo: () => o > -1,
+    destroy: () => e.unobserve(r),
+    on: (p, L) => t.on(p, L),
     redo: () => {
-      if (t.length - 1 > n) {
-        o = !0;
-        const { created: g, updated: w, deleted: T } = t[n + 1];
-        a(g), d(w), c(T), n += 1;
+      if (n.length - 1 > o) {
+        i = !0;
+        const { created: p, updated: L, deleted: S } = n[o + 1];
+        l(p), h(L), d(S), t.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
-      if (n > -1) {
-        o = !0;
-        const { created: g, updated: w, deleted: T } = t[n];
-        r(g), l(w), m(T), n -= 1;
+      if (o > -1) {
+        i = !0;
+        const { created: p, updated: L, deleted: S } = n[o];
+        a(p), f(L), c(S), t.emit("undo", n[o]), o -= 1;
       }
     }
   };
-}, Nn = () => {
+}, Hn = () => {
   const { subscribe: e, set: t } = Fe([]);
   return {
     subscribe: e,
     set: t
   };
-}, Gn = (e, t, n, o, i, s) => {
-  const r = /* @__PURE__ */ new Map();
-  let a = [], l, d;
-  const m = (p, g) => {
-    r.has(p) ? r.get(p).push(g) : r.set(p, [g]);
-  }, c = (p, g) => {
-    const w = r.get(p);
-    w && w.indexOf(g) > 0 && w.splice(w.indexOf(g), 1);
-  }, f = (p, g, w) => {
-    r.has(p) && setTimeout(() => {
-      r.get(p).forEach((T) => {
-        if (i) {
-          const _ = Array.isArray(g) ? g.map((X) => i.serialize(X)) : i.serialize(g), M = w ? w instanceof PointerEvent ? w : i.serialize(w) : void 0;
-          T(_, M);
+}, Fn = (e, t, n, o) => {
+  const { store: i, selection: s, hover: r, viewport: a } = e, l = /* @__PURE__ */ new Map();
+  let f = [], h, c;
+  const d = (b, _) => {
+    l.has(b) ? l.get(b).push(_) : l.set(b, [_]);
+  }, m = (b, _) => {
+    const p = l.get(b);
+    p && p.indexOf(_) > 0 && p.splice(p.indexOf(_), 1);
+  }, g = (b, _, p) => {
+    l.has(b) && setTimeout(() => {
+      l.get(b).forEach((L) => {
+        if (n) {
+          const S = Array.isArray(_) ? _.map((z) => n.serialize(z)) : n.serialize(_), B = p ? p instanceof PointerEvent ? p : n.serialize(p) : void 0;
+          L(S, B);
         } else
-          T(g, w);
+          L(_, p);
       });
     }, 1);
-  }, h = () => {
-    const { selected: p } = t, g = p.map(({ id: w }) => e.getAnnotation(w));
-    g.forEach((w) => {
-      const T = a.find((_) => _.id === w.id);
-      (!T || !ge(T, w)) && f("updateAnnotation", w, T);
-    }), a = a.map((w) => {
-      const T = g.find(({ id: _ }) => _ === w.id);
-      return T || w;
+  }, y = () => {
+    const { selected: b } = s, _ = b.map(({ id: p }) => i.getAnnotation(p));
+    _.forEach((p) => {
+      const L = f.find((S) => S.id === p.id);
+      (!L || !ge(L, p)) && g("updateAnnotation", p, L);
+    }), f = f.map((p) => {
+      const L = _.find(({ id: S }) => S === p.id);
+      return L || p;
     });
   };
-  return t.subscribe(({ selected: p }) => {
-    if (!(a.length === 0 && p.length === 0)) {
-      if (a.length === 0 && p.length > 0)
-        a = p.map(({ id: g }) => e.getAnnotation(g));
-      else if (a.length > 0 && p.length === 0)
-        a.forEach((g) => {
-          const w = e.getAnnotation(g.id);
-          w && !ge(w, g) && f("updateAnnotation", w, g);
-        }), a = [];
+  s.subscribe(({ selected: b }) => {
+    if (!(f.length === 0 && b.length === 0)) {
+      if (f.length === 0 && b.length > 0)
+        f = b.map(({ id: _ }) => i.getAnnotation(_));
+      else if (f.length > 0 && b.length === 0)
+        f.forEach((_) => {
+          const p = i.getAnnotation(_.id);
+          p && !ge(p, _) && g("updateAnnotation", p, _);
+        }), f = [];
       else {
-        const g = new Set(a.map((_) => _.id)), w = new Set(p.map(({ id: _ }) => _));
-        a.filter((_) => !w.has(_.id)).forEach((_) => {
-          const M = e.getAnnotation(_.id);
-          M && !ge(M, _) && f("updateAnnotation", M, _);
-        }), a = [
+        const _ = new Set(f.map((S) => S.id)), p = new Set(b.map(({ id: S }) => S));
+        f.filter((S) => !p.has(S.id)).forEach((S) => {
+          const B = i.getAnnotation(S.id);
+          B && !ge(B, S) && g("updateAnnotation", B, S);
+        }), f = [
           // Remove annotations that were deselected
-          ...a.filter((_) => w.has(_.id)),
+          ...f.filter((S) => p.has(S.id)),
           // Add editable annotations that were selected
-          ...p.filter(({ id: _ }) => !g.has(_)).map(({ id: _ }) => e.getAnnotation(_))
+          ...b.filter(({ id: S }) => !_.has(S)).map(({ id: S }) => i.getAnnotation(S))
         ];
       }
-      f("selectionChanged", a);
-    }
-  }), n.subscribe((p) => {
-    !l && p ? f("mouseEnterAnnotation", e.getAnnotation(p)) : l && !p ? f("mouseLeaveAnnotation", e.getAnnotation(l)) : l && p && (f("mouseLeaveAnnotation", e.getAnnotation(l)), f("mouseEnterAnnotation", e.getAnnotation(p))), l = p;
-  }), o == null || o.subscribe((p) => f("viewportIntersect", p.map(e.getAnnotation))), e.observe((p) => {
-    s && (d && clearTimeout(d), d = setTimeout(h, 1e3));
-    const { created: g, deleted: w } = p.changes;
-    g.forEach((_) => f("createAnnotation", _)), w.forEach((_) => f("deleteAnnotation", _)), p.changes.updated.filter((_) => [
-      ..._.bodiesCreated || [],
-      ..._.bodiesDeleted || [],
-      ..._.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: _, newValue: M }) => {
-      const X = a.find((R) => R.id === _.id) || _;
-      a = a.map((R) => R.id === _.id ? M : R), f("updateAnnotation", M, X);
+      g("selectionChanged", f);
+    }
+  }), r.subscribe((b) => {
+    !h && b ? g("mouseEnterAnnotation", i.getAnnotation(b)) : h && !b ? g("mouseLeaveAnnotation", i.getAnnotation(h)) : h && b && (g("mouseLeaveAnnotation", i.getAnnotation(h)), g("mouseEnterAnnotation", i.getAnnotation(b))), h = b;
+  }), a == null || a.subscribe((b) => g("viewportIntersect", b.map(i.getAnnotation))), i.observe((b) => {
+    o && (c && clearTimeout(c), c = setTimeout(y, 1e3));
+    const { created: _, deleted: p } = b.changes;
+    _.forEach((S) => g("createAnnotation", S)), p.forEach((S) => g("deleteAnnotation", S)), b.changes.updated.filter((S) => [
+      ...S.bodiesCreated || [],
+      ...S.bodiesDeleted || [],
+      ...S.bodiesUpdated || []
+    ].length > 0).forEach(({ oldValue: S, newValue: B }) => {
+      const z = f.find((k) => k.id === S.id) || S;
+      f = f.map((k) => k.id === S.id ? B : k), g("updateAnnotation", B, z);
     });
-  }, { origin: G.LOCAL }), e.observe((p) => {
-    if (a) {
-      const g = new Set(a.map((T) => T.id)), w = p.changes.updated.filter(({ newValue: T }) => g.has(T.id)).map(({ newValue: T }) => T);
-      w.length > 0 && (a = a.map((T) => {
-        const _ = w.find((M) => M.id === T.id);
-        return _ || T;
+  }, { origin: G.LOCAL }), i.observe((b) => {
+    if (f) {
+      const _ = new Set(f.map((L) => L.id)), p = b.changes.updated.filter(({ newValue: L }) => _.has(L.id)).map(({ newValue: L }) => L);
+      p.length > 0 && (f = f.map((L) => {
+        const S = p.find((B) => B.id === L.id);
+        return S || L;
       }));
     }
-  }, { origin: G.REMOTE }), { on: m, off: c, emit: f };
-}, yi = (e) => (t) => t.map((n) => e.serialize(n)), Hn = (e) => (t) => t.reduce((n, o) => {
+  }, { origin: G.REMOTE });
+  const E = (b) => (_) => {
+    const { created: p, deleted: L, updated: S } = _;
+    p.forEach((B) => g("createAnnotation", B)), L.forEach((B) => g("deleteAnnotation", B)), b ? S.forEach((B) => g("updateAnnotation", B.oldValue, B.newValue)) : S.forEach((B) => g("updateAnnotation", B.newValue, B.oldValue));
+  };
+  return t.on("undo", E(!0)), t.on("redo", E(!1)), { on: d, off: m, emit: g };
+}, wi = (e) => (t) => t.map((n) => e.serialize(n)), zn = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
     parsed: n.parsed,
@@ -947,53 +971,64 @@ const In = (e, t) => {
     parsed: [...n.parsed, i],
     failed: n.failed
   };
-}, { parsed: [], failed: [] }), Fn = (e, t, n) => {
-  const o = (c) => {
+}, { parsed: [], failed: [] }), Vn = (e, t, n) => {
+  const { store: o, selection: i } = e, s = (E) => {
     if (n) {
-      const { parsed: f, error: h } = n.parse(c);
-      f ? e.addAnnotation(f, G.REMOTE) : console.error(h);
+      const { parsed: b, error: _ } = n.parse(E);
+      b ? o.addAnnotation(b, G.REMOTE) : console.error(_);
     } else
-      e.addAnnotation(c, G.REMOTE);
-  }, i = () => e.clear(), s = (c) => {
-    const f = e.getAnnotation(c);
-    return n && f ? n.serialize(f) : f;
-  }, r = () => n ? e.all().map(n.serialize) : e.all(), a = (c) => fetch(c).then((f) => f.json()).then((f) => (d(f), f)), l = (c) => {
-    if (typeof c == "string") {
-      const f = e.getAnnotation(c);
-      return e.deleteAnnotation(c), n ? n.serialize(f) : f;
+      o.addAnnotation(E, G.REMOTE);
+  }, r = () => i.clear(), a = () => o.clear(), l = (E) => {
+    const b = o.getAnnotation(E);
+    return n && b ? n.serialize(b) : b;
+  }, f = () => n ? o.all().map(n.serialize) : o.all(), h = () => {
+    var _;
+    const b = (((_ = i.selected) == null ? void 0 : _.map((p) => p.id)) || []).map((p) => o.getAnnotation(p));
+    return n ? b.map(n.serialize) : b;
+  }, c = (E) => fetch(E).then((b) => b.json()).then((b) => (m(b), b)), d = (E) => {
+    if (typeof E == "string") {
+      const b = o.getAnnotation(E);
+      return o.deleteAnnotation(E), n ? n.serialize(b) : b;
     } else {
-      const f = n ? n.parse(c).parsed : c;
-      return e.deleteAnnotation(f), c;
+      const b = n ? n.parse(E).parsed : E;
+      return o.deleteAnnotation(b), E;
     }
-  }, d = (c) => {
+  }, m = (E) => {
     if (n) {
-      const { parsed: f, failed: h } = Hn(n)(c);
-      h.length > 0 && console.warn(`Discarded ${h.length} invalid annotations`, h), e.bulkAddAnnotation(f, !0, G.REMOTE);
+      const { parsed: b, failed: _ } = zn(n)(E);
+      _.length > 0 && console.warn(`Discarded ${_.length} invalid annotations`, _), o.bulkAddAnnotation(b, !0, G.REMOTE);
     } else
-      e.bulkAddAnnotation(c, !0, G.REMOTE);
-  }, m = (c) => {
+      o.bulkAddAnnotation(E, !0, G.REMOTE);
+  }, g = (E) => {
+    E ? i.setSelected(E) : i.clear();
+  }, y = (E) => {
     if (n) {
-      const f = n.parse(c).parsed, h = n.serialize(e.getAnnotation(f.id));
-      return e.updateAnnotation(f), h;
+      const b = n.parse(E).parsed, _ = n.serialize(o.getAnnotation(b.id));
+      return o.updateAnnotation(b), _;
     } else {
-      const f = e.getAnnotation(c.id);
-      return e.updateAnnotation(c), f;
+      const b = o.getAnnotation(E.id);
+      return o.updateAnnotation(E), b;
     }
   };
   return {
-    addAnnotation: o,
-    clearAnnotations: i,
-    getAnnotationById: s,
-    getAnnotations: r,
-    loadAnnotations: a,
+    addAnnotation: s,
+    cancelSelected: r,
+    canRedo: t.canRedo,
+    canUndo: t.canUndo,
+    clearAnnotations: a,
+    getAnnotationById: l,
+    getAnnotations: f,
+    getSelected: h,
+    loadAnnotations: c,
     redo: t.redo,
-    removeAnnotation: l,
-    setAnnotations: d,
+    removeAnnotation: d,
+    setAnnotations: m,
+    setSelected: g,
     undo: t.undo,
-    updateAnnotation: m
+    updateAnnotation: y
   };
 };
-let zn = (e) => crypto.getRandomValues(new Uint8Array(e)), Vn = (e, t, n) => {
+let jn = (e) => crypto.getRandomValues(new Uint8Array(e)), Wn = (e, t, n) => {
   let o = (2 << Math.log(e.length - 1) / Math.LN2) - 1, i = -~(1.6 * o * t / e.length);
   return (s = t) => {
     let r = "";
@@ -1004,8 +1039,8 @@ let zn = (e) => crypto.getRandomValues(new Uint8Array(e)), Vn = (e, t, n) => {
           return r;
     }
   };
-}, jn = (e, t = 21) => Vn(e, t, zn), Wn = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, n) => (n &= 63, n < 36 ? t += n.toString(36) : n < 62 ? t += (n - 26).toString(36).toUpperCase() : n > 62 ? t += "-" : t += "_", t), "");
-const qn = () => ({ isGuest: !0, id: jn("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Jn = (e) => {
+}, qn = (e, t = 21) => Wn(e, t, jn), Jn = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, n) => (n &= 63, n < 36 ? t += n.toString(36) : n < 62 ? t += (n - 26).toString(36).toUpperCase() : n > 62 ? t += "-" : t += "_", t), "");
+const Kn = () => ({ isGuest: !0, id: qn("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Zn = (e) => {
   const t = JSON.stringify(e);
   let n = 0;
   for (let o = 0, i = t.length; o < i; o++) {
@@ -1013,23 +1048,23 @@ const qn = () => ({ isGuest: !0, id: jn("1234567890abcdefghijklmnopqrstuvwxyzABC
     n = (n << 5) - n + s, n |= 0;
   }
   return `${n}`;
-}, Kn = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
-  const { id: o, type: i, purpose: s, value: r, created: a, creator: l, ...d } = n;
+}, Qn = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
+  const { id: o, type: i, purpose: s, value: r, created: a, creator: l, ...f } = n;
   return {
-    id: o || `temp-${Jn(n)}`,
+    id: o || `temp-${Zn(n)}`,
     annotation: t,
     type: i,
     purpose: s,
     value: r,
     created: a,
     creator: l ? typeof l == "object" ? { ...l } : l : void 0,
-    ...d
+    ...f
   };
-}), Zn = (e) => e.map((t) => {
+}), xn = (e) => e.map((t) => {
   var o;
   const n = { ...t };
   return delete n.annotation, (o = n.id) != null && o.startsWith("temp-") && delete n.id, n;
-}), Qn = [
+}), $n = [
   "#ff7c00",
   // orange
   "#1ac938",
@@ -1048,14 +1083,14 @@ const qn = () => ({ isGuest: !0, id: jn("1234567890abcdefghijklmnopqrstuvwxyzABC
   // cyan
   "#023eff"
   // blue
-], xn = () => {
-  const e = [...Qn];
+], eo = () => {
+  const e = [...$n];
   return { assignRandomColor: () => {
     const o = Math.floor(Math.random() * e.length), i = e[o];
     return e.splice(o, 1), i;
   }, releaseColor: (o) => e.push(o) };
-}, $n = () => {
-  const e = xn();
+}, to = () => {
+  const e = eo();
   return { addUser: (o, i) => {
     const s = e.assignRandomColor();
     return {
@@ -1064,72 +1099,56 @@ const qn = () => ({ isGuest: !0, id: jn("1234567890abcdefghijklmnopqrstuvwxyzABC
       color: s
     };
   }, removeUser: (o) => e.releaseColor(o.appearance.color) };
-};
-let eo = () => ({
-  emit(e, ...t) {
-    let n = this.events[e] || [];
-    for (let o = 0, i = n.length; o < i; o++)
-      n[o](...t);
-  },
-  events: {},
-  on(e, t) {
-    var n;
-    return (n = this.events[e]) != null && n.push(t) || (this.events[e] = [t]), () => {
-      var o;
-      this.events[e] = (o = this.events[e]) == null ? void 0 : o.filter((i) => t !== i);
-    };
-  }
-});
-const to = (e, t) => e.every((n) => e.includes(n)) && t.every((n) => e.includes(n)), wi = Wn(), bi = (e = $n()) => {
-  const t = eo(), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), i = (c, f) => {
+}, no = (e, t) => e.every((n) => e.includes(n)) && t.every((n) => e.includes(n)), bi = Jn(), Ei = (e = to()) => {
+  const t = Wt(), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), i = (c, d) => {
     if (n.has(c)) {
-      console.warn("Attempt to add user that is already present", c, f);
+      console.warn("Attempt to add user that is already present", c, d);
       return;
     }
-    const h = e.addUser(c, f);
+    const m = e.addUser(c, d);
     n.set(c, {
-      ...f,
+      ...d,
       presenceKey: c,
-      appearance: h
+      appearance: m
     });
   }, s = (c) => {
-    const f = n.get(c);
-    if (!f) {
+    const d = n.get(c);
+    if (!d) {
       console.warn("Attempt to remove user that is not present", c);
       return;
     }
-    e.removeUser(f), n.delete(c);
+    e.removeUser(d), n.delete(c);
   }, r = (c) => {
-    const f = new Set(c.map((g) => g.presenceKey)), h = c.filter(({ presenceKey: g }) => !n.has(g)), p = Array.from(n.values()).filter((g) => !f.has(g.presenceKey));
-    h.forEach(({ presenceKey: g, user: w }) => i(g, w)), p.forEach((g) => {
-      const { presenceKey: w } = g;
-      o.has(w) && t.emit("selectionChange", g, null), s(w);
-    }), (h.length > 0 || p.length > 0) && t.emit("presence", d());
-  }, a = (c, f) => {
-    const h = n.get(c);
-    if (!h) {
+    const d = new Set(c.map((y) => y.presenceKey)), m = c.filter(({ presenceKey: y }) => !n.has(y)), g = Array.from(n.values()).filter((y) => !d.has(y.presenceKey));
+    m.forEach(({ presenceKey: y, user: E }) => i(y, E)), g.forEach((y) => {
+      const { presenceKey: E } = y;
+      o.has(E) && t.emit("selectionChange", y, null), s(E);
+    }), (m.length > 0 || g.length > 0) && t.emit("presence", f());
+  }, a = (c, d) => {
+    const m = n.get(c);
+    if (!m) {
       console.warn("Activity notification from user that is not present");
       return;
     }
-    const p = o.get(c);
-    (!p || !to(p, f)) && (o.set(c, f), t.emit("selectionChange", h, f));
-  }, l = (c, f) => {
-    const h = n.get(c);
-    if (!h) {
+    const g = o.get(c);
+    (!g || !no(g, d)) && (o.set(c, d), t.emit("selectionChange", m, d));
+  }, l = (c, d) => {
+    const m = n.get(c);
+    if (!m) {
       console.warn("Selection change for user that is not present", c);
       return;
     }
-    f ? o.set(c, f) : o.delete(c), t.emit("selectionChange", h, f);
-  }, d = () => [...Array.from(n.values())];
+    d ? o.set(c, d) : o.delete(c), t.emit("selectionChange", m, d);
+  }, f = () => [...Array.from(n.values())];
   return {
-    getPresentUsers: d,
+    getPresentUsers: f,
     notifyActivity: a,
-    on: (c, f) => t.on(c, f),
+    on: (c, d) => t.on(c, d),
     syncUsers: r,
     updateSelection: l
   };
-}, Ei = (e, t = !1) => ({ parse: (i) => no(i, t), serialize: (i) => oo(i, e) }), no = (e, t = !1) => {
-  const n = e.id || rt(), { body: o, ...i } = e, s = Kn(o, n), r = Array.isArray(e.target) ? e.target[0] : e.target, a = Array.isArray(r.selector) ? r.selector[0] : r.selector, l = a.type === "FragmentSelector" ? hn(a, t) : a.type === "SvgSelector" ? wn(a) : void 0;
+}, Ai = (e, t = !1) => ({ parse: (i) => oo(i, t), serialize: (i) => io(i, e) }), oo = (e, t = !1) => {
+  const n = e.id || rt(), { body: o, ...i } = e, s = Qn(o, n), r = Array.isArray(e.target) ? e.target[0] : e.target, a = Array.isArray(r.selector) ? r.selector[0] : r.selector, l = a.type === "FragmentSelector" ? gn(a, t) : a.type === "SvgSelector" ? En(a) : void 0;
   return l ? {
     parsed: {
       ...i,
@@ -1141,16 +1160,16 @@ const to = (e, t) => e.every((n) => e.includes(n)) && t.every((n) => e.includes(
       }
     }
   } : {
-    error: Error(`Unknown selector type: ${l.type}`)
+    error: Error(`Unknown selector type: ${a.type}`)
   };
-}, oo = (e, t) => {
-  const n = e.target.selector, o = n.type == V.RECTANGLE ? mn(n.geometry) : bn(n);
+}, io = (e, t) => {
+  const n = e.target.selector, o = n.type == j.RECTANGLE ? pn(n.geometry) : An(n);
   return {
     ...e,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
     type: "Annotation",
-    body: Zn(e.bodies),
+    body: xn(e.bodies),
     target: {
       source: t,
       selector: o
@@ -1165,7 +1184,7 @@ function _t(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = I("rect"), u(t, "class", "a9s-corner-handle"), u(t, "x", n = /*point*/
+      t = D("rect"), u(t, "class", "a9s-corner-handle"), u(t, "x", n = /*point*/
       e[11][0] - /*handleSize*/
       e[3] / 2), u(t, "y", o = /*point*/
       e[11][1] - /*handleSize*/
@@ -1182,14 +1201,14 @@ function _t(e) {
       );
     },
     m(r, a) {
-      v(r, t, a), i || (s = J(t, "pointerdown", function() {
-        j(
+      C(r, t, a), i || (s = K(t, "pointerdown", function() {
+        W(
           /*grab*/
-          e[10](L(
+          e[10](v(
             /*idx*/
             e[13]
           ))
-        ) && e[10](L(
+        ) && e[10](v(
           /*idx*/
           e[13]
         )).apply(this, arguments);
@@ -1217,22 +1236,22 @@ function _t(e) {
       );
     },
     d(r) {
-      r && O(t), i = !1, s();
+      r && I(t), i = !1, s();
     }
   };
 }
-function io(e) {
-  let t, n, o, i, s, r, a, l, d, m, c = (
+function so(e) {
+  let t, n, o, i, s, r, a, l, f, h, c = (
     /*geom*/
     e[4].points
-  ), f = [];
-  for (let h = 0; h < c.length; h += 1)
-    f[h] = _t(pt(e, c, h));
+  ), d = [];
+  for (let m = 0; m < c.length; m += 1)
+    d[m] = _t(pt(e, c, m));
   return {
     c() {
-      t = I("polygon"), i = ne(), s = I("polygon"), a = ne();
-      for (let h = 0; h < f.length; h += 1)
-        f[h].c();
+      t = D("polygon"), i = ne(), s = D("polygon"), a = ne();
+      for (let m = 0; m < d.length; m += 1)
+        d[m].c();
       l = ce(), u(t, "class", "a9s-outer"), u(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), u(t, "points", o = /*geom*/
       e[4].points.map(yt).join(" ")), u(s, "class", "a9s-inner a9s-shape-handle"), u(
@@ -1243,60 +1262,60 @@ function io(e) {
       ), u(s, "points", r = /*geom*/
       e[4].points.map(wt).join(" "));
     },
-    m(h, p) {
-      v(h, t, p), v(h, i, p), v(h, s, p), v(h, a, p);
-      for (let g = 0; g < f.length; g += 1)
-        f[g] && f[g].m(h, p);
-      v(h, l, p), d || (m = [
-        J(t, "pointerdown", function() {
-          j(
+    m(m, g) {
+      C(m, t, g), C(m, i, g), C(m, s, g), C(m, a, g);
+      for (let y = 0; y < d.length; y += 1)
+        d[y] && d[y].m(m, g);
+      C(m, l, g), f || (h = [
+        K(t, "pointerdown", function() {
+          W(
             /*grab*/
-            e[10](L.SHAPE)
-          ) && e[10](L.SHAPE).apply(this, arguments);
+            e[10](v.SHAPE)
+          ) && e[10](v.SHAPE).apply(this, arguments);
         }),
-        J(s, "pointerdown", function() {
-          j(
+        K(s, "pointerdown", function() {
+          W(
             /*grab*/
-            e[10](L.SHAPE)
-          ) && e[10](L.SHAPE).apply(this, arguments);
+            e[10](v.SHAPE)
+          ) && e[10](v.SHAPE).apply(this, arguments);
         })
-      ], d = !0);
+      ], f = !0);
     },
-    p(h, p) {
-      if (e = h, p & /*computedStyle*/
+    p(m, g) {
+      if (e = m, g & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0) && u(t, "style", n), p & /*geom*/
+      e[1] ? "display:none;" : void 0) && u(t, "style", n), g & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].points.map(yt).join(" ")) && u(t, "points", o), p & /*computedStyle*/
+      e[4].points.map(yt).join(" ")) && u(t, "points", o), g & /*computedStyle*/
       2 && u(
         s,
         "style",
         /*computedStyle*/
         e[1]
-      ), p & /*geom*/
+      ), g & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].points.map(wt).join(" ")) && u(s, "points", r), p & /*geom, handleSize, grab, Handle*/
+      e[4].points.map(wt).join(" ")) && u(s, "points", r), g & /*geom, handleSize, grab, Handle*/
       1048) {
         c = /*geom*/
         e[4].points;
-        let g;
-        for (g = 0; g < c.length; g += 1) {
-          const w = pt(e, c, g);
-          f[g] ? f[g].p(w, p) : (f[g] = _t(w), f[g].c(), f[g].m(l.parentNode, l));
+        let y;
+        for (y = 0; y < c.length; y += 1) {
+          const E = pt(e, c, y);
+          d[y] ? d[y].p(E, g) : (d[y] = _t(E), d[y].c(), d[y].m(l.parentNode, l));
         }
-        for (; g < f.length; g += 1)
-          f[g].d(1);
-        f.length = c.length;
+        for (; y < d.length; y += 1)
+          d[y].d(1);
+        d.length = c.length;
       }
     },
-    d(h) {
-      h && O(t), h && O(i), h && O(s), h && O(a), ot(f, h), h && O(l), d = !1, ae(m);
+    d(m) {
+      m && I(t), m && I(i), m && I(s), m && I(a), ot(d, m), m && I(l), f = !1, ae(h);
     }
   };
 }
-function so(e) {
+function ro(e) {
   let t, n;
-  return t = new Wt({
+  return t = new Jt({
     props: {
       shape: (
         /*shape*/
@@ -1312,7 +1331,7 @@ function so(e) {
       ),
       $$slots: {
         default: [
-          io,
+          so,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -1348,7 +1367,7 @@ function so(e) {
       17434 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (X(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -1359,25 +1378,25 @@ function so(e) {
   };
 }
 const yt = (e) => e.join(","), wt = (e) => e.join(",");
-function ro(e, t, n) {
+function lo(e, t, n) {
   let o, i, { shape: s } = t, { computedStyle: r = void 0 } = t, { transform: a } = t, { viewportScale: l = 1 } = t;
-  const d = (h, p, g) => {
-    let w;
-    p === L.SHAPE ? w = h.geometry.points.map(([_, M]) => [_ + g[0], M + g[1]]) : w = h.geometry.points.map(([_, M], X) => p === L(X) ? [_ + g[0], M + g[1]] : [_, M]);
-    const T = He(w);
-    return { ...h, geometry: { points: w, bounds: T } };
+  const f = (m, g, y) => {
+    let E;
+    g === v.SHAPE ? E = m.geometry.points.map(([_, p]) => [_ + y[0], p + y[1]]) : E = m.geometry.points.map(([_, p], L) => g === v(L) ? [_ + y[0], p + y[1]] : [_, p]);
+    const b = He(E);
+    return { ...m, geometry: { points: E, bounds: b } };
   };
-  function m(h) {
-    Ae.call(this, e, h);
+  function h(m) {
+    Ae.call(this, e, m);
   }
-  function c(h) {
-    Ae.call(this, e, h);
+  function c(m) {
+    Ae.call(this, e, m);
   }
-  function f(h) {
-    Ae.call(this, e, h);
+  function d(m) {
+    Ae.call(this, e, m);
   }
-  return e.$$set = (h) => {
-    "shape" in h && n(0, s = h.shape), "computedStyle" in h && n(1, r = h.computedStyle), "transform" in h && n(2, a = h.transform), "viewportScale" in h && n(6, l = h.viewportScale);
+  return e.$$set = (m) => {
+    "shape" in m && n(0, s = m.shape), "computedStyle" in m && n(1, r = m.computedStyle), "transform" in m && n(2, a = m.transform), "viewportScale" in m && n(6, l = m.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
     1 && n(4, o = s.geometry), e.$$.dirty & /*viewportScale*/
@@ -1388,16 +1407,16 @@ function ro(e, t, n) {
     a,
     i,
     o,
-    d,
+    f,
     l,
-    m,
+    h,
     c,
-    f
+    d
   ];
 }
-class lo extends ie {
+class ao extends ie {
   constructor(t) {
-    super(), oe(this, t, ro, so, $, {
+    super(), oe(this, t, lo, ro, $, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1405,11 +1424,11 @@ class lo extends ie {
     });
   }
 }
-function ao(e) {
-  let t, n, o, i, s, r, a, l, d, m, c, f, h, p, g, w, T, _, M, X, R, z, K, D, P, y, b, E, A, k, U, Q, Me, x, B, Z, F, W, se, he, Ve, ee, Ie, Pe, je, te, Ye, Re, We, at;
+function co(e) {
+  let t, n, o, i, s, r, a, l, f, h, c, d, m, g, y, E, b, _, p, L, S, B, z, k, H, w, A, T, M, P, U, Q, Me, x, Y, Z, V, q, se, he, Ve, ee, Ce, Pe, je, te, Ye, Re, We, at;
   return {
     c() {
-      t = I("rect"), a = ne(), l = I("rect"), h = ne(), p = I("rect"), _ = ne(), M = I("rect"), K = ne(), D = I("rect"), E = ne(), A = I("rect"), Me = ne(), x = I("rect"), F = ne(), W = I("rect"), Ve = ne(), ee = I("rect"), je = ne(), te = I("rect"), u(t, "class", "a9s-outer"), u(t, "style", n = /*computedStyle*/
+      t = D("rect"), a = ne(), l = D("rect"), m = ne(), g = D("rect"), _ = ne(), p = D("rect"), z = ne(), k = D("rect"), T = ne(), M = D("rect"), Me = ne(), x = D("rect"), V = ne(), q = D("rect"), Ve = ne(), ee = D("rect"), je = ne(), te = D("rect"), u(t, "class", "a9s-outer"), u(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), u(t, "x", o = /*geom*/
       e[4].x), u(t, "y", i = /*geom*/
       e[4].y), u(t, "width", s = /*geom*/
@@ -1419,25 +1438,25 @@ function ao(e) {
         "style",
         /*computedStyle*/
         e[1]
-      ), u(l, "x", d = /*geom*/
-      e[4].x), u(l, "y", m = /*geom*/
+      ), u(l, "x", f = /*geom*/
+      e[4].x), u(l, "y", h = /*geom*/
       e[4].y), u(l, "width", c = /*geom*/
-      e[4].w), u(l, "height", f = /*geom*/
-      e[4].h), u(p, "class", "a9s-edge-handle a9s-edge-handle-top"), u(p, "x", g = /*geom*/
-      e[4].x), u(p, "y", w = /*geom*/
-      e[4].y), u(p, "height", 1), u(p, "width", T = /*geom*/
-      e[4].w), u(M, "class", "a9s-edge-handle a9s-edge-handle-right"), u(M, "x", X = /*geom*/
+      e[4].w), u(l, "height", d = /*geom*/
+      e[4].h), u(g, "class", "a9s-edge-handle a9s-edge-handle-top"), u(g, "x", y = /*geom*/
+      e[4].x), u(g, "y", E = /*geom*/
+      e[4].y), u(g, "height", 1), u(g, "width", b = /*geom*/
+      e[4].w), u(p, "class", "a9s-edge-handle a9s-edge-handle-right"), u(p, "x", L = /*geom*/
       e[4].x + /*geom*/
-      e[4].w), u(M, "y", R = /*geom*/
-      e[4].y), u(M, "height", z = /*geom*/
-      e[4].h), u(M, "width", 1), u(D, "class", "a9s-edge-handle a9s-edge-handle-bottom"), u(D, "x", P = /*geom*/
-      e[4].x), u(D, "y", y = /*geom*/
+      e[4].w), u(p, "y", S = /*geom*/
+      e[4].y), u(p, "height", B = /*geom*/
+      e[4].h), u(p, "width", 1), u(k, "class", "a9s-edge-handle a9s-edge-handle-bottom"), u(k, "x", H = /*geom*/
+      e[4].x), u(k, "y", w = /*geom*/
       e[4].y + /*geom*/
-      e[4].h), u(D, "height", 1), u(D, "width", b = /*geom*/
-      e[4].w), u(A, "class", "a9s-edge-handle a9s-edge-handle-left"), u(A, "x", k = /*geom*/
-      e[4].x), u(A, "y", U = /*geom*/
-      e[4].y), u(A, "height", Q = /*geom*/
-      e[4].h), u(A, "width", 1), u(x, "class", "a9s-corner-handle a9s-corner-handle-topleft"), u(x, "x", B = /*geom*/
+      e[4].h), u(k, "height", 1), u(k, "width", A = /*geom*/
+      e[4].w), u(M, "class", "a9s-edge-handle a9s-edge-handle-left"), u(M, "x", P = /*geom*/
+      e[4].x), u(M, "y", U = /*geom*/
+      e[4].y), u(M, "height", Q = /*geom*/
+      e[4].h), u(M, "width", 1), u(x, "class", "a9s-corner-handle a9s-corner-handle-topleft"), u(x, "x", Y = /*geom*/
       e[4].x - /*handleSize*/
       e[3] / 2), u(x, "y", Z = /*geom*/
       e[4].y - /*handleSize*/
@@ -1451,22 +1470,22 @@ function ao(e) {
         "width",
         /*handleSize*/
         e[3]
-      ), u(W, "class", "a9s-corner-handle a9s-corner-handle-topright"), u(W, "x", se = /*geom*/
+      ), u(q, "class", "a9s-corner-handle a9s-corner-handle-topright"), u(q, "x", se = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
-      e[3] / 2), u(W, "y", he = /*geom*/
+      e[3] / 2), u(q, "y", he = /*geom*/
       e[4].y - /*handleSize*/
       e[3] / 2), u(
-        W,
+        q,
         "height",
         /*handleSize*/
         e[3]
       ), u(
-        W,
+        q,
         "width",
         /*handleSize*/
         e[3]
-      ), u(ee, "class", "a9s-corner-handle a9s-corner-handle-bottomright"), u(ee, "x", Ie = /*geom*/
+      ), u(ee, "class", "a9s-corner-handle a9s-corner-handle-bottomright"), u(ee, "x", Ce = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
       e[3] / 2), u(ee, "y", Pe = /*geom*/
@@ -1499,192 +1518,192 @@ function ao(e) {
         e[3]
       );
     },
-    m(C, S) {
-      v(C, t, S), v(C, a, S), v(C, l, S), v(C, h, S), v(C, p, S), v(C, _, S), v(C, M, S), v(C, K, S), v(C, D, S), v(C, E, S), v(C, A, S), v(C, Me, S), v(C, x, S), v(C, F, S), v(C, W, S), v(C, Ve, S), v(C, ee, S), v(C, je, S), v(C, te, S), We || (at = [
-        J(t, "pointerdown", function() {
-          j(
+    m(R, O) {
+      C(R, t, O), C(R, a, O), C(R, l, O), C(R, m, O), C(R, g, O), C(R, _, O), C(R, p, O), C(R, z, O), C(R, k, O), C(R, T, O), C(R, M, O), C(R, Me, O), C(R, x, O), C(R, V, O), C(R, q, O), C(R, Ve, O), C(R, ee, O), C(R, je, O), C(R, te, O), We || (at = [
+        K(t, "pointerdown", function() {
+          W(
             /*grab*/
-            e[10](L.SHAPE)
-          ) && e[10](L.SHAPE).apply(this, arguments);
+            e[10](v.SHAPE)
+          ) && e[10](v.SHAPE).apply(this, arguments);
         }),
-        J(l, "pointerdown", function() {
-          j(
+        K(l, "pointerdown", function() {
+          W(
             /*grab*/
-            e[10](L.SHAPE)
-          ) && e[10](L.SHAPE).apply(this, arguments);
+            e[10](v.SHAPE)
+          ) && e[10](v.SHAPE).apply(this, arguments);
         }),
-        J(p, "pointerdown", function() {
-          j(
+        K(g, "pointerdown", function() {
+          W(
             /*grab*/
-            e[10](L.TOP)
-          ) && e[10](L.TOP).apply(this, arguments);
+            e[10](v.TOP)
+          ) && e[10](v.TOP).apply(this, arguments);
         }),
-        J(M, "pointerdown", function() {
-          j(
+        K(p, "pointerdown", function() {
+          W(
             /*grab*/
-            e[10](L.RIGHT)
-          ) && e[10](L.RIGHT).apply(this, arguments);
+            e[10](v.RIGHT)
+          ) && e[10](v.RIGHT).apply(this, arguments);
         }),
-        J(D, "pointerdown", function() {
-          j(
+        K(k, "pointerdown", function() {
+          W(
             /*grab*/
-            e[10](L.BOTTOM)
-          ) && e[10](L.BOTTOM).apply(this, arguments);
+            e[10](v.BOTTOM)
+          ) && e[10](v.BOTTOM).apply(this, arguments);
         }),
-        J(A, "pointerdown", function() {
-          j(
+        K(M, "pointerdown", function() {
+          W(
             /*grab*/
-            e[10](L.LEFT)
-          ) && e[10](L.LEFT).apply(this, arguments);
+            e[10](v.LEFT)
+          ) && e[10](v.LEFT).apply(this, arguments);
         }),
-        J(x, "pointerdown", function() {
-          j(
+        K(x, "pointerdown", function() {
+          W(
             /*grab*/
-            e[10](L.TOP_LEFT)
-          ) && e[10](L.TOP_LEFT).apply(this, arguments);
+            e[10](v.TOP_LEFT)
+          ) && e[10](v.TOP_LEFT).apply(this, arguments);
         }),
-        J(W, "pointerdown", function() {
-          j(
+        K(q, "pointerdown", function() {
+          W(
             /*grab*/
-            e[10](L.TOP_RIGHT)
-          ) && e[10](L.TOP_RIGHT).apply(this, arguments);
+            e[10](v.TOP_RIGHT)
+          ) && e[10](v.TOP_RIGHT).apply(this, arguments);
         }),
-        J(ee, "pointerdown", function() {
-          j(
+        K(ee, "pointerdown", function() {
+          W(
             /*grab*/
-            e[10](L.BOTTOM_RIGHT)
-          ) && e[10](L.BOTTOM_RIGHT).apply(this, arguments);
+            e[10](v.BOTTOM_RIGHT)
+          ) && e[10](v.BOTTOM_RIGHT).apply(this, arguments);
         }),
-        J(te, "pointerdown", function() {
-          j(
+        K(te, "pointerdown", function() {
+          W(
             /*grab*/
-            e[10](L.BOTTOM_LEFT)
-          ) && e[10](L.BOTTOM_LEFT).apply(this, arguments);
+            e[10](v.BOTTOM_LEFT)
+          ) && e[10](v.BOTTOM_LEFT).apply(this, arguments);
         })
       ], We = !0);
     },
-    p(C, S) {
-      e = C, S & /*computedStyle*/
+    p(R, O) {
+      e = R, O & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0) && u(t, "style", n), S & /*geom*/
+      e[1] ? "display:none;" : void 0) && u(t, "style", n), O & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].x) && u(t, "x", o), S & /*geom*/
+      e[4].x) && u(t, "x", o), O & /*geom*/
       16 && i !== (i = /*geom*/
-      e[4].y) && u(t, "y", i), S & /*geom*/
+      e[4].y) && u(t, "y", i), O & /*geom*/
       16 && s !== (s = /*geom*/
-      e[4].w) && u(t, "width", s), S & /*geom*/
+      e[4].w) && u(t, "width", s), O & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].h) && u(t, "height", r), S & /*computedStyle*/
+      e[4].h) && u(t, "height", r), O & /*computedStyle*/
       2 && u(
         l,
         "style",
         /*computedStyle*/
         e[1]
-      ), S & /*geom*/
-      16 && d !== (d = /*geom*/
-      e[4].x) && u(l, "x", d), S & /*geom*/
-      16 && m !== (m = /*geom*/
-      e[4].y) && u(l, "y", m), S & /*geom*/
-      16 && c !== (c = /*geom*/
-      e[4].w) && u(l, "width", c), S & /*geom*/
+      ), O & /*geom*/
       16 && f !== (f = /*geom*/
-      e[4].h) && u(l, "height", f), S & /*geom*/
-      16 && g !== (g = /*geom*/
-      e[4].x) && u(p, "x", g), S & /*geom*/
-      16 && w !== (w = /*geom*/
-      e[4].y) && u(p, "y", w), S & /*geom*/
-      16 && T !== (T = /*geom*/
-      e[4].w) && u(p, "width", T), S & /*geom*/
-      16 && X !== (X = /*geom*/
-      e[4].x + /*geom*/
-      e[4].w) && u(M, "x", X), S & /*geom*/
-      16 && R !== (R = /*geom*/
-      e[4].y) && u(M, "y", R), S & /*geom*/
-      16 && z !== (z = /*geom*/
-      e[4].h) && u(M, "height", z), S & /*geom*/
-      16 && P !== (P = /*geom*/
-      e[4].x) && u(D, "x", P), S & /*geom*/
+      e[4].x) && u(l, "x", f), O & /*geom*/
+      16 && h !== (h = /*geom*/
+      e[4].y) && u(l, "y", h), O & /*geom*/
+      16 && c !== (c = /*geom*/
+      e[4].w) && u(l, "width", c), O & /*geom*/
+      16 && d !== (d = /*geom*/
+      e[4].h) && u(l, "height", d), O & /*geom*/
       16 && y !== (y = /*geom*/
-      e[4].y + /*geom*/
-      e[4].h) && u(D, "y", y), S & /*geom*/
+      e[4].x) && u(g, "x", y), O & /*geom*/
+      16 && E !== (E = /*geom*/
+      e[4].y) && u(g, "y", E), O & /*geom*/
       16 && b !== (b = /*geom*/
-      e[4].w) && u(D, "width", b), S & /*geom*/
-      16 && k !== (k = /*geom*/
-      e[4].x) && u(A, "x", k), S & /*geom*/
+      e[4].w) && u(g, "width", b), O & /*geom*/
+      16 && L !== (L = /*geom*/
+      e[4].x + /*geom*/
+      e[4].w) && u(p, "x", L), O & /*geom*/
+      16 && S !== (S = /*geom*/
+      e[4].y) && u(p, "y", S), O & /*geom*/
+      16 && B !== (B = /*geom*/
+      e[4].h) && u(p, "height", B), O & /*geom*/
+      16 && H !== (H = /*geom*/
+      e[4].x) && u(k, "x", H), O & /*geom*/
+      16 && w !== (w = /*geom*/
+      e[4].y + /*geom*/
+      e[4].h) && u(k, "y", w), O & /*geom*/
+      16 && A !== (A = /*geom*/
+      e[4].w) && u(k, "width", A), O & /*geom*/
+      16 && P !== (P = /*geom*/
+      e[4].x) && u(M, "x", P), O & /*geom*/
       16 && U !== (U = /*geom*/
-      e[4].y) && u(A, "y", U), S & /*geom*/
+      e[4].y) && u(M, "y", U), O & /*geom*/
       16 && Q !== (Q = /*geom*/
-      e[4].h) && u(A, "height", Q), S & /*geom, handleSize*/
-      24 && B !== (B = /*geom*/
+      e[4].h) && u(M, "height", Q), O & /*geom, handleSize*/
+      24 && Y !== (Y = /*geom*/
       e[4].x - /*handleSize*/
-      e[3] / 2) && u(x, "x", B), S & /*geom, handleSize*/
+      e[3] / 2) && u(x, "x", Y), O & /*geom, handleSize*/
       24 && Z !== (Z = /*geom*/
       e[4].y - /*handleSize*/
-      e[3] / 2) && u(x, "y", Z), S & /*handleSize*/
+      e[3] / 2) && u(x, "y", Z), O & /*handleSize*/
       8 && u(
         x,
         "height",
         /*handleSize*/
         e[3]
-      ), S & /*handleSize*/
+      ), O & /*handleSize*/
       8 && u(
         x,
         "width",
         /*handleSize*/
         e[3]
-      ), S & /*geom, handleSize*/
+      ), O & /*geom, handleSize*/
       24 && se !== (se = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
-      e[3] / 2) && u(W, "x", se), S & /*geom, handleSize*/
+      e[3] / 2) && u(q, "x", se), O & /*geom, handleSize*/
       24 && he !== (he = /*geom*/
       e[4].y - /*handleSize*/
-      e[3] / 2) && u(W, "y", he), S & /*handleSize*/
+      e[3] / 2) && u(q, "y", he), O & /*handleSize*/
       8 && u(
-        W,
+        q,
         "height",
         /*handleSize*/
         e[3]
-      ), S & /*handleSize*/
+      ), O & /*handleSize*/
       8 && u(
-        W,
+        q,
         "width",
         /*handleSize*/
         e[3]
-      ), S & /*geom, handleSize*/
-      24 && Ie !== (Ie = /*geom*/
+      ), O & /*geom, handleSize*/
+      24 && Ce !== (Ce = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
-      e[3] / 2) && u(ee, "x", Ie), S & /*geom, handleSize*/
+      e[3] / 2) && u(ee, "x", Ce), O & /*geom, handleSize*/
       24 && Pe !== (Pe = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
-      e[3] / 2) && u(ee, "y", Pe), S & /*handleSize*/
+      e[3] / 2) && u(ee, "y", Pe), O & /*handleSize*/
       8 && u(
         ee,
         "height",
         /*handleSize*/
         e[3]
-      ), S & /*handleSize*/
+      ), O & /*handleSize*/
       8 && u(
         ee,
         "width",
         /*handleSize*/
         e[3]
-      ), S & /*geom, handleSize*/
+      ), O & /*geom, handleSize*/
       24 && Ye !== (Ye = /*geom*/
       e[4].x - /*handleSize*/
-      e[3] / 2) && u(te, "x", Ye), S & /*geom, handleSize*/
+      e[3] / 2) && u(te, "x", Ye), O & /*geom, handleSize*/
       24 && Re !== (Re = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
-      e[3] / 2) && u(te, "y", Re), S & /*handleSize*/
+      e[3] / 2) && u(te, "y", Re), O & /*handleSize*/
       8 && u(
         te,
         "height",
         /*handleSize*/
         e[3]
-      ), S & /*handleSize*/
+      ), O & /*handleSize*/
       8 && u(
         te,
         "width",
@@ -1692,14 +1711,14 @@ function ao(e) {
         e[3]
       );
     },
-    d(C) {
-      C && O(t), C && O(a), C && O(l), C && O(h), C && O(p), C && O(_), C && O(M), C && O(K), C && O(D), C && O(E), C && O(A), C && O(Me), C && O(x), C && O(F), C && O(W), C && O(Ve), C && O(ee), C && O(je), C && O(te), We = !1, ae(at);
+    d(R) {
+      R && I(t), R && I(a), R && I(l), R && I(m), R && I(g), R && I(_), R && I(p), R && I(z), R && I(k), R && I(T), R && I(M), R && I(Me), R && I(x), R && I(V), R && I(q), R && I(Ve), R && I(ee), R && I(je), R && I(te), We = !1, ae(at);
     }
   };
 }
-function co(e) {
+function fo(e) {
   let t, n;
-  return t = new Wt({
+  return t = new Jt({
     props: {
       shape: (
         /*shape*/
@@ -1715,7 +1734,7 @@ function co(e) {
       ),
       $$slots: {
         default: [
-          ao,
+          co,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -1751,7 +1770,7 @@ function co(e) {
       3098 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (X(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -1761,72 +1780,72 @@ function co(e) {
     }
   };
 }
-function fo(e, t, n) {
+function uo(e, t, n) {
   let o, i, { shape: s } = t, { computedStyle: r = void 0 } = t, { transform: a } = t, { viewportScale: l = 1 } = t;
-  const d = (h, p, g) => {
-    const w = h.geometry.bounds;
-    let [T, _] = [w.minX, w.minY], [M, X] = [w.maxX, w.maxY];
-    const [R, z] = g;
-    if (p === L.SHAPE)
-      T += R, M += R, _ += z, X += z;
+  const f = (m, g, y) => {
+    const E = m.geometry.bounds;
+    let [b, _] = [E.minX, E.minY], [p, L] = [E.maxX, E.maxY];
+    const [S, B] = y;
+    if (g === v.SHAPE)
+      b += S, p += S, _ += B, L += B;
     else {
-      switch (p) {
-        case L.TOP:
-        case L.TOP_LEFT:
-        case L.TOP_RIGHT: {
-          _ += z;
+      switch (g) {
+        case v.TOP:
+        case v.TOP_LEFT:
+        case v.TOP_RIGHT: {
+          _ += B;
           break;
         }
-        case L.BOTTOM:
-        case L.BOTTOM_LEFT:
-        case L.BOTTOM_RIGHT: {
-          X += z;
+        case v.BOTTOM:
+        case v.BOTTOM_LEFT:
+        case v.BOTTOM_RIGHT: {
+          L += B;
           break;
         }
       }
-      switch (p) {
-        case L.LEFT:
-        case L.TOP_LEFT:
-        case L.BOTTOM_LEFT: {
-          T += R;
+      switch (g) {
+        case v.LEFT:
+        case v.TOP_LEFT:
+        case v.BOTTOM_LEFT: {
+          b += S;
           break;
         }
-        case L.RIGHT:
-        case L.TOP_RIGHT:
-        case L.BOTTOM_RIGHT: {
-          M += R;
+        case v.RIGHT:
+        case v.TOP_RIGHT:
+        case v.BOTTOM_RIGHT: {
+          p += S;
           break;
         }
       }
     }
-    const K = Math.min(T, M), D = Math.min(_, X), P = Math.abs(M - T), y = Math.abs(X - _);
+    const z = Math.min(b, p), k = Math.min(_, L), H = Math.abs(p - b), w = Math.abs(L - _);
     return {
-      ...h,
+      ...m,
       geometry: {
-        x: K,
-        y: D,
-        w: P,
-        h: y,
+        x: z,
+        y: k,
+        w: H,
+        h: w,
         bounds: {
-          minX: K,
-          minY: D,
-          maxX: K + P,
-          maxY: D + y
+          minX: z,
+          minY: k,
+          maxX: z + H,
+          maxY: k + w
         }
       }
     };
   };
-  function m(h) {
-    Ae.call(this, e, h);
+  function h(m) {
+    Ae.call(this, e, m);
   }
-  function c(h) {
-    Ae.call(this, e, h);
+  function c(m) {
+    Ae.call(this, e, m);
   }
-  function f(h) {
-    Ae.call(this, e, h);
+  function d(m) {
+    Ae.call(this, e, m);
   }
-  return e.$$set = (h) => {
-    "shape" in h && n(0, s = h.shape), "computedStyle" in h && n(1, r = h.computedStyle), "transform" in h && n(2, a = h.transform), "viewportScale" in h && n(6, l = h.viewportScale);
+  return e.$$set = (m) => {
+    "shape" in m && n(0, s = m.shape), "computedStyle" in m && n(1, r = m.computedStyle), "transform" in m && n(2, a = m.transform), "viewportScale" in m && n(6, l = m.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
     1 && n(4, o = s.geometry), e.$$.dirty & /*viewportScale*/
@@ -1837,16 +1856,16 @@ function fo(e, t, n) {
     a,
     i,
     o,
-    d,
+    f,
     l,
-    m,
+    h,
     c,
-    f
+    d
   ];
 }
-class uo extends ie {
+class ho extends ie {
   constructor(t) {
-    super(), oe(this, t, fo, co, $, {
+    super(), oe(this, t, uo, fo, $, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1854,29 +1873,29 @@ class uo extends ie {
     });
   }
 }
-const jt = /* @__PURE__ */ new Map([
-  [V.RECTANGLE, uo],
-  [V.POLYGON, lo]
-]), bt = (e) => jt.get(e.type), ho = (e, t) => jt.set(e, t), L = (e) => `HANDLE-${e}`;
-L.SHAPE = "SHAPE";
-L.TOP = "TOP";
-L.RIGHT = "RIGHT";
-L.BOTTOM = "BOTTOM";
-L.LEFT = "LEFT";
-L.TOP_LEFT = "TOP_LEFT";
-L.TOP_RIGHT = "TOP_RIGHT";
-L.BOTTOM_RIGHT = "BOTTOM_RIGHT";
-L.BOTTOM_LEFT = "BOTTOM_LEFT";
-const mo = (e) => ({}), Et = (e) => ({ grab: (
+const qt = /* @__PURE__ */ new Map([
+  [j.RECTANGLE, ho],
+  [j.POLYGON, ao]
+]), bt = (e) => qt.get(e.type), mo = (e, t) => qt.set(e, t), v = (e) => `HANDLE-${e}`;
+v.SHAPE = "SHAPE";
+v.TOP = "TOP";
+v.RIGHT = "RIGHT";
+v.BOTTOM = "BOTTOM";
+v.LEFT = "LEFT";
+v.TOP_LEFT = "TOP_LEFT";
+v.TOP_RIGHT = "TOP_RIGHT";
+v.BOTTOM_RIGHT = "BOTTOM_RIGHT";
+v.BOTTOM_LEFT = "BOTTOM_LEFT";
+const go = (e) => ({}), Et = (e) => ({ grab: (
   /*onGrab*/
   e[0]
 ) });
-function go(e) {
+function po(e) {
   let t, n, o, i;
   const s = (
     /*#slots*/
     e[7].default
-  ), r = Qt(
+  ), r = $t(
     s,
     e,
     /*$$scope*/
@@ -1885,17 +1904,17 @@ function go(e) {
   );
   return {
     c() {
-      t = I("g"), r && r.c(), u(t, "class", "a9s-annotation selected");
+      t = D("g"), r && r.c(), u(t, "class", "a9s-annotation selected");
     },
     m(a, l) {
-      v(a, t, l), r && r.m(t, null), n = !0, o || (i = [
-        J(
+      C(a, t, l), r && r.m(t, null), n = !0, o || (i = [
+        K(
           t,
           "pointerup",
           /*onRelease*/
           e[2]
         ),
-        J(
+        K(
           t,
           "pointermove",
           /*onPointerMove*/
@@ -1905,19 +1924,19 @@ function go(e) {
     },
     p(a, [l]) {
       r && r.p && (!n || l & /*$$scope*/
-      64) && $t(
+      64) && tn(
         r,
         s,
         a,
         /*$$scope*/
         a[6],
-        n ? xt(
+        n ? en(
           s,
           /*$$scope*/
           a[6],
           l,
-          mo
-        ) : en(
+          go
+        ) : nn(
           /*$$scope*/
           a[6]
         ),
@@ -1925,37 +1944,37 @@ function go(e) {
       );
     },
     i(a) {
-      n || (Y(r, a), n = !0);
+      n || (X(r, a), n = !0);
     },
     o(a) {
       N(r, a), n = !1;
     },
     d(a) {
-      a && O(t), r && r.d(a), o = !1, ae(i);
+      a && I(t), r && r.d(a), o = !1, ae(i);
     }
   };
 }
-function po(e, t, n) {
+function _o(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
   const s = Se();
-  let { shape: r } = t, { editor: a } = t, { transform: l } = t, d = null, m, c = null;
-  const f = (g) => (w) => {
-    d = g, m = l.elementToImage(w.offsetX, w.offsetY), c = r, w.target.setPointerCapture(w.pointerId), s("grab");
-  }, h = (g) => {
-    if (d) {
-      const [w, T] = l.elementToImage(g.offsetX, g.offsetY), _ = [w - m[0], T - m[1]];
-      n(3, r = a(c, d, _)), s("change", r);
-    }
-  }, p = (g) => {
-    g.target.releasePointerCapture(g.pointerId), d = null, c = r, s("release");
-  };
-  return e.$$set = (g) => {
-    "shape" in g && n(3, r = g.shape), "editor" in g && n(4, a = g.editor), "transform" in g && n(5, l = g.transform), "$$scope" in g && n(6, i = g.$$scope);
-  }, [f, h, p, r, a, l, i, o];
-}
-class Wt extends ie {
+  let { shape: r } = t, { editor: a } = t, { transform: l } = t, f = null, h, c = null;
+  const d = (y) => (E) => {
+    f = y, h = l.elementToImage(E.offsetX, E.offsetY), c = r, E.target.setPointerCapture(E.pointerId), s("grab");
+  }, m = (y) => {
+    if (f) {
+      const [E, b] = l.elementToImage(y.offsetX, y.offsetY), _ = [E - h[0], b - h[1]];
+      n(3, r = a(c, f, _)), s("change", r);
+    }
+  }, g = (y) => {
+    y.target.releasePointerCapture(y.pointerId), f = null, c = r, s("release");
+  };
+  return e.$$set = (y) => {
+    "shape" in y && n(3, r = y.shape), "editor" in y && n(4, a = y.editor), "transform" in y && n(5, l = y.transform), "$$scope" in y && n(6, i = y.$$scope);
+  }, [d, m, g, r, a, l, i, o];
+}
+class Jt extends ie {
   constructor(t) {
-    super(), oe(this, t, po, go, $, { shape: 3, editor: 4, transform: 5 });
+    super(), oe(this, t, _o, po, $, { shape: 3, editor: 4, transform: 5 });
   }
 }
 const ze = (e, t) => {
@@ -1966,35 +1985,35 @@ const ze = (e, t) => {
     return o && (s += `fill:${o};stroke:${o};`), s += `fill-opacity:${i || "0.25"};`, s;
   }
 };
-function _o(e, t, n) {
+function yo(e, t, n) {
   let o;
   const i = Se();
-  let { annotation: s } = t, { editor: r } = t, { style: a = void 0 } = t, { target: l } = t, { transform: d } = t, { viewportScale: m } = t, c;
-  return Ce(() => (n(6, c = new r({
+  let { annotation: s } = t, { editor: r } = t, { style: a = void 0 } = t, { target: l } = t, { transform: f } = t, { viewportScale: h } = t, c;
+  return Ie(() => (n(6, c = new r({
     target: l,
     props: {
       shape: s.target.selector,
       computedStyle: o,
-      transform: d,
-      viewportScale: m
+      transform: f,
+      viewportScale: h
     }
-  })), c.$on("change", (f) => {
-    c.$$set({ shape: f.detail }), i("change", f.detail);
-  }), c.$on("grab", (f) => i("grab", f.detail)), c.$on("release", (f) => i("release", f.detail)), () => {
+  })), c.$on("change", (d) => {
+    c.$$set({ shape: d.detail }), i("change", d.detail);
+  }), c.$on("grab", (d) => i("grab", d.detail)), c.$on("release", (d) => i("release", d.detail)), () => {
     c.$destroy();
-  })), e.$$set = (f) => {
-    "annotation" in f && n(0, s = f.annotation), "editor" in f && n(1, r = f.editor), "style" in f && n(2, a = f.style), "target" in f && n(3, l = f.target), "transform" in f && n(4, d = f.transform), "viewportScale" in f && n(5, m = f.viewportScale);
+  })), e.$$set = (d) => {
+    "annotation" in d && n(0, s = d.annotation), "editor" in d && n(1, r = d.editor), "style" in d && n(2, a = d.style), "target" in d && n(3, l = d.target), "transform" in d && n(4, f = d.transform), "viewportScale" in d && n(5, h = d.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
     5 && (o = ze(s, a)), e.$$.dirty & /*annotation, editorComponent*/
     65 && s && (c == null || c.$set({ shape: s.target.selector })), e.$$.dirty & /*editorComponent, transform*/
-    80 && c && c.$set({ transform: d }), e.$$.dirty & /*editorComponent, viewportScale*/
-    96 && c && c.$set({ viewportScale: m });
-  }, [s, r, a, l, d, m, c];
+    80 && c && c.$set({ transform: f }), e.$$.dirty & /*editorComponent, viewportScale*/
+    96 && c && c.$set({ viewportScale: h });
+  }, [s, r, a, l, f, h, c];
 }
-class yo extends ie {
+class wo extends ie {
   constructor(t) {
-    super(), oe(this, t, _o, null, $, {
+    super(), oe(this, t, yo, null, $, {
       annotation: 0,
       editor: 1,
       style: 2,
@@ -2004,35 +2023,35 @@ class yo extends ie {
     });
   }
 }
-function wo(e, t, n) {
+function bo(e, t, n) {
   const o = Se();
-  let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: a } = t, { viewportScale: l } = t, d;
-  return Ce(() => {
-    const m = s.closest("svg"), c = [], f = (h, p, g) => {
-      m.addEventListener(h, p, g), c.push(() => m.removeEventListener(h, p, g));
+  let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: a } = t, { viewportScale: l } = t, f;
+  return Ie(() => {
+    const h = s.closest("svg"), c = [], d = (m, g, y) => {
+      h.addEventListener(m, g, y), c.push(() => h.removeEventListener(m, g, y));
     };
-    return n(5, d = new r({
+    return n(5, f = new r({
       target: s,
       props: {
-        addEventListener: f,
+        addEventListener: d,
         drawingMode: i,
         transform: a,
         viewportScale: l
       }
-    })), d.$on("create", (h) => o("create", h.detail)), () => {
-      c.forEach((h) => h()), d.$destroy();
+    })), f.$on("create", (m) => o("create", m.detail)), () => {
+      c.forEach((m) => m()), f.$destroy();
     };
-  }), e.$$set = (m) => {
-    "drawingMode" in m && n(0, i = m.drawingMode), "target" in m && n(1, s = m.target), "tool" in m && n(2, r = m.tool), "transform" in m && n(3, a = m.transform), "viewportScale" in m && n(4, l = m.viewportScale);
+  }), e.$$set = (h) => {
+    "drawingMode" in h && n(0, i = h.drawingMode), "target" in h && n(1, s = h.target), "tool" in h && n(2, r = h.tool), "transform" in h && n(3, a = h.transform), "viewportScale" in h && n(4, l = h.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*toolComponent, transform*/
-    40 && d && d.$set({ transform: a }), e.$$.dirty & /*toolComponent, viewportScale*/
-    48 && d && d.$set({ viewportScale: l });
-  }, [i, s, r, a, l, d];
+    40 && f && f.$set({ transform: a }), e.$$.dirty & /*toolComponent, viewportScale*/
+    48 && f && f.$set({ viewportScale: l });
+  }, [i, s, r, a, l, f];
 }
-class bo extends ie {
+class Eo extends ie {
   constructor(t) {
-    super(), oe(this, t, wo, null, $, {
+    super(), oe(this, t, bo, null, $, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -2045,7 +2064,7 @@ function At(e) {
   let t, n;
   return {
     c() {
-      t = I("rect"), n = I("rect"), u(t, "class", "a9s-outer"), u(
+      t = D("rect"), n = D("rect"), u(t, "class", "a9s-outer"), u(
         t,
         "x",
         /*x*/
@@ -2088,7 +2107,7 @@ function At(e) {
       );
     },
     m(o, i) {
-      v(o, t, i), v(o, n, i);
+      C(o, t, i), C(o, n, i);
     },
     p(o, i) {
       i & /*x*/
@@ -2142,78 +2161,78 @@ function At(e) {
       );
     },
     d(o) {
-      o && O(t), o && O(n);
+      o && I(t), o && I(n);
     }
   };
 }
-function Eo(e) {
+function Ao(e) {
   let t, n = (
     /*origin*/
     e[0] && At(e)
   );
   return {
     c() {
-      t = I("g"), n && n.c(), u(t, "class", "a9s-annotation a9s-rubberband");
+      t = D("g"), n && n.c(), u(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      v(o, t, i), n && n.m(t, null);
+      C(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*origin*/
       o[0] ? n ? n.p(o, i) : (n = At(o), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
     },
-    i: H,
-    o: H,
+    i: F,
+    o: F,
     d(o) {
-      o && O(t), n && n.d();
+      o && I(t), n && n.d();
     }
   };
 }
-function Ao(e, t, n) {
+function To(e, t, n) {
   const o = Se();
-  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, a, l, d, m, c, f, h;
-  const p = (_) => {
-    a = performance.now(), s === "drag" && (n(0, l = r.elementToImage(_.offsetX, _.offsetY)), d = l, n(1, m = l[0]), n(2, c = l[1]), n(3, f = 1), n(4, h = 1));
-  }, g = (_) => {
-    l && (d = r.elementToImage(_.offsetX, _.offsetY), n(1, m = 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])));
-  }, w = (_) => {
-    const M = performance.now() - a;
+  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, a, l, f, h, c, d, m;
+  const g = (_) => {
+    a = performance.now(), s === "drag" && (n(0, l = r.elementToImage(_.offsetX, _.offsetY)), f = l, n(1, h = l[0]), n(2, c = l[1]), n(3, d = 1), n(4, m = 1));
+  }, y = (_) => {
+    l && (f = r.elementToImage(_.offsetX, _.offsetY), n(1, h = Math.min(f[0], l[0])), n(2, c = Math.min(f[1], l[1])), n(3, d = Math.abs(f[0] - l[0])), n(4, m = Math.abs(f[1] - l[1])));
+  }, E = (_) => {
+    const p = performance.now() - a;
     if (s === "click") {
-      if (M > 300)
+      if (p > 300)
         return;
-      _.stopPropagation(), l ? T() : (n(0, l = r.elementToImage(_.offsetX, _.offsetY)), d = l, n(1, m = l[0]), n(2, c = l[1]), n(3, f = 1), n(4, h = 1));
+      _.stopPropagation(), l ? b() : (n(0, l = r.elementToImage(_.offsetX, _.offsetY)), f = l, n(1, h = l[0]), n(2, c = l[1]), n(3, d = 1), n(4, m = 1));
     } else
-      l && (M > 300 || f * h > 100 ? (_.stopPropagation(), T()) : (n(0, l = null), d = null));
-  }, T = () => {
-    if (f * h > 15) {
+      l && (p > 300 || d * m > 100 ? (_.stopPropagation(), b()) : (n(0, l = null), f = null));
+  }, b = () => {
+    if (d * m > 15) {
       const _ = {
-        type: V.RECTANGLE,
+        type: j.RECTANGLE,
         geometry: {
           bounds: {
-            minX: m,
+            minX: h,
             minY: c,
-            maxX: m + f,
-            maxY: c + h
+            maxX: h + d,
+            maxY: c + m
           },
-          x: m,
+          x: h,
           y: c,
-          w: f,
-          h
+          w: d,
+          h: m
         }
       };
       o("create", _);
     }
-    n(0, l = null), d = null;
+    n(0, l = null), f = null;
   };
-  return Ce(() => {
-    i("pointerdown", p), i("pointermove", g), i("pointerup", w, !0);
+  return Ie(() => {
+    i("pointerdown", g), i("pointermove", y), i("pointerup", E, !0);
   }), e.$$set = (_) => {
     "addEventListener" in _ && n(5, i = _.addEventListener), "drawingMode" in _ && n(6, s = _.drawingMode), "transform" in _ && n(7, r = _.transform);
-  }, [l, m, c, f, h, i, s, r];
+  }, [l, h, c, d, m, i, s, r];
 }
-class To extends ie {
+class So extends ie {
   constructor(t) {
-    super(), oe(this, t, Ao, Eo, $, {
+    super(), oe(this, t, To, Ao, $, {
       addEventListener: 5,
       drawingMode: 6,
       transform: 7
@@ -2223,7 +2242,7 @@ class To extends ie {
 const Ke = (e, t) => {
   const n = Math.abs(t[0] - e[0]), o = Math.abs(t[1] - e[1]);
   return Math.sqrt(Math.pow(n, 2) + Math.pow(o, 2));
-}, So = (e, t) => {
+}, Mo = (e, t) => {
   const { naturalWidth: n, naturalHeight: o } = e;
   if (!n && !o) {
     const { width: i, height: s } = e;
@@ -2233,20 +2252,20 @@ const Ke = (e, t) => {
     });
   } else
     t.setAttribute("viewBox", `0 0 ${n} ${o}`);
-}, Mo = (e, t) => {
-  So(e, t);
+}, Lo = (e, t) => {
+  Mo(e, t);
   const { subscribe: n, set: o } = Fe(1);
   let i;
   return window.ResizeObserver && (i = new ResizeObserver(() => {
-    const r = t.getBoundingClientRect(), { width: a, height: l } = t.viewBox.baseVal, d = Math.max(
+    const r = t.getBoundingClientRect(), { width: a, height: l } = t.viewBox.baseVal, f = Math.max(
       r.width / a,
       r.height / l
     );
-    o(d);
+    o(f);
   }), i.observe(t.parentElement)), { destroy: () => {
     i && i.disconnect();
   }, subscribe: n };
-}, Ai = "ontouchstart" in window || navigator.maxTouchPoints > 0;
+}, Ti = "ontouchstart" in window || navigator.maxTouchPoints > 0;
 function Ze(e) {
   const t = e.slice(), n = (
     /*isClosable*/
@@ -2269,12 +2288,12 @@ function Tt(e) {
   );
   return {
     c() {
-      t = I("polygon"), o = I("polygon"), r && r.c(), s = ce(), u(t, "class", "a9s-outer"), u(t, "points", n = /*coords*/
+      t = D("polygon"), o = D("polygon"), r && r.c(), s = ce(), u(t, "class", "a9s-outer"), u(t, "points", n = /*coords*/
       e[15]), u(o, "class", "a9s-inner"), u(o, "points", i = /*coords*/
       e[15]);
     },
     m(a, l) {
-      v(a, t, l), v(a, o, l), r && r.m(a, l), v(a, s, l);
+      C(a, t, l), C(a, o, l), r && r.m(a, l), C(a, s, l);
     },
     p(a, l) {
       l & /*isClosable, points, cursor*/
@@ -2285,7 +2304,7 @@ function Tt(e) {
       a[2] ? r ? r.p(a, l) : (r = St(a), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
     },
     d(a) {
-      a && O(t), a && O(o), r && r.d(a), a && O(s);
+      a && I(t), a && I(o), r && r.d(a), a && I(s);
     }
   };
 }
@@ -2293,7 +2312,7 @@ function St(e) {
   let t, n, o;
   return {
     c() {
-      t = I("rect"), u(t, "class", "a9s-corner-handle"), u(t, "x", n = /*points*/
+      t = D("rect"), u(t, "class", "a9s-corner-handle"), u(t, "x", n = /*points*/
       e[0][0][0] - /*handleSize*/
       e[3] / 2), u(t, "y", o = /*points*/
       e[0][0][1] - /*handleSize*/
@@ -2310,7 +2329,7 @@ function St(e) {
       );
     },
     m(i, s) {
-      v(i, t, s);
+      C(i, t, s);
     },
     p(i, s) {
       s & /*points, handleSize*/
@@ -2334,94 +2353,95 @@ function St(e) {
       );
     },
     d(i) {
-      i && O(t);
+      i && I(t);
     }
   };
 }
-function Lo(e) {
+function Oo(e) {
   let t, n = (
     /*cursor*/
     e[1] && Tt(Ze(e))
   );
   return {
     c() {
-      t = I("g"), n && n.c(), u(t, "class", "a9s-annotation a9s-rubberband");
+      t = D("g"), n && n.c(), u(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      v(o, t, i), n && n.m(t, null);
+      C(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*cursor*/
       o[1] ? n ? n.p(Ze(o), i) : (n = Tt(Ze(o)), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
     },
-    i: H,
-    o: H,
+    i: F,
+    o: F,
     d(o) {
-      o && O(t), n && n.d();
+      o && I(t), n && n.d();
     }
   };
 }
-const Oo = 20;
-function vo(e, t, n) {
+const vo = 20;
+function ko(e, t, n) {
   let o;
   const i = Se();
-  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: a } = t, { viewportScale: l = 1 } = t, d, m = [], c = null, f = !1;
-  const h = (_) => {
-    if (d = { ..._ }, r === "drag" && m.length === 0) {
-      const M = a.elementToImage(_.offsetX, _.offsetY);
-      m.push(M), n(1, c = M);
-    }
-  }, p = (_) => {
-    if (m.length > 0 && (n(1, c = a.elementToImage(_.offsetX, _.offsetY)), m.length > 2)) {
-      const M = Ke(c, m[0]) * l;
-      n(2, f = M < Oo);
+  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: a } = t, { viewportScale: l = 1 } = t, f, h = [], c = null, d = !1;
+  const m = (_) => {
+    const { timeStamp: p, offsetX: L, offsetY: S } = _;
+    if (f = { timeStamp: p, offsetX: L, offsetY: S }, r === "drag" && h.length === 0) {
+      const B = a.elementToImage(_.offsetX, _.offsetY);
+      h.push(B), n(1, c = B);
     }
   }, g = (_) => {
+    if (h.length > 0 && (n(1, c = a.elementToImage(_.offsetX, _.offsetY)), h.length > 2)) {
+      const p = Ke(c, h[0]) * l;
+      n(2, d = p < vo);
+    }
+  }, y = (_) => {
     if (r === "click") {
-      const M = _.timeStamp - d.timeStamp, X = Ke([d.offsetX, d.offsetY], [_.offsetX, _.offsetY]);
-      if (M > 300 || X > 15)
+      const p = _.timeStamp - f.timeStamp, L = Ke([f.offsetX, f.offsetY], [_.offsetX, _.offsetY]);
+      if (p > 300 || L > 15)
         return;
-      if (f)
-        T();
-      else if (m.length === 0) {
-        const R = a.elementToImage(_.offsetX, _.offsetY);
-        m.push(R), n(1, c = R);
+      if (d)
+        b();
+      else if (h.length === 0) {
+        const S = a.elementToImage(_.offsetX, _.offsetY);
+        h.push(S), n(1, c = S);
       } else
-        m.push(c);
+        h.push(c);
     } else {
-      if (m.length === 1 && Ke(m[0], c) <= 4) {
-        n(0, m = []), n(1, c = null);
+      if (h.length === 1 && Ke(h[0], c) <= 4) {
+        n(0, h = []), n(1, c = null);
         return;
       }
-      _.stopImmediatePropagation(), f ? T() : m.push(c);
+      _.stopImmediatePropagation(), d ? b() : h.push(c);
     }
-  }, w = () => {
-    const _ = [...m, c], M = {
-      type: V.POLYGON,
+  }, E = () => {
+    const _ = [...h, c], p = {
+      type: j.POLYGON,
       geometry: { bounds: He(_), points: _ }
     };
-    nt(M) > 4 && (n(0, m = []), n(1, c = null), i("create", M));
-  }, T = () => {
+    nt(p) > 4 && (n(0, h = []), n(1, c = null), i("create", p));
+  }, b = () => {
     const _ = {
-      type: V.POLYGON,
+      type: j.POLYGON,
       geometry: {
-        bounds: He(m),
-        points: [...m]
+        bounds: He(h),
+        points: [...h]
       }
     };
-    n(0, m = []), n(1, c = null), i("create", _);
+    n(0, h = []), n(1, c = null), i("create", _);
   };
-  return Ce(() => {
-    s("pointerdown", h, !0), s("pointermove", p), s("pointerup", g, !0), s("dblclick", w, !0);
+  return Ie(() => {
+    s("pointerdown", m, !0), s("pointermove", g), s("pointerup", y, !0), s("dblclick", E, !0);
   }), e.$$set = (_) => {
     "addEventListener" in _ && n(4, s = _.addEventListener), "drawingMode" in _ && n(5, r = _.drawingMode), "transform" in _ && n(6, a = _.transform), "viewportScale" in _ && n(7, l = _.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*viewportScale*/
     128 && n(3, o = 10 / l);
   }, [
-    m,
+    h,
     c,
-    f,
+    d,
     o,
     s,
     r,
@@ -2429,9 +2449,9 @@ function vo(e, t, n) {
     l
   ];
 }
-class ko extends ie {
+class Bo extends ie {
   constructor(t) {
-    super(), oe(this, t, vo, Lo, $, {
+    super(), oe(this, t, ko, Oo, $, {
       addEventListener: 4,
       drawingMode: 5,
       transform: 6,
@@ -2440,14 +2460,14 @@ class ko extends ie {
   }
 }
 const lt = /* @__PURE__ */ new Map([
-  ["rectangle", { tool: To }],
-  ["polygon", { tool: ko }]
-]), Bo = () => [...lt.keys()], qt = (e) => lt.get(e), Co = (e, t, n) => lt.set(e, { tool: t, opts: n });
-function Io(e) {
+  ["rectangle", { tool: So }],
+  ["polygon", { tool: Bo }]
+]), Io = () => [...lt.keys()], Kt = (e) => lt.get(e), Co = (e, t, n) => lt.set(e, { tool: t, opts: n });
+function Po(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = I("g"), n = I("ellipse"), i = I("ellipse"), u(n, "class", "a9s-outer"), u(n, "style", o = /*computedStyle*/
+      t = D("g"), n = D("ellipse"), i = D("ellipse"), u(n, "class", "a9s-outer"), u(n, "style", o = /*computedStyle*/
       e[1] ? "display:none;" : void 0), u(
         n,
         "cx",
@@ -2497,7 +2517,7 @@ function Io(e) {
       e[0].id);
     },
     m(r, a) {
-      v(r, t, a), fe(t, n), fe(t, i);
+      C(r, t, a), fe(t, n), fe(t, i);
     },
     p(r, [a]) {
       a & /*computedStyle*/
@@ -2512,38 +2532,38 @@ function Io(e) {
       1 && s !== (s = /*annotation*/
       r[0].id) && u(t, "data-id", s);
     },
-    i: H,
-    o: H,
+    i: F,
+    o: F,
     d(r) {
-      r && O(t);
+      r && I(t);
     }
   };
 }
-function Po(e, t, n) {
+function Yo(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r = void 0 } = t;
-  const { cx: a, cy: l, rx: d, ry: m } = s;
+  const { cx: a, cy: l, rx: f, ry: h } = s;
   return e.$$set = (c) => {
     "annotation" in c && n(0, i = c.annotation), "geom" in c && n(6, s = c.geom), "style" in c && n(7, r = c.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
     129 && n(1, o = ze(i, r));
-  }, [i, o, a, l, d, m, s, r];
+  }, [i, o, a, l, f, h, s, r];
 }
-class Yo extends ie {
+class Ro extends ie {
   constructor(t) {
-    super(), oe(this, t, Po, Io, $, { annotation: 0, geom: 6, style: 7 });
+    super(), oe(this, t, Yo, Po, $, { annotation: 0, geom: 6, style: 7 });
   }
 }
-function Ro(e) {
+function Do(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = I("g"), n = I("polygon"), i = I("polygon"), u(n, "class", "a9s-outer"), u(n, "style", o = /*computedStyle*/
+      t = D("g"), n = D("polygon"), i = D("polygon"), u(n, "class", "a9s-outer"), u(n, "style", o = /*computedStyle*/
       e[1] ? "display:none;" : void 0), u(
         n,
         "points",
         /*points*/
-        e[2].map(Do).join(" ")
+        e[2].map(Xo).join(" ")
       ), u(i, "class", "a9s-inner"), u(
         i,
         "style",
@@ -2553,12 +2573,12 @@ function Ro(e) {
         i,
         "points",
         /*points*/
-        e[2].map(Xo).join(" ")
+        e[2].map(Uo).join(" ")
       ), u(t, "data-id", s = /*annotation*/
       e[0].id);
     },
     m(r, a) {
-      v(r, t, a), fe(t, n), fe(t, i);
+      C(r, t, a), fe(t, n), fe(t, i);
     },
     p(r, [a]) {
       a & /*computedStyle*/
@@ -2573,15 +2593,15 @@ function Ro(e) {
       1 && s !== (s = /*annotation*/
       r[0].id) && u(t, "data-id", s);
     },
-    i: H,
-    o: H,
+    i: F,
+    o: F,
     d(r) {
-      r && O(t);
+      r && I(t);
     }
   };
 }
-const Do = (e) => e.join(","), Xo = (e) => e.join(",");
-function Uo(e, t, n) {
+const Xo = (e) => e.join(","), Uo = (e) => e.join(",");
+function No(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r = void 0 } = t;
   const { points: a } = s;
   return e.$$set = (l) => {
@@ -2591,16 +2611,16 @@ function Uo(e, t, n) {
     17 && n(1, o = ze(i, r));
   }, [i, o, a, s, r];
 }
-class No extends ie {
+class Go extends ie {
   constructor(t) {
-    super(), oe(this, t, Uo, Ro, $, { annotation: 0, geom: 3, style: 4 });
+    super(), oe(this, t, No, Do, $, { annotation: 0, geom: 3, style: 4 });
   }
 }
-function Go(e) {
+function Ho(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = I("g"), n = I("rect"), i = I("rect"), u(n, "class", "a9s-outer"), u(n, "style", o = /*computedStyle*/
+      t = D("g"), n = D("rect"), i = D("rect"), u(n, "class", "a9s-outer"), u(n, "style", o = /*computedStyle*/
       e[5] ? "display:none;" : void 0), u(
         n,
         "x",
@@ -2650,7 +2670,7 @@ function Go(e) {
       e[0].id);
     },
     m(r, a) {
-      v(r, t, a), fe(t, n), fe(t, i);
+      C(r, t, a), fe(t, n), fe(t, i);
     },
     p(r, [a]) {
       a & /*computedStyle*/
@@ -2713,47 +2733,47 @@ function Go(e) {
       1 && s !== (s = /*annotation*/
       r[0].id) && u(t, "data-id", s);
     },
-    i: H,
-    o: H,
+    i: F,
+    o: F,
     d(r) {
-      r && O(t);
+      r && I(t);
     }
   };
 }
-function Ho(e, t, n) {
-  let o, i, s, r, a, { annotation: l } = t, { geom: d } = t, { style: m = void 0 } = t;
+function Fo(e, t, n) {
+  let o, i, s, r, a, { annotation: l } = t, { geom: f } = t, { style: h = void 0 } = t;
   return e.$$set = (c) => {
-    "annotation" in c && n(0, l = c.annotation), "geom" in c && n(6, d = c.geom), "style" in c && n(7, m = c.style);
+    "annotation" in c && n(0, l = c.annotation), "geom" in c && n(6, f = c.geom), "style" in c && n(7, h = c.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    129 && n(5, o = ze(l, m)), e.$$.dirty & /*geom*/
-    64 && n(4, { x: i, y: s, w: r, h: a } = d, i, (n(3, s), n(6, d)), (n(2, r), n(6, d)), (n(1, a), n(6, d)));
-  }, [l, a, r, s, i, o, d, m];
+    129 && n(5, o = ze(l, h)), e.$$.dirty & /*geom*/
+    64 && n(4, { x: i, y: s, w: r, h: a } = f, i, (n(3, s), n(6, f)), (n(2, r), n(6, f)), (n(1, a), n(6, f)));
+  }, [l, a, r, s, i, o, f, h];
 }
-class Fo extends ie {
+class zo extends ie {
   constructor(t) {
-    super(), oe(this, t, Ho, Go, $, { annotation: 0, geom: 6, style: 7 });
+    super(), oe(this, t, Fo, Ho, $, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const Ti = {
+const Si = {
   elementToImage: (e, t) => [e, t]
-}, zo = (e) => ({
+}, Vo = (e) => ({
   elementToImage: (t, n) => {
     const o = e.getBoundingClientRect(), i = e.createSVGPoint();
     i.x = t + o.x, i.y = n + o.y;
     const { x: s, y: r } = i.matrixTransform(e.getScreenCTM().inverse());
     return [s, r];
   }
-}), Vo = 250, jo = (e, t) => {
+}), jo = 250, Wo = (e, t) => {
   const n = Se();
   let o;
   return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
-    if (performance.now() - o < Vo) {
-      const { x: l, y: d } = Wo(r, e), m = t.getAt(l, d);
-      m ? n("click", { originalEvent: r, annotation: m }) : n("click", { originalEvent: r });
+    if (performance.now() - o < jo) {
+      const { x: l, y: f } = qo(r, e), h = t.getAt(l, f);
+      h ? n("click", { originalEvent: r, annotation: h }) : n("click", { originalEvent: r });
     }
   } };
-}, Wo = (e, t) => {
+}, qo = (e, t) => {
   const n = t.createSVGPoint(), o = t.getBoundingClientRect(), i = e.clientX - o.x, s = e.clientY - o.y, { left: r, top: a } = t.getBoundingClientRect();
   return n.x = i + r, n.y = s + a, n.matrixTransform(t.getScreenCTM().inverse());
 };
@@ -2782,27 +2802,27 @@ function Ot(e) {
       i.c(), n = ce();
     },
     m(s, r) {
-      i.m(s, r), v(s, n, r), o = !0;
+      i.m(s, r), C(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*$store*/
       4096 && $(t, t = /*annotation*/
-      s[31].id) ? (re(), N(i, 1, 1, H), le(), i = vt(s), i.c(), Y(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[31].id) ? (re(), N(i, 1, 1, F), le(), i = vt(s), i.c(), X(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (Y(i), o = !0);
+      o || (X(i), o = !0);
     },
     o(s) {
       N(i), o = !1;
     },
     d(s) {
-      s && O(n), i.d(s);
+      s && I(n), i.d(s);
     }
   };
 }
-function qo(e) {
+function Jo(e) {
   let t, n;
-  return t = new No({
+  return t = new Go({
     props: {
       annotation: (
         /*annotation*/
@@ -2835,7 +2855,7 @@ function qo(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (X(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -2845,9 +2865,9 @@ function qo(e) {
     }
   };
 }
-function Jo(e) {
+function Ko(e) {
   let t, n;
-  return t = new Fo({
+  return t = new zo({
     props: {
       annotation: (
         /*annotation*/
@@ -2880,7 +2900,7 @@ function Jo(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (X(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -2890,9 +2910,9 @@ function Jo(e) {
     }
   };
 }
-function Ko(e) {
+function Zo(e) {
   let t, n;
-  return t = new Yo({
+  return t = new Ro({
     props: {
       annotation: (
         /*annotation*/
@@ -2925,7 +2945,7 @@ function Ko(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (X(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -2937,15 +2957,15 @@ function Ko(e) {
 }
 function vt(e) {
   let t, n, o, i;
-  const s = [Ko, Jo, qo], r = [];
-  function a(l, d) {
+  const s = [Zo, Ko, Jo], r = [];
+  function a(l, f) {
     return (
       /*selector*/
-      l[34].type === V.ELLIPSE ? 0 : (
+      l[34].type === j.ELLIPSE ? 0 : (
         /*selector*/
-        l[34].type === V.RECTANGLE ? 1 : (
+        l[34].type === j.RECTANGLE ? 1 : (
           /*selector*/
-          l[34].type === V.POLYGON ? 2 : -1
+          l[34].type === j.POLYGON ? 2 : -1
         )
       )
     );
@@ -2954,23 +2974,23 @@ function vt(e) {
     c() {
       n && n.c(), o = ce();
     },
-    m(l, d) {
-      ~t && r[t].m(l, d), v(l, o, d), i = !0;
+    m(l, f) {
+      ~t && r[t].m(l, f), C(l, o, f), i = !0;
     },
-    p(l, d) {
-      let m = t;
-      t = a(l), t === m ? ~t && r[t].p(l, d) : (n && (re(), N(r[m], 1, 1, () => {
-        r[m] = null;
-      }), le()), ~t ? (n = r[t], n ? n.p(l, d) : (n = r[t] = s[t](l), n.c()), Y(n, 1), n.m(o.parentNode, o)) : n = null);
+    p(l, f) {
+      let h = t;
+      t = a(l), t === h ? ~t && r[t].p(l, f) : (n && (re(), N(r[h], 1, 1, () => {
+        r[h] = null;
+      }), le()), ~t ? (n = r[t], n ? n.p(l, f) : (n = r[t] = s[t](l), n.c()), X(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(l) {
-      i || (Y(n), i = !0);
+      i || (X(n), i = !0);
     },
     o(l) {
       N(n), i = !1;
     },
     d(l) {
-      ~t && r[t].d(l), l && O(o);
+      ~t && r[t].d(l), l && I(o);
     }
   };
 }
@@ -2985,7 +3005,7 @@ function kt(e) {
       i && i.c(), n = ce();
     },
     m(s, r) {
-      i && i.m(s, r), v(s, n, r), o = !0;
+      i && i.m(s, r), C(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*isEditable, $store*/
@@ -2994,25 +3014,25 @@ function kt(e) {
         /*annotation*/
         s[31]
       )), t ? i ? (i.p(Qe(s), r), r[0] & /*isEditable, $store*/
-      4224 && Y(i, 1)) : (i = Ot(Qe(s)), i.c(), Y(i, 1), i.m(n.parentNode, n)) : i && (re(), N(i, 1, 1, () => {
+      4224 && X(i, 1)) : (i = Ot(Qe(s)), i.c(), X(i, 1), i.m(n.parentNode, n)) : i && (re(), N(i, 1, 1, () => {
         i = null;
       }), le());
     },
     i(s) {
-      o || (Y(i), o = !0);
+      o || (X(i), o = !0);
     },
     o(s) {
       N(i), o = !1;
     },
     d(s) {
-      i && i.d(s), s && O(n);
+      i && i.d(s), s && I(n);
     }
   };
 }
 function Bt(e) {
   let t, n, o, i;
-  const s = [Qo, Zo], r = [];
-  function a(l, d) {
+  const s = [xo, Qo], r = [];
+  function a(l, f) {
     return (
       /*editableAnnotations*/
       l[6] ? 0 : (
@@ -3026,55 +3046,55 @@ function Bt(e) {
     c() {
       n && n.c(), o = ce();
     },
-    m(l, d) {
-      ~t && r[t].m(l, d), v(l, o, d), i = !0;
+    m(l, f) {
+      ~t && r[t].m(l, f), C(l, o, f), i = !0;
     },
-    p(l, d) {
-      let m = t;
-      t = a(l), t === m ? ~t && r[t].p(l, d) : (n && (re(), N(r[m], 1, 1, () => {
-        r[m] = null;
-      }), le()), ~t ? (n = r[t], n ? n.p(l, d) : (n = r[t] = s[t](l), n.c()), Y(n, 1), n.m(o.parentNode, o)) : n = null);
+    p(l, f) {
+      let h = t;
+      t = a(l), t === h ? ~t && r[t].p(l, f) : (n && (re(), N(r[h], 1, 1, () => {
+        r[h] = null;
+      }), le()), ~t ? (n = r[t], n ? n.p(l, f) : (n = r[t] = s[t](l), n.c()), X(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(l) {
-      i || (Y(n), i = !0);
+      i || (X(n), i = !0);
     },
     o(l) {
       N(n), i = !1;
     },
     d(l) {
-      ~t && r[t].d(l), l && O(o);
+      ~t && r[t].d(l), l && I(o);
     }
   };
 }
-function Zo(e) {
+function Qo(e) {
   let t = (
     /*tool*/
     e[2]
-  ), n, o, i = Ct(e);
+  ), n, o, i = It(e);
   return {
     c() {
       i.c(), n = ce();
     },
     m(s, r) {
-      i.m(s, r), v(s, n, r), o = !0;
+      i.m(s, r), C(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*tool*/
       4 && $(t, t = /*tool*/
-      s[2]) ? (re(), N(i, 1, 1, H), le(), i = Ct(s), i.c(), Y(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[2]) ? (re(), N(i, 1, 1, F), le(), i = It(s), i.c(), X(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (Y(i), o = !0);
+      o || (X(i), o = !0);
     },
     o(s) {
       N(i), o = !1;
     },
     d(s) {
-      s && O(n), i.d(s);
+      s && I(n), i.d(s);
     }
   };
 }
-function Qo(e) {
+function xo(e) {
   let t, n, o = (
     /*editableAnnotations*/
     e[6]
@@ -3093,7 +3113,7 @@ function Qo(e) {
     m(r, a) {
       for (let l = 0; l < i.length; l += 1)
         i[l] && i[l].m(r, a);
-      v(r, t, a), n = !0;
+      C(r, t, a), n = !0;
     },
     p(r, a) {
       if (a[0] & /*editableAnnotations, drawingEl, style, transform, $scale, onChangeSelected*/
@@ -3102,8 +3122,8 @@ function Qo(e) {
         r[6];
         let l;
         for (l = 0; l < o.length; l += 1) {
-          const d = Mt(r, o, l);
-          i[l] ? (i[l].p(d, a), Y(i[l], 1)) : (i[l] = Pt(d), i[l].c(), Y(i[l], 1), i[l].m(t.parentNode, t));
+          const f = Mt(r, o, l);
+          i[l] ? (i[l].p(f, a), X(i[l], 1)) : (i[l] = Pt(f), i[l].c(), X(i[l], 1), i[l].m(t.parentNode, t));
         }
         for (re(), l = o.length; l < i.length; l += 1)
           s(l);
@@ -3113,7 +3133,7 @@ function Qo(e) {
     i(r) {
       if (!n) {
         for (let a = 0; a < o.length; a += 1)
-          Y(i[a]);
+          X(i[a]);
         n = !0;
       }
     },
@@ -3124,13 +3144,13 @@ function Qo(e) {
       n = !1;
     },
     d(r) {
-      ot(i, r), r && O(t);
+      ot(i, r), r && I(t);
     }
   };
 }
-function Ct(e) {
+function It(e) {
   let t, n;
-  return t = new bo({
+  return t = new Eo({
     props: {
       target: (
         /*drawingEl*/
@@ -3179,7 +3199,7 @@ function Ct(e) {
       o[13]), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (X(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -3189,9 +3209,9 @@ function Ct(e) {
     }
   };
 }
-function It(e) {
+function Ct(e) {
   let t, n;
-  return t = new yo({
+  return t = new wo({
     props: {
       target: (
         /*drawingEl*/
@@ -3219,7 +3239,7 @@ function It(e) {
       )
     }
   }), t.$on("change", function() {
-    j(
+    W(
       /*onChangeSelected*/
       e[17](
         /*editable*/
@@ -3256,7 +3276,7 @@ function It(e) {
       e[13]), t.$set(s);
     },
     i(o) {
-      n || (Y(t.$$.fragment, o), n = !0);
+      n || (X(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -3270,94 +3290,94 @@ function Pt(e) {
   let t = (
     /*editable*/
     e[28].id
-  ), n, o, i = It(e);
+  ), n, o, i = Ct(e);
   return {
     c() {
       i.c(), n = ce();
     },
     m(s, r) {
-      i.m(s, r), v(s, n, r), o = !0;
+      i.m(s, r), C(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*editableAnnotations*/
       64 && $(t, t = /*editable*/
-      s[28].id) ? (re(), N(i, 1, 1, H), le(), i = It(s), i.c(), Y(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[28].id) ? (re(), N(i, 1, 1, F), le(), i = Ct(s), i.c(), X(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (Y(i), o = !0);
+      o || (X(i), o = !0);
     },
     o(s) {
       N(i), o = !1;
     },
     d(s) {
-      s && O(n), i.d(s);
+      s && I(n), i.d(s);
     }
   };
 }
-function xo(e) {
+function $o(e) {
   let t, n, o, i, s, r, a = (
     /*$store*/
     e[12]
   ), l = [];
   for (let c = 0; c < a.length; c += 1)
     l[c] = kt(Lt(e, a, c));
-  const d = (c) => N(l[c], 1, 1, () => {
+  const f = (c) => N(l[c], 1, 1, () => {
     l[c] = null;
   });
-  let m = (
+  let h = (
     /*drawingEl*/
     e[4] && Bt(e)
   );
   return {
     c() {
-      t = I("svg"), n = I("g");
+      t = D("svg"), n = D("g");
       for (let c = 0; c < l.length; c += 1)
         l[c].c();
-      o = I("g"), m && m.c(), u(o, "class", "drawing"), u(t, "class", "a9s-annotationlayer"), ut(
+      o = D("g"), h && h.c(), u(o, "class", "drawing"), u(t, "class", "a9s-annotationlayer"), ut(
         t,
         "drawing",
         /*tool*/
         e[2]
       );
     },
-    m(c, f) {
-      v(c, t, f), fe(t, n);
-      for (let h = 0; h < l.length; h += 1)
-        l[h] && l[h].m(n, null);
-      fe(t, o), m && m.m(o, null), e[24](o), e[25](t), i = !0, s || (r = [
-        J(t, "pointerup", function() {
-          j(
+    m(c, d) {
+      C(c, t, d), fe(t, n);
+      for (let m = 0; m < l.length; m += 1)
+        l[m] && l[m].m(n, null);
+      fe(t, o), h && h.m(o, null), e[24](o), e[25](t), i = !0, s || (r = [
+        K(t, "pointerup", function() {
+          W(
             /*onPointerUp*/
             e[8]
           ) && e[8].apply(this, arguments);
         }),
-        J(t, "pointerdown", function() {
-          j(
+        K(t, "pointerdown", function() {
+          W(
             /*onPointerDown*/
             e[9]
           ) && e[9].apply(this, arguments);
         })
       ], s = !0);
     },
-    p(c, f) {
-      if (e = c, f[0] & /*$store, style, isEditable*/
+    p(c, d) {
+      if (e = c, d[0] & /*$store, style, isEditable*/
       4226) {
         a = /*$store*/
         e[12];
-        let h;
-        for (h = 0; h < a.length; h += 1) {
-          const p = Lt(e, a, h);
-          l[h] ? (l[h].p(p, f), Y(l[h], 1)) : (l[h] = kt(p), l[h].c(), Y(l[h], 1), l[h].m(n, null));
+        let m;
+        for (m = 0; m < a.length; m += 1) {
+          const g = Lt(e, a, m);
+          l[m] ? (l[m].p(g, d), X(l[m], 1)) : (l[m] = kt(g), l[m].c(), X(l[m], 1), l[m].m(n, null));
         }
-        for (re(), h = a.length; h < l.length; h += 1)
-          d(h);
+        for (re(), m = a.length; m < l.length; m += 1)
+          f(m);
         le();
       }
       /*drawingEl*/
-      e[4] ? m ? (m.p(e, f), f[0] & /*drawingEl*/
-      16 && Y(m, 1)) : (m = Bt(e), m.c(), Y(m, 1), m.m(o, null)) : m && (re(), N(m, 1, 1, () => {
-        m = null;
-      }), le()), (!i || f[0] & /*tool*/
+      e[4] ? h ? (h.p(e, d), d[0] & /*drawingEl*/
+      16 && X(h, 1)) : (h = Bt(e), h.c(), X(h, 1), h.m(o, null)) : h && (re(), N(h, 1, 1, () => {
+        h = null;
+      }), le()), (!i || d[0] & /*tool*/
       4) && ut(
         t,
         "drawing",
@@ -3367,115 +3387,115 @@ function xo(e) {
     },
     i(c) {
       if (!i) {
-        for (let f = 0; f < a.length; f += 1)
-          Y(l[f]);
-        Y(m), i = !0;
+        for (let d = 0; d < a.length; d += 1)
+          X(l[d]);
+        X(h), i = !0;
       }
     },
     o(c) {
       l = l.filter(Boolean);
-      for (let f = 0; f < l.length; f += 1)
-        N(l[f]);
-      N(m), i = !1;
+      for (let d = 0; d < l.length; d += 1)
+        N(l[d]);
+      N(h), i = !1;
     },
     d(c) {
-      c && O(t), ot(l, c), m && m.d(), e[24](null), e[25](null), s = !1, ae(r);
+      c && I(t), ot(l, c), h && h.d(), e[24](null), e[25](null), s = !1, ae(r);
     }
   };
 }
-function $o(e, t, n) {
-  let o, i, s, r, a, l, d, m, c = H, f = () => (c(), c = Xt(P, (B) => n(13, m = B)), P);
+function ei(e, t, n) {
+  let o, i, s, r, a, l, f, h, c = F, d = () => (c(), c = Ut(H, (Y) => n(13, h = Y)), H);
   e.$$.on_destroy.push(() => c());
-  let { drawingEnabled: h } = t, { image: p } = t, { preferredDrawingMode: g } = t, { state: w } = t, { style: T = void 0 } = t, { tool: _, opts: M } = qt("rectangle"), { tool: X = _, opts: R = M } = t, { user: z } = t, K, D, P;
-  Ce(() => f(n(5, P = Mo(p, D))));
-  const { selection: y, store: b } = w;
-  ft(e, y, (B) => n(23, l = B)), ft(e, b, (B) => n(12, d = B));
-  let E = null, A = null;
-  const k = (B) => {
-    b.unobserve(E);
-    const Z = B.filter(({ editable: F }) => F).map(({ id: F }) => F);
-    Z.length > 0 ? (n(6, A = Z.map((F) => b.getAnnotation(F))), E = (F) => {
-      const { updated: W } = F.changes;
-      n(6, A = W.map((se) => se.newValue));
-    }, b.observe(E, { annotations: Z })) : n(6, A = null);
-  }, U = (B) => {
-    const Z = rt(), F = {
+  let { drawingEnabled: m } = t, { image: g } = t, { preferredDrawingMode: y } = t, { state: E } = t, { style: b = void 0 } = t, { tool: _, opts: p } = Kt("rectangle"), { tool: L = _, opts: S = p } = t, { user: B } = t, z, k, H;
+  Ie(() => d(n(5, H = Lo(g, k))));
+  const { selection: w, store: A } = E;
+  ft(e, w, (Y) => n(23, l = Y)), ft(e, A, (Y) => n(12, f = Y));
+  let T = null, M = null;
+  const P = (Y) => {
+    A.unobserve(T);
+    const Z = Y.filter(({ editable: V }) => V).map(({ id: V }) => V);
+    Z.length > 0 ? (n(6, M = Z.map((V) => A.getAnnotation(V))), T = (V) => {
+      const { updated: q } = V.changes;
+      n(6, M = q.map((se) => se.newValue));
+    }, A.observe(T, { annotations: Z })) : n(6, M = null);
+  }, U = (Y) => {
+    const Z = rt(), V = {
       id: Z,
       bodies: [],
       target: {
         annotation: Z,
-        selector: B.detail,
-        creator: z,
+        selector: Y.detail,
+        creator: B,
         created: /* @__PURE__ */ new Date()
       }
     };
-    b.addAnnotation(F), y.setSelected(F.id);
-  }, Q = (B) => (Z) => {
+    A.addAnnotation(V), w.setSelected(V.id);
+  }, Q = (Y) => (Z) => {
     var he;
-    const { target: F } = B, W = 10 * 60 * 1e3, se = ((he = F.creator) == null ? void 0 : he.id) !== z.id || !F.created || (/* @__PURE__ */ new Date()).getTime() - F.created.getTime() > W;
-    b.updateTarget({
-      ...F,
+    const { target: V } = Y, q = 10 * 60 * 1e3, se = ((he = V.creator) == null ? void 0 : he.id) !== B.id || !V.created || (/* @__PURE__ */ new Date()).getTime() - V.created.getTime() > q;
+    A.updateTarget({
+      ...V,
       selector: Z.detail,
-      created: se ? F.created : /* @__PURE__ */ new Date(),
+      created: se ? V.created : /* @__PURE__ */ new Date(),
       updated: se ? /* @__PURE__ */ new Date() : null,
-      updatedBy: se ? z : null
+      updatedBy: se ? B : null
     });
   };
-  function Me(B) {
-    Ge[B ? "unshift" : "push"](() => {
-      K = B, n(4, K);
+  function Me(Y) {
+    Ge[Y ? "unshift" : "push"](() => {
+      z = Y, n(4, z);
     });
   }
-  function x(B) {
-    Ge[B ? "unshift" : "push"](() => {
-      D = B, n(3, D);
+  function x(Y) {
+    Ge[Y ? "unshift" : "push"](() => {
+      k = Y, n(3, k);
     });
   }
-  return e.$$set = (B) => {
-    "drawingEnabled" in B && n(0, h = B.drawingEnabled), "image" in B && n(18, p = B.image), "preferredDrawingMode" in B && n(19, g = B.preferredDrawingMode), "state" in B && n(20, w = B.state), "style" in B && n(1, T = B.style), "tool" in B && n(2, X = B.tool), "opts" in B && n(21, R = B.opts), "user" in B && n(22, z = B.user);
+  return e.$$set = (Y) => {
+    "drawingEnabled" in Y && n(0, m = Y.drawingEnabled), "image" in Y && n(18, g = Y.image), "preferredDrawingMode" in Y && n(19, y = Y.preferredDrawingMode), "state" in Y && n(20, E = Y.state), "style" in Y && n(1, b = Y.style), "tool" in Y && n(2, L = Y.tool), "opts" in Y && n(21, S = Y.opts), "user" in Y && n(22, B = Y.user);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*opts, preferredDrawingMode*/
-    2621440 && n(11, o = (R == null ? void 0 : R.drawingMode) || g), e.$$.dirty[0] & /*svgEl*/
-    8 && n(10, i = zo(D)), e.$$.dirty[0] & /*svgEl*/
-    8 && n(9, { onPointerDown: s, onPointerUp: r } = jo(D, b), s, (n(8, r), n(3, D))), e.$$.dirty[0] & /*$selection*/
-    8388608 && n(7, a = (B) => l.selected.find((Z) => Z.id === B.id && Z.editable)), e.$$.dirty[0] & /*$selection*/
-    8388608 && k(l.selected);
+    2621440 && n(11, o = (S == null ? void 0 : S.drawingMode) || y), e.$$.dirty[0] & /*svgEl*/
+    8 && n(10, i = Vo(k)), e.$$.dirty[0] & /*svgEl*/
+    8 && n(9, { onPointerDown: s, onPointerUp: r } = Wo(k, A), s, (n(8, r), n(3, k))), e.$$.dirty[0] & /*$selection*/
+    8388608 && n(7, a = (Y) => l.selected.find((Z) => Z.id === Y.id && Z.editable)), e.$$.dirty[0] & /*$selection*/
+    8388608 && P(l.selected);
   }, [
-    h,
-    T,
-    X,
-    D,
-    K,
-    P,
-    A,
+    m,
+    b,
+    L,
+    k,
+    z,
+    H,
+    M,
     a,
     r,
     s,
     i,
     o,
-    d,
-    m,
-    y,
-    b,
+    f,
+    h,
+    w,
+    A,
     U,
     Q,
-    p,
     g,
-    w,
-    R,
-    z,
+    y,
+    E,
+    S,
+    B,
     l,
     Me,
     x
   ];
 }
-class ei extends ie {
+class ti extends ie {
   constructor(t) {
     super(), oe(
       this,
       t,
+      ei,
       $o,
-      xo,
       $,
       {
         drawingEnabled: 0,
@@ -3492,33 +3512,33 @@ class ei extends ie {
     );
   }
 }
-function ti(e, t, n, o, i) {
-  Jt(e, t, n || 0, o || e.length - 1, i || ni);
+function ni(e, t, n, o, i) {
+  Zt(e, t, n || 0, o || e.length - 1, i || oi);
 }
-function Jt(e, t, n, o, i) {
+function Zt(e, t, n, o, i) {
   for (; o > n; ) {
     if (o - n > 600) {
-      var s = o - n + 1, r = t - n + 1, a = Math.log(s), l = 0.5 * Math.exp(2 * a / 3), d = 0.5 * Math.sqrt(a * l * (s - l) / s) * (r - s / 2 < 0 ? -1 : 1), m = Math.max(n, Math.floor(t - r * l / s + d)), c = Math.min(o, Math.floor(t + (s - r) * l / s + d));
-      Jt(e, t, m, c, i);
+      var s = o - n + 1, r = t - n + 1, a = Math.log(s), l = 0.5 * Math.exp(2 * a / 3), f = 0.5 * Math.sqrt(a * l * (s - l) / s) * (r - s / 2 < 0 ? -1 : 1), h = Math.max(n, Math.floor(t - r * l / s + f)), c = Math.min(o, Math.floor(t + (s - r) * l / s + f));
+      Zt(e, t, h, c, i);
     }
-    var f = e[t], h = n, p = o;
-    for (Le(e, n, t), i(e[o], f) > 0 && Le(e, n, o); h < p; ) {
-      for (Le(e, h, p), h++, p--; i(e[h], f) < 0; )
-        h++;
-      for (; i(e[p], f) > 0; )
-        p--;
+    var d = e[t], m = n, g = o;
+    for (Le(e, n, t), i(e[o], d) > 0 && Le(e, n, o); m < g; ) {
+      for (Le(e, m, g), m++, g--; i(e[m], d) < 0; )
+        m++;
+      for (; i(e[g], d) > 0; )
+        g--;
     }
-    i(e[n], f) === 0 ? Le(e, n, p) : (p++, Le(e, p, o)), p <= t && (n = p + 1), t <= p && (o = p - 1);
+    i(e[n], d) === 0 ? Le(e, n, g) : (g++, Le(e, g, o)), g <= t && (n = g + 1), t <= g && (o = g - 1);
   }
 }
 function Le(e, t, n) {
   var o = e[t];
   e[t] = e[n], e[n] = o;
 }
-function ni(e, t) {
+function oi(e, t) {
   return e < t ? -1 : e > t ? 1 : 0;
 }
-class oi {
+class ii {
   constructor(t = 9) {
     this._maxEntries = Math.max(4, t), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
   }
@@ -3591,14 +3611,14 @@ class oi {
       return this;
     let o = this.data;
     const i = this.toBBox(t), s = [], r = [];
-    let a, l, d;
+    let a, l, f;
     for (; o || s.length; ) {
-      if (o || (o = s.pop(), l = s[s.length - 1], a = r.pop(), d = !0), o.leaf) {
-        const m = ii(t, o.children, n);
-        if (m !== -1)
-          return o.children.splice(m, 1), s.push(o), this._condense(s), this;
+      if (o || (o = s.pop(), l = s[s.length - 1], a = r.pop(), f = !0), o.leaf) {
+        const h = si(t, o.children, n);
+        if (h !== -1)
+          return o.children.splice(h, 1), s.push(o), this._condense(s), this;
       }
-      !d && !o.leaf && $e(o, i) ? (s.push(o), r.push(a), a = 0, l = o, o = o.children[0]) : l ? (a++, o = l.children[a], d = !1) : o = null;
+      !f && !o.leaf && $e(o, i) ? (s.push(o), r.push(a), a = 0, l = o, o = o.children[0]) : l ? (a++, o = l.children[a], f = !1) : o = null;
     }
     return this;
   }
@@ -3629,14 +3649,14 @@ class oi {
     if (s <= r)
       return a = Ee(t.slice(n, o + 1)), we(a, this.toBBox), a;
     i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), a = Ee([]), a.leaf = !1, a.height = i;
-    const l = Math.ceil(s / r), d = l * Math.ceil(Math.sqrt(r));
-    Yt(t, n, o, d, this.compareMinX);
-    for (let m = n; m <= o; m += d) {
-      const c = Math.min(m + d - 1, o);
-      Yt(t, m, c, l, this.compareMinY);
-      for (let f = m; f <= c; f += l) {
-        const h = Math.min(f + l - 1, c);
-        a.children.push(this._build(t, f, h, i - 1));
+    const l = Math.ceil(s / r), f = l * Math.ceil(Math.sqrt(r));
+    Yt(t, n, o, f, this.compareMinX);
+    for (let h = n; h <= o; h += f) {
+      const c = Math.min(h + f - 1, o);
+      Yt(t, h, c, l, this.compareMinY);
+      for (let d = h; d <= c; d += l) {
+        const m = Math.min(d + l - 1, c);
+        a.children.push(this._build(t, d, m, i - 1));
       }
     }
     return we(a, this.toBBox), a;
@@ -3645,8 +3665,8 @@ class oi {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
       let s = 1 / 0, r = 1 / 0, a;
       for (let l = 0; l < n.children.length; l++) {
-        const d = n.children[l], m = xe(d), c = li(t, d) - m;
-        c < r ? (r = c, s = m < s ? m : s, a = d) : c === r && m < s && (s = m, a = d);
+        const f = n.children[l], h = xe(f), c = ai(t, f) - h;
+        c < r ? (r = c, s = h < s ? h : s, a = f) : c === r && h < s && (s = h, a = f);
       }
       n = a || n.children[0];
     }
@@ -3671,14 +3691,14 @@ class oi {
   _chooseSplitIndex(t, n, o) {
     let i, s = 1 / 0, r = 1 / 0;
     for (let a = n; a <= o - n; a++) {
-      const l = Oe(t, 0, a, this.toBBox), d = Oe(t, a, o, this.toBBox), m = ai(l, d), c = xe(l) + xe(d);
-      m < s ? (s = m, i = a, r = c < r ? c : r) : m === s && c < r && (r = c, i = a);
+      const l = Oe(t, 0, a, this.toBBox), f = Oe(t, a, o, this.toBBox), h = ci(l, f), c = xe(l) + xe(f);
+      h < s ? (s = h, i = a, r = c < r ? c : r) : h === s && c < r && (r = c, i = a);
     }
     return i || o - n;
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(t, n, o) {
-    const i = t.leaf ? this.compareMinX : si, s = t.leaf ? this.compareMinY : ri, r = this._allDistMargin(t, n, o, i), a = this._allDistMargin(t, n, o, s);
+    const i = t.leaf ? this.compareMinX : ri, s = t.leaf ? this.compareMinY : li, r = this._allDistMargin(t, n, o, i), a = this._allDistMargin(t, n, o, s);
     r < a && t.children.sort(i);
   }
   // total margin of all possible split distributions where each node is at least m full
@@ -3686,13 +3706,13 @@ class oi {
     t.children.sort(i);
     const s = this.toBBox, r = Oe(t, 0, n, s), a = Oe(t, o - n, o, s);
     let l = Xe(r) + Xe(a);
-    for (let d = n; d < o - n; d++) {
-      const m = t.children[d];
-      ve(r, t.leaf ? s(m) : m), l += Xe(r);
+    for (let f = n; f < o - n; f++) {
+      const h = t.children[f];
+      ve(r, t.leaf ? s(h) : h), l += Xe(r);
     }
-    for (let d = o - n - 1; d >= n; d--) {
-      const m = t.children[d];
-      ve(a, t.leaf ? s(m) : m), l += Xe(a);
+    for (let f = o - n - 1; f >= n; f--) {
+      const h = t.children[f];
+      ve(a, t.leaf ? s(h) : h), l += Xe(a);
     }
     return l;
   }
@@ -3705,7 +3725,7 @@ class oi {
       t[n].children.length === 0 ? n > 0 ? (o = t[n - 1].children, o.splice(o.indexOf(t[n]), 1)) : this.clear() : we(t[n], this.toBBox);
   }
 }
-function ii(e, t, n) {
+function si(e, t, n) {
   if (!n)
     return t.indexOf(e);
   for (let o = 0; o < t.length; o++)
@@ -3727,10 +3747,10 @@ function Oe(e, t, n, o, i) {
 function ve(e, t) {
   return e.minX = Math.min(e.minX, t.minX), e.minY = Math.min(e.minY, t.minY), e.maxX = Math.max(e.maxX, t.maxX), e.maxY = Math.max(e.maxY, t.maxY), e;
 }
-function si(e, t) {
+function ri(e, t) {
   return e.minX - t.minX;
 }
-function ri(e, t) {
+function li(e, t) {
   return e.minY - t.minY;
 }
 function xe(e) {
@@ -3739,10 +3759,10 @@ function xe(e) {
 function Xe(e) {
   return e.maxX - e.minX + (e.maxY - e.minY);
 }
-function li(e, t) {
+function ai(e, t) {
   return (Math.max(t.maxX, e.maxX) - Math.min(t.minX, e.minX)) * (Math.max(t.maxY, e.maxY) - Math.min(t.minY, e.minY));
 }
-function ai(e, t) {
+function ci(e, t) {
   const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), s = Math.min(e.maxY, t.maxY);
   return Math.max(0, i - n) * Math.max(0, s - o);
 }
@@ -3769,77 +3789,77 @@ function Yt(e, t, n, o, i) {
     if (n = s.pop(), t = s.pop(), n - t <= o)
       continue;
     const r = t + Math.ceil((n - t) / o / 2) * o;
-    ti(e, r, t, n, i), s.push(t, r, r, n);
+    ni(e, r, t, n, i), s.push(t, r, r, n);
   }
 }
-const ci = () => {
-  const e = new oi(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
+const fi = () => {
+  const e = new ii(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
     e.clear(), t.clear();
   }, i = (c) => {
-    const { minX: f, minY: h, maxX: p, maxY: g } = c.selector.geometry.bounds, w = { minX: f, minY: h, maxX: p, maxY: g, target: c };
-    e.insert(w), t.set(c.annotation, w);
+    const { minX: d, minY: m, maxX: g, maxY: y } = c.selector.geometry.bounds, E = { minX: d, minY: m, maxX: g, maxY: y, target: c };
+    e.insert(E), t.set(c.annotation, E);
   }, s = (c) => {
-    const f = t.get(c.annotation);
-    e.remove(f), t.delete(c.annotation);
+    const d = t.get(c.annotation);
+    e.remove(d), t.delete(c.annotation);
   };
   return {
     all: n,
     clear: o,
-    getAt: (c, f) => {
-      const p = e.search({
+    getAt: (c, d) => {
+      const g = e.search({
         minX: c,
-        minY: f,
+        minY: d,
         maxX: c,
-        maxY: f
-      }).map((g) => g.target).filter((g) => g.selector.type === V.RECTANGLE || cn(g.selector, c, f));
-      if (p.length > 0)
-        return p.sort((g, w) => nt(g.selector) - nt(w.selector)), p[0];
+        maxY: d
+      }).map((y) => y.target).filter((y) => y.selector.type === j.RECTANGLE || un(y.selector, c, d));
+      if (g.length > 0)
+        return g.sort((y, E) => nt(y.selector) - nt(E.selector)), g[0];
     },
-    getIntersecting: (c, f, h, p) => e.search({
+    getIntersecting: (c, d, m, g) => e.search({
       minX: c,
-      minY: f,
-      maxX: c + h,
-      maxY: f + p
-    }).map((g) => g.target),
+      minY: d,
+      maxX: c + m,
+      maxY: d + g
+    }).map((y) => y.target),
     insert: i,
     remove: s,
-    set: (c, f = !0) => {
-      f && o();
-      const h = c.map((p) => {
-        const { minX: g, minY: w, maxX: T, maxY: _ } = p.selector.geometry.bounds;
-        return { minX: g, minY: w, maxX: T, maxY: _, target: p };
+    set: (c, d = !0) => {
+      d && o();
+      const m = c.map((g) => {
+        const { minX: y, minY: E, maxX: b, maxY: _ } = g.selector.geometry.bounds;
+        return { minX: y, minY: E, maxX: b, maxY: _, target: g };
       });
-      h.forEach((p) => t.set(p.target.annotation, p)), e.load(h);
+      m.forEach((g) => t.set(g.target.annotation, g)), e.load(m);
     },
     size: () => e.all().length,
-    update: (c, f) => {
-      s(c), i(f);
+    update: (c, d) => {
+      s(c), i(d);
     }
   };
-}, fi = (e) => {
-  const t = Rn(), n = ci(), o = Ln(t, e.pointerSelectAction), i = Mn(t), s = Nn();
+}, ui = (e) => {
+  const t = Xn(), n = fi(), o = vn(t, e.pointerSelectAction), i = On(t), s = Hn();
   return t.observe(({ changes: l }) => {
-    n.set(l.created.map((d) => d.target), !1), l.deleted.forEach((d) => n.remove(d.target)), l.updated.forEach(({ oldValue: d, newValue: m }) => n.update(d.target, m.target));
+    n.set(l.created.map((f) => f.target), !1), l.deleted.forEach((f) => n.remove(f.target)), l.updated.forEach(({ oldValue: f, newValue: h }) => n.update(f.target, h.target));
   }), {
     store: {
       ...t,
-      getAt: (l, d) => {
-        const m = n.getAt(l, d);
-        return m ? t.getAnnotation(m.annotation) : void 0;
+      getAt: (l, f) => {
+        const h = n.getAt(l, f);
+        return h ? t.getAnnotation(h.annotation) : void 0;
       },
-      getIntersecting: (l, d, m, c) => n.getIntersecting(l, d, m, c).map((f) => t.getAnnotation(f.annotation))
+      getIntersecting: (l, f, h, c) => n.getIntersecting(l, f, h, c).map((d) => t.getAnnotation(d.annotation))
     },
     selection: o,
     hover: i,
     viewport: s
   };
-}, ui = (e) => {
-  const t = fi(e);
+}, di = (e) => {
+  const t = ui(e);
   return {
     ...t,
-    store: Dn(t.store)
+    store: Un(t.store)
   };
-}, di = (e) => {
+}, hi = (e) => {
   let t, n;
   if (e.nodeName === "CANVAS")
     t = e, n = t.getContext("2d", { willReadFrequently: !0 });
@@ -3850,144 +3870,142 @@ const ci = () => {
   let o = 0;
   for (let i = 1; i < 10; i++)
     for (let s = 1; s < 10; s++) {
-      const r = Math.round(s * t.width / 10), a = Math.round(i * t.height / 10), l = n.getImageData(r, a, 1, 1).data, d = (0.299 * l[0] + 0.587 * l[1] + 0.114 * l[2]) / 255;
-      o += d;
+      const r = Math.round(s * t.width / 10), a = Math.round(i * t.height / 10), l = n.getImageData(r, a, 1, 1).data, f = (0.299 * l[0] + 0.587 * l[1] + 0.114 * l[2]) / 255;
+      o += f;
     }
   return o / 81;
-}, hi = (e, t) => {
-  const n = di(e), o = n > 0.6 ? "dark" : "light";
-  console.log(`[Annotorious] Image brightness: ${n.toFixed(1)}. Setting ${o} theme.`), t.setAttribute("data-theme", o);
-}, mi = (e) => ({
+}, mi = (e) => {
+  const t = hi(e), n = t > 0.6 ? "dark" : "light";
+  return console.log(`[Annotorious] Image brightness: ${t.toFixed(1)}. Setting ${n} theme.`), n;
+}, Rt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? mi(e) : n), gi = (e) => ({
   ...e,
   drawingEnabled: e.drawingEnabled === void 0 ? !0 : e.drawingEnabled,
   drawingMode: e.drawingMode || "drag",
-  pointerSelectAction: e.pointerSelectAction || zt.EDIT
-}), Rt = navigator.userAgent.indexOf("Mac OS X") !== -1, gi = (e, t) => {
+  pointerSelectAction: e.pointerSelectAction || Vt.EDIT,
+  theme: e.theme || "light"
+}), Dt = navigator.userAgent.indexOf("Mac OS X") !== -1, pi = (e, t) => {
   const n = t || document, o = (r) => {
     r.key === "Z" && r.ctrlKey ? e.undo() : r.key === "Y" && r.ctrlKey && e.redo();
   }, i = (r) => {
     r.key === "z" && r.metaKey && (r.shiftKey ? e.redo() : e.undo());
   }, s = () => {
-    Rt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
+    Dt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
   };
-  return Rt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
+  return Dt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
     destroy: s
   };
 };
-const Si = (e, t = {}) => {
+const Mi = (e, t = {}) => {
   if (!e)
     throw "Missing argument: image";
-  const n = typeof e == "string" ? document.getElementById(e) : e, o = mi(t), i = ui(o), { hover: s, selection: r, store: a } = i, l = Gn(
+  const n = typeof e == "string" ? document.getElementById(e) : e, o = gi(t), i = di(o), { selection: s, store: r } = i, a = Gn(r), l = Fn(
+    i,
     a,
-    r,
-    s,
-    void 0,
     o.adapter,
     o.autoSave
-  ), d = Un(a), 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 c = gi(d);
-  let f = qn();
-  hi(n, m);
-  const h = new ei({
-    target: m,
+  ), f = document.createElement("DIV");
+  f.style.position = "relative", f.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(f, n), f.appendChild(n);
+  const h = pi(a);
+  let c = Kn();
+  Rt(n, f, o.theme);
+  const d = new ti({
+    target: f,
     props: {
       drawingEnabled: o.drawingEnabled,
       image: n,
       preferredDrawingMode: o.drawingMode,
       state: i,
       style: o.style,
-      user: f
+      user: c
     }
   });
-  h.$on("click", (P) => {
-    const { originalEvent: y, annotation: b } = P.detail;
-    b ? r.clickSelect(b.id, y) : r.isEmpty() || r.clear();
+  d.$on("click", (k) => {
+    const { originalEvent: H, annotation: w } = k.detail;
+    w ? s.clickSelect(w.id, H) : s.isEmpty() || s.clear();
   });
-  const p = Fn(a, d, o.adapter), g = () => {
-    h.$destroy(), m.parentNode.insertBefore(n, m), m.parentNode.removeChild(m), c.destroy(), d.destroy();
-  }, w = () => f, T = (P, y, b) => Co(P, y, b), _ = (P, y) => ho(P, y), M = (P) => {
-    const { tool: y, opts: b } = qt(P);
-    h.$set({ tool: y, opts: b });
-  }, X = (P) => h.$set({ drawingEnabled: P }), R = (P) => {
+  const m = Vn(i, a, o.adapter), g = () => {
+    d.$destroy(), f.parentNode.insertBefore(n, f), f.parentNode.removeChild(f), h.destroy(), a.destroy();
+  }, y = () => c, E = (k, H, w) => Co(k, H, w), b = (k, H) => mo(k, H), _ = (k) => {
+    const { tool: H, opts: w } = Kt(k);
+    d.$set({ tool: H, opts: w });
+  }, p = (k) => d.$set({ drawingEnabled: k }), L = (k) => {
     console.warn("Filter not implemented yet");
-  }, z = (P) => {
-    P ? r.setSelected(P) : r.clear();
-  }, K = (P) => h.$set({ style: P }), D = (P) => {
-    f = P, h.$set({ user: P });
+  }, S = (k) => d.$set({ style: k }), B = (k) => Rt(n, f, k), z = (k) => {
+    c = k, d.$set({ user: k });
   };
   return {
-    ...p,
+    ...m,
     destroy: g,
-    getUser: w,
-    listDrawingTools: Bo,
+    getUser: y,
+    listDrawingTools: Io,
     on: l.on,
     off: l.off,
-    registerDrawingTool: T,
-    registerShapeEditor: _,
-    setDrawingEnabled: X,
-    setDrawingTool: M,
-    setFilter: R,
-    setSelected: z,
-    setStyle: K,
-    setUser: D,
+    registerDrawingTool: E,
+    registerShapeEditor: b,
+    setDrawingEnabled: p,
+    setDrawingTool: _,
+    setFilter: L,
+    setStyle: S,
+    setTheme: B,
+    setUser: z,
     state: i
   };
 };
 export {
-  Wt as Editor,
-  yo as EditorMount,
-  L as Handle,
-  Ti as IdentityTransform,
+  Jt as Editor,
+  wo as EditorMount,
+  v as Handle,
+  Si as IdentityTransform,
   G as Origin,
-  wi as PRESENCE_KEY,
-  zt as PointerSelectAction,
-  lo as PolygonEditor,
-  uo as RectangleEditor,
-  dn as RectangleUtil,
-  To as RubberbandRectangle,
-  ei as SVGAnnotationLayer,
-  V as ShapeType,
-  bo as ToolMount,
-  Ei as W3CImageFormat,
-  jo as addEventListeners,
+  bi as PRESENCE_KEY,
+  Vt as PointerSelectAction,
+  ao as PolygonEditor,
+  ho as RectangleEditor,
+  mn as RectangleUtil,
+  So as RubberbandRectangle,
+  ti as SVGAnnotationLayer,
+  j as ShapeType,
+  Eo as ToolMount,
+  Ai as W3CImageFormat,
+  Wo as addEventListeners,
   He as boundsFromPoints,
   nt as computeArea,
-  qn as createAnonymousGuest,
-  Fn as createBaseAnnotator,
-  _i as createBody,
-  $n as createDefaultAppearenceProvider,
-  Si as createImageAnnotator,
-  fi as createImageAnnotatorState,
-  bi as createPresenceState,
-  zo as createSVGTransform,
-  ui as createSvelteImageAnnotatorState,
-  xn as defaultColorProvider,
-  Vt as diffAnnotations,
+  Kn as createAnonymousGuest,
+  Vn as createBaseAnnotator,
+  yi as createBody,
+  to as createDefaultAppearenceProvider,
+  Mi as createImageAnnotator,
+  ui as createImageAnnotatorState,
+  Ei as createPresenceState,
+  Vo as createSVGTransform,
+  di as createSvelteImageAnnotatorState,
+  eo as defaultColorProvider,
+  mi as detectTheme,
+  jt as diffAnnotations,
   Ke as distance,
-  Mo as enableResponsive,
-  mi as fillDefaults,
-  pi as getContributors,
+  Lo as enableResponsive,
+  gi as fillDefaults,
+  _i as getContributors,
   bt as getEditor,
-  qt as getTool,
-  gi as initKeyboardCommands,
-  cn as intersects,
-  Ai as isTouch,
-  Bo as listDrawingTools,
-  Hn as parseAll,
-  hn as parseFragmentSelector,
-  wn as parseSVGSelector,
-  Kn as parseW3CBodies,
-  no as parseW3CImageAnnotation,
-  ho as registerEditor,
+  Kt as getTool,
+  pi as initKeyboardCommands,
+  un as intersects,
+  Ti as isTouch,
+  Io as listDrawingTools,
+  zn as parseAll,
+  gn as parseFragmentSelector,
+  En as parseSVGSelector,
+  Qn as parseW3CBodies,
+  oo as parseW3CImageAnnotation,
+  mo as registerEditor,
   st as registerShapeUtil,
   Co as registerTool,
-  di as sampleBrightness,
-  yi as serializeAll,
-  mn as serializeFragmentSelector,
-  bn as serializeSVGSelector,
-  Zn as serializeW3CBodies,
-  oo as serializeW3CImageAnnotation,
-  hi as setTheme
+  hi as sampleBrightness,
+  wi as serializeAll,
+  pn as serializeFragmentSelector,
+  An as serializeSVGSelector,
+  xn as serializeW3CBodies,
+  io as serializeW3CImageAnnotation,
+  Rt as setTheme
 };
 //# sourceMappingURL=annotorious.es.js.map