@annotorious/annotorious 3.0.0-rc.7 → 3.0.0-rc.9

package/dist/annotorious.es.js

@@ -1,47 +1,47 @@
-function z() {
+function F() {
 }
-function nn(e, t) {
+function $t(e, t) {
   for (const n in t)
     e[n] = t[n];
   return e;
 }
-function Ft(e) {
+function Nt(e) {
   return e();
 }
-function gt() {
+function ft() {
   return /* @__PURE__ */ Object.create(null);
 }
 function ie(e) {
-  e.forEach(Ft);
+  e.forEach(Nt);
 }
 function j(e) {
   return typeof e == "function";
 }
-function K(e, t) {
+function J(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
-function on(e) {
+function en(e) {
   return Object.keys(e).length === 0;
 }
-function Ht(e, ...t) {
+function Vt(e, ...t) {
   if (e == null)
-    return z;
+    return F;
   const n = e.subscribe(...t);
   return n.unsubscribe ? () => n.unsubscribe() : n;
 }
-function mt(e, t, n) {
-  e.$$.on_destroy.push(Ht(t, n));
+function dt(e, t, n) {
+  e.$$.on_destroy.push(Vt(t, n));
 }
-function sn(e, t, n, o) {
+function tn(e, t, n, o) {
   if (e) {
-    const i = jt(e, t, n, o);
+    const i = Gt(e, t, n, o);
     return e[0](i);
   }
 }
-function jt(e, t, n, o) {
-  return e[1] && o ? nn(n.ctx.slice(), e[1](o(t))) : n.ctx;
+function Gt(e, t, n, o) {
+  return e[1] && o ? $t(n.ctx.slice(), e[1](o(t))) : n.ctx;
 }
-function rn(e, t, n, o) {
+function nn(e, t, n, o) {
   if (e[2] && o) {
     const i = e[2](o(n));
     if (t.dirty === void 0)
@@ -56,13 +56,13 @@ function rn(e, t, n, o) {
   }
   return t.dirty;
 }
-function ln(e, t, n, o, i, s) {
+function on(e, t, n, o, i, s) {
   if (i) {
-    const r = jt(t, n, o, s);
+    const r = Gt(t, n, o, s);
     e.p(r, i);
   }
 }
-function an(e) {
+function sn(e) {
   if (e.ctx.length > 32) {
     const t = [], n = e.ctx.length / 32;
     for (let o = 0; o < n; o++)
@@ -74,62 +74,62 @@ function an(e) {
 function re(e, t) {
   e.appendChild(t);
 }
-function B(e, t, n) {
+function I(e, t, n) {
   e.insertBefore(t, n || null);
 }
 function k(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
-function lt(e, t) {
+function st(e, t) {
   for (let n = 0; n < e.length; n += 1)
     e[n] && e[n].d(t);
 }
-function U(e) {
+function R(e) {
   return document.createElementNS("http://www.w3.org/2000/svg", e);
 }
-function qt(e) {
+function Ft(e) {
   return document.createTextNode(e);
 }
 function $() {
-  return qt(" ");
+  return Ft(" ");
 }
 function se() {
-  return qt("");
+  return Ft("");
 }
-function W(e, t, n, o) {
+function K(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
 }
 function f(e, t, n) {
   n == null ? e.removeAttribute(t) : e.getAttribute(t) !== n && e.setAttribute(t, n);
 }
-function cn(e) {
+function rn(e) {
   return Array.from(e.childNodes);
 }
-function pt(e, t, n) {
+function ht(e, t, n) {
   e.classList[n ? "add" : "remove"](t);
 }
-function dn(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
+function ln(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
   const i = document.createEvent("CustomEvent");
   return i.initCustomEvent(e, n, o, t), i;
 }
 let Ie;
-function Be(e) {
+function ke(e) {
   Ie = e;
 }
-function Wt() {
+function Ht() {
   if (!Ie)
     throw new Error("Function called outside component initialization");
   return Ie;
 }
-function Ce(e) {
-  Wt().$$.on_mount.push(e);
+function Be(e) {
+  Ht().$$.on_mount.push(e);
 }
 function Se() {
-  const e = Wt();
+  const e = Ht();
   return (t, n, { cancelable: o = !1 } = {}) => {
     const i = e.$$.callbacks[t];
     if (i) {
-      const s = dn(t, n, { cancelable: o });
+      const s = ln(t, n, { cancelable: o });
       return i.slice().forEach((r) => {
         r.call(e, s);
       }), !s.defaultPrevented;
@@ -141,19 +141,19 @@ function Ae(e, t) {
   const n = e.$$.callbacks[t.type];
   n && n.slice().forEach((o) => o.call(this, t));
 }
-const be = [], ze = [];
+const be = [], Ge = [];
 let Te = [];
-const yt = [], un = /* @__PURE__ */ Promise.resolve();
-let ot = !1;
-function fn() {
-  ot || (ot = !0, un.then(Jt));
+const mt = [], an = /* @__PURE__ */ Promise.resolve();
+let tt = !1;
+function cn() {
+  tt || (tt = !0, an.then(zt));
 }
-function it(e) {
+function nt(e) {
   Te.push(e);
 }
 const Ke = /* @__PURE__ */ new Set();
 let pe = 0;
-function Jt() {
+function zt() {
   if (pe !== 0)
     return;
   const e = Ie;
@@ -161,55 +161,55 @@ function Jt() {
     try {
       for (; pe < be.length; ) {
         const t = be[pe];
-        pe++, Be(t), hn(t.$$);
+        pe++, ke(t), un(t.$$);
       }
     } catch (t) {
       throw be.length = 0, pe = 0, t;
     }
-    for (Be(null), be.length = 0, pe = 0; ze.length; )
-      ze.pop()();
+    for (ke(null), be.length = 0, pe = 0; Ge.length; )
+      Ge.pop()();
     for (let t = 0; t < Te.length; t += 1) {
       const n = Te[t];
       Ke.has(n) || (Ke.add(n), n());
     }
     Te.length = 0;
   } while (be.length);
-  for (; yt.length; )
-    yt.pop()();
-  ot = !1, Ke.clear(), Be(e);
+  for (; mt.length; )
+    mt.pop()();
+  tt = !1, Ke.clear(), ke(e);
 }
-function hn(e) {
+function un(e) {
   if (e.fragment !== null) {
     e.update(), ie(e.before_update);
     const t = e.dirty;
-    e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(it);
+    e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(nt);
   }
 }
-function gn(e) {
+function fn(e) {
   const t = [], n = [];
   Te.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), Te = t;
 }
 const Ve = /* @__PURE__ */ new Set();
-let ue;
+let fe;
 function ne() {
-  ue = {
+  fe = {
     r: 0,
     c: [],
-    p: ue
+    p: fe
     // parent group
   };
 }
 function oe() {
-  ue.r || ie(ue.c), ue = ue.p;
+  fe.r || ie(fe.c), fe = fe.p;
 }
-function D(e, t) {
+function C(e, t) {
   e && e.i && (Ve.delete(e), e.i(t));
 }
 function N(e, t, n, o) {
   if (e && e.o) {
     if (Ve.has(e))
       return;
-    Ve.add(e), ue.c.push(() => {
+    Ve.add(e), fe.c.push(() => {
       Ve.delete(e), o && (n && e.d(1), o());
     }), e.o(t);
   } else
@@ -220,29 +220,29 @@ function he(e) {
 }
 function le(e, t, n, o) {
   const { fragment: i, after_update: s } = e.$$;
-  i && i.m(t, n), o || it(() => {
-    const r = e.$$.on_mount.map(Ft).filter(j);
+  i && i.m(t, n), o || nt(() => {
+    const r = e.$$.on_mount.map(Nt).filter(j);
     e.$$.on_destroy ? e.$$.on_destroy.push(...r) : ie(r), e.$$.on_mount = [];
-  }), s.forEach(it);
+  }), s.forEach(nt);
 }
 function ae(e, t) {
   const n = e.$$;
-  n.fragment !== null && (gn(n.after_update), ie(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
+  n.fragment !== null && (fn(n.after_update), ie(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
 }
-function mn(e, t) {
-  e.$$.dirty[0] === -1 && (be.push(e), fn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
+function dn(e, t) {
+  e.$$.dirty[0] === -1 && (be.push(e), cn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
 }
 function ee(e, t, n, o, i, s, r, a = [-1]) {
   const l = Ie;
-  Be(e);
-  const d = e.$$ = {
+  ke(e);
+  const c = e.$$ = {
     fragment: null,
     ctx: [],
     // state
     props: s,
-    update: z,
+    update: F,
     not_equal: i,
-    bound: gt(),
+    bound: ft(),
     // lifecycle
     on_mount: [],
     on_destroy: [],
@@ -251,33 +251,33 @@ function ee(e, t, n, o, i, s, r, a = [-1]) {
     after_update: [],
     context: new Map(t.context || (l ? l.$$.context : [])),
     // everything else
-    callbacks: gt(),
+    callbacks: ft(),
     dirty: a,
     skip_bound: !1,
     root: t.target || l.$$.root
   };
-  r && r(d.root);
+  r && r(c.root);
   let h = !1;
-  if (d.ctx = n ? n(e, t.props || {}, (c, g, ...u) => {
-    const m = u.length ? u[0] : g;
-    return d.ctx && i(d.ctx[c], d.ctx[c] = m) && (!d.skip_bound && d.bound[c] && d.bound[c](m), h && mn(e, c)), g;
-  }) : [], d.update(), h = !0, ie(d.before_update), d.fragment = o ? o(d.ctx) : !1, t.target) {
+  if (c.ctx = n ? n(e, t.props || {}, (u, m, ...d) => {
+    const g = d.length ? d[0] : m;
+    return c.ctx && i(c.ctx[u], c.ctx[u] = g) && (!c.skip_bound && c.bound[u] && c.bound[u](g), h && dn(e, u)), m;
+  }) : [], c.update(), h = !0, ie(c.before_update), c.fragment = o ? o(c.ctx) : !1, t.target) {
     if (t.hydrate) {
-      const c = cn(t.target);
-      d.fragment && d.fragment.l(c), c.forEach(k);
+      const u = rn(t.target);
+      c.fragment && c.fragment.l(u), u.forEach(k);
     } else
-      d.fragment && d.fragment.c();
-    t.intro && D(e.$$.fragment), le(e, t.target, t.anchor, t.customElement), Jt();
+      c.fragment && c.fragment.c();
+    t.intro && C(e.$$.fragment), le(e, t.target, t.anchor, t.customElement), zt();
   }
-  Be(l);
+  ke(l);
 }
 class te {
   $destroy() {
-    ae(this, 1), this.$destroy = z;
+    ae(this, 1), this.$destroy = F;
   }
   $on(t, n) {
     if (!j(n))
-      return z;
+      return F;
     const o = this.$$.callbacks[t] || (this.$$.callbacks[t] = []);
     return o.push(n), () => {
       const i = o.indexOf(n);
@@ -285,24 +285,24 @@ class te {
     };
   }
   $set(t) {
-    this.$$set && !on(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
+    this.$$set && !en(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
   }
 }
-var H = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(H || {});
-const at = {}, ct = (e, t) => at[e] = t, st = (e) => at[e.type].area(e), pn = (e, t, n) => at[e.type].intersects(e, t, n), Fe = (e) => {
+var z = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(z || {});
+const rt = {}, lt = (e, t) => rt[e] = t, ot = (e) => rt[e.type].area(e), hn = (e, t, n) => rt[e.type].intersects(e, t, n), Fe = (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 };
-}, yn = {
+}, mn = {
   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), h = t - o, c = n - i, g = l * h + d * c, u = d * h - l * c;
-    return g * g / (s * s) + u * u / (r * r) <= 1;
+    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, a = 0, l = Math.cos(a), c = Math.sin(a), h = t - o, u = n - i, m = l * h + c * u, d = c * h - l * u;
+    return m * m / (s * s) + d * d / (r * r) <= 1;
   }
 };
-ct(H.ELLIPSE, yn);
-const _n = {
+lt(z.ELLIPSE, mn);
+const gn = {
   area: (e) => {
     const { points: t } = e.geometry;
     let n = 0, o = t.length - 1;
@@ -314,81 +314,81 @@ const _n = {
     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], h = o[r][1];
-      l > n != h > n && t < (d - a) * (n - l) / (h - l) + a && (i = !i);
+      const a = o[s][0], l = o[s][1], c = o[r][0], h = o[r][1];
+      l > n != h > n && t < (c - a) * (n - l) / (h - l) + a && (i = !i);
     }
     return i;
   }
 };
-ct(H.POLYGON, _n);
-const wn = {
+lt(z.POLYGON, gn);
+const pn = {
   area: (e) => e.geometry.w * e.geometry.h,
   intersects: (e, t, n) => t >= e.geometry.x && t <= e.geometry.x + e.geometry.w && n >= e.geometry.y && n <= e.geometry.y + e.geometry.h
 };
-ct(H.RECTANGLE, wn);
-const bn = (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, h, c] = i;
+lt(z.RECTANGLE, pn);
+const yn = (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, c, h, u] = i;
   if (r !== "xywh")
     throw new Error("Unsupported MediaFragment: " + n);
   if (a && a !== "pixel")
     throw new Error(`Unsupported MediaFragment unit: ${a}`);
-  const [g, u, m, w] = [l, d, h, c].map(parseFloat);
+  const [m, d, g, _] = [l, c, h, u].map(parseFloat);
   return {
-    type: H.RECTANGLE,
+    type: z.RECTANGLE,
     geometry: {
-      x: g,
-      y: u,
-      w: m,
-      h: w,
+      x: m,
+      y: d,
+      w: g,
+      h: _,
       bounds: {
-        minX: g,
-        minY: t ? u - w : u,
-        maxX: g + m,
-        maxY: t ? u : u + w
+        minX: m,
+        minY: t ? d - _ : d,
+        maxX: m + g,
+        maxY: t ? d : d + _
       }
     }
   };
-}, En = (e) => {
+}, _n = (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}`
   };
-}, Kt = "http://www.w3.org/2000/svg", _t = (e) => {
+}, jt = "http://www.w3.org/2000/svg", gt = (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;
-}, An = (e) => {
-  const o = new XMLSerializer().serializeToString(e.documentElement).replace("<svg>", `<svg xmlns="${Kt}">`);
+}, wn = (e) => {
+  const o = new XMLSerializer().serializeToString(e.documentElement).replace("<svg>", `<svg xmlns="${jt}">`);
   return new DOMParser().parseFromString(o, "image/svg+xml").documentElement;
-}, Tn = (e) => {
-  const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix(Kt), i = n.lookupNamespaceURI(null);
-  return o || i ? _t(n).firstChild : _t(An(n)).firstChild;
-}, Sn = (e) => {
+}, bn = (e) => {
+  const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix(jt), i = n.lookupNamespaceURI(null);
+  return o || i ? gt(n).firstChild : gt(wn(n)).firstChild;
+}, En = (e) => {
   const [t, n, o] = e.match(/(<polygon points=["|'])([^("|')]*)/) || [];
   if (!o)
     return;
   const i = o.split(" ").map((s) => s.split(",").map(parseFloat));
   return {
-    type: H.POLYGON,
+    type: z.POLYGON,
     geometry: {
       points: i,
       bounds: Fe(i)
     }
   };
-}, Mn = (e) => {
-  const t = Tn(e), n = parseFloat(t.getAttribute("cx")), o = parseFloat(t.getAttribute("cy")), i = parseFloat(t.getAttribute("rx")), s = parseFloat(t.getAttribute("ry")), r = {
+}, An = (e) => {
+  const t = bn(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: H.ELLIPSE,
+    type: z.ELLIPSE,
     geometry: {
       cx: n,
       cy: o,
@@ -397,18 +397,18 @@ const bn = (e, t = !1) => {
       bounds: r
     }
   };
-}, vn = (e) => {
+}, Tn = (e) => {
   const t = typeof e == "string" ? e : e.value;
   if (t.includes("<polygon points="))
-    return Sn(t);
+    return En(t);
   if (t.includes("<ellipse "))
-    return Mn(t);
-}, On = (e) => {
+    return An(t);
+}, Sn = (e) => {
   let t;
-  if (e.type === H.POLYGON) {
+  if (e.type === z.POLYGON) {
     const n = e.geometry, { points: o } = n;
     t = `<svg><polygon points="${o.map((i) => i.join(",")).join(" ")}" /></svg>`;
-  } else if (e.type === H.ELLIPSE) {
+  } else if (e.type === z.ELLIPSE) {
     const n = e.geometry;
     t = `<svg><ellipse cx="${n.cx}" cy="${n.cy}" rx="${n.rx}" ry="${n.ry}" /></svg>`;
   }
@@ -416,37 +416,37 @@ const bn = (e, t = !1) => {
     return { type: "SvgSelector", value: t };
   throw `Unsupported shape type: ${e.type}`;
 };
-let Xe;
-const Ln = new Uint8Array(16);
-function kn() {
-  if (!Xe && (Xe = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Xe))
+let Ce;
+const Mn = new Uint8Array(16);
+function vn() {
+  if (!Ce && (Ce = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Ce))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Xe(Ln);
+  return Ce(Mn);
 }
 const q = [];
 for (let e = 0; e < 256; ++e)
   q.push((e + 256).toString(16).slice(1));
-function Bn(e, t = 0) {
+function Ln(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]];
 }
-const In = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), wt = {
-  randomUUID: In
+const On = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), pt = {
+  randomUUID: On
 };
-function dt(e, t, n) {
-  if (wt.randomUUID && !t && !e)
-    return wt.randomUUID();
+function qt(e, t, n) {
+  if (pt.randomUUID && !t && !e)
+    return pt.randomUUID();
   e = e || {};
-  const o = e.random || (e.rng || kn)();
+  const o = e.random || (e.rng || vn)();
   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 Bn(o);
+  return Ln(o);
 }
-var bt = Object.prototype.hasOwnProperty;
-function fe(e, t) {
+var yt = Object.prototype.hasOwnProperty;
+function de(e, t) {
   var n, o;
   if (e === t)
     return !0;
@@ -457,37 +457,37 @@ function fe(e, t) {
       return e.toString() === t.toString();
     if (n === Array) {
       if ((o = e.length) === t.length)
-        for (; o-- && fe(e[o], t[o]); )
+        for (; o-- && de(e[o], t[o]); )
           ;
       return o === -1;
     }
     if (!n || typeof e == "object") {
       o = 0;
       for (n in e)
-        if (bt.call(e, n) && ++o && !bt.call(t, n) || !(n in t) || !fe(e[n], t[n]))
+        if (yt.call(e, n) && ++o && !yt.call(t, n) || !(n in t) || !de(e[n], t[n]))
           return !1;
       return Object.keys(t).length === o;
     }
   }
   return e !== e && t !== t;
 }
-function Ze() {
+function We() {
 }
-function Cn(e, t) {
+function kn(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
 const ye = [];
-function ut(e, t = Ze) {
+function at(e, t = We) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(a) {
-    if (Cn(e, a) && (e = a, n)) {
+    if (kn(e, a) && (e = a, n)) {
       const l = !ye.length;
-      for (const d of o)
-        d[1](), ye.push(d, e);
+      for (const c of o)
+        c[1](), ye.push(c, e);
       if (l) {
-        for (let d = 0; d < ye.length; d += 2)
-          ye[d][0](ye[d + 1]);
+        for (let c = 0; c < ye.length; c += 2)
+          ye[c][0](ye[c + 1]);
         ye.length = 0;
       }
     }
@@ -495,16 +495,16 @@ function ut(e, t = Ze) {
   function s(a) {
     i(a(e));
   }
-  function r(a, l = Ze) {
-    const d = [a, l];
-    return o.add(d), o.size === 1 && (n = t(i) || Ze), a(e), () => {
-      o.delete(d), o.size === 0 && n && (n(), n = null);
+  function r(a, l = We) {
+    const c = [a, l];
+    return o.add(c), o.size === 1 && (n = t(i) || We), a(e), () => {
+      o.delete(c), o.size === 0 && n && (n(), n = null);
     };
   }
   return { set: i, update: s, subscribe: r };
 }
-const Pn = (e) => {
-  const { subscribe: t, set: n } = ut(null);
+const In = (e) => {
+  const { subscribe: t, set: n } = at(null);
   let o = null;
   return t((i) => o = i), e.observe(({ changes: i }) => {
     if (o) {
@@ -520,36 +520,36 @@ const Pn = (e) => {
     set: n
   };
 };
-var Zt = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(Zt || {});
-const Qe = { selected: [] }, Rn = (e, t = "EDIT") => {
-  const { subscribe: n, set: o } = ut(Qe);
-  let i = Qe;
-  n((c) => i = c);
-  const s = () => o(Qe), r = () => {
-    var c;
-    return ((c = i.selected) == null ? void 0 : c.length) === 0;
-  }, a = (c) => {
+var Kt = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(Kt || {});
+const Je = { selected: [] }, Bn = (e, t = "EDIT") => {
+  const { subscribe: n, set: o } = at(Je);
+  let i = Je;
+  n((u) => i = u);
+  const s = () => o(Je), r = () => {
+    var u;
+    return ((u = i.selected) == null ? void 0 : u.length) === 0;
+  }, a = (u) => {
     if (i.selected.length === 0)
       return !1;
-    const g = typeof c == "string" ? c : c.id;
-    return i.selected.some((u) => u.id === g);
-  }, l = (c, g) => {
-    const u = e.getAnnotation(c);
-    if (u) {
-      const m = Yn(u, t);
-      o(m === "EDIT" ? { selected: [{ id: c, editable: !0 }], pointerEvent: g } : m === "SELECT" ? { selected: [{ id: c }], pointerEvent: g } : { selected: [], pointerEvent: g });
+    const m = typeof u == "string" ? u : u.id;
+    return i.selected.some((d) => d.id === m);
+  }, l = (u, m) => {
+    const d = e.getAnnotation(u);
+    if (d) {
+      const g = Pn(d, t);
+      o(g === "EDIT" ? { selected: [{ id: u, editable: !0 }], pointerEvent: m } : g === "SELECT" ? { selected: [{ id: u }], pointerEvent: m } : { selected: [], pointerEvent: m });
     } else
-      console.warn("Invalid selection: " + c);
-  }, d = (c, g = !0) => {
-    const u = Array.isArray(c) ? c : [c], m = u.map((w) => e.getAnnotation(w)).filter((w) => w);
-    o({ selected: m.map(({ id: w }) => ({ id: w, editable: g })) }), m.length !== u.length && console.warn("Invalid selection", c);
-  }, h = (c) => {
+      console.warn("Invalid selection: " + u);
+  }, c = (u, m = !0) => {
+    const d = Array.isArray(u) ? u : [u], g = d.map((_) => e.getAnnotation(_)).filter((_) => _);
+    o({ selected: g.map(({ id: _ }) => ({ id: _, editable: m })) }), g.length !== d.length && console.warn("Invalid selection", u);
+  }, h = (u) => {
     if (i.selected.length === 0)
       return !1;
-    const { selected: g } = i;
-    g.filter(({ id: u }) => c.includes(u)).length > 0 && o({ selected: g.filter(({ id: u }) => !c.includes(u)) });
+    const { selected: m } = i;
+    m.filter(({ id: d }) => u.includes(d)).length > 0 && o({ selected: m.filter(({ id: d }) => !u.includes(d)) });
   };
-  return e.observe(({ changes: c }) => h(c.deleted.map((g) => g.id))), {
+  return e.observe(({ changes: u }) => h(u.deleted.map((m) => m.id))), {
     clear: s,
     clickSelect: l,
     get selected() {
@@ -560,35 +560,35 @@ const Qe = { selected: [] }, Rn = (e, t = "EDIT") => {
     },
     isEmpty: r,
     isSelected: a,
-    setSelected: d,
+    setSelected: c,
     subscribe: n
   };
-}, Yn = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", Un = [];
+}, Pn = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", Yn = [];
 for (let e = 0; e < 256; ++e)
-  Un.push((e + 256).toString(16).slice(1));
+  Yn.push((e + 256).toString(16).slice(1));
 typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Dn = (e, t) => {
+const Xn = (e, t) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
-}, Xn = (e, t) => {
+}, Dn = (e, t) => {
   const n = new Set(t.bodies.map((o) => o.id));
   return e.bodies.filter((o) => !n.has(o.id));
-}, Nn = (e, t) => t.bodies.map((n) => {
+}, Rn = (e, t) => t.bodies.map((n) => {
   const o = e.bodies.find((i) => i.id === n.id);
-  return { newBody: n, oldBody: o && !fe(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n), Gn = (e, t) => !fe(e.target, t.target), Qt = (e, t) => {
-  const n = Dn(e, t), o = Xn(e, t), i = Nn(e, t);
+  return { newBody: n, oldBody: o && !de(o, n) ? o : void 0 };
+}).filter(({ oldBody: n }) => n), Cn = (e, t) => !de(e.target, t.target), Wt = (e, t) => {
+  const n = Xn(e, t), o = Dn(e, t), i = Rn(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: Gn(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
+    targetUpdated: Cn(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
-var G = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(G || {});
-const Vn = (e, t) => {
+var V = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(V || {});
+const Un = (e, t) => {
   var n, o;
   const { changes: i, origin: s } = t;
   if (!(!e.options.origin || e.options.origin === s))
@@ -596,8 +596,8 @@ const Vn = (e, t) => {
   if (e.options.ignore) {
     const { ignore: r } = e.options, a = (l) => (l == null ? void 0 : l.length) > 0;
     if (!(a(i.created) || a(i.deleted))) {
-      const l = (n = i.updated) == null ? void 0 : n.some((h) => a(h.bodiesCreated) || a(h.bodiesDeleted) || a(h.bodiesUpdated)), d = (o = i.updated) == null ? void 0 : o.some((h) => h.targetUpdated);
-      if (r === "BODY_ONLY" && l && !d || r === "TARGET_ONLY" && d && !l)
+      const l = (n = i.updated) == null ? void 0 : n.some((h) => a(h.bodiesCreated) || a(h.bodiesDeleted) || a(h.bodiesUpdated)), c = (o = i.updated) == null ? void 0 : o.some((h) => h.targetUpdated);
+      if (r === "BODY_ONLY" && l && !c || r === "TARGET_ONLY" && c && !l)
         return !1;
     }
   }
@@ -610,218 +610,218 @@ const Vn = (e, t) => {
     return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((a) => r.has(a));
   } else
     return !0;
-}, zn = (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: g }) => g.id === c.id).newValue : c),
+}, Nn = (e, t) => {
+  const n = new Set((e.created || []).map((u) => u.id)), o = new Set((e.updated || []).map(({ newValue: u }) => u.id)), i = new Set((t.created || []).map((u) => u.id)), s = new Set((t.deleted || []).map((u) => u.id)), r = new Set((t.updated || []).map(({ oldValue: u }) => u.id)), a = new Set((t.updated || []).filter(({ oldValue: u }) => n.has(u.id) || o.has(u.id)).map(({ oldValue: u }) => u.id)), l = [
+    ...(e.created || []).filter((u) => !s.has(u.id)).map((u) => r.has(u.id) ? t.updated.find(({ oldValue: m }) => m.id === u.id).newValue : u),
     ...t.created || []
-  ], d = [
-    ...(e.deleted || []).filter((c) => !i.has(c.id)),
-    ...(t.deleted || []).filter((c) => !n.has(c.id))
+  ], c = [
+    ...(e.deleted || []).filter((u) => !i.has(u.id)),
+    ...(t.deleted || []).filter((u) => !n.has(u.id))
   ], h = [
-    ...(e.updated || []).filter(({ newValue: c }) => !s.has(c.id)).map((c) => {
-      const { oldValue: g, newValue: u } = c;
-      if (r.has(u.id)) {
-        const m = t.updated.find((w) => w.oldValue.id === u.id).newValue;
-        return Qt(g, m);
+    ...(e.updated || []).filter(({ newValue: u }) => !s.has(u.id)).map((u) => {
+      const { oldValue: m, newValue: d } = u;
+      if (r.has(d.id)) {
+        const g = t.updated.find((_) => _.oldValue.id === d.id).newValue;
+        return Wt(m, g);
       } else
-        return c;
+        return u;
     }),
-    ...(t.updated || []).filter(({ oldValue: c }) => !a.has(c.id))
+    ...(t.updated || []).filter(({ oldValue: u }) => !a.has(u.id))
   ];
-  return { created: l, deleted: d, updated: h };
-}, Fn = (e) => e.id !== void 0, Hn = () => {
-  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (y, T = {}) => n.push({ onChange: y, options: T }), i = (y) => {
-    const T = n.findIndex((E) => E.onChange == y);
-    T > -1 && n.splice(T, 1);
-  }, s = (y, T) => {
-    const E = {
-      origin: y,
+  return { created: l, deleted: c, updated: h };
+}, Vn = (e) => e.id !== void 0, Gn = () => {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (p, E = {}) => n.push({ onChange: p, options: E }), i = (p) => {
+    const E = n.findIndex((b) => b.onChange == p);
+    E > -1 && n.splice(E, 1);
+  }, s = (p, E) => {
+    const b = {
+      origin: p,
       changes: {
-        created: T.created || [],
-        updated: T.updated || [],
-        deleted: T.deleted || []
+        created: E.created || [],
+        updated: E.updated || [],
+        deleted: E.deleted || []
       },
       state: [...e.values()]
     };
     n.forEach((v) => {
-      Vn(v, E) && v.onChange(E);
+      Un(v, b) && v.onChange(b);
     });
-  }, r = (y, T = G.LOCAL) => {
-    if (e.get(y.id))
-      throw Error(`Cannot add annotation ${y.id} - exists already`);
-    e.set(y.id, y), y.bodies.forEach((E) => t.set(E.id, y.id)), s(T, { created: [y] });
-  }, a = (y, T) => {
-    const E = typeof y == "string" ? T : y, v = typeof y == "string" ? y : y.id, I = e.get(v);
-    if (I) {
-      const Y = Qt(I, E);
-      return v === E.id ? e.set(v, E) : (e.delete(v), e.set(E.id, E)), I.bodies.forEach((Z) => t.delete(Z.id)), E.bodies.forEach((Z) => t.set(Z.id, E.id)), Y;
+  }, r = (p, E = V.LOCAL) => {
+    if (e.get(p.id))
+      throw Error(`Cannot add annotation ${p.id} - exists already`);
+    e.set(p.id, p), p.bodies.forEach((b) => t.set(b.id, p.id)), s(E, { created: [p] });
+  }, a = (p, E) => {
+    const b = typeof p == "string" ? E : p, v = typeof p == "string" ? p : p.id, B = e.get(v);
+    if (B) {
+      const D = Wt(B, b);
+      return v === b.id ? e.set(v, b) : (e.delete(v), e.set(b.id, b)), B.bodies.forEach((Z) => t.delete(Z.id)), b.bodies.forEach((Z) => t.set(Z.id, b.id)), D;
     } else
       console.warn(`Cannot update annotation ${v} - does not exist`);
-  }, l = (y, T = G.LOCAL, E = G.LOCAL) => {
-    const v = Fn(T) ? E : T, I = a(y, T);
-    I && s(v, { updated: [I] });
-  }, d = (y, T = G.LOCAL) => {
-    const E = y.reduce((v, I) => {
-      const Y = a(I);
-      return Y ? [...v, Y] : v;
+  }, l = (p, E = V.LOCAL, b = V.LOCAL) => {
+    const v = Vn(E) ? b : E, B = a(p, E);
+    B && s(v, { updated: [B] });
+  }, c = (p, E = V.LOCAL) => {
+    const b = p.reduce((v, B) => {
+      const D = a(B);
+      return D ? [...v, D] : v;
     }, []);
-    E.length > 0 && s(T, { updated: E });
-  }, h = (y, T = G.LOCAL) => {
-    const E = e.get(y.annotation);
-    if (E) {
+    b.length > 0 && s(E, { updated: b });
+  }, h = (p, E = V.LOCAL) => {
+    const b = e.get(p.annotation);
+    if (b) {
       const v = {
-        ...E,
-        bodies: [...E.bodies, y]
+        ...b,
+        bodies: [...b.bodies, p]
       };
-      e.set(E.id, v), t.set(y.id, v.id), s(T, { updated: [{
-        oldValue: E,
+      e.set(b.id, v), t.set(p.id, v.id), s(E, { updated: [{
+        oldValue: b,
         newValue: v,
-        bodiesCreated: [y]
+        bodiesCreated: [p]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${y.annotation}`);
-  }, c = () => [...e.values()], g = (y = G.LOCAL) => {
-    const T = [...e.values()];
-    e.clear(), t.clear(), s(y, { deleted: T });
-  }, u = (y, T = !0, E = G.LOCAL) => {
-    if (T) {
+      console.warn(`Attempt to add body to missing annotation: ${p.annotation}`);
+  }, u = () => [...e.values()], m = (p = V.LOCAL) => {
+    const E = [...e.values()];
+    e.clear(), t.clear(), s(p, { deleted: E });
+  }, d = (p, E = !0, b = V.LOCAL) => {
+    if (E) {
       const v = [...e.values()];
-      e.clear(), t.clear(), y.forEach((I) => {
-        e.set(I.id, I), I.bodies.forEach((Y) => t.set(Y.id, I.id));
-      }), s(E, { created: y, deleted: v });
+      e.clear(), t.clear(), p.forEach((B) => {
+        e.set(B.id, B), B.bodies.forEach((D) => t.set(D.id, B.id));
+      }), s(b, { created: p, deleted: v });
     } else {
-      const v = y.reduce((I, Y) => {
-        const Z = e.get(Y.id);
-        return Z ? [...I, Z] : I;
+      const v = p.reduce((B, D) => {
+        const Z = e.get(D.id);
+        return Z ? [...B, Z] : B;
       }, []);
       if (v.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${v.map((I) => I.id).join(", ")}`);
-      y.forEach((I) => {
-        e.set(I.id, I), I.bodies.forEach((Y) => t.set(Y.id, I.id));
-      }), s(E, { created: y });
-    }
-  }, m = (y) => {
-    const T = typeof y == "string" ? y : y.id, E = e.get(T);
-    if (E)
-      return e.delete(T), E.bodies.forEach((v) => t.delete(v.id)), E;
-    console.warn(`Attempt to delete missing annotation: ${T}`);
-  }, w = (y, T = G.LOCAL) => {
-    const E = m(y);
-    E && s(T, { deleted: [E] });
-  }, b = (y, T = G.LOCAL) => {
-    const E = y.reduce((v, I) => {
-      const Y = m(I);
-      return Y ? [...v, Y] : v;
+        throw Error(`Bulk insert would overwrite the following annotations: ${v.map((B) => B.id).join(", ")}`);
+      p.forEach((B) => {
+        e.set(B.id, B), B.bodies.forEach((D) => t.set(D.id, B.id));
+      }), s(b, { created: p });
+    }
+  }, g = (p) => {
+    const E = typeof p == "string" ? p : p.id, b = e.get(E);
+    if (b)
+      return e.delete(E), b.bodies.forEach((v) => t.delete(v.id)), b;
+    console.warn(`Attempt to delete missing annotation: ${E}`);
+  }, _ = (p, E = V.LOCAL) => {
+    const b = g(p);
+    b && s(E, { deleted: [b] });
+  }, A = (p, E = V.LOCAL) => {
+    const b = p.reduce((v, B) => {
+      const D = g(B);
+      return D ? [...v, D] : v;
     }, []);
-    E.length > 0 && s(T, { deleted: E });
-  }, _ = (y, T = G.LOCAL) => {
-    const E = e.get(y.annotation);
-    if (E) {
-      const v = E.bodies.find((I) => I.id === y.id);
+    b.length > 0 && s(E, { deleted: b });
+  }, w = (p, E = V.LOCAL) => {
+    const b = e.get(p.annotation);
+    if (b) {
+      const v = b.bodies.find((B) => B.id === p.id);
       if (v) {
         t.delete(v.id);
-        const I = {
-          ...E,
-          bodies: E.bodies.filter((Y) => Y.id !== y.id)
+        const B = {
+          ...b,
+          bodies: b.bodies.filter((D) => D.id !== p.id)
         };
-        e.set(E.id, I), s(T, { updated: [{
-          oldValue: E,
-          newValue: I,
+        e.set(b.id, B), s(E, { updated: [{
+          oldValue: b,
+          newValue: B,
           bodiesDeleted: [v]
         }] });
       } else
-        console.warn(`Attempt to delete missing body ${y.id} from annotation ${y.annotation}`);
+        console.warn(`Attempt to delete missing body ${p.id} from annotation ${p.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${y.annotation}`);
-  }, p = (y) => {
-    const T = e.get(y);
-    return T ? { ...T } : void 0;
-  }, A = (y) => {
-    const T = t.get(y);
-    if (T) {
-      const E = p(T).bodies.find((v) => v.id === y);
-      if (E)
-        return E;
-      console.error(`Store integrity error: body ${y} in index, but not in annotation`);
+      console.warn(`Attempt to delete body from missing annotation ${p.annotation}`);
+  }, y = (p) => {
+    const E = e.get(p);
+    return E ? { ...E } : void 0;
+  }, T = (p) => {
+    const E = t.get(p);
+    if (E) {
+      const b = y(E).bodies.find((v) => v.id === p);
+      if (b)
+        return b;
+      console.error(`Store integrity error: body ${p} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${y}`);
-  }, S = (y, T) => {
-    if (y.annotation !== T.annotation)
+      console.warn(`Attempt to retrieve missing body: ${p}`);
+  }, S = (p, E) => {
+    if (p.annotation !== E.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const E = e.get(y.annotation);
-    if (E) {
-      const v = E.bodies.find((Y) => Y.id === y.id), I = {
-        ...E,
-        bodies: E.bodies.map((Y) => Y.id === v.id ? T : Y)
+    const b = e.get(p.annotation);
+    if (b) {
+      const v = b.bodies.find((D) => D.id === p.id), B = {
+        ...b,
+        bodies: b.bodies.map((D) => D.id === v.id ? E : D)
       };
-      return e.set(E.id, I), v.id !== T.id && (t.delete(v.id), t.set(T.id, I.id)), {
-        oldValue: E,
-        newValue: I,
-        bodiesUpdated: [{ oldBody: v, newBody: T }]
+      return e.set(b.id, B), v.id !== E.id && (t.delete(v.id), t.set(E.id, B.id)), {
+        oldValue: b,
+        newValue: B,
+        bodiesUpdated: [{ oldBody: v, newBody: E }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${y.annotation}`);
-  }, C = (y, T, E = G.LOCAL) => {
-    const v = S(y, T);
-    s(E, { updated: [v] });
-  }, R = (y, T = G.LOCAL) => {
-    const E = y.map((v) => S({ id: v.id, annotation: v.annotation }, v));
-    s(T, { updated: E });
-  }, X = (y) => {
-    const T = e.get(y.annotation);
-    if (T) {
-      const E = {
-        ...T,
+      console.warn(`Attempt to add body to missing annotation ${p.annotation}`);
+  }, P = (p, E, b = V.LOCAL) => {
+    const v = S(p, E);
+    s(b, { updated: [v] });
+  }, X = (p, E = V.LOCAL) => {
+    const b = p.map((v) => S({ id: v.id, annotation: v.annotation }, v));
+    s(E, { updated: b });
+  }, U = (p) => {
+    const E = e.get(p.annotation);
+    if (E) {
+      const b = {
+        ...E,
         target: {
-          ...T.target,
-          ...y
+          ...E.target,
+          ...p
         }
       };
-      return e.set(T.id, E), {
-        oldValue: T,
-        newValue: E,
+      return e.set(E.id, b), {
+        oldValue: E,
+        newValue: b,
         targetUpdated: {
-          oldTarget: T.target,
-          newTarget: y
+          oldTarget: E.target,
+          newTarget: p
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${y.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${p.annotation}`);
   };
   return {
     addAnnotation: r,
     addBody: h,
-    all: c,
-    bulkAddAnnotation: u,
-    bulkDeleteAnnotation: b,
-    bulkUpdateAnnotation: d,
-    bulkUpdateBodies: R,
-    bulkUpdateTargets: (y, T = G.LOCAL) => {
-      const E = y.map(X).filter((v) => v);
-      E.length > 0 && s(T, { updated: E });
-    },
-    clear: g,
-    deleteAnnotation: w,
-    deleteBody: _,
-    getAnnotation: p,
-    getBody: A,
+    all: u,
+    bulkAddAnnotation: d,
+    bulkDeleteAnnotation: A,
+    bulkUpdateAnnotation: c,
+    bulkUpdateBodies: X,
+    bulkUpdateTargets: (p, E = V.LOCAL) => {
+      const b = p.map(U).filter((v) => v);
+      b.length > 0 && s(E, { updated: b });
+    },
+    clear: m,
+    deleteAnnotation: _,
+    deleteBody: w,
+    getAnnotation: y,
+    getBody: T,
     observe: o,
     unobserve: i,
     updateAnnotation: l,
-    updateBody: C,
-    updateTarget: (y, T = G.LOCAL) => {
-      const E = X(y);
-      E && s(T, { updated: [E] });
+    updateBody: P,
+    updateTarget: (p, E = V.LOCAL) => {
+      const b = U(p);
+      b && s(E, { updated: [b] });
     }
   };
-}, jn = (e) => ({
+}, Fn = (e) => ({
   ...e,
   subscribe: (t) => {
     const n = (o) => t(o.state);
     return e.observe(n), t(e.all()), () => e.unobserve(n);
   }
 });
-let qn = () => ({
+let Hn = () => ({
   emit(e, ...t) {
     let n = this.events[e] || [];
     for (let o = 0, i = n.length; o < i; o++)
@@ -836,123 +836,123 @@ let qn = () => ({
     };
   }
 });
-const Wn = 250, Jn = (e) => {
-  const t = qn(), n = [];
+const zn = 250, jn = (e) => {
+  const t = Hn(), n = [];
   let o = -1, i = !1, s = 0;
-  const r = (u) => {
+  const r = (d) => {
     if (!i) {
-      const { changes: m } = u, w = performance.now();
-      if (w - s > Wn)
-        n.splice(o + 1), n.push(m), o = n.length - 1;
+      const { changes: g } = d, _ = performance.now();
+      if (_ - s > zn)
+        n.splice(o + 1), n.push(g), o = n.length - 1;
       else {
-        const b = n.length - 1;
-        n[b] = zn(n[b], m);
+        const A = n.length - 1;
+        n[A] = Nn(n[A], g);
       }
-      s = w;
+      s = _;
     }
     i = !1;
   };
-  e.observe(r, { origin: G.LOCAL });
-  const a = (u) => (u == null ? void 0 : u.length) > 0 && e.bulkDeleteAnnotation(u), l = (u) => (u == null ? void 0 : u.length) > 0 && e.bulkAddAnnotation(u, !1), d = (u) => (u == null ? void 0 : u.length) > 0 && e.bulkUpdateAnnotation(u.map(({ oldValue: m }) => m)), h = (u) => (u == null ? void 0 : u.length) > 0 && e.bulkUpdateAnnotation(u.map(({ newValue: m }) => m)), c = (u) => (u == null ? void 0 : u.length) > 0 && e.bulkAddAnnotation(u, !1), g = (u) => (u == null ? void 0 : u.length) > 0 && e.bulkDeleteAnnotation(u);
+  e.observe(r, { origin: V.LOCAL });
+  const a = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkDeleteAnnotation(d), l = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkAddAnnotation(d, !1), c = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkUpdateAnnotation(d.map(({ oldValue: g }) => g)), h = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkUpdateAnnotation(d.map(({ newValue: g }) => g)), u = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkAddAnnotation(d, !1), m = (d) => (d == null ? void 0 : d.length) > 0 && e.bulkDeleteAnnotation(d);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
     destroy: () => e.unobserve(r),
-    on: (u, m) => t.on(u, m),
+    on: (d, g) => t.on(d, g),
     redo: () => {
       if (n.length - 1 > o) {
         i = !0;
-        const { created: u, updated: m, deleted: w } = n[o + 1];
-        l(u), h(m), g(w), t.emit("redo", n[o + 1]), o += 1;
+        const { created: d, updated: g, deleted: _ } = n[o + 1];
+        l(d), h(g), m(_), t.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         i = !0;
-        const { created: u, updated: m, deleted: w } = n[o];
-        a(u), d(m), c(w), t.emit("undo", n[o]), o -= 1;
+        const { created: d, updated: g, deleted: _ } = n[o];
+        a(d), c(g), u(_), t.emit("undo", n[o]), o -= 1;
       }
     }
   };
-}, Kn = () => {
-  const { subscribe: e, set: t } = ut([]);
+}, qn = () => {
+  const { subscribe: e, set: t } = at([]);
   return {
     subscribe: e,
     set: t
   };
-}, Zn = (e, t, n, o) => {
+}, Kn = (e, t, n, o) => {
   const { store: i, selection: s, hover: r, viewport: a } = e, l = /* @__PURE__ */ new Map();
-  let d = [], h, c;
-  const g = (_, p) => {
-    l.has(_) ? l.get(_).push(p) : l.set(_, [p]);
-  }, u = (_, p) => {
-    const A = l.get(_);
-    A && A.indexOf(p) > 0 && A.splice(A.indexOf(p), 1);
-  }, m = (_, p, A) => {
-    l.has(_) && setTimeout(() => {
-      l.get(_).forEach((S) => {
+  let c = [], h, u;
+  const m = (w, y) => {
+    l.has(w) ? l.get(w).push(y) : l.set(w, [y]);
+  }, d = (w, y) => {
+    const T = l.get(w);
+    T && T.indexOf(y) > 0 && T.splice(T.indexOf(y), 1);
+  }, g = (w, y, T) => {
+    l.has(w) && setTimeout(() => {
+      l.get(w).forEach((S) => {
         if (n) {
-          const C = Array.isArray(p) ? p.map((X) => n.serialize(X)) : n.serialize(p), R = A ? A instanceof PointerEvent ? A : n.serialize(A) : void 0;
-          S(C, R);
+          const P = Array.isArray(y) ? y.map((U) => n.serialize(U)) : n.serialize(y), X = T ? T instanceof PointerEvent ? T : n.serialize(T) : void 0;
+          S(P, X);
         } else
-          S(p, A);
+          S(y, T);
       });
     }, 1);
-  }, w = () => {
-    const { selected: _ } = s, p = _.map(({ id: A }) => i.getAnnotation(A));
-    p.forEach((A) => {
-      const S = d.find((C) => C.id === A.id);
-      (!S || !fe(S, A)) && m("updateAnnotation", A, S);
-    }), d = d.map((A) => p.find(({ id: C }) => C === A.id) || A);
-  };
-  s.subscribe(({ selected: _ }) => {
-    if (!(d.length === 0 && _.length === 0)) {
-      if (d.length === 0 && _.length > 0)
-        d = _.map(({ id: p }) => i.getAnnotation(p));
-      else if (d.length > 0 && _.length === 0)
-        d.forEach((p) => {
-          const A = i.getAnnotation(p.id);
-          A && !fe(A, p) && m("updateAnnotation", A, p);
-        }), d = [];
+  }, _ = () => {
+    const { selected: w } = s, y = w.map(({ id: T }) => i.getAnnotation(T));
+    y.forEach((T) => {
+      const S = c.find((P) => P.id === T.id);
+      (!S || !de(S, T)) && g("updateAnnotation", T, S);
+    }), c = c.map((T) => y.find(({ id: P }) => P === T.id) || T);
+  };
+  s.subscribe(({ selected: w }) => {
+    if (!(c.length === 0 && w.length === 0)) {
+      if (c.length === 0 && w.length > 0)
+        c = w.map(({ id: y }) => i.getAnnotation(y));
+      else if (c.length > 0 && w.length === 0)
+        c.forEach((y) => {
+          const T = i.getAnnotation(y.id);
+          T && !de(T, y) && g("updateAnnotation", T, y);
+        }), c = [];
       else {
-        const p = new Set(d.map((S) => S.id)), A = new Set(_.map(({ id: S }) => S));
-        d.filter((S) => !A.has(S.id)).forEach((S) => {
-          const C = i.getAnnotation(S.id);
-          C && !fe(C, S) && m("updateAnnotation", C, S);
-        }), d = [
+        const y = new Set(c.map((S) => S.id)), T = new Set(w.map(({ id: S }) => S));
+        c.filter((S) => !T.has(S.id)).forEach((S) => {
+          const P = i.getAnnotation(S.id);
+          P && !de(P, S) && g("updateAnnotation", P, S);
+        }), c = [
           // Remove annotations that were deselected
-          ...d.filter((S) => A.has(S.id)),
+          ...c.filter((S) => T.has(S.id)),
           // Add editable annotations that were selected
-          ..._.filter(({ id: S }) => !p.has(S)).map(({ id: S }) => i.getAnnotation(S))
+          ...w.filter(({ id: S }) => !y.has(S)).map(({ id: S }) => i.getAnnotation(S))
         ];
       }
-      m("selectionChanged", d);
-    }
-  }), r.subscribe((_) => {
-    !h && _ ? m("mouseEnterAnnotation", i.getAnnotation(_)) : h && !_ ? m("mouseLeaveAnnotation", i.getAnnotation(h)) : h && _ && (m("mouseLeaveAnnotation", i.getAnnotation(h)), m("mouseEnterAnnotation", i.getAnnotation(_))), h = _;
-  }), a == null || a.subscribe((_) => m("viewportIntersect", _.map(i.getAnnotation))), i.observe((_) => {
-    o && (c && clearTimeout(c), c = setTimeout(w, 1e3));
-    const { created: p, deleted: A } = _.changes;
-    p.forEach((S) => m("createAnnotation", S)), A.forEach((S) => m("deleteAnnotation", S)), _.changes.updated.filter((S) => [
+      g("selectionChanged", c);
+    }
+  }), r.subscribe((w) => {
+    !h && w ? g("mouseEnterAnnotation", i.getAnnotation(w)) : h && !w ? g("mouseLeaveAnnotation", i.getAnnotation(h)) : h && w && (g("mouseLeaveAnnotation", i.getAnnotation(h)), g("mouseEnterAnnotation", i.getAnnotation(w))), h = w;
+  }), a == null || a.subscribe((w) => g("viewportIntersect", w.map(i.getAnnotation))), i.observe((w) => {
+    o && (u && clearTimeout(u), u = setTimeout(_, 1e3));
+    const { created: y, deleted: T } = w.changes;
+    y.forEach((S) => g("createAnnotation", S)), T.forEach((S) => g("deleteAnnotation", S)), w.changes.updated.filter((S) => [
       ...S.bodiesCreated || [],
       ...S.bodiesDeleted || [],
       ...S.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: S, newValue: C }) => {
-      const R = d.find((X) => X.id === S.id) || S;
-      d = d.map((X) => X.id === S.id ? C : X), m("updateAnnotation", C, R);
+    ].length > 0).forEach(({ oldValue: S, newValue: P }) => {
+      const X = c.find((U) => U.id === S.id) || S;
+      c = c.map((U) => U.id === S.id ? P : U), g("updateAnnotation", P, X);
     });
-  }, { origin: G.LOCAL }), i.observe((_) => {
-    if (d) {
-      const p = new Set(d.map((S) => S.id)), A = _.changes.updated.filter(({ newValue: S }) => p.has(S.id)).map(({ newValue: S }) => S);
-      A.length > 0 && (d = d.map((S) => A.find((R) => R.id === S.id) || S));
-    }
-  }, { origin: G.REMOTE });
-  const b = (_) => (p) => {
-    const { created: A, deleted: S, updated: C } = p;
-    A.forEach((R) => m("createAnnotation", R)), S.forEach((R) => m("deleteAnnotation", R)), _ ? C.forEach((R) => m("updateAnnotation", R.oldValue, R.newValue)) : C.forEach((R) => m("updateAnnotation", R.newValue, R.oldValue));
-  };
-  return t.on("undo", b(!0)), t.on("redo", b(!1)), { on: g, off: u, emit: m };
-}, Qn = (e) => (t) => t.reduce((n, o) => {
+  }, { origin: V.LOCAL }), i.observe((w) => {
+    if (c) {
+      const y = new Set(c.map((S) => S.id)), T = w.changes.updated.filter(({ newValue: S }) => y.has(S.id)).map(({ newValue: S }) => S);
+      T.length > 0 && (c = c.map((S) => T.find((X) => X.id === S.id) || S));
+    }
+  }, { origin: V.REMOTE });
+  const A = (w) => (y) => {
+    const { created: T, deleted: S, updated: P } = y;
+    T.forEach((X) => g("createAnnotation", X)), S.forEach((X) => g("deleteAnnotation", X)), w ? P.forEach((X) => g("updateAnnotation", X.oldValue, X.newValue)) : P.forEach((X) => g("updateAnnotation", X.newValue, X.oldValue));
+  };
+  return t.on("undo", A(!0)), t.on("redo", A(!1)), { on: m, off: d, emit: g };
+}, Wn = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
     parsed: n.parsed,
@@ -961,43 +961,43 @@ const Wn = 250, Jn = (e) => {
     parsed: [...n.parsed, i],
     failed: n.failed
   };
-}, { parsed: [], failed: [] }), xn = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (b) => {
+}, { parsed: [], failed: [] }), Jn = (e, t, n) => {
+  const { store: o, selection: i } = e, s = (A) => {
     if (n) {
-      const { parsed: _, error: p } = n.parse(b);
-      _ ? o.addAnnotation(_, G.REMOTE) : console.error(p);
+      const { parsed: w, error: y } = n.parse(A);
+      w ? o.addAnnotation(w, V.REMOTE) : console.error(y);
     } else
-      o.addAnnotation(b, G.REMOTE);
-  }, r = () => i.clear(), a = () => o.clear(), l = (b) => {
-    const _ = o.getAnnotation(b);
-    return n && _ ? n.serialize(_) : _;
-  }, d = () => n ? o.all().map(n.serialize) : o.all(), h = () => {
-    var b;
-    const _ = (((b = i.selected) == null ? void 0 : b.map((p) => p.id)) || []).map((p) => o.getAnnotation(p));
-    return n ? _.map(n.serialize) : _;
-  }, c = (b) => fetch(b).then((_) => _.json()).then((_) => (u(_), _)), g = (b) => {
-    if (typeof b == "string") {
-      const _ = o.getAnnotation(b);
-      return o.deleteAnnotation(b), n ? n.serialize(_) : _;
+      o.addAnnotation(A, V.REMOTE);
+  }, r = () => i.clear(), a = () => o.clear(), l = (A) => {
+    const w = o.getAnnotation(A);
+    return n && w ? n.serialize(w) : w;
+  }, c = () => n ? o.all().map(n.serialize) : o.all(), h = () => {
+    var A;
+    const w = (((A = i.selected) == null ? void 0 : A.map((y) => y.id)) || []).map((y) => o.getAnnotation(y));
+    return n ? w.map(n.serialize) : w;
+  }, u = (A) => fetch(A).then((w) => w.json()).then((w) => (d(w), w)), m = (A) => {
+    if (typeof A == "string") {
+      const w = o.getAnnotation(A);
+      return o.deleteAnnotation(A), n ? n.serialize(w) : w;
     } else {
-      const _ = n ? n.parse(b).parsed : b;
-      return o.deleteAnnotation(_), b;
+      const w = n ? n.parse(A).parsed : A;
+      return o.deleteAnnotation(w), A;
     }
-  }, u = (b) => {
+  }, d = (A) => {
     if (n) {
-      const { parsed: _, failed: p } = Qn(n)(b);
-      p.length > 0 && console.warn(`Discarded ${p.length} invalid annotations`, p), o.bulkAddAnnotation(_, !0, G.REMOTE);
+      const { parsed: w, failed: y } = Wn(n)(A);
+      y.length > 0 && console.warn(`Discarded ${y.length} invalid annotations`, y), o.bulkAddAnnotation(w, !0, V.REMOTE);
     } else
-      o.bulkAddAnnotation(b, !0, G.REMOTE);
-  }, m = (b) => {
-    b ? i.setSelected(b) : i.clear();
-  }, w = (b) => {
+      o.bulkAddAnnotation(A, !0, V.REMOTE);
+  }, g = (A) => {
+    A ? i.setSelected(A) : i.clear();
+  }, _ = (A) => {
     if (n) {
-      const _ = n.parse(b).parsed, p = n.serialize(o.getAnnotation(_.id));
-      return o.updateAnnotation(_), p;
+      const w = n.parse(A).parsed, y = n.serialize(o.getAnnotation(w.id));
+      return o.updateAnnotation(w), y;
     } else {
-      const _ = o.getAnnotation(b.id);
-      return o.updateAnnotation(b), _;
+      const w = o.getAnnotation(A.id);
+      return o.updateAnnotation(A), w;
     }
   };
   return {
@@ -1007,18 +1007,18 @@ const Wn = 250, Jn = (e) => {
     canUndo: t.canUndo,
     clearAnnotations: a,
     getAnnotationById: l,
-    getAnnotations: d,
+    getAnnotations: c,
     getSelected: h,
-    loadAnnotations: c,
+    loadAnnotations: u,
     redo: t.redo,
-    removeAnnotation: g,
-    setAnnotations: u,
-    setSelected: m,
+    removeAnnotation: m,
+    setAnnotations: d,
+    setSelected: g,
     undo: t.undo,
-    updateAnnotation: w
+    updateAnnotation: _
   };
 };
-let $n = (e) => crypto.getRandomValues(new Uint8Array(e)), eo = (e, t, n) => {
+let Zn = (e) => crypto.getRandomValues(new Uint8Array(e)), Qn = (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 = "";
@@ -1029,8 +1029,8 @@ let $n = (e) => crypto.getRandomValues(new Uint8Array(e)), eo = (e, t, n) => {
           return r;
     }
   };
-}, to = (e, t = 21) => eo(e, t, $n), no = (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 oo = () => ({ isGuest: !0, id: to("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), io = (e) => {
+}, xn = (e, t = 21) => Qn(e, t, Zn), $n = (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 eo = () => ({ isGuest: !0, id: xn("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), to = (e) => {
   const t = JSON.stringify(e);
   let n = 0;
   for (let o = 0, i = t.length; o < i; o++) {
@@ -1038,26 +1038,26 @@ const oo = () => ({ isGuest: !0, id: to("1234567890abcdefghijklmnopqrstuvwxyzABC
     n = (n << 5) - n + s, n |= 0;
   }
   return `${n}`;
-}, so = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
-  const { id: o, type: i, purpose: s, value: r, created: a, creator: l, ...d } = n;
+}, no = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
+  const { id: o, type: i, purpose: s, value: r, created: a, creator: l, ...c } = n;
   return {
-    id: o || `temp-${io(n)}`,
+    id: o || `temp-${to(n)}`,
     annotation: t,
     type: i,
     purpose: s,
     value: r,
     created: a,
     creator: l ? typeof l == "object" ? { ...l } : l : void 0,
-    ...d
+    ...c
   };
-}), ro = (e) => e.map((t) => {
+}), oo = (e) => e.map((t) => {
   var n;
   const o = { ...t };
   return delete o.annotation, (n = o.id) != null && n.startsWith("temp-") && delete o.id, o;
 });
-no();
-const Di = (e, t = !1) => ({ parse: (i) => lo(i, t), serialize: (i) => ao(i, e) }), lo = (e, t = !1) => {
-  const n = e.id || dt(), { body: o, ...i } = e, s = so(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" ? bn(a, t) : a.type === "SvgSelector" ? vn(a) : void 0;
+$n();
+const _i = (e, t = !1) => ({ parse: (i) => io(i, t), serialize: (i) => so(i, e) }), io = (e, t = !1) => {
+  const n = e.id || qt(), { body: o, ...i } = e, s = no(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" ? yn(a, t) : a.type === "SvgSelector" ? Tn(a) : void 0;
   return l ? {
     parsed: {
       ...i,
@@ -1072,29 +1072,29 @@ const Di = (e, t = !1) => ({ parse: (i) => lo(i, t), serialize: (i) => ao(i, e)
   } : {
     error: Error(`Unknown selector type: ${a.type}`)
   };
-}, ao = (e, t) => {
-  const n = e.target.selector, o = n.type == H.RECTANGLE ? En(n.geometry) : On(n);
+}, so = (e, t) => {
+  const n = e.target.selector, o = n.type == z.RECTANGLE ? _n(n.geometry) : Sn(n);
   return {
     ...e,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
     type: "Annotation",
-    body: ro(e.bodies),
+    body: oo(e.bodies),
     target: {
       source: t,
       selector: o
     }
   };
 };
-function Et(e, t, n) {
+function _t(e, t, n) {
   const o = e.slice();
   return o[11] = t[n], o[13] = n, o;
 }
-function At(e) {
+function wt(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = U("rect"), f(t, "class", "a9s-corner-handle"), f(t, "x", n = /*point*/
+      t = R("rect"), f(t, "class", "a9s-corner-handle"), f(t, "x", n = /*point*/
       e[11][0] - /*handleSize*/
       e[3] / 2), f(t, "y", o = /*point*/
       e[11][1] - /*handleSize*/
@@ -1111,14 +1111,14 @@ function At(e) {
       );
     },
     m(r, a) {
-      B(r, t, a), i || (s = W(t, "pointerdown", function() {
+      I(r, t, a), i || (s = K(t, "pointerdown", function() {
         j(
           /*grab*/
-          e[10](O(
+          e[10](L(
             /*idx*/
             e[13]
           ))
-        ) && e[10](O(
+        ) && e[10](L(
           /*idx*/
           e[13]
         )).apply(this, arguments);
@@ -1150,82 +1150,82 @@ function At(e) {
     }
   };
 }
-function co(e) {
-  let t, n, o, i, s, r, a, l, d, h, c = (
+function ro(e) {
+  let t, n, o, i, s, r, a, l, c, h, u = (
     /*geom*/
     e[4].points
-  ), g = [];
-  for (let u = 0; u < c.length; u += 1)
-    g[u] = At(Et(e, c, u));
+  ), m = [];
+  for (let d = 0; d < u.length; d += 1)
+    m[d] = wt(_t(e, u, d));
   return {
     c() {
-      t = U("polygon"), i = $(), s = U("polygon"), a = $();
-      for (let u = 0; u < g.length; u += 1)
-        g[u].c();
+      t = R("polygon"), i = $(), s = R("polygon"), a = $();
+      for (let d = 0; d < m.length; d += 1)
+        m[d].c();
       l = se(), f(t, "class", "a9s-outer"), f(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), f(t, "points", o = /*geom*/
-      e[4].points.map(Tt).join(" ")), f(s, "class", "a9s-inner a9s-shape-handle"), f(
+      e[4].points.map(bt).join(" ")), f(s, "class", "a9s-inner a9s-shape-handle"), f(
         s,
         "style",
         /*computedStyle*/
         e[1]
       ), f(s, "points", r = /*geom*/
-      e[4].points.map(St).join(" "));
-    },
-    m(u, m) {
-      B(u, t, m), B(u, i, m), B(u, s, m), B(u, a, m);
-      for (let w = 0; w < g.length; w += 1)
-        g[w] && g[w].m(u, m);
-      B(u, l, m), d || (h = [
-        W(t, "pointerdown", function() {
+      e[4].points.map(Et).join(" "));
+    },
+    m(d, g) {
+      I(d, t, g), I(d, i, g), I(d, s, g), I(d, a, g);
+      for (let _ = 0; _ < m.length; _ += 1)
+        m[_] && m[_].m(d, g);
+      I(d, l, g), c || (h = [
+        K(t, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](O.SHAPE)
-          ) && e[10](O.SHAPE).apply(this, arguments);
+            e[10](L.SHAPE)
+          ) && e[10](L.SHAPE).apply(this, arguments);
         }),
-        W(s, "pointerdown", function() {
+        K(s, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](O.SHAPE)
-          ) && e[10](O.SHAPE).apply(this, arguments);
+            e[10](L.SHAPE)
+          ) && e[10](L.SHAPE).apply(this, arguments);
         })
-      ], d = !0);
+      ], c = !0);
     },
-    p(u, m) {
-      if (e = u, m & /*computedStyle*/
+    p(d, g) {
+      if (e = d, g & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0) && f(t, "style", n), m & /*geom*/
+      e[1] ? "display:none;" : void 0) && f(t, "style", n), g & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].points.map(Tt).join(" ")) && f(t, "points", o), m & /*computedStyle*/
+      e[4].points.map(bt).join(" ")) && f(t, "points", o), g & /*computedStyle*/
       2 && f(
         s,
         "style",
         /*computedStyle*/
         e[1]
-      ), m & /*geom*/
+      ), g & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].points.map(St).join(" ")) && f(s, "points", r), m & /*geom, handleSize, grab, Handle*/
+      e[4].points.map(Et).join(" ")) && f(s, "points", r), g & /*geom, handleSize, grab, Handle*/
       1048) {
-        c = /*geom*/
+        u = /*geom*/
         e[4].points;
-        let w;
-        for (w = 0; w < c.length; w += 1) {
-          const b = Et(e, c, w);
-          g[w] ? g[w].p(b, m) : (g[w] = At(b), g[w].c(), g[w].m(l.parentNode, l));
+        let _;
+        for (_ = 0; _ < u.length; _ += 1) {
+          const A = _t(e, u, _);
+          m[_] ? m[_].p(A, g) : (m[_] = wt(A), m[_].c(), m[_].m(l.parentNode, l));
         }
-        for (; w < g.length; w += 1)
-          g[w].d(1);
-        g.length = c.length;
+        for (; _ < m.length; _ += 1)
+          m[_].d(1);
+        m.length = u.length;
       }
     },
-    d(u) {
-      u && k(t), u && k(i), u && k(s), u && k(a), lt(g, u), u && k(l), d = !1, ie(h);
+    d(d) {
+      d && k(t), d && k(i), d && k(s), d && k(a), st(m, d), d && k(l), c = !1, ie(h);
     }
   };
 }
-function uo(e) {
+function lo(e) {
   let t, n;
-  return t = new $t({
+  return t = new Zt({
     props: {
       shape: (
         /*shape*/
@@ -1241,7 +1241,7 @@ function uo(e) {
       ),
       $$slots: {
         default: [
-          co,
+          ro,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -1277,7 +1277,7 @@ function uo(e) {
       17434 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (D(t.$$.fragment, o), n = !0);
+      n || (C(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -1287,26 +1287,26 @@ function uo(e) {
     }
   };
 }
-const Tt = (e) => e.join(","), St = (e) => e.join(",");
-function fo(e, t, n) {
+const bt = (e) => e.join(","), Et = (e) => e.join(",");
+function ao(e, t, n) {
   let o, i, { shape: s } = t, { computedStyle: r = void 0 } = t, { transform: a } = t, { viewportScale: l = 1 } = t;
-  const d = (u, m, w) => {
-    let b;
-    m === O.SHAPE ? b = u.geometry.points.map(([p, A]) => [p + w[0], A + w[1]]) : b = u.geometry.points.map(([p, A], S) => m === O(S) ? [p + w[0], A + w[1]] : [p, A]);
-    const _ = Fe(b);
-    return { ...u, geometry: { points: b, bounds: _ } };
+  const c = (d, g, _) => {
+    let A;
+    g === L.SHAPE ? A = d.geometry.points.map(([y, T]) => [y + _[0], T + _[1]]) : A = d.geometry.points.map(([y, T], S) => g === L(S) ? [y + _[0], T + _[1]] : [y, T]);
+    const w = Fe(A);
+    return { ...d, geometry: { points: A, bounds: w } };
   };
-  function h(u) {
-    Ae.call(this, e, u);
+  function h(d) {
+    Ae.call(this, e, d);
   }
-  function c(u) {
-    Ae.call(this, e, u);
+  function u(d) {
+    Ae.call(this, e, d);
   }
-  function g(u) {
-    Ae.call(this, e, u);
+  function m(d) {
+    Ae.call(this, e, d);
   }
-  return e.$$set = (u) => {
-    "shape" in u && n(0, s = u.shape), "computedStyle" in u && n(1, r = u.computedStyle), "transform" in u && n(2, a = u.transform), "viewportScale" in u && n(6, l = u.viewportScale);
+  return e.$$set = (d) => {
+    "shape" in d && n(0, s = d.shape), "computedStyle" in d && n(1, r = d.computedStyle), "transform" in d && n(2, a = d.transform), "viewportScale" in d && n(6, l = d.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
     1 && n(4, o = s.geometry), e.$$.dirty & /*viewportScale*/
@@ -1317,16 +1317,16 @@ function fo(e, t, n) {
     a,
     i,
     o,
-    d,
+    c,
     l,
     h,
-    c,
-    g
+    u,
+    m
   ];
 }
-class ho extends te {
+class co extends te {
   constructor(t) {
-    super(), ee(this, t, fo, uo, K, {
+    super(), ee(this, t, ao, lo, J, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1334,11 +1334,11 @@ class ho extends te {
     });
   }
 }
-function go(e) {
-  let t, n, o, i, s, r, a, l, d, h, c, g, u, m, w, b, _, p, A, S, C, R, X, y, T, E, v, I, Y, Z, ge, me, Me, L, J, V, ce, F, de, Pe, qe, Q, Re, Ye, We, x, Ue, De, Je, ht;
+function uo(e) {
+  let t, n, o, i, s, r, a, l, c, h, u, m, d, g, _, A, w, y, T, S, P, X, U, p, E, b, v, B, D, Z, me, ge, Me, O, W, G, ce, H, ue, Pe, ze, Q, Ye, Xe, je, x, De, Re, qe, ut;
   return {
     c() {
-      t = U("rect"), a = $(), l = U("rect"), u = $(), m = U("rect"), p = $(), A = U("rect"), X = $(), y = U("rect"), I = $(), Y = U("rect"), Me = $(), L = U("rect"), ce = $(), F = U("rect"), qe = $(), Q = U("rect"), We = $(), x = U("rect"), f(t, "class", "a9s-outer"), f(t, "style", n = /*computedStyle*/
+      t = R("rect"), a = $(), l = R("rect"), d = $(), g = R("rect"), y = $(), T = R("rect"), U = $(), p = R("rect"), B = $(), D = R("rect"), Me = $(), O = R("rect"), ce = $(), H = R("rect"), ze = $(), Q = R("rect"), je = $(), x = R("rect"), f(t, "class", "a9s-outer"), f(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), f(t, "x", o = /*geom*/
       e[4].x), f(t, "y", i = /*geom*/
       e[4].y), f(t, "width", s = /*geom*/
@@ -1348,57 +1348,57 @@ function go(e) {
         "style",
         /*computedStyle*/
         e[1]
-      ), f(l, "x", d = /*geom*/
+      ), f(l, "x", c = /*geom*/
       e[4].x), f(l, "y", h = /*geom*/
-      e[4].y), f(l, "width", c = /*geom*/
-      e[4].w), f(l, "height", g = /*geom*/
-      e[4].h), f(m, "class", "a9s-edge-handle a9s-edge-handle-top"), f(m, "x", w = /*geom*/
-      e[4].x), f(m, "y", b = /*geom*/
-      e[4].y), f(m, "height", 1), f(m, "width", _ = /*geom*/
-      e[4].w), f(A, "class", "a9s-edge-handle a9s-edge-handle-right"), f(A, "x", S = /*geom*/
+      e[4].y), f(l, "width", u = /*geom*/
+      e[4].w), f(l, "height", m = /*geom*/
+      e[4].h), f(g, "class", "a9s-edge-handle a9s-edge-handle-top"), f(g, "x", _ = /*geom*/
+      e[4].x), f(g, "y", A = /*geom*/
+      e[4].y), f(g, "height", 1), f(g, "width", w = /*geom*/
+      e[4].w), f(T, "class", "a9s-edge-handle a9s-edge-handle-right"), f(T, "x", S = /*geom*/
       e[4].x + /*geom*/
-      e[4].w), f(A, "y", C = /*geom*/
-      e[4].y), f(A, "height", R = /*geom*/
-      e[4].h), f(A, "width", 1), f(y, "class", "a9s-edge-handle a9s-edge-handle-bottom"), f(y, "x", T = /*geom*/
-      e[4].x), f(y, "y", E = /*geom*/
+      e[4].w), f(T, "y", P = /*geom*/
+      e[4].y), f(T, "height", X = /*geom*/
+      e[4].h), f(T, "width", 1), f(p, "class", "a9s-edge-handle a9s-edge-handle-bottom"), f(p, "x", E = /*geom*/
+      e[4].x), f(p, "y", b = /*geom*/
       e[4].y + /*geom*/
-      e[4].h), f(y, "height", 1), f(y, "width", v = /*geom*/
-      e[4].w), f(Y, "class", "a9s-edge-handle a9s-edge-handle-left"), f(Y, "x", Z = /*geom*/
-      e[4].x), f(Y, "y", ge = /*geom*/
-      e[4].y), f(Y, "height", me = /*geom*/
-      e[4].h), f(Y, "width", 1), f(L, "class", "a9s-corner-handle a9s-corner-handle-topleft"), f(L, "x", J = /*geom*/
+      e[4].h), f(p, "height", 1), f(p, "width", v = /*geom*/
+      e[4].w), f(D, "class", "a9s-edge-handle a9s-edge-handle-left"), f(D, "x", Z = /*geom*/
+      e[4].x), f(D, "y", me = /*geom*/
+      e[4].y), f(D, "height", ge = /*geom*/
+      e[4].h), f(D, "width", 1), f(O, "class", "a9s-corner-handle a9s-corner-handle-topleft"), f(O, "x", W = /*geom*/
       e[4].x - /*handleSize*/
-      e[3] / 2), f(L, "y", V = /*geom*/
+      e[3] / 2), f(O, "y", G = /*geom*/
       e[4].y - /*handleSize*/
       e[3] / 2), f(
-        L,
+        O,
         "height",
         /*handleSize*/
         e[3]
       ), f(
-        L,
+        O,
         "width",
         /*handleSize*/
         e[3]
-      ), f(F, "class", "a9s-corner-handle a9s-corner-handle-topright"), f(F, "x", de = /*geom*/
+      ), f(H, "class", "a9s-corner-handle a9s-corner-handle-topright"), f(H, "x", ue = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
-      e[3] / 2), f(F, "y", Pe = /*geom*/
+      e[3] / 2), f(H, "y", Pe = /*geom*/
       e[4].y - /*handleSize*/
       e[3] / 2), f(
-        F,
+        H,
         "height",
         /*handleSize*/
         e[3]
       ), f(
-        F,
+        H,
         "width",
         /*handleSize*/
         e[3]
-      ), f(Q, "class", "a9s-corner-handle a9s-corner-handle-bottomright"), f(Q, "x", Re = /*geom*/
+      ), f(Q, "class", "a9s-corner-handle a9s-corner-handle-bottomright"), f(Q, "x", Ye = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
-      e[3] / 2), f(Q, "y", Ye = /*geom*/
+      e[3] / 2), f(Q, "y", Xe = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
       e[3] / 2), f(
@@ -1411,9 +1411,9 @@ function go(e) {
         "width",
         /*handleSize*/
         e[3]
-      ), f(x, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), f(x, "x", Ue = /*geom*/
+      ), f(x, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), f(x, "x", De = /*geom*/
       e[4].x - /*handleSize*/
-      e[3] / 2), f(x, "y", De = /*geom*/
+      e[3] / 2), f(x, "y", Re = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
       e[3] / 2), f(
@@ -1428,72 +1428,72 @@ function go(e) {
         e[3]
       );
     },
-    m(P, M) {
-      B(P, t, M), B(P, a, M), B(P, l, M), B(P, u, M), B(P, m, M), B(P, p, M), B(P, A, M), B(P, X, M), B(P, y, M), B(P, I, M), B(P, Y, M), B(P, Me, M), B(P, L, M), B(P, ce, M), B(P, F, M), B(P, qe, M), B(P, Q, M), B(P, We, M), B(P, x, M), Je || (ht = [
-        W(t, "pointerdown", function() {
+    m(Y, M) {
+      I(Y, t, M), I(Y, a, M), I(Y, l, M), I(Y, d, M), I(Y, g, M), I(Y, y, M), I(Y, T, M), I(Y, U, M), I(Y, p, M), I(Y, B, M), I(Y, D, M), I(Y, Me, M), I(Y, O, M), I(Y, ce, M), I(Y, H, M), I(Y, ze, M), I(Y, Q, M), I(Y, je, M), I(Y, x, M), qe || (ut = [
+        K(t, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](O.SHAPE)
-          ) && e[10](O.SHAPE).apply(this, arguments);
+            e[10](L.SHAPE)
+          ) && e[10](L.SHAPE).apply(this, arguments);
         }),
-        W(l, "pointerdown", function() {
+        K(l, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](O.SHAPE)
-          ) && e[10](O.SHAPE).apply(this, arguments);
+            e[10](L.SHAPE)
+          ) && e[10](L.SHAPE).apply(this, arguments);
         }),
-        W(m, "pointerdown", function() {
+        K(g, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](O.TOP)
-          ) && e[10](O.TOP).apply(this, arguments);
+            e[10](L.TOP)
+          ) && e[10](L.TOP).apply(this, arguments);
         }),
-        W(A, "pointerdown", function() {
+        K(T, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](O.RIGHT)
-          ) && e[10](O.RIGHT).apply(this, arguments);
+            e[10](L.RIGHT)
+          ) && e[10](L.RIGHT).apply(this, arguments);
         }),
-        W(y, "pointerdown", function() {
+        K(p, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](O.BOTTOM)
-          ) && e[10](O.BOTTOM).apply(this, arguments);
+            e[10](L.BOTTOM)
+          ) && e[10](L.BOTTOM).apply(this, arguments);
         }),
-        W(Y, "pointerdown", function() {
+        K(D, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](O.LEFT)
-          ) && e[10](O.LEFT).apply(this, arguments);
+            e[10](L.LEFT)
+          ) && e[10](L.LEFT).apply(this, arguments);
         }),
-        W(L, "pointerdown", function() {
+        K(O, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](O.TOP_LEFT)
-          ) && e[10](O.TOP_LEFT).apply(this, arguments);
+            e[10](L.TOP_LEFT)
+          ) && e[10](L.TOP_LEFT).apply(this, arguments);
         }),
-        W(F, "pointerdown", function() {
+        K(H, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](O.TOP_RIGHT)
-          ) && e[10](O.TOP_RIGHT).apply(this, arguments);
+            e[10](L.TOP_RIGHT)
+          ) && e[10](L.TOP_RIGHT).apply(this, arguments);
         }),
-        W(Q, "pointerdown", function() {
+        K(Q, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](O.BOTTOM_RIGHT)
-          ) && e[10](O.BOTTOM_RIGHT).apply(this, arguments);
+            e[10](L.BOTTOM_RIGHT)
+          ) && e[10](L.BOTTOM_RIGHT).apply(this, arguments);
         }),
-        W(x, "pointerdown", function() {
+        K(x, "pointerdown", function() {
           j(
             /*grab*/
-            e[10](O.BOTTOM_LEFT)
-          ) && e[10](O.BOTTOM_LEFT).apply(this, arguments);
+            e[10](L.BOTTOM_LEFT)
+          ) && e[10](L.BOTTOM_LEFT).apply(this, arguments);
         })
-      ], Je = !0);
+      ], qe = !0);
     },
-    p(P, M) {
-      e = P, M & /*computedStyle*/
+    p(Y, M) {
+      e = Y, M & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
       e[1] ? "display:none;" : void 0) && f(t, "style", n), M & /*geom*/
       16 && o !== (o = /*geom*/
@@ -1510,85 +1510,85 @@ function go(e) {
         /*computedStyle*/
         e[1]
       ), M & /*geom*/
-      16 && d !== (d = /*geom*/
-      e[4].x) && f(l, "x", d), M & /*geom*/
+      16 && c !== (c = /*geom*/
+      e[4].x) && f(l, "x", c), M & /*geom*/
       16 && h !== (h = /*geom*/
       e[4].y) && f(l, "y", h), M & /*geom*/
-      16 && c !== (c = /*geom*/
-      e[4].w) && f(l, "width", c), M & /*geom*/
-      16 && g !== (g = /*geom*/
-      e[4].h) && f(l, "height", g), M & /*geom*/
-      16 && w !== (w = /*geom*/
-      e[4].x) && f(m, "x", w), M & /*geom*/
-      16 && b !== (b = /*geom*/
-      e[4].y) && f(m, "y", b), M & /*geom*/
+      16 && u !== (u = /*geom*/
+      e[4].w) && f(l, "width", u), M & /*geom*/
+      16 && m !== (m = /*geom*/
+      e[4].h) && f(l, "height", m), M & /*geom*/
       16 && _ !== (_ = /*geom*/
-      e[4].w) && f(m, "width", _), M & /*geom*/
+      e[4].x) && f(g, "x", _), M & /*geom*/
+      16 && A !== (A = /*geom*/
+      e[4].y) && f(g, "y", A), M & /*geom*/
+      16 && w !== (w = /*geom*/
+      e[4].w) && f(g, "width", w), M & /*geom*/
       16 && S !== (S = /*geom*/
       e[4].x + /*geom*/
-      e[4].w) && f(A, "x", S), M & /*geom*/
-      16 && C !== (C = /*geom*/
-      e[4].y) && f(A, "y", C), M & /*geom*/
-      16 && R !== (R = /*geom*/
-      e[4].h) && f(A, "height", R), M & /*geom*/
-      16 && T !== (T = /*geom*/
-      e[4].x) && f(y, "x", T), M & /*geom*/
+      e[4].w) && f(T, "x", S), M & /*geom*/
+      16 && P !== (P = /*geom*/
+      e[4].y) && f(T, "y", P), M & /*geom*/
+      16 && X !== (X = /*geom*/
+      e[4].h) && f(T, "height", X), M & /*geom*/
       16 && E !== (E = /*geom*/
+      e[4].x) && f(p, "x", E), M & /*geom*/
+      16 && b !== (b = /*geom*/
       e[4].y + /*geom*/
-      e[4].h) && f(y, "y", E), M & /*geom*/
+      e[4].h) && f(p, "y", b), M & /*geom*/
       16 && v !== (v = /*geom*/
-      e[4].w) && f(y, "width", v), M & /*geom*/
+      e[4].w) && f(p, "width", v), M & /*geom*/
       16 && Z !== (Z = /*geom*/
-      e[4].x) && f(Y, "x", Z), M & /*geom*/
-      16 && ge !== (ge = /*geom*/
-      e[4].y) && f(Y, "y", ge), M & /*geom*/
+      e[4].x) && f(D, "x", Z), M & /*geom*/
       16 && me !== (me = /*geom*/
-      e[4].h) && f(Y, "height", me), M & /*geom, handleSize*/
-      24 && J !== (J = /*geom*/
+      e[4].y) && f(D, "y", me), M & /*geom*/
+      16 && ge !== (ge = /*geom*/
+      e[4].h) && f(D, "height", ge), M & /*geom, handleSize*/
+      24 && W !== (W = /*geom*/
       e[4].x - /*handleSize*/
-      e[3] / 2) && f(L, "x", J), M & /*geom, handleSize*/
-      24 && V !== (V = /*geom*/
+      e[3] / 2) && f(O, "x", W), M & /*geom, handleSize*/
+      24 && G !== (G = /*geom*/
       e[4].y - /*handleSize*/
-      e[3] / 2) && f(L, "y", V), M & /*handleSize*/
+      e[3] / 2) && f(O, "y", G), M & /*handleSize*/
       8 && f(
-        L,
+        O,
         "height",
         /*handleSize*/
         e[3]
       ), M & /*handleSize*/
       8 && f(
-        L,
+        O,
         "width",
         /*handleSize*/
         e[3]
       ), M & /*geom, handleSize*/
-      24 && de !== (de = /*geom*/
+      24 && ue !== (ue = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
-      e[3] / 2) && f(F, "x", de), M & /*geom, handleSize*/
+      e[3] / 2) && f(H, "x", ue), M & /*geom, handleSize*/
       24 && Pe !== (Pe = /*geom*/
       e[4].y - /*handleSize*/
-      e[3] / 2) && f(F, "y", Pe), M & /*handleSize*/
+      e[3] / 2) && f(H, "y", Pe), M & /*handleSize*/
       8 && f(
-        F,
+        H,
         "height",
         /*handleSize*/
         e[3]
       ), M & /*handleSize*/
       8 && f(
-        F,
+        H,
         "width",
         /*handleSize*/
         e[3]
       ), M & /*geom, handleSize*/
-      24 && Re !== (Re = /*geom*/
+      24 && Ye !== (Ye = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
-      e[3] / 2) && f(Q, "x", Re), M & /*geom, handleSize*/
-      24 && Ye !== (Ye = /*geom*/
+      e[3] / 2) && f(Q, "x", Ye), M & /*geom, handleSize*/
+      24 && Xe !== (Xe = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
-      e[3] / 2) && f(Q, "y", Ye), M & /*handleSize*/
+      e[3] / 2) && f(Q, "y", Xe), M & /*handleSize*/
       8 && f(
         Q,
         "height",
@@ -1601,13 +1601,13 @@ function go(e) {
         /*handleSize*/
         e[3]
       ), M & /*geom, handleSize*/
-      24 && Ue !== (Ue = /*geom*/
-      e[4].x - /*handleSize*/
-      e[3] / 2) && f(x, "x", Ue), M & /*geom, handleSize*/
       24 && De !== (De = /*geom*/
+      e[4].x - /*handleSize*/
+      e[3] / 2) && f(x, "x", De), M & /*geom, handleSize*/
+      24 && Re !== (Re = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
-      e[3] / 2) && f(x, "y", De), M & /*handleSize*/
+      e[3] / 2) && f(x, "y", Re), M & /*handleSize*/
       8 && f(
         x,
         "height",
@@ -1621,14 +1621,14 @@ function go(e) {
         e[3]
       );
     },
-    d(P) {
-      P && k(t), P && k(a), P && k(l), P && k(u), P && k(m), P && k(p), P && k(A), P && k(X), P && k(y), P && k(I), P && k(Y), P && k(Me), P && k(L), P && k(ce), P && k(F), P && k(qe), P && k(Q), P && k(We), P && k(x), Je = !1, ie(ht);
+    d(Y) {
+      Y && k(t), Y && k(a), Y && k(l), Y && k(d), Y && k(g), Y && k(y), Y && k(T), Y && k(U), Y && k(p), Y && k(B), Y && k(D), Y && k(Me), Y && k(O), Y && k(ce), Y && k(H), Y && k(ze), Y && k(Q), Y && k(je), Y && k(x), qe = !1, ie(ut);
     }
   };
 }
-function mo(e) {
+function fo(e) {
   let t, n;
-  return t = new $t({
+  return t = new Zt({
     props: {
       shape: (
         /*shape*/
@@ -1644,7 +1644,7 @@ function mo(e) {
       ),
       $$slots: {
         default: [
-          go,
+          uo,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -1680,7 +1680,7 @@ function mo(e) {
       3098 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (D(t.$$.fragment, o), n = !0);
+      n || (C(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -1690,72 +1690,72 @@ function mo(e) {
     }
   };
 }
-function po(e, t, n) {
+function ho(e, t, n) {
   let o, i, { shape: s } = t, { computedStyle: r = void 0 } = t, { transform: a } = t, { viewportScale: l = 1 } = t;
-  const d = (u, m, w) => {
-    const b = u.geometry.bounds;
-    let [_, p] = [b.minX, b.minY], [A, S] = [b.maxX, b.maxY];
-    const [C, R] = w;
-    if (m === O.SHAPE)
-      _ += C, A += C, p += R, S += R;
+  const c = (d, g, _) => {
+    const A = d.geometry.bounds;
+    let [w, y] = [A.minX, A.minY], [T, S] = [A.maxX, A.maxY];
+    const [P, X] = _;
+    if (g === L.SHAPE)
+      w += P, T += P, y += X, S += X;
     else {
-      switch (m) {
-        case O.TOP:
-        case O.TOP_LEFT:
-        case O.TOP_RIGHT: {
-          p += R;
+      switch (g) {
+        case L.TOP:
+        case L.TOP_LEFT:
+        case L.TOP_RIGHT: {
+          y += X;
           break;
         }
-        case O.BOTTOM:
-        case O.BOTTOM_LEFT:
-        case O.BOTTOM_RIGHT: {
-          S += R;
+        case L.BOTTOM:
+        case L.BOTTOM_LEFT:
+        case L.BOTTOM_RIGHT: {
+          S += X;
           break;
         }
       }
-      switch (m) {
-        case O.LEFT:
-        case O.TOP_LEFT:
-        case O.BOTTOM_LEFT: {
-          _ += C;
+      switch (g) {
+        case L.LEFT:
+        case L.TOP_LEFT:
+        case L.BOTTOM_LEFT: {
+          w += P;
           break;
         }
-        case O.RIGHT:
-        case O.TOP_RIGHT:
-        case O.BOTTOM_RIGHT: {
-          A += C;
+        case L.RIGHT:
+        case L.TOP_RIGHT:
+        case L.BOTTOM_RIGHT: {
+          T += P;
           break;
         }
       }
     }
-    const X = Math.min(_, A), y = Math.min(p, S), T = Math.abs(A - _), E = Math.abs(S - p);
+    const U = Math.min(w, T), p = Math.min(y, S), E = Math.abs(T - w), b = Math.abs(S - y);
     return {
-      ...u,
+      ...d,
       geometry: {
-        x: X,
-        y,
-        w: T,
-        h: E,
+        x: U,
+        y: p,
+        w: E,
+        h: b,
         bounds: {
-          minX: X,
-          minY: y,
-          maxX: X + T,
-          maxY: y + E
+          minX: U,
+          minY: p,
+          maxX: U + E,
+          maxY: p + b
         }
       }
     };
   };
-  function h(u) {
-    Ae.call(this, e, u);
+  function h(d) {
+    Ae.call(this, e, d);
   }
-  function c(u) {
-    Ae.call(this, e, u);
+  function u(d) {
+    Ae.call(this, e, d);
   }
-  function g(u) {
-    Ae.call(this, e, u);
+  function m(d) {
+    Ae.call(this, e, d);
   }
-  return e.$$set = (u) => {
-    "shape" in u && n(0, s = u.shape), "computedStyle" in u && n(1, r = u.computedStyle), "transform" in u && n(2, a = u.transform), "viewportScale" in u && n(6, l = u.viewportScale);
+  return e.$$set = (d) => {
+    "shape" in d && n(0, s = d.shape), "computedStyle" in d && n(1, r = d.computedStyle), "transform" in d && n(2, a = d.transform), "viewportScale" in d && n(6, l = d.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
     1 && n(4, o = s.geometry), e.$$.dirty & /*viewportScale*/
@@ -1766,16 +1766,16 @@ function po(e, t, n) {
     a,
     i,
     o,
-    d,
+    c,
     l,
     h,
-    c,
-    g
+    u,
+    m
   ];
 }
-class yo extends te {
+class mo extends te {
   constructor(t) {
-    super(), ee(this, t, po, mo, K, {
+    super(), ee(this, t, ho, fo, J, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1783,48 +1783,48 @@ class yo extends te {
     });
   }
 }
-const xt = /* @__PURE__ */ new Map([
-  [H.RECTANGLE, yo],
-  [H.POLYGON, ho]
-]), Mt = (e) => xt.get(e.type), _o = (e, t) => xt.set(e, t), O = (e) => `HANDLE-${e}`;
-O.SHAPE = "SHAPE";
-O.TOP = "TOP";
-O.RIGHT = "RIGHT";
-O.BOTTOM = "BOTTOM";
-O.LEFT = "LEFT";
-O.TOP_LEFT = "TOP_LEFT";
-O.TOP_RIGHT = "TOP_RIGHT";
-O.BOTTOM_RIGHT = "BOTTOM_RIGHT";
-O.BOTTOM_LEFT = "BOTTOM_LEFT";
-const wo = (e) => ({}), vt = (e) => ({ grab: (
+const Jt = /* @__PURE__ */ new Map([
+  [z.RECTANGLE, mo],
+  [z.POLYGON, co]
+]), At = (e) => Jt.get(e.type), go = (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 po = (e) => ({}), Tt = (e) => ({ grab: (
   /*onGrab*/
   e[0]
 ) });
-function bo(e) {
+function yo(e) {
   let t, n, o, i;
   const s = (
     /*#slots*/
     e[7].default
-  ), r = sn(
+  ), r = tn(
     s,
     e,
     /*$$scope*/
     e[6],
-    vt
+    Tt
   );
   return {
     c() {
-      t = U("g"), r && r.c(), f(t, "class", "a9s-annotation selected");
+      t = R("g"), r && r.c(), f(t, "class", "a9s-annotation selected");
     },
     m(a, l) {
-      B(a, t, l), r && r.m(t, null), n = !0, o || (i = [
-        W(
+      I(a, t, l), r && r.m(t, null), n = !0, o || (i = [
+        K(
           t,
           "pointerup",
           /*onRelease*/
           e[2]
         ),
-        W(
+        K(
           t,
           "pointermove",
           /*onPointerMove*/
@@ -1834,27 +1834,27 @@ function bo(e) {
     },
     p(a, [l]) {
       r && r.p && (!n || l & /*$$scope*/
-      64) && ln(
+      64) && on(
         r,
         s,
         a,
         /*$$scope*/
         a[6],
-        n ? rn(
+        n ? nn(
           s,
           /*$$scope*/
           a[6],
           l,
-          wo
-        ) : an(
+          po
+        ) : sn(
           /*$$scope*/
           a[6]
         ),
-        vt
+        Tt
       );
     },
     i(a) {
-      n || (D(r, a), n = !0);
+      n || (C(r, a), n = !0);
     },
     o(a) {
       N(r, a), n = !1;
@@ -1864,30 +1864,30 @@ function bo(e) {
     }
   };
 }
-function Eo(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, h, c = null;
-  const g = (w) => (b) => {
-    d = w, h = l.elementToImage(b.offsetX, b.offsetY), c = r, b.target.setPointerCapture(b.pointerId), s("grab");
-  }, u = (w) => {
-    if (d) {
-      const [b, _] = l.elementToImage(w.offsetX, w.offsetY), p = [b - h[0], _ - h[1]];
-      n(3, r = a(c, d, p)), s("change", r);
-    }
-  }, m = (w) => {
-    w.target.releasePointerCapture(w.pointerId), d = null, c = r, s("release");
-  };
-  return e.$$set = (w) => {
-    "shape" in w && n(3, r = w.shape), "editor" in w && n(4, a = w.editor), "transform" in w && n(5, l = w.transform), "$$scope" in w && n(6, i = w.$$scope);
-  }, [g, u, m, r, a, l, i, o];
-}
-class $t extends te {
+  let { shape: r } = t, { editor: a } = t, { transform: l } = t, c = null, h, u = null;
+  const m = (_) => (A) => {
+    c = _, h = l.elementToImage(A.offsetX, A.offsetY), u = r, A.target.setPointerCapture(A.pointerId), s("grab");
+  }, d = (_) => {
+    if (c) {
+      const [A, w] = l.elementToImage(_.offsetX, _.offsetY), y = [A - h[0], w - h[1]];
+      n(3, r = a(u, c, y)), s("change", r);
+    }
+  }, g = (_) => {
+    _.target.releasePointerCapture(_.pointerId), c = null, u = r, s("release");
+  };
+  return e.$$set = (_) => {
+    "shape" in _ && n(3, r = _.shape), "editor" in _ && n(4, a = _.editor), "transform" in _ && n(5, l = _.transform), "$$scope" in _ && n(6, i = _.$$scope);
+  }, [m, d, g, r, a, l, i, o];
+}
+class Zt extends te {
   constructor(t) {
-    super(), ee(this, t, Eo, bo, K, { shape: 3, editor: 4, transform: 5 });
+    super(), ee(this, t, _o, yo, J, { shape: 3, editor: 4, transform: 5 });
   }
 }
-const je = (e, t) => {
+const He = (e, t) => {
   const n = typeof t == "function" ? t(e) : t;
   if (n) {
     const { fill: o, fillOpacity: i } = n;
@@ -1895,35 +1895,35 @@ const je = (e, t) => {
     return o && (s += `fill:${o};stroke:${o};`), s += `fill-opacity:${i || "0.25"};`, s;
   }
 };
-function Ao(e, t, n) {
+function wo(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: h } = 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: c } = t, { viewportScale: h } = t, u;
+  return Be(() => (n(6, u = new r({
     target: l,
     props: {
       shape: s.target.selector,
       computedStyle: o,
-      transform: d,
+      transform: c,
       viewportScale: h
     }
-  })), c.$on("change", (g) => {
-    c.$$set({ shape: g.detail }), i("change", g.detail);
-  }), c.$on("grab", (g) => i("grab", g.detail)), c.$on("release", (g) => i("release", g.detail)), () => {
-    c.$destroy();
-  })), e.$$set = (g) => {
-    "annotation" in g && n(0, s = g.annotation), "editor" in g && n(1, r = g.editor), "style" in g && n(2, a = g.style), "target" in g && n(3, l = g.target), "transform" in g && n(4, d = g.transform), "viewportScale" in g && n(5, h = g.viewportScale);
+  })), u.$on("change", (m) => {
+    u.$$set({ shape: m.detail }), i("change", m.detail);
+  }), u.$on("grab", (m) => i("grab", m.detail)), u.$on("release", (m) => i("release", m.detail)), () => {
+    u.$destroy();
+  })), e.$$set = (m) => {
+    "annotation" in m && n(0, s = m.annotation), "editor" in m && n(1, r = m.editor), "style" in m && n(2, a = m.style), "target" in m && n(3, l = m.target), "transform" in m && n(4, c = m.transform), "viewportScale" in m && n(5, h = m.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    5 && (o = je(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: h });
-  }, [s, r, a, l, d, h, c];
+    5 && (o = He(s, a)), e.$$.dirty & /*annotation, editorComponent*/
+    65 && s && (u == null || u.$set({ shape: s.target.selector })), e.$$.dirty & /*editorComponent, transform*/
+    80 && u && u.$set({ transform: c }), e.$$.dirty & /*editorComponent, viewportScale*/
+    96 && u && u.$set({ viewportScale: h });
+  }, [s, r, a, l, c, h, u];
 }
-class To extends te {
+class bo extends te {
   constructor(t) {
-    super(), ee(this, t, Ao, null, K, {
+    super(), ee(this, t, wo, null, J, {
       annotation: 0,
       editor: 1,
       style: 2,
@@ -1933,35 +1933,35 @@ class To extends te {
     });
   }
 }
-function So(e, t, n) {
+function Eo(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 h = s.closest("svg"), c = [], g = (u, m, w) => {
-      h.addEventListener(u, m, w), c.push(() => h.removeEventListener(u, m, w));
+  let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: a } = t, { viewportScale: l } = t, c;
+  return Be(() => {
+    const h = s.closest("svg"), u = [], m = (d, g, _) => {
+      h.addEventListener(d, g, _), u.push(() => h.removeEventListener(d, g, _));
     };
-    return n(5, d = new r({
+    return n(5, c = new r({
       target: s,
       props: {
-        addEventListener: g,
+        addEventListener: m,
         drawingMode: i,
         transform: a,
         viewportScale: l
       }
-    })), d.$on("create", (u) => o("create", u.detail)), () => {
-      c.forEach((u) => u()), d.$destroy();
+    })), c.$on("create", (d) => o("create", d.detail)), () => {
+      u.forEach((d) => d()), c.$destroy();
     };
   }), 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 && c && c.$set({ transform: a }), e.$$.dirty & /*toolComponent, viewportScale*/
+    48 && c && c.$set({ viewportScale: l });
+  }, [i, s, r, a, l, c];
 }
-class Mo extends te {
+class Ao extends te {
   constructor(t) {
-    super(), ee(this, t, So, null, K, {
+    super(), ee(this, t, Eo, null, J, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -1970,11 +1970,11 @@ class Mo extends te {
     });
   }
 }
-function Ot(e) {
+function St(e) {
   let t, n;
   return {
     c() {
-      t = U("rect"), n = U("rect"), f(t, "class", "a9s-outer"), f(
+      t = R("rect"), n = R("rect"), f(t, "class", "a9s-outer"), f(
         t,
         "x",
         /*x*/
@@ -2017,7 +2017,7 @@ function Ot(e) {
       );
     },
     m(o, i) {
-      B(o, t, i), B(o, n, i);
+      I(o, t, i), I(o, n, i);
     },
     p(o, i) {
       i & /*x*/
@@ -2075,95 +2075,95 @@ function Ot(e) {
     }
   };
 }
-function vo(e) {
+function To(e) {
   let t, n = (
     /*origin*/
-    e[0] && Ot(e)
+    e[0] && St(e)
   );
   return {
     c() {
-      t = U("g"), n && n.c(), f(t, "class", "a9s-annotation a9s-rubberband");
+      t = R("g"), n && n.c(), f(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      B(o, t, i), n && n.m(t, null);
+      I(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*origin*/
-      o[0] ? n ? n.p(o, i) : (n = Ot(o), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
+      o[0] ? n ? n.p(o, i) : (n = St(o), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
     },
-    i: z,
-    o: z,
+    i: F,
+    o: F,
     d(o) {
       o && k(t), n && n.d();
     }
   };
 }
-function Oo(e, t, n) {
+function So(e, t, n) {
   const o = Se();
-  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, a, l, d, h, c, g, u;
-  const m = (p) => {
-    a = performance.now(), s === "drag" && (n(0, l = r.elementToImage(p.offsetX, p.offsetY)), d = l, n(1, h = l[0]), n(2, c = l[1]), n(3, g = 1), n(4, u = 1));
-  }, w = (p) => {
-    l && (d = r.elementToImage(p.offsetX, p.offsetY), n(1, h = Math.min(d[0], l[0])), n(2, c = Math.min(d[1], l[1])), n(3, g = Math.abs(d[0] - l[0])), n(4, u = Math.abs(d[1] - l[1])));
-  }, b = (p) => {
-    const A = performance.now() - a;
+  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, a, l, c, h, u, m, d;
+  const g = (y) => {
+    a = performance.now(), s === "drag" && (n(0, l = r.elementToImage(y.offsetX, y.offsetY)), c = l, n(1, h = l[0]), n(2, u = l[1]), n(3, m = 1), n(4, d = 1));
+  }, _ = (y) => {
+    l && (c = r.elementToImage(y.offsetX, y.offsetY), n(1, h = Math.min(c[0], l[0])), n(2, u = Math.min(c[1], l[1])), n(3, m = Math.abs(c[0] - l[0])), n(4, d = Math.abs(c[1] - l[1])));
+  }, A = (y) => {
+    const T = performance.now() - a;
     if (s === "click") {
-      if (A > 300)
+      if (T > 300)
         return;
-      p.stopPropagation(), l ? _() : (n(0, l = r.elementToImage(p.offsetX, p.offsetY)), d = l, n(1, h = l[0]), n(2, c = l[1]), n(3, g = 1), n(4, u = 1));
+      y.stopPropagation(), l ? w() : (n(0, l = r.elementToImage(y.offsetX, y.offsetY)), c = l, n(1, h = l[0]), n(2, u = l[1]), n(3, m = 1), n(4, d = 1));
     } else
-      l && (A > 300 || g * u > 100 ? (p.stopPropagation(), _()) : (n(0, l = null), d = null));
-  }, _ = () => {
-    if (g * u > 15) {
-      const p = {
-        type: H.RECTANGLE,
+      l && (T > 300 || m * d > 100 ? (y.stopPropagation(), w()) : (n(0, l = null), c = null));
+  }, w = () => {
+    if (m * d > 15) {
+      const y = {
+        type: z.RECTANGLE,
         geometry: {
           bounds: {
             minX: h,
-            minY: c,
-            maxX: h + g,
-            maxY: c + u
+            minY: u,
+            maxX: h + m,
+            maxY: u + d
           },
           x: h,
-          y: c,
-          w: g,
-          h: u
+          y: u,
+          w: m,
+          h: d
         }
       };
-      o("create", p);
+      o("create", y);
     }
-    n(0, l = null), d = null;
+    n(0, l = null), c = null;
   };
-  return Ce(() => {
-    i("pointerdown", m), i("pointermove", w), i("pointerup", b, !0);
-  }), e.$$set = (p) => {
-    "addEventListener" in p && n(5, i = p.addEventListener), "drawingMode" in p && n(6, s = p.drawingMode), "transform" in p && n(7, r = p.transform);
-  }, [l, h, c, g, u, i, s, r];
+  return Be(() => {
+    i("pointerdown", g), i("pointermove", _), i("pointerup", A, !0);
+  }), e.$$set = (y) => {
+    "addEventListener" in y && n(5, i = y.addEventListener), "drawingMode" in y && n(6, s = y.drawingMode), "transform" in y && n(7, r = y.transform);
+  }, [l, h, u, m, d, i, s, r];
 }
-class Lo extends te {
+class Mo extends te {
   constructor(t) {
-    super(), ee(this, t, Oo, vo, K, {
+    super(), ee(this, t, So, To, J, {
       addEventListener: 5,
       drawingMode: 6,
       transform: 7
     });
   }
 }
-const xe = (e, t) => {
+const Ze = (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));
 }, _e = [];
-function ko(e, t = z) {
+function vo(e, t = F) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(a) {
-    if (K(e, a) && (e = a, n)) {
+    if (J(e, a) && (e = a, n)) {
       const l = !_e.length;
-      for (const d of o)
-        d[1](), _e.push(d, e);
+      for (const c of o)
+        c[1](), _e.push(c, e);
       if (l) {
-        for (let d = 0; d < _e.length; d += 2)
-          _e[d][0](_e[d + 1]);
+        for (let c = 0; c < _e.length; c += 2)
+          _e[c][0](_e[c + 1]);
         _e.length = 0;
       }
     }
@@ -2171,15 +2171,15 @@ function ko(e, t = z) {
   function s(a) {
     i(a(e));
   }
-  function r(a, l = z) {
-    const d = [a, l];
-    return o.add(d), o.size === 1 && (n = t(i) || z), a(e), () => {
-      o.delete(d), o.size === 0 && n && (n(), n = null);
+  function r(a, l = F) {
+    const c = [a, l];
+    return o.add(c), o.size === 1 && (n = t(i) || F), a(e), () => {
+      o.delete(c), o.size === 0 && n && (n(), n = null);
     };
   }
   return { set: i, update: s, subscribe: r };
 }
-const Bo = (e, t) => {
+const Lo = (e, t) => {
   const { naturalWidth: n, naturalHeight: o } = e;
   if (!n && !o) {
     const { width: i, height: s } = e;
@@ -2189,21 +2189,21 @@ const Bo = (e, t) => {
     });
   } else
     t.setAttribute("viewBox", `0 0 ${n} ${o}`);
-}, Io = (e, t) => {
-  Bo(e, t);
-  const { subscribe: n, set: o } = ko(1);
+}, Oo = (e, t) => {
+  Lo(e, t);
+  const { subscribe: n, set: o } = vo(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, c = Math.max(
       r.width / a,
       r.height / l
     );
-    o(d);
+    o(c);
   }), i.observe(t.parentElement)), { destroy: () => {
     i && i.disconnect();
   }, subscribe: n };
-}, Xi = "ontouchstart" in window || navigator.maxTouchPoints > 0;
-function $e(e) {
+}, wi = "ontouchstart" in window || navigator.maxTouchPoints > 0;
+function Qe(e) {
   const t = e.slice(), n = (
     /*isClosable*/
     (t[2] ? (
@@ -2218,19 +2218,19 @@ function $e(e) {
   );
   return t[15] = n, t;
 }
-function Lt(e) {
+function Mt(e) {
   let t, n, o, i, s, r = (
     /*isClosable*/
-    e[2] && kt(e)
+    e[2] && vt(e)
   );
   return {
     c() {
-      t = U("polygon"), o = U("polygon"), r && r.c(), s = se(), f(t, "class", "a9s-outer"), f(t, "points", n = /*coords*/
+      t = R("polygon"), o = R("polygon"), r && r.c(), s = se(), f(t, "class", "a9s-outer"), f(t, "points", n = /*coords*/
       e[15]), f(o, "class", "a9s-inner"), f(o, "points", i = /*coords*/
       e[15]);
     },
     m(a, l) {
-      B(a, t, l), B(a, o, l), r && r.m(a, l), B(a, s, l);
+      I(a, t, l), I(a, o, l), r && r.m(a, l), I(a, s, l);
     },
     p(a, l) {
       l & /*isClosable, points, cursor*/
@@ -2238,18 +2238,18 @@ function Lt(e) {
       a[15]) && f(t, "points", n), l & /*isClosable, points, cursor*/
       7 && i !== (i = /*coords*/
       a[15]) && f(o, "points", i), /*isClosable*/
-      a[2] ? r ? r.p(a, l) : (r = kt(a), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
+      a[2] ? r ? r.p(a, l) : (r = vt(a), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
     },
     d(a) {
       a && k(t), a && k(o), r && r.d(a), a && k(s);
     }
   };
 }
-function kt(e) {
+function vt(e) {
   let t, n, o;
   return {
     c() {
-      t = U("rect"), f(t, "class", "a9s-corner-handle"), f(t, "x", n = /*points*/
+      t = R("rect"), f(t, "class", "a9s-corner-handle"), f(t, "x", n = /*points*/
       e[0][0][0] - /*handleSize*/
       e[3] / 2), f(t, "y", o = /*points*/
       e[0][0][1] - /*handleSize*/
@@ -2266,7 +2266,7 @@ function kt(e) {
       );
     },
     m(i, s) {
-      B(i, t, s);
+      I(i, t, s);
     },
     p(i, s) {
       s & /*points, handleSize*/
@@ -2294,91 +2294,91 @@ function kt(e) {
     }
   };
 }
-function Co(e) {
+function ko(e) {
   let t, n = (
     /*cursor*/
-    e[1] && Lt($e(e))
+    e[1] && Mt(Qe(e))
   );
   return {
     c() {
-      t = U("g"), n && n.c(), f(t, "class", "a9s-annotation a9s-rubberband");
+      t = R("g"), n && n.c(), f(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      B(o, t, i), n && n.m(t, null);
+      I(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*cursor*/
-      o[1] ? n ? n.p($e(o), i) : (n = Lt($e(o)), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
+      o[1] ? n ? n.p(Qe(o), i) : (n = Mt(Qe(o)), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
     },
-    i: z,
-    o: z,
+    i: F,
+    o: F,
     d(o) {
       o && k(t), n && n.d();
     }
   };
 }
-const Po = 20;
-function Ro(e, t, n) {
+const Io = 20;
+function Bo(e, t, n) {
   let o;
   const i = Se();
-  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: a } = t, { viewportScale: l = 1 } = t, d, h = [], c = null, g = !1;
-  const u = (p) => {
-    const { timeStamp: A, offsetX: S, offsetY: C } = p;
-    if (d = { timeStamp: A, offsetX: S, offsetY: C }, r === "drag" && h.length === 0) {
-      const R = a.elementToImage(p.offsetX, p.offsetY);
-      h.push(R), n(1, c = R);
-    }
-  }, m = (p) => {
-    if (h.length > 0 && (n(1, c = a.elementToImage(p.offsetX, p.offsetY)), h.length > 2)) {
-      const A = xe(c, h[0]) * l;
-      n(2, g = A < Po);
-    }
-  }, w = (p) => {
+  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: a } = t, { viewportScale: l = 1 } = t, c, h = [], u = null, m = !1;
+  const d = (y) => {
+    const { timeStamp: T, offsetX: S, offsetY: P } = y;
+    if (c = { timeStamp: T, offsetX: S, offsetY: P }, r === "drag" && h.length === 0) {
+      const X = a.elementToImage(y.offsetX, y.offsetY);
+      h.push(X), n(1, u = X);
+    }
+  }, g = (y) => {
+    if (h.length > 0 && (n(1, u = a.elementToImage(y.offsetX, y.offsetY)), h.length > 2)) {
+      const T = Ze(u, h[0]) * l;
+      n(2, m = T < Io);
+    }
+  }, _ = (y) => {
     if (r === "click") {
-      const A = p.timeStamp - d.timeStamp, S = xe([d.offsetX, d.offsetY], [p.offsetX, p.offsetY]);
-      if (A > 300 || S > 15)
+      const T = y.timeStamp - c.timeStamp, S = Ze([c.offsetX, c.offsetY], [y.offsetX, y.offsetY]);
+      if (T > 300 || S > 15)
         return;
-      if (g)
-        _();
+      if (m)
+        w();
       else if (h.length === 0) {
-        const C = a.elementToImage(p.offsetX, p.offsetY);
-        h.push(C), n(1, c = C);
+        const P = a.elementToImage(y.offsetX, y.offsetY);
+        h.push(P), n(1, u = P);
       } else
-        h.push(c);
+        h.push(u);
     } else {
-      if (h.length === 1 && xe(h[0], c) <= 4) {
-        n(0, h = []), n(1, c = null);
+      if (h.length === 1 && Ze(h[0], u) <= 4) {
+        n(0, h = []), n(1, u = null);
         return;
       }
-      p.stopImmediatePropagation(), g ? _() : h.push(c);
+      y.stopImmediatePropagation(), m ? w() : h.push(u);
     }
-  }, b = () => {
-    const p = [...h, c], A = {
-      type: H.POLYGON,
-      geometry: { bounds: Fe(p), points: p }
+  }, A = () => {
+    const y = [...h, u], T = {
+      type: z.POLYGON,
+      geometry: { bounds: Fe(y), points: y }
     };
-    st(A) > 4 && (n(0, h = []), n(1, c = null), i("create", A));
-  }, _ = () => {
-    const p = {
-      type: H.POLYGON,
+    ot(T) > 4 && (n(0, h = []), n(1, u = null), i("create", T));
+  }, w = () => {
+    const y = {
+      type: z.POLYGON,
       geometry: {
         bounds: Fe(h),
         points: [...h]
       }
     };
-    n(0, h = []), n(1, c = null), i("create", p);
+    n(0, h = []), n(1, u = null), i("create", y);
   };
-  return Ce(() => {
-    s("pointerdown", u, !0), s("pointermove", m), s("pointerup", w, !0), s("dblclick", b, !0);
-  }), e.$$set = (p) => {
-    "addEventListener" in p && n(4, s = p.addEventListener), "drawingMode" in p && n(5, r = p.drawingMode), "transform" in p && n(6, a = p.transform), "viewportScale" in p && n(7, l = p.viewportScale);
+  return Be(() => {
+    s("pointerdown", d, !0), s("pointermove", g), s("pointerup", _, !0), s("dblclick", A, !0);
+  }), e.$$set = (y) => {
+    "addEventListener" in y && n(4, s = y.addEventListener), "drawingMode" in y && n(5, r = y.drawingMode), "transform" in y && n(6, a = y.transform), "viewportScale" in y && n(7, l = y.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*viewportScale*/
     128 && n(3, o = 10 / l);
   }, [
     h,
-    c,
-    g,
+    u,
+    m,
     o,
     s,
     r,
@@ -2386,9 +2386,9 @@ function Ro(e, t, n) {
     l
   ];
 }
-class Yo extends te {
+class Po extends te {
   constructor(t) {
-    super(), ee(this, t, Ro, Co, K, {
+    super(), ee(this, t, Bo, ko, J, {
       addEventListener: 4,
       drawingMode: 5,
       transform: 6,
@@ -2396,15 +2396,15 @@ class Yo extends te {
     });
   }
 }
-const ft = /* @__PURE__ */ new Map([
-  ["rectangle", { tool: Lo }],
-  ["polygon", { tool: Yo }]
-]), rt = () => [...ft.keys()], en = (e) => ft.get(e), Uo = (e, t, n) => ft.set(e, { tool: t, opts: n });
-function Do(e) {
+const ct = /* @__PURE__ */ new Map([
+  ["rectangle", { tool: Mo }],
+  ["polygon", { tool: Po }]
+]), it = () => [...ct.keys()], Qt = (e) => ct.get(e), Yo = (e, t, n) => ct.set(e, { tool: t, opts: n });
+function Xo(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = U("g"), n = U("ellipse"), i = U("ellipse"), f(n, "class", "a9s-outer"), f(n, "style", o = /*computedStyle*/
+      t = R("g"), n = R("ellipse"), i = R("ellipse"), f(n, "class", "a9s-outer"), f(n, "style", o = /*computedStyle*/
       e[1] ? "display:none;" : void 0), f(
         n,
         "cx",
@@ -2454,7 +2454,7 @@ function Do(e) {
       e[0].id);
     },
     m(r, a) {
-      B(r, t, a), re(t, n), re(t, i);
+      I(r, t, a), re(t, n), re(t, i);
     },
     p(r, [a]) {
       a & /*computedStyle*/
@@ -2469,38 +2469,38 @@ function Do(e) {
       1 && s !== (s = /*annotation*/
       r[0].id) && f(t, "data-id", s);
     },
-    i: z,
-    o: z,
+    i: F,
+    o: F,
     d(r) {
       r && k(t);
     }
   };
 }
-function Xo(e, t, n) {
+function Do(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r = void 0 } = t;
-  const { cx: a, cy: l, rx: d, 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);
+  const { cx: a, cy: l, rx: c, ry: h } = s;
+  return e.$$set = (u) => {
+    "annotation" in u && n(0, i = u.annotation), "geom" in u && n(6, s = u.geom), "style" in u && n(7, r = u.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    129 && n(1, o = je(i, r));
-  }, [i, o, a, l, d, h, s, r];
+    129 && n(1, o = He(i, r));
+  }, [i, o, a, l, c, h, s, r];
 }
-class No extends te {
+class Ro extends te {
   constructor(t) {
-    super(), ee(this, t, Xo, Do, K, { annotation: 0, geom: 6, style: 7 });
+    super(), ee(this, t, Do, Xo, J, { annotation: 0, geom: 6, style: 7 });
   }
 }
-function Go(e) {
+function Co(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = U("g"), n = U("polygon"), i = U("polygon"), f(n, "class", "a9s-outer"), f(n, "style", o = /*computedStyle*/
+      t = R("g"), n = R("polygon"), i = R("polygon"), f(n, "class", "a9s-outer"), f(n, "style", o = /*computedStyle*/
       e[1] ? "display:none;" : void 0), f(
         n,
         "points",
         /*points*/
-        e[2].map(Vo).join(" ")
+        e[2].map(Uo).join(" ")
       ), f(i, "class", "a9s-inner"), f(
         i,
         "style",
@@ -2510,12 +2510,12 @@ function Go(e) {
         i,
         "points",
         /*points*/
-        e[2].map(zo).join(" ")
+        e[2].map(No).join(" ")
       ), f(t, "data-id", s = /*annotation*/
       e[0].id);
     },
     m(r, a) {
-      B(r, t, a), re(t, n), re(t, i);
+      I(r, t, a), re(t, n), re(t, i);
     },
     p(r, [a]) {
       a & /*computedStyle*/
@@ -2530,34 +2530,34 @@ function Go(e) {
       1 && s !== (s = /*annotation*/
       r[0].id) && f(t, "data-id", s);
     },
-    i: z,
-    o: z,
+    i: F,
+    o: F,
     d(r) {
       r && k(t);
     }
   };
 }
-const Vo = (e) => e.join(","), zo = (e) => e.join(",");
-function Fo(e, t, n) {
+const Uo = (e) => e.join(","), No = (e) => e.join(",");
+function Vo(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r = void 0 } = t;
   const { points: a } = s;
   return e.$$set = (l) => {
     "annotation" in l && n(0, i = l.annotation), "geom" in l && n(3, s = l.geom), "style" in l && n(4, r = l.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    17 && n(1, o = je(i, r));
+    17 && n(1, o = He(i, r));
   }, [i, o, a, s, r];
 }
-class Ho extends te {
+class Go extends te {
   constructor(t) {
-    super(), ee(this, t, Fo, Go, K, { annotation: 0, geom: 3, style: 4 });
+    super(), ee(this, t, Vo, Co, J, { annotation: 0, geom: 3, style: 4 });
   }
 }
-function jo(e) {
+function Fo(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = U("g"), n = U("rect"), i = U("rect"), f(n, "class", "a9s-outer"), f(n, "style", o = /*computedStyle*/
+      t = R("g"), n = R("rect"), i = R("rect"), f(n, "class", "a9s-outer"), f(n, "style", o = /*computedStyle*/
       e[5] ? "display:none;" : void 0), f(
         n,
         "x",
@@ -2607,7 +2607,7 @@ function jo(e) {
       e[0].id);
     },
     m(r, a) {
-      B(r, t, a), re(t, n), re(t, i);
+      I(r, t, a), re(t, n), re(t, i);
     },
     p(r, [a]) {
       a & /*computedStyle*/
@@ -2670,84 +2670,84 @@ function jo(e) {
       1 && s !== (s = /*annotation*/
       r[0].id) && f(t, "data-id", s);
     },
-    i: z,
-    o: z,
+    i: F,
+    o: F,
     d(r) {
       r && k(t);
     }
   };
 }
-function qo(e, t, n) {
-  let o, i, s, r, a, { annotation: l } = t, { geom: d } = 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, h = c.style);
+function Ho(e, t, n) {
+  let o, i, s, r, a, { annotation: l } = t, { geom: c } = t, { style: h = void 0 } = t;
+  return e.$$set = (u) => {
+    "annotation" in u && n(0, l = u.annotation), "geom" in u && n(6, c = u.geom), "style" in u && n(7, h = u.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    129 && n(5, o = je(l, h)), 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, h];
+    129 && n(5, o = He(l, h)), e.$$.dirty & /*geom*/
+    64 && n(4, { x: i, y: s, w: r, h: a } = c, i, (n(3, s), n(6, c)), (n(2, r), n(6, c)), (n(1, a), n(6, c)));
+  }, [l, a, r, s, i, o, c, h];
 }
-class Wo extends te {
+class zo extends te {
   constructor(t) {
-    super(), ee(this, t, qo, jo, K, { annotation: 0, geom: 6, style: 7 });
+    super(), ee(this, t, Ho, Fo, J, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const Ni = {
+const bi = {
   elementToImage: (e, t) => [e, t]
-}, Jo = (e) => ({
+}, jo = (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];
   }
-}), Ko = 250, Zo = (e, t) => {
+}), qo = 250, Ko = (e, t) => {
   const n = Se();
   let o;
   return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
-    if (performance.now() - o < Ko) {
-      const { x: l, y: d } = Qo(r, e), h = t.getAt(l, d);
+    if (performance.now() - o < qo) {
+      const { x: l, y: c } = Wo(r, e), h = t.getAt(l, c);
       h ? n("click", { originalEvent: r, annotation: h }) : n("click", { originalEvent: r });
     }
   } };
-}, Qo = (e, t) => {
+}, Wo = (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());
 };
-function Bt(e, t, n) {
+function Lt(e, t, n) {
   const o = e.slice();
   return o[29] = t[n], o;
 }
-function It(e, t, n) {
+function Ot(e, t, n) {
   const o = e.slice();
   return o[32] = t[n], o;
 }
-function et(e) {
+function xe(e) {
   const t = e.slice(), n = (
     /*annotation*/
     t[32].target.selector
   );
   return t[35] = n, t;
 }
-function Ct(e) {
+function kt(e) {
   let t = (
     /*annotation*/
     e[32].id
-  ), n, o, i = Pt(e);
+  ), n, o, i = It(e);
   return {
     c() {
       i.c(), n = se();
     },
     m(s, r) {
-      i.m(s, r), B(s, n, r), o = !0;
+      i.m(s, r), I(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*$store*/
-      8192 && K(t, t = /*annotation*/
-      s[32].id) ? (ne(), N(i, 1, 1, z), oe(), i = Pt(s), i.c(), D(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      8192 && J(t, t = /*annotation*/
+      s[32].id) ? (ne(), N(i, 1, 1, F), oe(), i = It(s), i.c(), C(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (D(i), o = !0);
+      o || (C(i), o = !0);
     },
     o(s) {
       N(i), o = !1;
@@ -2757,9 +2757,9 @@ function Ct(e) {
     }
   };
 }
-function xo(e) {
+function Jo(e) {
   let t, n;
-  return t = new Ho({
+  return t = new Go({
     props: {
       annotation: (
         /*annotation*/
@@ -2792,7 +2792,7 @@ function xo(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (D(t.$$.fragment, o), n = !0);
+      n || (C(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -2802,9 +2802,9 @@ function xo(e) {
     }
   };
 }
-function $o(e) {
+function Zo(e) {
   let t, n;
-  return t = new Wo({
+  return t = new zo({
     props: {
       annotation: (
         /*annotation*/
@@ -2837,7 +2837,7 @@ function $o(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (D(t.$$.fragment, o), n = !0);
+      n || (C(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -2847,9 +2847,9 @@ function $o(e) {
     }
   };
 }
-function ei(e) {
+function Qo(e) {
   let t, n;
-  return t = new No({
+  return t = new Ro({
     props: {
       annotation: (
         /*annotation*/
@@ -2882,7 +2882,7 @@ function ei(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (D(t.$$.fragment, o), n = !0);
+      n || (C(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -2892,17 +2892,17 @@ function ei(e) {
     }
   };
 }
-function Pt(e) {
+function It(e) {
   let t, n, o, i;
-  const s = [ei, $o, xo], r = [];
-  function a(l, d) {
+  const s = [Qo, Zo, Jo], r = [];
+  function a(l, c) {
     return (
       /*selector*/
-      l[35].type === H.ELLIPSE ? 0 : (
+      l[35].type === z.ELLIPSE ? 0 : (
         /*selector*/
-        l[35].type === H.RECTANGLE ? 1 : (
+        l[35].type === z.RECTANGLE ? 1 : (
           /*selector*/
-          l[35].type === H.POLYGON ? 2 : -1
+          l[35].type === z.POLYGON ? 2 : -1
         )
       )
     );
@@ -2911,17 +2911,17 @@ function Pt(e) {
     c() {
       n && n.c(), o = se();
     },
-    m(l, d) {
-      ~t && r[t].m(l, d), B(l, o, d), i = !0;
+    m(l, c) {
+      ~t && r[t].m(l, c), I(l, o, c), i = !0;
     },
-    p(l, d) {
+    p(l, c) {
       let h = t;
-      t = a(l), t === h ? ~t && r[t].p(l, d) : (n && (ne(), N(r[h], 1, 1, () => {
+      t = a(l), t === h ? ~t && r[t].p(l, c) : (n && (ne(), N(r[h], 1, 1, () => {
         r[h] = null;
-      }), oe()), ~t ? (n = r[t], n ? n.p(l, d) : (n = r[t] = s[t](l), n.c()), D(n, 1), n.m(o.parentNode, o)) : n = null);
+      }), oe()), ~t ? (n = r[t], n ? n.p(l, c) : (n = r[t] = s[t](l), n.c()), C(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(l) {
-      i || (D(n), i = !0);
+      i || (C(n), i = !0);
     },
     o(l) {
       N(n), i = !1;
@@ -2931,18 +2931,18 @@ function Pt(e) {
     }
   };
 }
-function Rt(e) {
+function Bt(e) {
   let t = !/*isEditable*/
   e[7](
     /*annotation*/
     e[32]
-  ), n, o, i = t && Ct(et(e));
+  ), n, o, i = t && kt(xe(e));
   return {
     c() {
       i && i.c(), n = se();
     },
     m(s, r) {
-      i && i.m(s, r), B(s, n, r), o = !0;
+      i && i.m(s, r), I(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*isEditable, $store*/
@@ -2950,13 +2950,13 @@ function Rt(e) {
       s[7](
         /*annotation*/
         s[32]
-      )), t ? i ? (i.p(et(s), r), r[0] & /*isEditable, $store*/
-      8320 && D(i, 1)) : (i = Ct(et(s)), i.c(), D(i, 1), i.m(n.parentNode, n)) : i && (ne(), N(i, 1, 1, () => {
+      )), t ? i ? (i.p(xe(s), r), r[0] & /*isEditable, $store*/
+      8320 && C(i, 1)) : (i = kt(xe(s)), i.c(), C(i, 1), i.m(n.parentNode, n)) : i && (ne(), N(i, 1, 1, () => {
         i = null;
       }), oe());
     },
     i(s) {
-      o || (D(i), o = !0);
+      o || (C(i), o = !0);
     },
     o(s) {
       N(i), o = !1;
@@ -2966,10 +2966,10 @@ function Rt(e) {
     }
   };
 }
-function Yt(e) {
+function Pt(e) {
   let t, n, o, i;
-  const s = [ni, ti], r = [];
-  function a(l, d) {
+  const s = [$o, xo], r = [];
+  function a(l, c) {
     return (
       /*editableAnnotations*/
       l[6] ? 0 : (
@@ -2983,17 +2983,17 @@ function Yt(e) {
     c() {
       n && n.c(), o = se();
     },
-    m(l, d) {
-      ~t && r[t].m(l, d), B(l, o, d), i = !0;
+    m(l, c) {
+      ~t && r[t].m(l, c), I(l, o, c), i = !0;
     },
-    p(l, d) {
+    p(l, c) {
       let h = t;
-      t = a(l), t === h ? ~t && r[t].p(l, d) : (n && (ne(), N(r[h], 1, 1, () => {
+      t = a(l), t === h ? ~t && r[t].p(l, c) : (n && (ne(), N(r[h], 1, 1, () => {
         r[h] = null;
-      }), oe()), ~t ? (n = r[t], n ? n.p(l, d) : (n = r[t] = s[t](l), n.c()), D(n, 1), n.m(o.parentNode, o)) : n = null);
+      }), oe()), ~t ? (n = r[t], n ? n.p(l, c) : (n = r[t] = s[t](l), n.c()), C(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(l) {
-      i || (D(n), i = !0);
+      i || (C(n), i = !0);
     },
     o(l) {
       N(n), i = !1;
@@ -3003,25 +3003,25 @@ function Yt(e) {
     }
   };
 }
-function ti(e) {
+function xo(e) {
   let t = (
     /*toolName*/
     e[2]
-  ), n, o, i = Ut(e);
+  ), n, o, i = Yt(e);
   return {
     c() {
       i.c(), n = se();
     },
     m(s, r) {
-      i.m(s, r), B(s, n, r), o = !0;
+      i.m(s, r), I(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*toolName*/
-      4 && K(t, t = /*toolName*/
-      s[2]) ? (ne(), N(i, 1, 1, z), oe(), i = Ut(s), i.c(), D(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      4 && J(t, t = /*toolName*/
+      s[2]) ? (ne(), N(i, 1, 1, F), oe(), i = Yt(s), i.c(), C(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (D(i), o = !0);
+      o || (C(i), o = !0);
     },
     o(s) {
       N(i), o = !1;
@@ -3031,13 +3031,13 @@ function ti(e) {
     }
   };
 }
-function ni(e) {
+function $o(e) {
   let t, n, o = (
     /*editableAnnotations*/
     e[6]
   ), i = [];
   for (let r = 0; r < o.length; r += 1)
-    i[r] = Xt(Bt(e, o, r));
+    i[r] = Dt(Lt(e, o, r));
   const s = (r) => N(i[r], 1, 1, () => {
     i[r] = null;
   });
@@ -3050,7 +3050,7 @@ function ni(e) {
     m(r, a) {
       for (let l = 0; l < i.length; l += 1)
         i[l] && i[l].m(r, a);
-      B(r, t, a), n = !0;
+      I(r, t, a), n = !0;
     },
     p(r, a) {
       if (a[0] & /*editableAnnotations, drawingEl, style, transform, $scale, onChangeSelected*/
@@ -3059,8 +3059,8 @@ function ni(e) {
         r[6];
         let l;
         for (l = 0; l < o.length; l += 1) {
-          const d = Bt(r, o, l);
-          i[l] ? (i[l].p(d, a), D(i[l], 1)) : (i[l] = Xt(d), i[l].c(), D(i[l], 1), i[l].m(t.parentNode, t));
+          const c = Lt(r, o, l);
+          i[l] ? (i[l].p(c, a), C(i[l], 1)) : (i[l] = Dt(c), i[l].c(), C(i[l], 1), i[l].m(t.parentNode, t));
         }
         for (ne(), l = o.length; l < i.length; l += 1)
           s(l);
@@ -3070,7 +3070,7 @@ function ni(e) {
     i(r) {
       if (!n) {
         for (let a = 0; a < o.length; a += 1)
-          D(i[a]);
+          C(i[a]);
         n = !0;
       }
     },
@@ -3081,13 +3081,13 @@ function ni(e) {
       n = !1;
     },
     d(r) {
-      lt(i, r), r && k(t);
+      st(i, r), r && k(t);
     }
   };
 }
-function Ut(e) {
+function Yt(e) {
   let t, n;
-  return t = new Mo({
+  return t = new Ao({
     props: {
       target: (
         /*drawingEl*/
@@ -3136,7 +3136,7 @@ function Ut(e) {
       o[14]), t.$set(s);
     },
     i(o) {
-      n || (D(t.$$.fragment, o), n = !0);
+      n || (C(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -3146,15 +3146,15 @@ function Ut(e) {
     }
   };
 }
-function Dt(e) {
+function Xt(e) {
   let t, n;
-  return t = new To({
+  return t = new bo({
     props: {
       target: (
         /*drawingEl*/
         e[4]
       ),
-      editor: Mt(
+      editor: At(
         /*editable*/
         e[29].target.selector
       ),
@@ -3199,7 +3199,7 @@ function Dt(e) {
       i[0] & /*drawingEl*/
       16 && (s.target = /*drawingEl*/
       e[4]), i[0] & /*editableAnnotations*/
-      64 && (s.editor = Mt(
+      64 && (s.editor = At(
         /*editable*/
         e[29].target.selector
       )), i[0] & /*editableAnnotations*/
@@ -3213,7 +3213,7 @@ function Dt(e) {
       e[14]), t.$set(s);
     },
     i(o) {
-      n || (D(t.$$.fragment, o), n = !0);
+      n || (C(t.$$.fragment, o), n = !0);
     },
     o(o) {
       N(t.$$.fragment, o), n = !1;
@@ -3223,25 +3223,25 @@ function Dt(e) {
     }
   };
 }
-function Xt(e) {
+function Dt(e) {
   let t = (
     /*editable*/
     e[29].id
-  ), n, o, i = Dt(e);
+  ), n, o, i = Xt(e);
   return {
     c() {
       i.c(), n = se();
     },
     m(s, r) {
-      i.m(s, r), B(s, n, r), o = !0;
+      i.m(s, r), I(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*editableAnnotations*/
-      64 && K(t, t = /*editable*/
-      s[29].id) ? (ne(), N(i, 1, 1, z), oe(), i = Dt(s), i.c(), D(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      64 && J(t, t = /*editable*/
+      s[29].id) ? (ne(), N(i, 1, 1, F), oe(), i = Xt(s), i.c(), C(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (D(i), o = !0);
+      o || (C(i), o = !0);
     },
     o(s) {
       N(i), o = !1;
@@ -3251,44 +3251,44 @@ function Xt(e) {
     }
   };
 }
-function oi(e) {
+function ei(e) {
   let t, n, o, i, s, r, a = (
     /*$store*/
     e[13]
   ), l = [];
-  for (let c = 0; c < a.length; c += 1)
-    l[c] = Rt(It(e, a, c));
-  const d = (c) => N(l[c], 1, 1, () => {
-    l[c] = null;
+  for (let u = 0; u < a.length; u += 1)
+    l[u] = Bt(Ot(e, a, u));
+  const c = (u) => N(l[u], 1, 1, () => {
+    l[u] = null;
   });
   let h = (
     /*drawingEl*/
-    e[4] && Yt(e)
+    e[4] && Pt(e)
   );
   return {
     c() {
-      t = U("svg"), n = U("g");
-      for (let c = 0; c < l.length; c += 1)
-        l[c].c();
-      o = U("g"), h && h.c(), f(o, "class", "drawing"), f(t, "class", "a9s-annotationlayer"), pt(
+      t = R("svg"), n = R("g");
+      for (let u = 0; u < l.length; u += 1)
+        l[u].c();
+      o = R("g"), h && h.c(), f(o, "class", "drawing"), f(t, "class", "a9s-annotationlayer"), ht(
         t,
         "drawing",
         /*tool*/
         e[12]
       );
     },
-    m(c, g) {
-      B(c, t, g), re(t, n);
-      for (let u = 0; u < l.length; u += 1)
-        l[u] && l[u].m(n, null);
+    m(u, m) {
+      I(u, t, m), re(t, n);
+      for (let d = 0; d < l.length; d += 1)
+        l[d] && l[d].m(n, null);
       re(t, o), h && h.m(o, null), e[25](o), e[26](t), i = !0, s || (r = [
-        W(t, "pointerup", function() {
+        K(t, "pointerup", function() {
           j(
             /*onPointerUp*/
             e[8]
           ) && e[8].apply(this, arguments);
         }),
-        W(t, "pointerdown", function() {
+        K(t, "pointerdown", function() {
           j(
             /*onPointerDown*/
             e[9]
@@ -3296,146 +3296,146 @@ function oi(e) {
         })
       ], s = !0);
     },
-    p(c, g) {
-      if (e = c, g[0] & /*$store, style, isEditable*/
+    p(u, m) {
+      if (e = u, m[0] & /*$store, style, isEditable*/
       8322) {
         a = /*$store*/
         e[13];
-        let u;
-        for (u = 0; u < a.length; u += 1) {
-          const m = It(e, a, u);
-          l[u] ? (l[u].p(m, g), D(l[u], 1)) : (l[u] = Rt(m), l[u].c(), D(l[u], 1), l[u].m(n, null));
+        let d;
+        for (d = 0; d < a.length; d += 1) {
+          const g = Ot(e, a, d);
+          l[d] ? (l[d].p(g, m), C(l[d], 1)) : (l[d] = Bt(g), l[d].c(), C(l[d], 1), l[d].m(n, null));
         }
-        for (ne(), u = a.length; u < l.length; u += 1)
-          d(u);
+        for (ne(), d = a.length; d < l.length; d += 1)
+          c(d);
         oe();
       }
       /*drawingEl*/
-      e[4] ? h ? (h.p(e, g), g[0] & /*drawingEl*/
-      16 && D(h, 1)) : (h = Yt(e), h.c(), D(h, 1), h.m(o, null)) : h && (ne(), N(h, 1, 1, () => {
+      e[4] ? h ? (h.p(e, m), m[0] & /*drawingEl*/
+      16 && C(h, 1)) : (h = Pt(e), h.c(), C(h, 1), h.m(o, null)) : h && (ne(), N(h, 1, 1, () => {
         h = null;
-      }), oe()), (!i || g[0] & /*tool*/
-      4096) && pt(
+      }), oe()), (!i || m[0] & /*tool*/
+      4096) && ht(
         t,
         "drawing",
         /*tool*/
         e[12]
       );
     },
-    i(c) {
+    i(u) {
       if (!i) {
-        for (let g = 0; g < a.length; g += 1)
-          D(l[g]);
-        D(h), i = !0;
+        for (let m = 0; m < a.length; m += 1)
+          C(l[m]);
+        C(h), i = !0;
       }
     },
-    o(c) {
+    o(u) {
       l = l.filter(Boolean);
-      for (let g = 0; g < l.length; g += 1)
-        N(l[g]);
+      for (let m = 0; m < l.length; m += 1)
+        N(l[m]);
       N(h), i = !1;
     },
-    d(c) {
-      c && k(t), lt(l, c), h && h.d(), e[25](null), e[26](null), s = !1, ie(r);
-    }
-  };
-}
-function ii(e, t, n) {
-  let o, i, s, r, a, l, d, h, c, g, u = z, m = () => (u(), u = Ht(y, (L) => n(14, g = L)), y);
-  e.$$.on_destroy.push(() => u());
-  let { drawingEnabled: w } = t, { image: b } = t, { preferredDrawingMode: _ } = t, { state: p } = t, { style: A = void 0 } = t, { toolName: S = rt().length > 0 ? rt()[0] : void 0 } = t, { user: C } = t, R, X, y;
-  Ce(() => m(n(5, y = Io(b, X))));
-  const { selection: T, store: E } = p;
-  mt(e, T, (L) => n(24, h = L)), mt(e, E, (L) => n(13, c = L));
-  let v = null, I = null;
-  const Y = (L) => {
-    E.unobserve(v);
-    const J = L.filter(({ editable: V }) => V).map(({ id: V }) => V);
-    J.length > 0 ? (n(6, I = J.map((V) => E.getAnnotation(V))), v = (V) => {
-      const { updated: ce } = V.changes;
-      n(6, I = ce.map((F) => F.newValue));
-    }, E.observe(v, { annotations: J })) : n(6, I = null);
-  }, Z = (L) => {
-    const J = dt(), V = {
-      id: J,
+    d(u) {
+      u && k(t), st(l, u), h && h.d(), e[25](null), e[26](null), s = !1, ie(r);
+    }
+  };
+}
+function ti(e, t, n) {
+  let o, i, s, r, a, l, c, h, u, m, d = F, g = () => (d(), d = Vt(p, (O) => n(14, m = O)), p);
+  e.$$.on_destroy.push(() => d());
+  let { drawingEnabled: _ } = t, { image: A } = t, { preferredDrawingMode: w } = t, { state: y } = t, { style: T = void 0 } = t, { toolName: S = it().length > 0 ? it()[0] : void 0 } = t, { user: P } = t, X, U, p;
+  Be(() => g(n(5, p = Oo(A, U))));
+  const { selection: E, store: b } = y;
+  dt(e, E, (O) => n(24, h = O)), dt(e, b, (O) => n(13, u = O));
+  let v = null, B = null;
+  const D = (O) => {
+    b.unobserve(v);
+    const W = O.filter(({ editable: G }) => G).map(({ id: G }) => G);
+    W.length > 0 ? (n(6, B = W.map((G) => b.getAnnotation(G))), v = (G) => {
+      const { updated: ce } = G.changes;
+      n(6, B = ce.map((H) => H.newValue));
+    }, b.observe(v, { annotations: W })) : n(6, B = null);
+  }, Z = (O) => {
+    const W = qt(), G = {
+      id: W,
       bodies: [],
       target: {
-        annotation: J,
-        selector: L.detail,
-        creator: C,
+        annotation: W,
+        selector: O.detail,
+        creator: P,
         created: /* @__PURE__ */ new Date()
       }
     };
-    E.addAnnotation(V), T.setSelected(V.id);
-  }, ge = (L) => (J) => {
-    var de;
-    const { target: V } = L, ce = 10 * 60 * 1e3, F = ((de = V.creator) == null ? void 0 : de.id) !== C.id || !V.created || (/* @__PURE__ */ new Date()).getTime() - V.created.getTime() > ce;
-    E.updateTarget({
-      ...V,
-      selector: J.detail,
-      created: F ? V.created : /* @__PURE__ */ new Date(),
-      updated: F ? /* @__PURE__ */ new Date() : null,
-      updatedBy: F ? C : null
+    b.addAnnotation(G), E.setSelected(G.id);
+  }, me = (O) => (W) => {
+    var ue;
+    const { target: G } = O, ce = 10 * 60 * 1e3, H = ((ue = G.creator) == null ? void 0 : ue.id) !== P.id || !G.created || (/* @__PURE__ */ new Date()).getTime() - G.created.getTime() > ce;
+    b.updateTarget({
+      ...G,
+      selector: W.detail,
+      created: H ? G.created : /* @__PURE__ */ new Date(),
+      updated: H ? /* @__PURE__ */ new Date() : null,
+      updatedBy: H ? P : null
     });
   };
-  function me(L) {
-    ze[L ? "unshift" : "push"](() => {
-      R = L, n(4, R);
+  function ge(O) {
+    Ge[O ? "unshift" : "push"](() => {
+      X = O, n(4, X);
     });
   }
-  function Me(L) {
-    ze[L ? "unshift" : "push"](() => {
-      X = L, n(3, X);
+  function Me(O) {
+    Ge[O ? "unshift" : "push"](() => {
+      U = O, n(3, U);
     });
   }
-  return e.$$set = (L) => {
-    "drawingEnabled" in L && n(0, w = L.drawingEnabled), "image" in L && n(19, b = L.image), "preferredDrawingMode" in L && n(20, _ = L.preferredDrawingMode), "state" in L && n(21, p = L.state), "style" in L && n(1, A = L.style), "toolName" in L && n(2, S = L.toolName), "user" in L && n(22, C = L.user);
+  return e.$$set = (O) => {
+    "drawingEnabled" in O && n(0, _ = O.drawingEnabled), "image" in O && n(19, A = O.image), "preferredDrawingMode" in O && n(20, w = O.preferredDrawingMode), "state" in O && n(21, y = O.state), "style" in O && n(1, T = O.style), "toolName" in O && n(2, S = O.toolName), "user" in O && n(22, P = O.user);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
-    4 && n(12, { tool: o, opts: i } = en(S), o, (n(23, i), n(2, S))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
-    9437184 && n(11, s = (i == null ? void 0 : i.drawingMode) || _), e.$$.dirty[0] & /*svgEl*/
-    8 && n(10, r = Jo(X)), e.$$.dirty[0] & /*svgEl*/
-    8 && n(9, { onPointerDown: a, onPointerUp: l } = Zo(X, E), a, (n(8, l), n(3, X))), e.$$.dirty[0] & /*$selection*/
-    16777216 && n(7, d = (L) => h.selected.find((J) => J.id === L.id && J.editable)), e.$$.dirty[0] & /*$selection*/
-    16777216 && Y(h.selected);
+    4 && n(12, { tool: o, opts: i } = Qt(S), o, (n(23, i), n(2, S))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
+    9437184 && n(11, s = (i == null ? void 0 : i.drawingMode) || w), e.$$.dirty[0] & /*svgEl*/
+    8 && n(10, r = jo(U)), e.$$.dirty[0] & /*svgEl*/
+    8 && n(9, { onPointerDown: a, onPointerUp: l } = Ko(U, b), a, (n(8, l), n(3, U))), e.$$.dirty[0] & /*$selection*/
+    16777216 && n(7, c = (O) => h.selected.find((W) => W.id === O.id && W.editable)), e.$$.dirty[0] & /*$selection*/
+    16777216 && D(h.selected);
   }, [
-    w,
-    A,
+    _,
+    T,
     S,
+    U,
     X,
-    R,
-    y,
-    I,
-    d,
+    p,
+    B,
+    c,
     l,
     a,
     r,
     s,
     o,
-    c,
-    g,
-    T,
+    u,
+    m,
     E,
-    Z,
-    ge,
     b,
-    _,
-    p,
-    C,
+    Z,
+    me,
+    A,
+    w,
+    y,
+    P,
     i,
     h,
-    me,
+    ge,
     Me
   ];
 }
-class si extends te {
+class ni extends te {
   constructor(t) {
     super(), ee(
       this,
       t,
-      ii,
-      oi,
-      K,
+      ti,
+      ei,
+      J,
       {
         drawingEnabled: 0,
         image: 19,
@@ -3450,33 +3450,33 @@ class si extends te {
     );
   }
 }
-function ri(e, t, n, o, i) {
-  tn(e, t, n || 0, o || e.length - 1, i || li);
+function oi(e, t, n, o, i) {
+  xt(e, t, n || 0, o || e.length - 1, i || ii);
 }
-function tn(e, t, n, o, i) {
+function xt(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), h = Math.max(n, Math.floor(t - r * l / s + d)), c = Math.min(o, Math.floor(t + (s - r) * l / s + d));
-      tn(e, t, h, c, i);
+      var s = o - n + 1, r = t - n + 1, a = Math.log(s), l = 0.5 * Math.exp(2 * a / 3), c = 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 + c)), u = Math.min(o, Math.floor(t + (s - r) * l / s + c));
+      xt(e, t, h, u, i);
     }
-    var g = e[t], u = n, m = o;
-    for (ve(e, n, t), i(e[o], g) > 0 && ve(e, n, o); u < m; ) {
-      for (ve(e, u, m), u++, m--; i(e[u], g) < 0; )
-        u++;
-      for (; i(e[m], g) > 0; )
-        m--;
+    var m = e[t], d = n, g = o;
+    for (ve(e, n, t), i(e[o], m) > 0 && ve(e, n, o); d < g; ) {
+      for (ve(e, d, g), d++, g--; i(e[d], m) < 0; )
+        d++;
+      for (; i(e[g], m) > 0; )
+        g--;
     }
-    i(e[n], g) === 0 ? ve(e, n, m) : (m++, ve(e, m, o)), m <= t && (n = m + 1), t <= m && (o = m - 1);
+    i(e[n], m) === 0 ? ve(e, n, g) : (g++, ve(e, g, o)), g <= t && (n = g + 1), t <= g && (o = g - 1);
   }
 }
 function ve(e, t, n) {
   var o = e[t];
   e[t] = e[n], e[n] = o;
 }
-function li(e, t) {
+function ii(e, t) {
   return e < t ? -1 : e > t ? 1 : 0;
 }
-class ai {
+class si {
   constructor(t = 9) {
     this._maxEntries = Math.max(4, t), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
   }
@@ -3486,13 +3486,13 @@ class ai {
   search(t) {
     let n = this.data;
     const o = [];
-    if (!Ge(t, n))
+    if (!Ne(t, n))
       return o;
     const i = this.toBBox, s = [];
     for (; n; ) {
       for (let r = 0; r < n.children.length; r++) {
         const a = n.children[r], l = n.leaf ? i(a) : a;
-        Ge(t, l) && (n.leaf ? o.push(a) : nt(t, l) ? this._all(a, o) : s.push(a));
+        Ne(t, l) && (n.leaf ? o.push(a) : et(t, l) ? this._all(a, o) : s.push(a));
       }
       n = s.pop();
     }
@@ -3500,14 +3500,14 @@ class ai {
   }
   collides(t) {
     let n = this.data;
-    if (!Ge(t, n))
+    if (!Ne(t, n))
       return !1;
     const o = [];
     for (; n; ) {
       for (let i = 0; i < n.children.length; i++) {
         const s = n.children[i], r = n.leaf ? this.toBBox(s) : s;
-        if (Ge(t, r)) {
-          if (n.leaf || nt(t, r))
+        if (Ne(t, r)) {
+          if (n.leaf || et(t, r))
             return !0;
           o.push(s);
         }
@@ -3549,14 +3549,14 @@ class ai {
       return this;
     let o = this.data;
     const i = this.toBBox(t), s = [], r = [];
-    let a, l, d;
+    let a, l, c;
     for (; o || s.length; ) {
-      if (o || (o = s.pop(), l = s[s.length - 1], a = r.pop(), d = !0), o.leaf) {
-        const h = ci(t, o.children, n);
+      if (o || (o = s.pop(), l = s[s.length - 1], a = r.pop(), c = !0), o.leaf) {
+        const h = ri(t, o.children, n);
         if (h !== -1)
           return o.children.splice(h, 1), s.push(o), this._condense(s), this;
       }
-      !d && !o.leaf && nt(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;
+      !c && !o.leaf && et(o, i) ? (s.push(o), r.push(a), a = 0, l = o, o = o.children[0]) : l ? (a++, o = l.children[a], c = !1) : o = null;
     }
     return this;
   }
@@ -3587,14 +3587,14 @@ class ai {
     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));
-    Nt(t, n, o, d, this.compareMinX);
-    for (let h = n; h <= o; h += d) {
-      const c = Math.min(h + d - 1, o);
-      Nt(t, h, c, l, this.compareMinY);
-      for (let g = h; g <= c; g += l) {
-        const u = Math.min(g + l - 1, c);
-        a.children.push(this._build(t, g, u, i - 1));
+    const l = Math.ceil(s / r), c = l * Math.ceil(Math.sqrt(r));
+    Rt(t, n, o, c, this.compareMinX);
+    for (let h = n; h <= o; h += c) {
+      const u = Math.min(h + c - 1, o);
+      Rt(t, h, u, l, this.compareMinY);
+      for (let m = h; m <= u; m += l) {
+        const d = Math.min(m + l - 1, u);
+        a.children.push(this._build(t, m, d, i - 1));
       }
     }
     return we(a, this.toBBox), a;
@@ -3603,8 +3603,8 @@ class ai {
     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], h = tt(d), c = fi(t, d) - h;
-        c < r ? (r = c, s = h < s ? h : s, a = d) : c === r && h < s && (s = h, a = d);
+        const c = n.children[l], h = $e(c), u = ci(t, c) - h;
+        u < r ? (r = u, s = h < s ? h : s, a = c) : u === r && h < s && (s = h, a = c);
       }
       n = a || n.children[0];
     }
@@ -3612,7 +3612,7 @@ class ai {
   }
   _insert(t, n, o) {
     const i = o ? t : this.toBBox(t), s = [], r = this._chooseSubtree(i, this.data, n, s);
-    for (r.children.push(t), Le(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
+    for (r.children.push(t), Oe(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
       this._split(s, n), n--;
     this._adjustParentBBoxes(i, s, n);
   }
@@ -3629,41 +3629,41 @@ class ai {
   _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), h = hi(l, d), c = tt(l) + tt(d);
-      h < s ? (s = h, i = a, r = c < r ? c : r) : h === s && c < r && (r = c, i = a);
+      const l = Le(t, 0, a, this.toBBox), c = Le(t, a, o, this.toBBox), h = ui(l, c), u = $e(l) + $e(c);
+      h < s ? (s = h, i = a, r = u < r ? u : r) : h === s && u < r && (r = u, 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 : di, s = t.leaf ? this.compareMinY : ui, r = this._allDistMargin(t, n, o, i), a = this._allDistMargin(t, n, o, s);
+    const i = t.leaf ? this.compareMinX : li, s = t.leaf ? this.compareMinY : ai, 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
   _allDistMargin(t, n, o, i) {
     t.children.sort(i);
-    const s = this.toBBox, r = Oe(t, 0, n, s), a = Oe(t, o - n, o, s);
-    let l = Ne(r) + Ne(a);
-    for (let d = n; d < o - n; d++) {
-      const h = t.children[d];
-      Le(r, t.leaf ? s(h) : h), l += Ne(r);
+    const s = this.toBBox, r = Le(t, 0, n, s), a = Le(t, o - n, o, s);
+    let l = Ue(r) + Ue(a);
+    for (let c = n; c < o - n; c++) {
+      const h = t.children[c];
+      Oe(r, t.leaf ? s(h) : h), l += Ue(r);
     }
-    for (let d = o - n - 1; d >= n; d--) {
-      const h = t.children[d];
-      Le(a, t.leaf ? s(h) : h), l += Ne(a);
+    for (let c = o - n - 1; c >= n; c--) {
+      const h = t.children[c];
+      Oe(a, t.leaf ? s(h) : h), l += Ue(a);
     }
     return l;
   }
   _adjustParentBBoxes(t, n, o) {
     for (let i = o; i >= 0; i--)
-      Le(n[i], t);
+      Oe(n[i], t);
   }
   _condense(t) {
     for (let n = t.length - 1, o; n >= 0; n--)
       t[n].children.length === 0 ? n > 0 ? (o = t[n - 1].children, o.splice(o.indexOf(t[n]), 1)) : this.clear() : we(t[n], this.toBBox);
   }
 }
-function ci(e, t, n) {
+function ri(e, t, n) {
   if (!n)
     return t.indexOf(e);
   for (let o = 0; o < t.length; o++)
@@ -3672,42 +3672,42 @@ function ci(e, t, n) {
   return -1;
 }
 function we(e, t) {
-  Oe(e, 0, e.children.length, t, e);
+  Le(e, 0, e.children.length, t, e);
 }
-function Oe(e, t, n, o, i) {
+function Le(e, t, n, o, i) {
   i || (i = Ee(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
   for (let s = t; s < n; s++) {
     const r = e.children[s];
-    Le(i, e.leaf ? o(r) : r);
+    Oe(i, e.leaf ? o(r) : r);
   }
   return i;
 }
-function Le(e, t) {
+function Oe(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 di(e, t) {
+function li(e, t) {
   return e.minX - t.minX;
 }
-function ui(e, t) {
+function ai(e, t) {
   return e.minY - t.minY;
 }
-function tt(e) {
+function $e(e) {
   return (e.maxX - e.minX) * (e.maxY - e.minY);
 }
-function Ne(e) {
+function Ue(e) {
   return e.maxX - e.minX + (e.maxY - e.minY);
 }
-function fi(e, t) {
+function ci(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 hi(e, t) {
+function ui(e, t) {
   const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), s = Math.min(e.maxY, t.maxY);
   return Math.max(0, i - n) * Math.max(0, s - o);
 }
-function nt(e, t) {
+function et(e, t) {
   return e.minX <= t.minX && e.minY <= t.minY && t.maxX <= e.maxX && t.maxY <= e.maxY;
 }
-function Ge(e, t) {
+function Ne(e, t) {
   return t.minX <= e.maxX && t.minY <= e.maxY && t.maxX >= e.minX && t.maxY >= e.minY;
 }
 function Ee(e) {
@@ -3721,83 +3721,83 @@ function Ee(e) {
     maxY: -1 / 0
   };
 }
-function Nt(e, t, n, o, i) {
+function Rt(e, t, n, o, i) {
   const s = [t, n];
   for (; s.length; ) {
     if (n = s.pop(), t = s.pop(), n - t <= o)
       continue;
     const r = t + Math.ceil((n - t) / o / 2) * o;
-    ri(e, r, t, n, i), s.push(t, r, r, n);
+    oi(e, r, t, n, i), s.push(t, r, r, n);
   }
 }
-const gi = () => {
-  const e = new ai(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
+const fi = () => {
+  const e = new si(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
     e.clear(), t.clear();
-  }, i = (c) => {
-    const { minX: g, minY: u, maxX: m, maxY: w } = c.selector.geometry.bounds, b = { minX: g, minY: u, maxX: m, maxY: w, target: c };
-    e.insert(b), t.set(c.annotation, b);
-  }, s = (c) => {
-    const g = t.get(c.annotation);
-    e.remove(g), t.delete(c.annotation);
+  }, i = (u) => {
+    const { minX: m, minY: d, maxX: g, maxY: _ } = u.selector.geometry.bounds, A = { minX: m, minY: d, maxX: g, maxY: _, target: u };
+    e.insert(A), t.set(u.annotation, A);
+  }, s = (u) => {
+    const m = t.get(u.annotation);
+    e.remove(m), t.delete(u.annotation);
   };
   return {
     all: n,
     clear: o,
-    getAt: (c, g) => {
-      const m = e.search({
-        minX: c,
-        minY: g,
-        maxX: c,
-        maxY: g
-      }).map((w) => w.target).filter((w) => w.selector.type === H.RECTANGLE || pn(w.selector, c, g));
-      if (m.length > 0)
-        return m.sort((w, b) => st(w.selector) - st(b.selector)), m[0];
-    },
-    getIntersecting: (c, g, u, m) => e.search({
-      minX: c,
-      minY: g,
-      maxX: c + u,
-      maxY: g + m
-    }).map((w) => w.target),
+    getAt: (u, m) => {
+      const g = e.search({
+        minX: u,
+        minY: m,
+        maxX: u,
+        maxY: m
+      }).map((_) => _.target).filter((_) => _.selector.type === z.RECTANGLE || hn(_.selector, u, m));
+      if (g.length > 0)
+        return g.sort((_, A) => ot(_.selector) - ot(A.selector)), g[0];
+    },
+    getIntersecting: (u, m, d, g) => e.search({
+      minX: u,
+      minY: m,
+      maxX: u + d,
+      maxY: m + g
+    }).map((_) => _.target),
     insert: i,
     remove: s,
-    set: (c, g = !0) => {
-      g && o();
-      const u = c.map((m) => {
-        const { minX: w, minY: b, maxX: _, maxY: p } = m.selector.geometry.bounds;
-        return { minX: w, minY: b, maxX: _, maxY: p, target: m };
+    set: (u, m = !0) => {
+      m && o();
+      const d = u.map((g) => {
+        const { minX: _, minY: A, maxX: w, maxY: y } = g.selector.geometry.bounds;
+        return { minX: _, minY: A, maxX: w, maxY: y, target: g };
       });
-      u.forEach((m) => t.set(m.target.annotation, m)), e.load(u);
+      d.forEach((g) => t.set(g.target.annotation, g)), e.load(d);
     },
     size: () => e.all().length,
-    update: (c, g) => {
-      s(c), i(g);
+    update: (u, m) => {
+      s(u), i(m);
     }
   };
-}, mi = (e) => {
-  const t = Hn(), n = gi(), o = Rn(t, e.pointerSelectAction), i = Pn(t), s = Kn();
+}, di = (e) => {
+  const t = Gn(), n = fi(), o = Bn(t, e.pointerSelectAction), i = In(t), s = qn();
   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: h }) => n.update(d.target, h.target));
+    n.set(l.created.map((c) => c.target), !1), l.deleted.forEach((c) => n.remove(c.target)), l.updated.forEach(({ oldValue: c, newValue: h }) => n.update(c.target, h.target));
   }), {
     store: {
       ...t,
-      getAt: (l, d) => {
-        const h = n.getAt(l, d);
+      getAt: (l, c) => {
+        const h = n.getAt(l, c);
         return h ? t.getAnnotation(h.annotation) : void 0;
       },
-      getIntersecting: (l, d, h, c) => n.getIntersecting(l, d, h, c).map((g) => t.getAnnotation(g.annotation))
+      getIntersecting: (l, c, h, u) => n.getIntersecting(l, c, h, u).map((m) => t.getAnnotation(m.annotation))
     },
     selection: o,
     hover: i,
     viewport: s
   };
-}, pi = (e) => {
-  const t = mi(e);
+}, hi = (e) => {
+  const t = di(e);
   return {
     ...t,
-    store: jn(t.store)
+    store: Fn(t.store)
   };
-}, yi = (e) => {
+}, mi = (e) => {
   let t, n;
   if (e.nodeName === "CANVAS")
     t = e, n = t.getContext("2d", { willReadFrequently: !0 });
@@ -3808,406 +3808,128 @@ const gi = () => {
   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, c = (0.299 * l[0] + 0.587 * l[1] + 0.114 * l[2]) / 255;
+      o += c;
     }
   return o / 81;
-}, _i = (e) => {
-  const t = yi(e), n = t > 0.6 ? "dark" : "light";
+}, gi = (e) => {
+  const t = mi(e), n = t > 0.6 ? "dark" : "light";
   return console.log(`[Annotorious] Image brightness: ${t.toFixed(1)}. Setting ${n} theme.`), n;
-}, Gt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? _i(e) : n), wi = (e) => ({
+}, Ct = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? gi(e) : n), pi = (e) => ({
   ...e,
   drawingEnabled: e.drawingEnabled === void 0 ? !0 : e.drawingEnabled,
   drawingMode: e.drawingMode || "drag",
-  pointerSelectAction: e.pointerSelectAction || Zt.EDIT,
+  pointerSelectAction: e.pointerSelectAction || Kt.EDIT,
   theme: e.theme || "light"
-}), Vt = navigator.userAgent.indexOf("Mac OS X") !== -1, bi = (e, t) => {
+}), Ut = navigator.userAgent.indexOf("Mac OS X") !== -1, yi = (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 = () => {
-    Vt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
+    Ut ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
   };
-  return Vt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
+  return Ut ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
     destroy: s
   };
 };
-const Gi = (e, t = {}) => {
+const Ei = (e, t = {}) => {
   if (!e)
     throw "Missing argument: image";
-  const n = typeof e == "string" ? document.getElementById(e) : e, o = wi(t), i = pi(o), { selection: s, store: r } = i, a = Jn(r), l = Zn(
+  const n = typeof e == "string" ? document.getElementById(e) : e, o = pi(t), i = hi(o), { selection: s, store: r } = i, a = jn(r), l = Kn(
     i,
     a,
     o.adapter,
     o.autoSave
-  ), d = document.createElement("DIV");
-  d.style.position = "relative", d.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(d, n), d.appendChild(n);
-  const h = bi(a);
-  let c = oo();
-  Gt(n, d, o.theme);
-  const g = new si({
-    target: d,
+  ), c = document.createElement("DIV");
+  c.style.position = "relative", c.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(c, n), c.appendChild(n);
+  const h = yi(a);
+  let u = eo();
+  Ct(n, c, o.theme);
+  const m = new ni({
+    target: c,
     props: {
       drawingEnabled: o.drawingEnabled,
       image: n,
       preferredDrawingMode: o.drawingMode,
       state: i,
       style: o.style,
-      user: c
+      user: u
     }
   });
-  g.$on("click", (y) => {
-    const { originalEvent: T, annotation: E } = y.detail;
-    E ? s.clickSelect(E.id, T) : s.isEmpty() || s.clear();
+  m.$on("click", (p) => {
+    const { originalEvent: E, annotation: b } = p.detail;
+    b ? s.clickSelect(b.id, E) : s.isEmpty() || s.clear();
   });
-  const u = xn(i, a, o.adapter), m = () => {
-    g.$destroy(), d.parentNode.insertBefore(n, d), d.parentNode.removeChild(d), h.destroy(), a.destroy();
-  }, w = () => c, b = (y, T, E) => Uo(y, T, E), _ = (y, T) => _o(y, T), p = (y) => {
-    if (!en(y))
-      throw `No drawing tool named ${y}`;
-    g.$set({ toolName: y });
-  }, A = (y) => g.$set({ drawingEnabled: y }), S = (y) => {
+  const d = Jn(i, a, o.adapter), g = () => {
+    m.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), h.destroy(), a.destroy();
+  }, _ = () => u, A = (p, E, b) => Yo(p, E, b), w = (p, E) => go(p, E), y = (p) => {
+    if (!Qt(p))
+      throw `No drawing tool named ${p}`;
+    m.$set({ toolName: p });
+  }, T = (p) => m.$set({ drawingEnabled: p }), S = (p) => {
     console.warn("Filter not implemented yet");
-  }, C = (y) => g.$set({ style: y }), R = (y) => Gt(n, d, y), X = (y) => {
-    c = y, g.$set({ user: y });
+  }, P = (p) => m.$set({ style: p }), X = (p) => Ct(n, c, p), U = (p) => {
+    u = p, m.$set({ user: p });
   };
   return {
-    ...u,
-    destroy: m,
-    getUser: w,
-    listDrawingTools: rt,
+    ...d,
+    destroy: g,
+    getUser: _,
+    listDrawingTools: it,
     on: l.on,
     off: l.off,
-    registerDrawingTool: b,
-    registerShapeEditor: _,
-    setDrawingEnabled: A,
-    setDrawingTool: p,
+    registerDrawingTool: A,
+    registerShapeEditor: w,
+    setDrawingEnabled: T,
+    setDrawingTool: y,
     setFilter: S,
-    setStyle: C,
-    setTheme: R,
-    setUser: X,
+    setStyle: P,
+    setTheme: X,
+    setUser: U,
     state: i
   };
 };
-var Ei = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(Ei || {});
-const Vi = (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);
-}, zi = (e, t, n, o) => ({
-  id: dt(),
-  annotation: e.id,
-  created: n || /* @__PURE__ */ new Date(),
-  creator: o,
-  ...t
-});
-var zt = Object.prototype.hasOwnProperty;
-function He(e, t) {
-  var n, o;
-  if (e === t)
-    return !0;
-  if (e && t && (n = e.constructor) === t.constructor) {
-    if (n === Date)
-      return e.getTime() === t.getTime();
-    if (n === RegExp)
-      return e.toString() === t.toString();
-    if (n === Array) {
-      if ((o = e.length) === t.length)
-        for (; o-- && He(e[o], t[o]); )
-          ;
-      return o === -1;
-    }
-    if (!n || typeof e == "object") {
-      o = 0;
-      for (n in e)
-        if (zt.call(e, n) && ++o && !zt.call(t, n) || !(n in t) || !He(e[n], t[n]))
-          return !1;
-      return Object.keys(t).length === o;
-    }
-  }
-  return e !== e && t !== t;
-}
-const Ai = (e, t) => {
-  const n = new Set(e.bodies.map((o) => o.id));
-  return t.bodies.filter((o) => !n.has(o.id));
-}, Ti = (e, t) => {
-  const n = new Set(t.bodies.map((o) => o.id));
-  return e.bodies.filter((o) => !n.has(o.id));
-}, Si = (e, t) => t.bodies.map((n) => {
-  const o = e.bodies.find((i) => i.id === n.id);
-  return { newBody: n, oldBody: o && !He(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n), Mi = (e, t) => !He(e.target, t.target), Fi = (e, t) => {
-  const n = Ai(e, t), o = Ti(e, t), i = Si(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: Mi(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
-  };
-};
-var ke = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(ke || {});
-let vi = () => ({
-  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 Hi = (e) => (t) => t.map((n) => e.serialize(n)), Oi = (e) => (t) => t.reduce((n, o) => {
-  const { parsed: i, error: s } = e.parse(o);
-  return s ? {
-    parsed: n.parsed,
-    failed: [...n.failed, o]
-  } : {
-    parsed: [...n.parsed, i],
-    failed: n.failed
-  };
-}, { parsed: [], failed: [] }), ji = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (b) => {
-    if (n) {
-      const { parsed: _, error: p } = n.parse(b);
-      _ ? o.addAnnotation(_, ke.REMOTE) : console.error(p);
-    } else
-      o.addAnnotation(b, ke.REMOTE);
-  }, r = () => i.clear(), a = () => o.clear(), l = (b) => {
-    const _ = o.getAnnotation(b);
-    return n && _ ? n.serialize(_) : _;
-  }, d = () => n ? o.all().map(n.serialize) : o.all(), h = () => {
-    var p;
-    const _ = (((p = i.selected) == null ? void 0 : p.map((A) => A.id)) || []).map((A) => o.getAnnotation(A));
-    return n ? _.map(n.serialize) : _;
-  }, c = (b) => fetch(b).then((_) => _.json()).then((_) => (u(_), _)), g = (b) => {
-    if (typeof b == "string") {
-      const _ = o.getAnnotation(b);
-      return o.deleteAnnotation(b), n ? n.serialize(_) : _;
-    } else {
-      const _ = n ? n.parse(b).parsed : b;
-      return o.deleteAnnotation(_), b;
-    }
-  }, u = (b) => {
-    if (n) {
-      const { parsed: _, failed: p } = Oi(n)(b);
-      p.length > 0 && console.warn(`Discarded ${p.length} invalid annotations`, p), o.bulkAddAnnotation(_, !0, ke.REMOTE);
-    } else
-      o.bulkAddAnnotation(b, !0, ke.REMOTE);
-  }, m = (b) => {
-    b ? i.setSelected(b) : i.clear();
-  }, w = (b) => {
-    if (n) {
-      const _ = n.parse(b).parsed, p = n.serialize(o.getAnnotation(_.id));
-      return o.updateAnnotation(_), p;
-    } else {
-      const _ = o.getAnnotation(b.id);
-      return o.updateAnnotation(b), _;
-    }
-  };
-  return {
-    addAnnotation: s,
-    cancelSelected: r,
-    canRedo: t.canRedo,
-    canUndo: t.canUndo,
-    clearAnnotations: a,
-    getAnnotationById: l,
-    getAnnotations: d,
-    getSelected: h,
-    loadAnnotations: c,
-    redo: t.redo,
-    removeAnnotation: g,
-    setAnnotations: u,
-    setSelected: m,
-    undo: t.undo,
-    updateAnnotation: w
-  };
-};
-let Li = (e) => crypto.getRandomValues(new Uint8Array(e)), ki = (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 = "";
-    for (; ; ) {
-      let a = n(i), l = i;
-      for (; l--; )
-        if (r += e[a[l] & o] || "", r.length === s)
-          return r;
-    }
-  };
-}, Bi = (e, t = 21) => ki(e, t, Li), Ii = (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 qi = () => ({ isGuest: !0, id: Bi("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Ci = (e) => {
-  const t = JSON.stringify(e);
-  let n = 0;
-  for (let o = 0, i = t.length; o < i; o++) {
-    let s = t.charCodeAt(o);
-    n = (n << 5) - n + s, n |= 0;
-  }
-  return `${n}`;
-}, Wi = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
-  const { id: o, type: i, purpose: s, value: r, created: a, creator: l, ...d } = n;
-  return {
-    id: o || `temp-${Ci(n)}`,
-    annotation: t,
-    type: i,
-    purpose: s,
-    value: r,
-    created: a,
-    creator: l ? typeof l == "object" ? { ...l } : l : void 0,
-    ...d
-  };
-}), Ji = (e) => e.map((t) => {
-  var o;
-  const n = { ...t };
-  return delete n.annotation, (o = n.id) != null && o.startsWith("temp-") && delete n.id, n;
-}), Pi = [
-  "#ff7c00",
-  // orange
-  "#1ac938",
-  // green
-  "#e8000b",
-  // red
-  "#8b2be2",
-  // purple
-  "#9f4800",
-  // brown
-  "#f14cc1",
-  // pink
-  "#ffc400",
-  // khaki
-  "#00d7ff",
-  // cyan
-  "#023eff"
-  // blue
-], Ri = () => {
-  const e = [...Pi];
-  return { assignRandomColor: () => {
-    const o = Math.floor(Math.random() * e.length), i = e[o];
-    return e.splice(o, 1), i;
-  }, releaseColor: (o) => e.push(o) };
-}, Yi = () => {
-  const e = Ri();
-  return { addUser: (o, i) => {
-    const s = e.assignRandomColor();
-    return {
-      label: i.name || i.id,
-      avatar: i.avatar,
-      color: s
-    };
-  }, removeUser: (o) => e.releaseColor(o.appearance.color) };
-}, Ui = (e, t) => e.every((n) => e.includes(n)) && t.every((n) => e.includes(n)), Ki = Ii(), Zi = (e = Yi()) => {
-  const t = vi(), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), i = (c, g) => {
-    if (n.has(c)) {
-      console.warn("Attempt to add user that is already present", c, g);
-      return;
-    }
-    const u = e.addUser(c, g);
-    n.set(c, {
-      ...g,
-      presenceKey: c,
-      appearance: u
-    });
-  }, s = (c) => {
-    const g = n.get(c);
-    if (!g) {
-      console.warn("Attempt to remove user that is not present", c);
-      return;
-    }
-    e.removeUser(g), n.delete(c);
-  }, r = (c) => {
-    const g = new Set(c.map((w) => w.presenceKey)), u = c.filter(({ presenceKey: w }) => !n.has(w)), m = Array.from(n.values()).filter((w) => !g.has(w.presenceKey));
-    u.forEach(({ presenceKey: w, user: b }) => i(w, b)), m.forEach((w) => {
-      const { presenceKey: b } = w;
-      o.has(b) && t.emit("selectionChange", w, null), s(b);
-    }), (u.length > 0 || m.length > 0) && t.emit("presence", d());
-  }, a = (c, g) => {
-    const u = n.get(c);
-    if (!u) {
-      console.warn("Activity notification from user that is not present");
-      return;
-    }
-    const m = o.get(c);
-    (!m || !Ui(m, g)) && (o.set(c, g), t.emit("selectionChange", u, g));
-  }, l = (c, g) => {
-    const u = n.get(c);
-    if (!u) {
-      console.warn("Selection change for user that is not present", c);
-      return;
-    }
-    g ? o.set(c, g) : o.delete(c), t.emit("selectionChange", u, g);
-  }, d = () => [...Array.from(n.values())];
-  return {
-    getPresentUsers: d,
-    notifyActivity: a,
-    on: (c, g) => t.on(c, g),
-    syncUsers: r,
-    updateSelection: l
-  };
-};
 export {
-  $t as Editor,
-  To as EditorMount,
-  O as Handle,
-  Ni as IdentityTransform,
-  ke as Origin,
-  Ki as PRESENCE_KEY,
-  Ei as PointerSelectAction,
-  ho as PolygonEditor,
-  yo as RectangleEditor,
-  wn as RectangleUtil,
-  Lo as RubberbandRectangle,
-  si as SVGAnnotationLayer,
-  H as ShapeType,
-  Mo as ToolMount,
-  Di as W3CImageFormat,
-  Zo as addEventListeners,
+  Zt as Editor,
+  bo as EditorMount,
+  L as Handle,
+  bi as IdentityTransform,
+  co as PolygonEditor,
+  mo as RectangleEditor,
+  pn as RectangleUtil,
+  Mo as RubberbandRectangle,
+  ni as SVGAnnotationLayer,
+  z as ShapeType,
+  Ao as ToolMount,
+  _i as W3CImageFormat,
+  Ko as addEventListeners,
   Fe as boundsFromPoints,
-  st as computeArea,
-  qi as createAnonymousGuest,
-  ji as createBaseAnnotator,
-  zi as createBody,
-  Yi as createDefaultAppearenceProvider,
-  Gi as createImageAnnotator,
-  mi as createImageAnnotatorState,
-  Zi as createPresenceState,
-  Jo as createSVGTransform,
-  pi as createSvelteImageAnnotatorState,
-  Ri as defaultColorProvider,
-  _i as detectTheme,
-  Fi as diffAnnotations,
-  xe as distance,
-  Io as enableResponsive,
-  wi as fillDefaults,
-  Vi as getContributors,
-  Mt as getEditor,
-  en as getTool,
-  bi as initKeyboardCommands,
-  pn as intersects,
-  Xi as isTouch,
-  rt as listDrawingTools,
-  Oi as parseAll,
-  bn as parseFragmentSelector,
-  vn as parseSVGSelector,
-  Wi as parseW3CBodies,
-  lo as parseW3CImageAnnotation,
-  _o as registerEditor,
-  ct as registerShapeUtil,
-  Uo as registerTool,
-  yi as sampleBrightness,
-  Hi as serializeAll,
-  En as serializeFragmentSelector,
-  On as serializeSVGSelector,
-  Ji as serializeW3CBodies,
-  ao as serializeW3CImageAnnotation,
-  Gt as setTheme
+  ot as computeArea,
+  Ei as createImageAnnotator,
+  di as createImageAnnotatorState,
+  jo as createSVGTransform,
+  hi as createSvelteImageAnnotatorState,
+  gi as detectTheme,
+  Ze as distance,
+  Oo as enableResponsive,
+  pi as fillDefaults,
+  At as getEditor,
+  Qt as getTool,
+  yi as initKeyboardCommands,
+  hn as intersects,
+  wi as isTouch,
+  it as listDrawingTools,
+  yn as parseFragmentSelector,
+  Tn as parseSVGSelector,
+  io as parseW3CImageAnnotation,
+  go as registerEditor,
+  lt as registerShapeUtil,
+  Yo as registerTool,
+  mi as sampleBrightness,
+  _n as serializeFragmentSelector,
+  Sn as serializeSVGSelector,
+  so as serializeW3CImageAnnotation,
+  Ct as setTheme
 };
 //# sourceMappingURL=annotorious.es.js.map