npm - @annotorious/annotorious - Versions diffs - 3.0.0-rc.5 → 3.0.0-rc.7 - Mend

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

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

Files changed (9) hide show

package/dist/Annotorious.d.ts +1 -1
package/dist/Annotorious.d.ts.map +1 -1
package/dist/annotorious.es.js +873 -871
package/dist/annotorious.es.js.map +1 -1
package/dist/annotorious.js +1 -1
package/dist/annotorious.js.map +1 -1
package/package.json +1 -1
package/src/Annotorious.ts +8 -5
package/src/annotation/SVGAnnotationLayer.svelte +5 -3

package/dist/annotorious.es.js CHANGED Viewed

@@ -1,47 +1,47 @@
-function V() {
+function z() {
 }
-function tn(e, t) {
+function nn(e, t) {
   for (const n in t)
     e[n] = t[n];
   return e;
 }
-function zt(e) {
+function Ft(e) {
   return e();
 }
-function ht() {
+function gt() {
   return /* @__PURE__ */ Object.create(null);
 }
-function re(e) {
-  e.forEach(zt);
+function ie(e) {
+  e.forEach(Ft);
 }
-function H(e) {
+function j(e) {
   return typeof e == "function";
 }
-function Z(e, t) {
+function K(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
-function nn(e) {
+function on(e) {
   return Object.keys(e).length === 0;
 }
-function Ft(e, ...t) {
+function Ht(e, ...t) {
   if (e == null)
-    return V;
+    return z;
   const n = e.subscribe(...t);
   return n.unsubscribe ? () => n.unsubscribe() : n;
 }
-function gt(e, t, n) {
-  e.$$.on_destroy.push(Ft(t, n));
+function mt(e, t, n) {
+  e.$$.on_destroy.push(Ht(t, n));
 }
-function on(e, t, n, o) {
+function sn(e, t, n, o) {
   if (e) {
-    const i = Ht(e, t, n, o);
+    const i = jt(e, t, n, o);
     return e[0](i);
   }
 }
-function Ht(e, t, n, o) {
-  return e[1] && o ? tn(n.ctx.slice(), e[1](o(t))) : n.ctx;
+function jt(e, t, n, o) {
+  return e[1] && o ? nn(n.ctx.slice(), e[1](o(t))) : n.ctx;
 }
-function sn(e, t, n, o) {
+function rn(e, t, n, o) {
   if (e[2] && o) {
     const i = e[2](o(n));
     if (t.dirty === void 0)
@@ -56,13 +56,13 @@ function sn(e, t, n, o) {
   }
   return t.dirty;
 }
-function rn(e, t, n, o, i, s) {
+function ln(e, t, n, o, i, s) {
   if (i) {
-    const r = Ht(t, n, o, s);
+    const r = jt(t, n, o, s);
     e.p(r, i);
   }
 }
-function ln(e) {
+function an(e) {
   if (e.ctx.length > 32) {
     const t = [], n = e.ctx.length / 32;
     for (let o = 0; o < n; o++)
@@ -71,30 +71,30 @@ function ln(e) {
   }
   return -1;
 }
-function ae(e, t) {
+function re(e, t) {
   e.appendChild(t);
 }
-function k(e, t, n) {
+function B(e, t, n) {
   e.insertBefore(t, n || null);
 }
-function L(e) {
+function k(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
-function rt(e, t) {
+function lt(e, t) {
   for (let n = 0; n < e.length; n += 1)
     e[n] && e[n].d(t);
 }
 function U(e) {
   return document.createElementNS("http://www.w3.org/2000/svg", e);
 }
-function jt(e) {
+function qt(e) {
   return document.createTextNode(e);
 }
-function ee() {
-  return jt(" ");
+function $() {
+  return qt(" ");
 }
-function le() {
-  return jt("");
+function se() {
+  return qt("");
 }
 function W(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
@@ -102,34 +102,34 @@ function W(e, t, n, o) {
 function f(e, t, n) {
   n == null ? e.removeAttribute(t) : e.getAttribute(t) !== n && e.setAttribute(t, n);
 }
-function an(e) {
+function cn(e) {
   return Array.from(e.childNodes);
 }
-function mt(e, t, n) {
+function pt(e, t, n) {
   e.classList[n ? "add" : "remove"](t);
 }
-function cn(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
+function dn(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
   const i = document.createEvent("CustomEvent");
   return i.initCustomEvent(e, n, o, t), i;
 }
-let Ce;
-function Ie(e) {
-  Ce = e;
+let Ie;
+function Be(e) {
+  Ie = e;
 }
-function qt() {
-  if (!Ce)
+function Wt() {
+  if (!Ie)
     throw new Error("Function called outside component initialization");
-  return Ce;
+  return Ie;
 }
-function Pe(e) {
-  qt().$$.on_mount.push(e);
+function Ce(e) {
+  Wt().$$.on_mount.push(e);
 }
-function ve() {
-  const e = qt();
+function Se() {
+  const e = Wt();
   return (t, n, { cancelable: o = !1 } = {}) => {
     const i = e.$$.callbacks[t];
     if (i) {
-      const s = cn(t, n, { cancelable: o });
+      const s = dn(t, n, { cancelable: o });
       return i.slice().forEach((r) => {
         r.call(e, s);
       }), !s.defaultPrevented;
@@ -137,112 +137,112 @@ function ve() {
     return !0;
   };
 }
-function Te(e, t) {
+function Ae(e, t) {
   const n = e.$$.callbacks[t.type];
   n && n.slice().forEach((o) => o.call(this, t));
 }
-const Ee = [], ze = [];
-let Se = [];
-const pt = [], dn = /* @__PURE__ */ Promise.resolve();
+const be = [], ze = [];
+let Te = [];
+const yt = [], un = /* @__PURE__ */ Promise.resolve();
 let ot = !1;
-function un() {
-  ot || (ot = !0, dn.then(Wt));
+function fn() {
+  ot || (ot = !0, un.then(Jt));
 }
 function it(e) {
-  Se.push(e);
+  Te.push(e);
 }
 const Ke = /* @__PURE__ */ new Set();
-let ye = 0;
-function Wt() {
-  if (ye !== 0)
+let pe = 0;
+function Jt() {
+  if (pe !== 0)
     return;
-  const e = Ce;
+  const e = Ie;
   do {
     try {
-      for (; ye < Ee.length; ) {
-        const t = Ee[ye];
-        ye++, Ie(t), fn(t.$$);
+      for (; pe < be.length; ) {
+        const t = be[pe];
+        pe++, Be(t), hn(t.$$);
       }
     } catch (t) {
-      throw Ee.length = 0, ye = 0, t;
+      throw be.length = 0, pe = 0, t;
     }
-    for (Ie(null), Ee.length = 0, ye = 0; ze.length; )
+    for (Be(null), be.length = 0, pe = 0; ze.length; )
       ze.pop()();
-    for (let t = 0; t < Se.length; t += 1) {
-      const n = Se[t];
+    for (let t = 0; t < Te.length; t += 1) {
+      const n = Te[t];
       Ke.has(n) || (Ke.add(n), n());
     }
-    Se.length = 0;
-  } while (Ee.length);
-  for (; pt.length; )
-    pt.pop()();
-  ot = !1, Ke.clear(), Ie(e);
+    Te.length = 0;
+  } while (be.length);
+  for (; yt.length; )
+    yt.pop()();
+  ot = !1, Ke.clear(), Be(e);
 }
-function fn(e) {
+function hn(e) {
   if (e.fragment !== null) {
-    e.update(), re(e.before_update);
+    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);
   }
 }
-function hn(e) {
+function gn(e) {
   const t = [], n = [];
-  Se.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), Se = t;
+  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 fe;
-function ie() {
-  fe = {
+let ue;
+function ne() {
+  ue = {
     r: 0,
     c: [],
-    p: fe
+    p: ue
     // parent group
   };
 }
-function se() {
-  fe.r || re(fe.c), fe = fe.p;
+function oe() {
+  ue.r || ie(ue.c), ue = ue.p;
 }
 function D(e, t) {
   e && e.i && (Ve.delete(e), e.i(t));
 }
-function X(e, t, n, o) {
+function N(e, t, n, o) {
   if (e && e.o) {
     if (Ve.has(e))
       return;
-    Ve.add(e), fe.c.push(() => {
+    Ve.add(e), ue.c.push(() => {
       Ve.delete(e), o && (n && e.d(1), o());
     }), e.o(t);
   } else
     o && o();
 }
-function ge(e) {
+function he(e) {
   e && e.c();
 }
-function ce(e, t, n, o) {
+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(zt).filter(H);
-    e.$$.on_destroy ? e.$$.on_destroy.push(...r) : re(r), e.$$.on_mount = [];
+    const r = e.$$.on_mount.map(Ft).filter(j);
+    e.$$.on_destroy ? e.$$.on_destroy.push(...r) : ie(r), e.$$.on_mount = [];
   }), s.forEach(it);
 }
-function de(e, t) {
+function ae(e, t) {
   const n = e.$$;
-  n.fragment !== null && (hn(n.after_update), re(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
+  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 = []);
 }
-function gn(e, t) {
-  e.$$.dirty[0] === -1 && (Ee.push(e), un(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
+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 te(e, t, n, o, i, s, r, a = [-1]) {
-  const l = Ce;
-  Ie(e);
+function ee(e, t, n, o, i, s, r, a = [-1]) {
+  const l = Ie;
+  Be(e);
   const d = e.$$ = {
     fragment: null,
     ctx: [],
     // state
     props: s,
-    update: V,
+    update: z,
     not_equal: i,
-    bound: ht(),
+    bound: gt(),
     // lifecycle
     on_mount: [],
     on_destroy: [],
@@ -251,7 +251,7 @@ function te(e, t, n, o, i, s, r, a = [-1]) {
     after_update: [],
     context: new Map(t.context || (l ? l.$$.context : [])),
     // everything else
-    callbacks: ht(),
+    callbacks: gt(),
     dirty: a,
     skip_bound: !1,
     root: t.target || l.$$.root
@@ -260,24 +260,24 @@ function te(e, t, n, o, i, s, r, a = [-1]) {
   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 && gn(e, c)), g;
-  }) : [], d.update(), h = !0, re(d.before_update), d.fragment = o ? o(d.ctx) : !1, t.target) {
+    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 (t.hydrate) {
-      const c = an(t.target);
-      d.fragment && d.fragment.l(c), c.forEach(L);
+      const c = cn(t.target);
+      d.fragment && d.fragment.l(c), c.forEach(k);
     } else
       d.fragment && d.fragment.c();
-    t.intro && D(e.$$.fragment), ce(e, t.target, t.anchor, t.customElement), Wt();
+    t.intro && D(e.$$.fragment), le(e, t.target, t.anchor, t.customElement), Jt();
   }
-  Ie(l);
+  Be(l);
 }
-class ne {
+class te {
   $destroy() {
-    de(this, 1), this.$destroy = V;
+    ae(this, 1), this.$destroy = z;
   }
   $on(t, n) {
-    if (!H(n))
-      return V;
+    if (!j(n))
+      return z;
     const o = this.$$.callbacks[t] || (this.$$.callbacks[t] = []);
     return o.push(n), () => {
       const i = o.indexOf(n);
@@ -285,24 +285,24 @@ class ne {
     };
   }
   $set(t) {
-    this.$$set && !nn(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
+    this.$$set && !on(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
   }
 }
-var F = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(F || {});
-const lt = {}, at = (e, t) => lt[e] = t, st = (e) => lt[e.type].area(e), mn = (e, t, n) => lt[e.type].intersects(e, t, n), Fe = (e) => {
+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) => {
   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 };
-}, pn = {
+}, yn = {
   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;
   }
 };
-at(F.ELLIPSE, pn);
-const yn = {
+ct(H.ELLIPSE, yn);
+const _n = {
   area: (e) => {
     const { points: t } = e.geometry;
     let n = 0, o = t.length - 1;
@@ -320,13 +320,13 @@ const yn = {
     return i;
   }
 };
-at(F.POLYGON, yn);
-const _n = {
+ct(H.POLYGON, _n);
+const wn = {
   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
 };
-at(F.RECTANGLE, _n);
-const wn = (e, t = !1) => {
+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;
   if (r !== "xywh")
     throw new Error("Unsupported MediaFragment: " + n);
@@ -334,7 +334,7 @@ const wn = (e, t = !1) => {
     throw new Error(`Unsupported MediaFragment unit: ${a}`);
   const [g, u, m, w] = [l, d, h, c].map(parseFloat);
   return {
-    type: F.RECTANGLE,
+    type: H.RECTANGLE,
     geometry: {
       x: g,
       y: u,
@@ -348,47 +348,47 @@ const wn = (e, t = !1) => {
       }
     }
   };
-}, bn = (e) => {
+}, En = (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}`
   };
-}, Jt = "http://www.w3.org/2000/svg", yt = (e) => {
+}, Kt = "http://www.w3.org/2000/svg", _t = (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;
-}, En = (e) => {
-  const o = new XMLSerializer().serializeToString(e.documentElement).replace("<svg>", `<svg xmlns="${Jt}">`);
-  return new DOMParser().parseFromString(o, "image/svg+xml").documentElement;
 }, An = (e) => {
-  const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix(Jt), i = n.lookupNamespaceURI(null);
-  return o || i ? yt(n).firstChild : yt(En(n)).firstChild;
+  const o = new XMLSerializer().serializeToString(e.documentElement).replace("<svg>", `<svg xmlns="${Kt}">`);
+  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) => {
   const [t, n, o] = e.match(/(<polygon points=["|'])([^("|')]*)/) || [];
   if (!o)
     return;
   const i = o.split(" ").map((s) => s.split(",").map(parseFloat));
   return {
-    type: F.POLYGON,
+    type: H.POLYGON,
     geometry: {
       points: i,
       bounds: Fe(i)
     }
   };
-}, Sn = (e) => {
-  const t = An(e), n = parseFloat(t.getAttribute("cx")), o = parseFloat(t.getAttribute("cy")), i = parseFloat(t.getAttribute("rx")), s = parseFloat(t.getAttribute("ry")), r = {
+}, 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 = {
     minX: n - i,
     minY: o - s,
     maxX: n + i,
     maxY: o + s
   };
   return {
-    type: F.ELLIPSE,
+    type: H.ELLIPSE,
     geometry: {
       cx: n,
       cy: o,
@@ -400,15 +400,15 @@ const wn = (e, t = !1) => {
 }, vn = (e) => {
   const t = typeof e == "string" ? e : e.value;
   if (t.includes("<polygon points="))
-    return Tn(t);
-  if (t.includes("<ellipse "))
     return Sn(t);
-}, Mn = (e) => {
+  if (t.includes("<ellipse "))
+    return Mn(t);
+}, On = (e) => {
   let t;
-  if (e.type === F.POLYGON) {
+  if (e.type === H.POLYGON) {
     const n = e.geometry, { points: o } = n;
     t = `<svg><polygon points="${o.map((i) => i.join(",")).join(" ")}" /></svg>`;
-  } else if (e.type === F.ELLIPSE) {
+  } else if (e.type === H.ELLIPSE) {
     const n = e.geometry;
     t = `<svg><ellipse cx="${n.cx}" cy="${n.cy}" rx="${n.rx}" ry="${n.ry}" /></svg>`;
   }
@@ -417,36 +417,36 @@ const wn = (e, t = !1) => {
   throw `Unsupported shape type: ${e.type}`;
 };
 let Xe;
-const On = new Uint8Array(16);
-function Ln() {
+const Ln = new Uint8Array(16);
+function kn() {
   if (!Xe && (Xe = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Xe))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Xe(On);
+  return Xe(Ln);
 }
 const q = [];
 for (let e = 0; e < 256; ++e)
   q.push((e + 256).toString(16).slice(1));
-function kn(e, t = 0) {
+function Bn(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 Bn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), _t = {
-  randomUUID: Bn
+const In = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), wt = {
+  randomUUID: In
 };
-function ct(e, t, n) {
-  if (_t.randomUUID && !t && !e)
-    return _t.randomUUID();
+function dt(e, t, n) {
+  if (wt.randomUUID && !t && !e)
+    return wt.randomUUID();
   e = e || {};
-  const o = e.random || (e.rng || Ln)();
+  const o = e.random || (e.rng || kn)();
   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 kn(o);
+  return Bn(o);
 }
-var wt = Object.prototype.hasOwnProperty;
-function he(e, t) {
+var bt = Object.prototype.hasOwnProperty;
+function fe(e, t) {
   var n, o;
   if (e === t)
     return !0;
@@ -457,14 +457,14 @@ function he(e, t) {
       return e.toString() === t.toString();
     if (n === Array) {
       if ((o = e.length) === t.length)
-        for (; o-- && he(e[o], t[o]); )
+        for (; o-- && fe(e[o], t[o]); )
           ;
       return o === -1;
     }
     if (!n || typeof e == "object") {
       o = 0;
       for (n in e)
-        if (wt.call(e, n) && ++o && !wt.call(t, n) || !(n in t) || !he(e[n], t[n]))
+        if (bt.call(e, n) && ++o && !bt.call(t, n) || !(n in t) || !fe(e[n], t[n]))
           return !1;
       return Object.keys(t).length === o;
     }
@@ -473,22 +473,22 @@ function he(e, t) {
 }
 function Ze() {
 }
-function In(e, t) {
+function Cn(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
-const _e = [];
-function dt(e, t = Ze) {
+const ye = [];
+function ut(e, t = Ze) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(a) {
-    if (In(e, a) && (e = a, n)) {
-      const l = !_e.length;
+    if (Cn(e, a) && (e = a, n)) {
+      const l = !ye.length;
       for (const d of o)
-        d[1](), _e.push(d, e);
+        d[1](), ye.push(d, e);
       if (l) {
-        for (let d = 0; d < _e.length; d += 2)
-          _e[d][0](_e[d + 1]);
-        _e.length = 0;
+        for (let d = 0; d < ye.length; d += 2)
+          ye[d][0](ye[d + 1]);
+        ye.length = 0;
       }
     }
   }
@@ -503,8 +503,8 @@ function dt(e, t = Ze) {
   }
   return { set: i, update: s, subscribe: r };
 }
-const Cn = (e) => {
-  const { subscribe: t, set: n } = dt(null);
+const Pn = (e) => {
+  const { subscribe: t, set: n } = ut(null);
   let o = null;
   return t((i) => o = i), e.observe(({ changes: i }) => {
     if (o) {
@@ -520,9 +520,9 @@ const Cn = (e) => {
     set: n
   };
 };
-var Kt = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(Kt || {});
-const Qe = { selected: [] }, Pn = (e, t = "EDIT") => {
-  const { subscribe: n, set: o } = dt(Qe);
+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 = () => {
@@ -536,7 +536,7 @@ const Qe = { selected: [] }, Pn = (e, t = "EDIT") => {
   }, l = (c, g) => {
     const u = e.getAnnotation(c);
     if (u) {
-      const m = Rn(u, t);
+      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 });
     } else
       console.warn("Invalid selection: " + c);
@@ -563,32 +563,32 @@ const Qe = { selected: [] }, Pn = (e, t = "EDIT") => {
     setSelected: d,
     subscribe: n
   };
-}, Rn = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", Yn = [];
+}, Yn = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", Un = [];
 for (let e = 0; e < 256; ++e)
-  Yn.push((e + 256).toString(16).slice(1));
+  Un.push((e + 256).toString(16).slice(1));
 typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Un = (e, t) => {
+const Dn = (e, t) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
-}, Dn = (e, t) => {
+}, Xn = (e, t) => {
   const n = new Set(t.bodies.map((o) => o.id));
   return e.bodies.filter((o) => !n.has(o.id));
-}, Xn = (e, t) => t.bodies.map((n) => {
+}, Nn = (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), Nn = (e, t) => !he(e.target, t.target), Zt = (e, t) => {
-  const n = Un(e, t), o = Dn(e, t), i = Xn(e, t);
+  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 {
     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: Nn(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
+    targetUpdated: Gn(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
 var G = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(G || {});
-const Gn = (e, t) => {
+const Vn = (e, t) => {
   var n, o;
   const { changes: i, origin: s } = t;
   if (!(!e.options.origin || e.options.origin === s))
@@ -610,7 +610,7 @@ const Gn = (e, t) => {
     return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((a) => r.has(a));
   } else
     return !0;
-}, Vn = (e, t) => {
+}, 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),
     ...t.created || []
@@ -622,58 +622,58 @@ const Gn = (e, t) => {
       const { oldValue: g, newValue: u } = c;
       if (r.has(u.id)) {
         const m = t.updated.find((w) => w.oldValue.id === u.id).newValue;
-        return Zt(g, m);
+        return Qt(g, m);
       } else
         return c;
     }),
     ...(t.updated || []).filter(({ oldValue: c }) => !a.has(c.id))
   ];
   return { created: l, deleted: d, updated: h };
-}, zn = (e) => e.id !== void 0, Fn = () => {
-  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (y, A = {}) => n.push({ onChange: y, options: A }), i = (y) => {
-    const A = n.findIndex((E) => E.onChange == y);
-    A > -1 && n.splice(A, 1);
-  }, s = (y, A) => {
+}, 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,
       changes: {
-        created: A.created || [],
-        updated: A.updated || [],
-        deleted: A.deleted || []
+        created: T.created || [],
+        updated: T.updated || [],
+        deleted: T.deleted || []
       },
       state: [...e.values()]
     };
     n.forEach((v) => {
-      Gn(v, E) && v.onChange(E);
+      Vn(v, E) && v.onChange(E);
     });
-  }, r = (y, A = G.LOCAL) => {
+  }, 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(A, { created: [y] });
-  }, a = (y, A) => {
-    const E = typeof y == "string" ? A : y, v = typeof y == "string" ? y : y.id, B = e.get(v);
-    if (B) {
-      const Y = Zt(B, E);
-      return v === E.id ? e.set(v, E) : (e.delete(v), e.set(E.id, E)), B.bodies.forEach((Q) => t.delete(Q.id)), E.bodies.forEach((Q) => t.set(Q.id, E.id)), Y;
+    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;
     } else
       console.warn(`Cannot update annotation ${v} - does not exist`);
-  }, l = (y, A = G.LOCAL, E = G.LOCAL) => {
-    const v = zn(A) ? E : A, B = a(y, A);
-    B && s(v, { updated: [B] });
-  }, d = (y, A = G.LOCAL) => {
-    const E = y.reduce((v, B) => {
-      const Y = a(B);
+  }, 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;
     }, []);
-    E.length > 0 && s(A, { updated: E });
-  }, h = (y, A = G.LOCAL) => {
+    E.length > 0 && s(T, { updated: E });
+  }, h = (y, T = G.LOCAL) => {
     const E = e.get(y.annotation);
     if (E) {
       const v = {
         ...E,
         bodies: [...E.bodies, y]
       };
-      e.set(E.id, v), t.set(y.id, v.id), s(A, { updated: [{
+      e.set(E.id, v), t.set(y.id, v.id), s(T, { updated: [{
         oldValue: E,
         newValue: v,
         bodiesCreated: [y]
@@ -681,52 +681,52 @@ const Gn = (e, t) => {
     } else
       console.warn(`Attempt to add body to missing annotation: ${y.annotation}`);
   }, c = () => [...e.values()], g = (y = G.LOCAL) => {
-    const A = [...e.values()];
-    e.clear(), t.clear(), s(y, { deleted: A });
-  }, u = (y, A = !0, E = G.LOCAL) => {
-    if (A) {
+    const T = [...e.values()];
+    e.clear(), t.clear(), s(y, { deleted: T });
+  }, u = (y, T = !0, E = G.LOCAL) => {
+    if (T) {
       const v = [...e.values()];
-      e.clear(), t.clear(), y.forEach((B) => {
-        e.set(B.id, B), B.bodies.forEach((Y) => t.set(Y.id, B.id));
+      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 });
     } else {
-      const v = y.reduce((B, Y) => {
-        const Q = e.get(Y.id);
-        return Q ? [...B, Q] : B;
+      const v = y.reduce((I, Y) => {
+        const Z = e.get(Y.id);
+        return Z ? [...I, Z] : I;
       }, []);
       if (v.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${v.map((B) => B.id).join(", ")}`);
-      y.forEach((B) => {
-        e.set(B.id, B), B.bodies.forEach((Y) => t.set(Y.id, B.id));
+        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 A = typeof y == "string" ? y : y.id, E = e.get(A);
+    const T = typeof y == "string" ? y : y.id, E = e.get(T);
     if (E)
-      return e.delete(A), E.bodies.forEach((v) => t.delete(v.id)), E;
-    console.warn(`Attempt to delete missing annotation: ${A}`);
-  }, w = (y, A = G.LOCAL) => {
+      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(A, { deleted: [E] });
-  }, b = (y, A = G.LOCAL) => {
-    const E = y.reduce((v, B) => {
-      const Y = m(B);
+    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;
     }, []);
-    E.length > 0 && s(A, { deleted: E });
-  }, _ = (y, A = G.LOCAL) => {
+    E.length > 0 && s(T, { deleted: E });
+  }, _ = (y, T = G.LOCAL) => {
     const E = e.get(y.annotation);
     if (E) {
-      const v = E.bodies.find((B) => B.id === y.id);
+      const v = E.bodies.find((I) => I.id === y.id);
       if (v) {
         t.delete(v.id);
-        const B = {
+        const I = {
           ...E,
           bodies: E.bodies.filter((Y) => Y.id !== y.id)
         };
-        e.set(E.id, B), s(A, { updated: [{
+        e.set(E.id, I), s(T, { updated: [{
           oldValue: E,
-          newValue: B,
+          newValue: I,
           bodiesDeleted: [v]
         }] });
       } else
@@ -734,54 +734,54 @@ const Gn = (e, t) => {
     } else
       console.warn(`Attempt to delete body from missing annotation ${y.annotation}`);
   }, p = (y) => {
-    const A = e.get(y);
-    return A ? { ...A } : void 0;
-  }, T = (y) => {
-    const A = t.get(y);
-    if (A) {
-      const E = p(A).bodies.find((v) => v.id === 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`);
     } else
       console.warn(`Attempt to retrieve missing body: ${y}`);
-  }, S = (y, A) => {
-    if (y.annotation !== A.annotation)
+  }, S = (y, T) => {
+    if (y.annotation !== T.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), B = {
+      const v = E.bodies.find((Y) => Y.id === y.id), I = {
         ...E,
-        bodies: E.bodies.map((Y) => Y.id === v.id ? A : Y)
+        bodies: E.bodies.map((Y) => Y.id === v.id ? T : Y)
       };
-      return e.set(E.id, B), v.id !== A.id && (t.delete(v.id), t.set(A.id, B.id)), {
+      return e.set(E.id, I), v.id !== T.id && (t.delete(v.id), t.set(T.id, I.id)), {
         oldValue: E,
-        newValue: B,
-        bodiesUpdated: [{ oldBody: v, newBody: A }]
+        newValue: I,
+        bodiesUpdated: [{ oldBody: v, newBody: T }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${y.annotation}`);
-  }, I = (y, A, E = G.LOCAL) => {
-    const v = S(y, A);
+  }, C = (y, T, E = G.LOCAL) => {
+    const v = S(y, T);
     s(E, { updated: [v] });
-  }, R = (y, A = G.LOCAL) => {
+  }, R = (y, T = G.LOCAL) => {
     const E = y.map((v) => S({ id: v.id, annotation: v.annotation }, v));
-    s(A, { updated: E });
-  }, N = (y) => {
-    const A = e.get(y.annotation);
-    if (A) {
+    s(T, { updated: E });
+  }, X = (y) => {
+    const T = e.get(y.annotation);
+    if (T) {
       const E = {
-        ...A,
+        ...T,
         target: {
-          ...A.target,
+          ...T.target,
           ...y
         }
       };
-      return e.set(A.id, E), {
-        oldValue: A,
+      return e.set(T.id, E), {
+        oldValue: T,
         newValue: E,
         targetUpdated: {
-          oldTarget: A.target,
+          oldTarget: T.target,
           newTarget: y
         }
       };
@@ -796,32 +796,32 @@ const Gn = (e, t) => {
     bulkDeleteAnnotation: b,
     bulkUpdateAnnotation: d,
     bulkUpdateBodies: R,
-    bulkUpdateTargets: (y, A = G.LOCAL) => {
-      const E = y.map(N).filter((v) => v);
-      E.length > 0 && s(A, { updated: E });
+    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: T,
+    getBody: A,
     observe: o,
     unobserve: i,
     updateAnnotation: l,
-    updateBody: I,
-    updateTarget: (y, A = G.LOCAL) => {
-      const E = N(y);
-      E && s(A, { updated: [E] });
+    updateBody: C,
+    updateTarget: (y, T = G.LOCAL) => {
+      const E = X(y);
+      E && s(T, { updated: [E] });
     }
   };
-}, Hn = (e) => ({
+}, jn = (e) => ({
   ...e,
   subscribe: (t) => {
     const n = (o) => t(o.state);
     return e.observe(n), t(e.all()), () => e.unobserve(n);
   }
 });
-let jn = () => ({
+let qn = () => ({
   emit(e, ...t) {
     let n = this.events[e] || [];
     for (let o = 0, i = n.length; o < i; o++)
@@ -836,17 +836,17 @@ let jn = () => ({
     };
   }
 });
-const qn = 250, Wn = (e) => {
-  const t = jn(), n = [];
+const Wn = 250, Jn = (e) => {
+  const t = qn(), n = [];
   let o = -1, i = !1, s = 0;
   const r = (u) => {
     if (!i) {
       const { changes: m } = u, w = performance.now();
-      if (w - s > qn)
+      if (w - s > Wn)
         n.splice(o + 1), n.push(m), o = n.length - 1;
       else {
         const b = n.length - 1;
-        n[b] = Vn(n[b], m);
+        n[b] = zn(n[b], m);
       }
       s = w;
     }
@@ -874,36 +874,36 @@ const qn = 250, Wn = (e) => {
       }
     }
   };
-}, Jn = () => {
-  const { subscribe: e, set: t } = dt([]);
+}, Kn = () => {
+  const { subscribe: e, set: t } = ut([]);
   return {
     subscribe: e,
     set: t
   };
-}, Kn = (e, t, n, o) => {
+}, Zn = (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 T = l.get(_);
-    T && T.indexOf(p) > 0 && T.splice(T.indexOf(p), 1);
-  }, m = (_, p, T) => {
+    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) => {
         if (n) {
-          const I = Array.isArray(p) ? p.map((N) => n.serialize(N)) : n.serialize(p), R = T ? T instanceof PointerEvent ? T : n.serialize(T) : void 0;
-          S(I, R);
+          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);
         } else
-          S(p, T);
+          S(p, A);
       });
     }, 1);
   }, w = () => {
-    const { selected: _ } = s, p = _.map(({ id: T }) => i.getAnnotation(T));
-    p.forEach((T) => {
-      const S = d.find((I) => I.id === T.id);
-      (!S || !he(S, T)) && m("updateAnnotation", T, S);
-    }), d = d.map((T) => p.find(({ id: I }) => I === T.id) || T);
+    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)) {
@@ -911,17 +911,17 @@ const qn = 250, Wn = (e) => {
         d = _.map(({ id: p }) => i.getAnnotation(p));
       else if (d.length > 0 && _.length === 0)
         d.forEach((p) => {
-          const T = i.getAnnotation(p.id);
-          T && !he(T, p) && m("updateAnnotation", T, p);
+          const A = i.getAnnotation(p.id);
+          A && !fe(A, p) && m("updateAnnotation", A, p);
         }), d = [];
       else {
-        const p = new Set(d.map((S) => S.id)), T = new Set(_.map(({ id: S }) => S));
-        d.filter((S) => !T.has(S.id)).forEach((S) => {
-          const I = i.getAnnotation(S.id);
-          I && !he(I, S) && m("updateAnnotation", I, S);
+        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 = [
           // Remove annotations that were deselected
-          ...d.filter((S) => T.has(S.id)),
+          ...d.filter((S) => A.has(S.id)),
           // Add editable annotations that were selected
           ..._.filter(({ id: S }) => !p.has(S)).map(({ id: S }) => i.getAnnotation(S))
         ];
@@ -932,27 +932,27 @@ const qn = 250, Wn = (e) => {
     !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: T } = _.changes;
-    p.forEach((S) => m("createAnnotation", S)), T.forEach((S) => m("deleteAnnotation", S)), _.changes.updated.filter((S) => [
+    const { created: p, deleted: A } = _.changes;
+    p.forEach((S) => m("createAnnotation", S)), A.forEach((S) => m("deleteAnnotation", S)), _.changes.updated.filter((S) => [
       ...S.bodiesCreated || [],
       ...S.bodiesDeleted || [],
       ...S.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: S, newValue: I }) => {
-      const R = d.find((N) => N.id === S.id) || S;
-      d = d.map((N) => N.id === S.id ? I : N), m("updateAnnotation", I, R);
+    ].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);
     });
   }, { origin: G.LOCAL }), i.observe((_) => {
     if (d) {
-      const p = new Set(d.map((S) => S.id)), T = _.changes.updated.filter(({ newValue: S }) => p.has(S.id)).map(({ newValue: S }) => S);
-      T.length > 0 && (d = d.map((S) => T.find((R) => R.id === S.id) || S));
+      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: T, deleted: S, updated: I } = p;
-    T.forEach((R) => m("createAnnotation", R)), S.forEach((R) => m("deleteAnnotation", R)), _ ? I.forEach((R) => m("updateAnnotation", R.oldValue, R.newValue)) : I.forEach((R) => m("updateAnnotation", R.newValue, R.oldValue));
+    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 };
-}, Zn = (e) => (t) => t.reduce((n, o) => {
+}, Qn = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
     parsed: n.parsed,
@@ -961,7 +961,7 @@ const qn = 250, Wn = (e) => {
     parsed: [...n.parsed, i],
     failed: n.failed
   };
-}, { parsed: [], failed: [] }), Qn = (e, t, n) => {
+}, { parsed: [], failed: [] }), xn = (e, t, n) => {
   const { store: o, selection: i } = e, s = (b) => {
     if (n) {
       const { parsed: _, error: p } = n.parse(b);
@@ -985,7 +985,7 @@ const qn = 250, Wn = (e) => {
     }
   }, u = (b) => {
     if (n) {
-      const { parsed: _, failed: p } = Zn(n)(b);
+      const { parsed: _, failed: p } = Qn(n)(b);
       p.length > 0 && console.warn(`Discarded ${p.length} invalid annotations`, p), o.bulkAddAnnotation(_, !0, G.REMOTE);
     } else
       o.bulkAddAnnotation(b, !0, G.REMOTE);
@@ -1018,7 +1018,7 @@ const qn = 250, Wn = (e) => {
     updateAnnotation: w
   };
 };
-let xn = (e) => crypto.getRandomValues(new Uint8Array(e)), $n = (e, t, n) => {
+let $n = (e) => crypto.getRandomValues(new Uint8Array(e)), eo = (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 xn = (e) => crypto.getRandomValues(new Uint8Array(e)), $n = (e, t, n) => {
           return r;
     }
   };
-}, eo = (e, t = 21) => $n(e, t, xn), to = (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 no = () => ({ isGuest: !0, id: eo("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), oo = (e) => {
+}, 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) => {
   const t = JSON.stringify(e);
   let n = 0;
   for (let o = 0, i = t.length; o < i; o++) {
@@ -1038,10 +1038,10 @@ const no = () => ({ isGuest: !0, id: eo("1234567890abcdefghijklmnopqrstuvwxyzABC
     n = (n << 5) - n + s, n |= 0;
   }
   return `${n}`;
-}, io = (e, t) => (Array.isArray(e) ? e : [e]).map((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;
   return {
-    id: o || `temp-${oo(n)}`,
+    id: o || `temp-${io(n)}`,
     annotation: t,
     type: i,
     purpose: s,
@@ -1050,14 +1050,14 @@ const no = () => ({ isGuest: !0, id: eo("1234567890abcdefghijklmnopqrstuvwxyzABC
     creator: l ? typeof l == "object" ? { ...l } : l : void 0,
     ...d
   };
-}), so = (e) => e.map((t) => {
+}), ro = (e) => e.map((t) => {
   var n;
   const o = { ...t };
   return delete o.annotation, (n = o.id) != null && n.startsWith("temp-") && delete o.id, o;
 });
-to();
-const Di = (e, t = !1) => ({ parse: (i) => ro(i, t), serialize: (i) => lo(i, e) }), ro = (e, t = !1) => {
-  const n = e.id || ct(), { body: o, ...i } = e, s = io(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" ? wn(a, t) : a.type === "SvgSelector" ? vn(a) : void 0;
+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;
   return l ? {
     parsed: {
       ...i,
@@ -1072,25 +1072,25 @@ const Di = (e, t = !1) => ({ parse: (i) => ro(i, t), serialize: (i) => lo(i, e)
   } : {
     error: Error(`Unknown selector type: ${a.type}`)
   };
-}, lo = (e, t) => {
-  const n = e.target.selector, o = n.type == F.RECTANGLE ? bn(n.geometry) : Mn(n);
+}, ao = (e, t) => {
+  const n = e.target.selector, o = n.type == H.RECTANGLE ? En(n.geometry) : On(n);
   return {
     ...e,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
     type: "Annotation",
-    body: so(e.bodies),
+    body: ro(e.bodies),
     target: {
       source: t,
       selector: o
     }
   };
 };
-function bt(e, t, n) {
+function Et(e, t, n) {
   const o = e.slice();
   return o[11] = t[n], o[13] = n, o;
 }
-function Et(e) {
+function At(e) {
   let t, n, o, i, s;
   return {
     c() {
@@ -1111,8 +1111,8 @@ function Et(e) {
       );
     },
     m(r, a) {
-      k(r, t, a), i || (s = W(t, "pointerdown", function() {
-        H(
+      B(r, t, a), i || (s = W(t, "pointerdown", function() {
+        j(
           /*grab*/
           e[10](O(
             /*idx*/
@@ -1146,45 +1146,45 @@ function Et(e) {
       );
     },
     d(r) {
-      r && L(t), i = !1, s();
+      r && k(t), i = !1, s();
     }
   };
 }
-function ao(e) {
+function co(e) {
   let t, n, o, i, s, r, a, l, d, h, c = (
     /*geom*/
     e[4].points
   ), g = [];
   for (let u = 0; u < c.length; u += 1)
-    g[u] = Et(bt(e, c, u));
+    g[u] = At(Et(e, c, u));
   return {
     c() {
-      t = U("polygon"), i = ee(), s = U("polygon"), a = ee();
+      t = U("polygon"), i = $(), s = U("polygon"), a = $();
       for (let u = 0; u < g.length; u += 1)
         g[u].c();
-      l = le(), f(t, "class", "a9s-outer"), f(t, "style", n = /*computedStyle*/
+      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(At).join(" ")), f(s, "class", "a9s-inner a9s-shape-handle"), f(
+      e[4].points.map(Tt).join(" ")), f(s, "class", "a9s-inner a9s-shape-handle"), f(
         s,
         "style",
         /*computedStyle*/
         e[1]
       ), f(s, "points", r = /*geom*/
-      e[4].points.map(Tt).join(" "));
+      e[4].points.map(St).join(" "));
     },
     m(u, m) {
-      k(u, t, m), k(u, i, m), k(u, s, m), k(u, a, 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);
-      k(u, l, m), d || (h = [
+      B(u, l, m), d || (h = [
         W(t, "pointerdown", function() {
-          H(
+          j(
             /*grab*/
             e[10](O.SHAPE)
           ) && e[10](O.SHAPE).apply(this, arguments);
         }),
         W(s, "pointerdown", function() {
-          H(
+          j(
             /*grab*/
             e[10](O.SHAPE)
           ) && e[10](O.SHAPE).apply(this, arguments);
@@ -1196,7 +1196,7 @@ function ao(e) {
       2 && n !== (n = /*computedStyle*/
       e[1] ? "display:none;" : void 0) && f(t, "style", n), m & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].points.map(At).join(" ")) && f(t, "points", o), m & /*computedStyle*/
+      e[4].points.map(Tt).join(" ")) && f(t, "points", o), m & /*computedStyle*/
       2 && f(
         s,
         "style",
@@ -1204,14 +1204,14 @@ function ao(e) {
         e[1]
       ), m & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].points.map(Tt).join(" ")) && f(s, "points", r), m & /*geom, handleSize, grab, Handle*/
+      e[4].points.map(St).join(" ")) && f(s, "points", r), m & /*geom, handleSize, grab, Handle*/
       1048) {
         c = /*geom*/
         e[4].points;
         let w;
         for (w = 0; w < c.length; w += 1) {
-          const b = bt(e, c, w);
-          g[w] ? g[w].p(b, m) : (g[w] = Et(b), g[w].c(), g[w].m(l.parentNode, l));
+          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));
         }
         for (; w < g.length; w += 1)
           g[w].d(1);
@@ -1219,13 +1219,13 @@ function ao(e) {
       }
     },
     d(u) {
-      u && L(t), u && L(i), u && L(s), u && L(a), rt(g, u), u && L(l), d = !1, re(h);
+      u && k(t), u && k(i), u && k(s), u && k(a), lt(g, u), u && k(l), d = !1, ie(h);
     }
   };
 }
-function co(e) {
+function uo(e) {
   let t, n;
-  return t = new xt({
+  return t = new $t({
     props: {
       shape: (
         /*shape*/
@@ -1241,7 +1241,7 @@ function co(e) {
       ),
       $$slots: {
         default: [
-          ao,
+          co,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -1262,10 +1262,10 @@ function co(e) {
     e[9]
   ), {
     c() {
-      ge(t.$$.fragment);
+      he(t.$$.fragment);
     },
     m(o, i) {
-      ce(t, o, i), n = !0;
+      le(t, o, i), n = !0;
     },
     p(o, [i]) {
       const s = {};
@@ -1280,30 +1280,30 @@ function co(e) {
       n || (D(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      X(t.$$.fragment, o), n = !1;
+      N(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      de(t, o);
+      ae(t, o);
     }
   };
 }
-const At = (e) => e.join(","), Tt = (e) => e.join(",");
-function uo(e, t, n) {
+const Tt = (e) => e.join(","), St = (e) => e.join(",");
+function fo(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, T]) => [p + w[0], T + w[1]]) : b = u.geometry.points.map(([p, T], S) => m === O(S) ? [p + w[0], T + w[1]] : [p, T]);
+    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: _ } };
   };
   function h(u) {
-    Te.call(this, e, u);
+    Ae.call(this, e, u);
   }
   function c(u) {
-    Te.call(this, e, u);
+    Ae.call(this, e, u);
   }
   function g(u) {
-    Te.call(this, e, u);
+    Ae.call(this, e, u);
   }
   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);
@@ -1324,9 +1324,9 @@ function uo(e, t, n) {
     g
   ];
 }
-class fo extends ne {
+class ho extends te {
   constructor(t) {
-    super(), te(this, t, uo, co, Z, {
+    super(), ee(this, t, fo, uo, K, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1334,11 +1334,11 @@ class fo extends ne {
     });
   }
 }
-function ho(e) {
-  let t, n, o, i, s, r, a, l, d, h, c, g, u, m, w, b, _, p, T, S, I, R, N, y, A, E, v, B, Y, Q, me, pe, Me, K, C, J, z, j, oe, ue, qe, x, Re, Ye, We, $, Ue, De, Je, ft;
+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;
   return {
     c() {
-      t = U("rect"), a = ee(), l = U("rect"), u = ee(), m = U("rect"), p = ee(), T = U("rect"), N = ee(), y = U("rect"), B = ee(), Y = U("rect"), Me = ee(), K = U("rect"), z = ee(), j = U("rect"), qe = ee(), x = U("rect"), We = ee(), $ = U("rect"), f(t, "class", "a9s-outer"), f(t, "style", n = /*computedStyle*/
+      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*/
       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*/
@@ -1355,137 +1355,137 @@ function ho(e) {
       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(T, "class", "a9s-edge-handle a9s-edge-handle-right"), f(T, "x", S = /*geom*/
+      e[4].w), f(A, "class", "a9s-edge-handle a9s-edge-handle-right"), f(A, "x", S = /*geom*/
       e[4].x + /*geom*/
-      e[4].w), f(T, "y", I = /*geom*/
-      e[4].y), f(T, "height", R = /*geom*/
-      e[4].h), f(T, "width", 1), f(y, "class", "a9s-edge-handle a9s-edge-handle-bottom"), f(y, "x", A = /*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].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", Q = /*geom*/
-      e[4].x), f(Y, "y", me = /*geom*/
-      e[4].y), f(Y, "height", pe = /*geom*/
-      e[4].h), f(Y, "width", 1), f(K, "class", "a9s-corner-handle a9s-corner-handle-topleft"), f(K, "x", C = /*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].x - /*handleSize*/
-      e[3] / 2), f(K, "y", J = /*geom*/
+      e[3] / 2), f(L, "y", V = /*geom*/
       e[4].y - /*handleSize*/
       e[3] / 2), f(
-        K,
+        L,
         "height",
         /*handleSize*/
         e[3]
       ), f(
-        K,
+        L,
         "width",
         /*handleSize*/
         e[3]
-      ), f(j, "class", "a9s-corner-handle a9s-corner-handle-topright"), f(j, "x", oe = /*geom*/
+      ), f(F, "class", "a9s-corner-handle a9s-corner-handle-topright"), f(F, "x", de = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
-      e[3] / 2), f(j, "y", ue = /*geom*/
+      e[3] / 2), f(F, "y", Pe = /*geom*/
       e[4].y - /*handleSize*/
       e[3] / 2), f(
-        j,
+        F,
         "height",
         /*handleSize*/
         e[3]
       ), f(
-        j,
+        F,
         "width",
         /*handleSize*/
         e[3]
-      ), f(x, "class", "a9s-corner-handle a9s-corner-handle-bottomright"), f(x, "x", Re = /*geom*/
+      ), f(Q, "class", "a9s-corner-handle a9s-corner-handle-bottomright"), f(Q, "x", Re = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
-      e[3] / 2), f(x, "y", Ye = /*geom*/
+      e[3] / 2), f(Q, "y", Ye = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
       e[3] / 2), f(
-        x,
+        Q,
         "height",
         /*handleSize*/
         e[3]
       ), f(
-        x,
+        Q,
         "width",
         /*handleSize*/
         e[3]
-      ), f($, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), f($, "x", Ue = /*geom*/
+      ), f(x, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), f(x, "x", Ue = /*geom*/
       e[4].x - /*handleSize*/
-      e[3] / 2), f($, "y", De = /*geom*/
+      e[3] / 2), f(x, "y", De = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
       e[3] / 2), f(
-        $,
+        x,
         "height",
         /*handleSize*/
         e[3]
       ), f(
-        $,
+        x,
         "width",
         /*handleSize*/
         e[3]
       );
     },
     m(P, M) {
-      k(P, t, M), k(P, a, M), k(P, l, M), k(P, u, M), k(P, m, M), k(P, p, M), k(P, T, M), k(P, N, M), k(P, y, M), k(P, B, M), k(P, Y, M), k(P, Me, M), k(P, K, M), k(P, z, M), k(P, j, M), k(P, qe, M), k(P, x, M), k(P, We, M), k(P, $, M), Je || (ft = [
+      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() {
-          H(
+          j(
             /*grab*/
             e[10](O.SHAPE)
           ) && e[10](O.SHAPE).apply(this, arguments);
         }),
         W(l, "pointerdown", function() {
-          H(
+          j(
             /*grab*/
             e[10](O.SHAPE)
           ) && e[10](O.SHAPE).apply(this, arguments);
         }),
         W(m, "pointerdown", function() {
-          H(
+          j(
             /*grab*/
             e[10](O.TOP)
           ) && e[10](O.TOP).apply(this, arguments);
         }),
-        W(T, "pointerdown", function() {
-          H(
+        W(A, "pointerdown", function() {
+          j(
             /*grab*/
             e[10](O.RIGHT)
           ) && e[10](O.RIGHT).apply(this, arguments);
         }),
         W(y, "pointerdown", function() {
-          H(
+          j(
             /*grab*/
             e[10](O.BOTTOM)
           ) && e[10](O.BOTTOM).apply(this, arguments);
         }),
         W(Y, "pointerdown", function() {
-          H(
+          j(
             /*grab*/
             e[10](O.LEFT)
           ) && e[10](O.LEFT).apply(this, arguments);
         }),
-        W(K, "pointerdown", function() {
-          H(
+        W(L, "pointerdown", function() {
+          j(
             /*grab*/
             e[10](O.TOP_LEFT)
           ) && e[10](O.TOP_LEFT).apply(this, arguments);
         }),
-        W(j, "pointerdown", function() {
-          H(
+        W(F, "pointerdown", function() {
+          j(
             /*grab*/
             e[10](O.TOP_RIGHT)
           ) && e[10](O.TOP_RIGHT).apply(this, arguments);
         }),
-        W(x, "pointerdown", function() {
-          H(
+        W(Q, "pointerdown", function() {
+          j(
             /*grab*/
             e[10](O.BOTTOM_RIGHT)
           ) && e[10](O.BOTTOM_RIGHT).apply(this, arguments);
         }),
-        W($, "pointerdown", function() {
-          H(
+        W(x, "pointerdown", function() {
+          j(
             /*grab*/
             e[10](O.BOTTOM_LEFT)
           ) && e[10](O.BOTTOM_LEFT).apply(this, arguments);
@@ -1526,57 +1526,57 @@ function ho(e) {
       e[4].w) && f(m, "width", _), M & /*geom*/
       16 && S !== (S = /*geom*/
       e[4].x + /*geom*/
-      e[4].w) && f(T, "x", S), M & /*geom*/
-      16 && I !== (I = /*geom*/
-      e[4].y) && f(T, "y", I), M & /*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(T, "height", R), M & /*geom*/
-      16 && A !== (A = /*geom*/
-      e[4].x) && f(y, "x", A), M & /*geom*/
+      e[4].h) && f(A, "height", R), M & /*geom*/
+      16 && T !== (T = /*geom*/
+      e[4].x) && f(y, "x", T), M & /*geom*/
       16 && E !== (E = /*geom*/
       e[4].y + /*geom*/
       e[4].h) && f(y, "y", E), M & /*geom*/
       16 && v !== (v = /*geom*/
       e[4].w) && f(y, "width", v), M & /*geom*/
-      16 && Q !== (Q = /*geom*/
-      e[4].x) && f(Y, "x", Q), 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*/
       16 && me !== (me = /*geom*/
-      e[4].y) && f(Y, "y", me), M & /*geom*/
-      16 && pe !== (pe = /*geom*/
-      e[4].h) && f(Y, "height", pe), M & /*geom, handleSize*/
-      24 && C !== (C = /*geom*/
-      e[4].x - /*handleSize*/
-      e[3] / 2) && f(K, "x", C), M & /*geom, handleSize*/
+      e[4].h) && f(Y, "height", me), M & /*geom, handleSize*/
       24 && J !== (J = /*geom*/
+      e[4].x - /*handleSize*/
+      e[3] / 2) && f(L, "x", J), M & /*geom, handleSize*/
+      24 && V !== (V = /*geom*/
       e[4].y - /*handleSize*/
-      e[3] / 2) && f(K, "y", J), M & /*handleSize*/
+      e[3] / 2) && f(L, "y", V), M & /*handleSize*/
       8 && f(
-        K,
+        L,
         "height",
         /*handleSize*/
         e[3]
       ), M & /*handleSize*/
       8 && f(
-        K,
+        L,
         "width",
         /*handleSize*/
         e[3]
       ), M & /*geom, handleSize*/
-      24 && oe !== (oe = /*geom*/
+      24 && de !== (de = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
-      e[3] / 2) && f(j, "x", oe), M & /*geom, handleSize*/
-      24 && ue !== (ue = /*geom*/
+      e[3] / 2) && f(F, "x", de), M & /*geom, handleSize*/
+      24 && Pe !== (Pe = /*geom*/
       e[4].y - /*handleSize*/
-      e[3] / 2) && f(j, "y", ue), M & /*handleSize*/
+      e[3] / 2) && f(F, "y", Pe), M & /*handleSize*/
       8 && f(
-        j,
+        F,
         "height",
         /*handleSize*/
         e[3]
       ), M & /*handleSize*/
       8 && f(
-        j,
+        F,
         "width",
         /*handleSize*/
         e[3]
@@ -1584,51 +1584,51 @@ function ho(e) {
       24 && Re !== (Re = /*geom*/
       e[4].x + /*geom*/
       e[4].w - /*handleSize*/
-      e[3] / 2) && f(x, "x", Re), M & /*geom, handleSize*/
+      e[3] / 2) && f(Q, "x", Re), M & /*geom, handleSize*/
       24 && Ye !== (Ye = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
-      e[3] / 2) && f(x, "y", Ye), M & /*handleSize*/
+      e[3] / 2) && f(Q, "y", Ye), M & /*handleSize*/
       8 && f(
-        x,
+        Q,
         "height",
         /*handleSize*/
         e[3]
       ), M & /*handleSize*/
       8 && f(
-        x,
+        Q,
         "width",
         /*handleSize*/
         e[3]
       ), M & /*geom, handleSize*/
       24 && Ue !== (Ue = /*geom*/
       e[4].x - /*handleSize*/
-      e[3] / 2) && f($, "x", Ue), M & /*geom, handleSize*/
+      e[3] / 2) && f(x, "x", Ue), M & /*geom, handleSize*/
       24 && De !== (De = /*geom*/
       e[4].y + /*geom*/
       e[4].h - /*handleSize*/
-      e[3] / 2) && f($, "y", De), M & /*handleSize*/
+      e[3] / 2) && f(x, "y", De), M & /*handleSize*/
       8 && f(
-        $,
+        x,
         "height",
         /*handleSize*/
         e[3]
       ), M & /*handleSize*/
       8 && f(
-        $,
+        x,
         "width",
         /*handleSize*/
         e[3]
       );
     },
     d(P) {
-      P && L(t), P && L(a), P && L(l), P && L(u), P && L(m), P && L(p), P && L(T), P && L(N), P && L(y), P && L(B), P && L(Y), P && L(Me), P && L(K), P && L(z), P && L(j), P && L(qe), P && L(x), P && L(We), P && L($), Je = !1, re(ft);
+      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);
     }
   };
 }
-function go(e) {
+function mo(e) {
   let t, n;
-  return t = new xt({
+  return t = new $t({
     props: {
       shape: (
         /*shape*/
@@ -1644,7 +1644,7 @@ function go(e) {
       ),
       $$slots: {
         default: [
-          ho,
+          go,
           ({ grab: o }) => ({ 10: o }),
           ({ grab: o }) => o ? 1024 : 0
         ]
@@ -1665,10 +1665,10 @@ function go(e) {
     e[9]
   ), {
     c() {
-      ge(t.$$.fragment);
+      he(t.$$.fragment);
     },
     m(o, i) {
-      ce(t, o, i), n = !0;
+      le(t, o, i), n = !0;
     },
     p(o, [i]) {
       const s = {};
@@ -1683,21 +1683,21 @@ function go(e) {
       n || (D(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      X(t.$$.fragment, o), n = !1;
+      N(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      de(t, o);
+      ae(t, o);
     }
   };
 }
-function mo(e, t, n) {
+function po(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], [T, S] = [b.maxX, b.maxY];
-    const [I, R] = w;
+    let [_, p] = [b.minX, b.minY], [A, S] = [b.maxX, b.maxY];
+    const [C, R] = w;
     if (m === O.SHAPE)
-      _ += I, T += I, p += R, S += R;
+      _ += C, A += C, p += R, S += R;
     else {
       switch (m) {
         case O.TOP:
@@ -1717,42 +1717,42 @@ function mo(e, t, n) {
         case O.LEFT:
         case O.TOP_LEFT:
         case O.BOTTOM_LEFT: {
-          _ += I;
+          _ += C;
           break;
         }
         case O.RIGHT:
         case O.TOP_RIGHT:
         case O.BOTTOM_RIGHT: {
-          T += I;
+          A += C;
           break;
         }
       }
     }
-    const N = Math.min(_, T), y = Math.min(p, S), A = Math.abs(T - _), E = Math.abs(S - p);
+    const X = Math.min(_, A), y = Math.min(p, S), T = Math.abs(A - _), E = Math.abs(S - p);
     return {
       ...u,
       geometry: {
-        x: N,
+        x: X,
         y,
-        w: A,
+        w: T,
         h: E,
         bounds: {
-          minX: N,
+          minX: X,
           minY: y,
-          maxX: N + A,
+          maxX: X + T,
           maxY: y + E
         }
       }
     };
   };
   function h(u) {
-    Te.call(this, e, u);
+    Ae.call(this, e, u);
   }
   function c(u) {
-    Te.call(this, e, u);
+    Ae.call(this, e, u);
   }
   function g(u) {
-    Te.call(this, e, u);
+    Ae.call(this, e, u);
   }
   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);
@@ -1773,9 +1773,9 @@ function mo(e, t, n) {
     g
   ];
 }
-class po extends ne {
+class yo extends te {
   constructor(t) {
-    super(), te(this, t, mo, go, Z, {
+    super(), ee(this, t, po, mo, K, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1783,10 +1783,10 @@ class po extends ne {
     });
   }
 }
-const Qt = /* @__PURE__ */ new Map([
-  [F.RECTANGLE, po],
-  [F.POLYGON, fo]
-]), St = (e) => Qt.get(e.type), yo = (e, t) => Qt.set(e, t), O = (e) => `HANDLE-${e}`;
+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";
@@ -1796,16 +1796,16 @@ O.TOP_LEFT = "TOP_LEFT";
 O.TOP_RIGHT = "TOP_RIGHT";
 O.BOTTOM_RIGHT = "BOTTOM_RIGHT";
 O.BOTTOM_LEFT = "BOTTOM_LEFT";
-const _o = (e) => ({}), vt = (e) => ({ grab: (
+const wo = (e) => ({}), vt = (e) => ({ grab: (
   /*onGrab*/
   e[0]
 ) });
-function wo(e) {
+function bo(e) {
   let t, n, o, i;
   const s = (
     /*#slots*/
     e[7].default
-  ), r = on(
+  ), r = sn(
     s,
     e,
     /*$$scope*/
@@ -1817,7 +1817,7 @@ function wo(e) {
       t = U("g"), r && r.c(), f(t, "class", "a9s-annotation selected");
     },
     m(a, l) {
-      k(a, t, l), r && r.m(t, null), n = !0, o || (i = [
+      B(a, t, l), r && r.m(t, null), n = !0, o || (i = [
         W(
           t,
           "pointerup",
@@ -1834,19 +1834,19 @@ function wo(e) {
     },
     p(a, [l]) {
       r && r.p && (!n || l & /*$$scope*/
-      64) && rn(
+      64) && ln(
         r,
         s,
         a,
         /*$$scope*/
         a[6],
-        n ? sn(
+        n ? rn(
           s,
           /*$$scope*/
           a[6],
           l,
-          _o
-        ) : ln(
+          wo
+        ) : an(
           /*$$scope*/
           a[6]
         ),
@@ -1857,16 +1857,16 @@ function wo(e) {
       n || (D(r, a), n = !0);
     },
     o(a) {
-      X(r, a), n = !1;
+      N(r, a), n = !1;
     },
     d(a) {
-      a && L(t), r && r.d(a), o = !1, re(i);
+      a && k(t), r && r.d(a), o = !1, ie(i);
     }
   };
 }
-function bo(e, t, n) {
+function Eo(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
-  const s = ve();
+  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");
@@ -1882,9 +1882,9 @@ function bo(e, t, n) {
     "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 xt extends ne {
+class $t extends te {
   constructor(t) {
-    super(), te(this, t, bo, wo, Z, { shape: 3, editor: 4, transform: 5 });
+    super(), ee(this, t, Eo, bo, K, { shape: 3, editor: 4, transform: 5 });
   }
 }
 const je = (e, t) => {
@@ -1895,11 +1895,11 @@ const je = (e, t) => {
     return o && (s += `fill:${o};stroke:${o};`), s += `fill-opacity:${i || "0.25"};`, s;
   }
 };
-function Eo(e, t, n) {
+function Ao(e, t, n) {
   let o;
-  const i = ve();
+  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 Pe(() => (n(6, c = new r({
+  return Ce(() => (n(6, c = new r({
     target: l,
     props: {
       shape: s.target.selector,
@@ -1921,9 +1921,9 @@ function Eo(e, t, n) {
     96 && c && c.$set({ viewportScale: h });
   }, [s, r, a, l, d, h, c];
 }
-class Ao extends ne {
+class To extends te {
   constructor(t) {
-    super(), te(this, t, Eo, null, Z, {
+    super(), ee(this, t, Ao, null, K, {
       annotation: 0,
       editor: 1,
       style: 2,
@@ -1933,10 +1933,10 @@ class Ao extends ne {
     });
   }
 }
-function To(e, t, n) {
-  const o = ve();
+function So(e, t, n) {
+  const o = Se();
   let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: a } = t, { viewportScale: l } = t, d;
-  return Pe(() => {
+  return Ce(() => {
     const h = s.closest("svg"), c = [], g = (u, m, w) => {
       h.addEventListener(u, m, w), c.push(() => h.removeEventListener(u, m, w));
     };
@@ -1959,9 +1959,9 @@ function To(e, t, n) {
     48 && d && d.$set({ viewportScale: l });
   }, [i, s, r, a, l, d];
 }
-class So extends ne {
+class Mo extends te {
   constructor(t) {
-    super(), te(this, t, To, null, Z, {
+    super(), ee(this, t, So, null, K, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -1970,7 +1970,7 @@ class So extends ne {
     });
   }
 }
-function Mt(e) {
+function Ot(e) {
   let t, n;
   return {
     c() {
@@ -2017,7 +2017,7 @@ function Mt(e) {
       );
     },
     m(o, i) {
-      k(o, t, i), k(o, n, i);
+      B(o, t, i), B(o, n, i);
     },
     p(o, i) {
       i & /*x*/
@@ -2071,52 +2071,52 @@ function Mt(e) {
       );
     },
     d(o) {
-      o && L(t), o && L(n);
+      o && k(t), o && k(n);
     }
   };
 }
 function vo(e) {
   let t, n = (
     /*origin*/
-    e[0] && Mt(e)
+    e[0] && Ot(e)
   );
   return {
     c() {
       t = U("g"), n && n.c(), f(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      k(o, t, i), n && n.m(t, null);
+      B(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*origin*/
-      o[0] ? n ? n.p(o, i) : (n = Mt(o), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
+      o[0] ? n ? n.p(o, i) : (n = Ot(o), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
     },
-    i: V,
-    o: V,
+    i: z,
+    o: z,
     d(o) {
-      o && L(t), n && n.d();
+      o && k(t), n && n.d();
     }
   };
 }
-function Mo(e, t, n) {
-  const o = ve();
+function Oo(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 T = performance.now() - a;
+    const A = performance.now() - a;
     if (s === "click") {
-      if (T > 300)
+      if (A > 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));
     } else
-      l && (T > 300 || g * u > 100 ? (p.stopPropagation(), _()) : (n(0, l = null), d = null));
+      l && (A > 300 || g * u > 100 ? (p.stopPropagation(), _()) : (n(0, l = null), d = null));
   }, _ = () => {
     if (g * u > 15) {
       const p = {
-        type: F.RECTANGLE,
+        type: H.RECTANGLE,
         geometry: {
           bounds: {
             minX: h,
@@ -2134,15 +2134,15 @@ function Mo(e, t, n) {
     }
     n(0, l = null), d = null;
   };
-  return Pe(() => {
+  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];
 }
-class Oo extends ne {
+class Lo extends te {
   constructor(t) {
-    super(), te(this, t, Mo, vo, Z, {
+    super(), ee(this, t, Oo, vo, K, {
       addEventListener: 5,
       drawingMode: 6,
       transform: 7
@@ -2152,34 +2152,34 @@ class Oo extends ne {
 const xe = (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));
-}, we = [];
-function Lo(e, t = V) {
+}, _e = [];
+function ko(e, t = z) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(a) {
-    if (Z(e, a) && (e = a, n)) {
-      const l = !we.length;
+    if (K(e, a) && (e = a, n)) {
+      const l = !_e.length;
       for (const d of o)
-        d[1](), we.push(d, e);
+        d[1](), _e.push(d, e);
       if (l) {
-        for (let d = 0; d < we.length; d += 2)
-          we[d][0](we[d + 1]);
-        we.length = 0;
+        for (let d = 0; d < _e.length; d += 2)
+          _e[d][0](_e[d + 1]);
+        _e.length = 0;
       }
     }
   }
   function s(a) {
     i(a(e));
   }
-  function r(a, l = V) {
+  function r(a, l = z) {
     const d = [a, l];
-    return o.add(d), o.size === 1 && (n = t(i) || V), a(e), () => {
+    return o.add(d), o.size === 1 && (n = t(i) || z), a(e), () => {
       o.delete(d), o.size === 0 && n && (n(), n = null);
     };
   }
   return { set: i, update: s, subscribe: r };
 }
-const ko = (e, t) => {
+const Bo = (e, t) => {
   const { naturalWidth: n, naturalHeight: o } = e;
   if (!n && !o) {
     const { width: i, height: s } = e;
@@ -2189,9 +2189,9 @@ const ko = (e, t) => {
     });
   } else
     t.setAttribute("viewBox", `0 0 ${n} ${o}`);
-}, Bo = (e, t) => {
-  ko(e, t);
-  const { subscribe: n, set: o } = Lo(1);
+}, Io = (e, t) => {
+  Bo(e, t);
+  const { subscribe: n, set: o } = ko(1);
   let i;
   return window.ResizeObserver && (i = new ResizeObserver(() => {
     const r = t.getBoundingClientRect(), { width: a, height: l } = t.viewBox.baseVal, d = Math.max(
@@ -2218,19 +2218,19 @@ function $e(e) {
   );
   return t[15] = n, t;
 }
-function Ot(e) {
+function Lt(e) {
   let t, n, o, i, s, r = (
     /*isClosable*/
-    e[2] && Lt(e)
+    e[2] && kt(e)
   );
   return {
     c() {
-      t = U("polygon"), o = U("polygon"), r && r.c(), s = le(), f(t, "class", "a9s-outer"), f(t, "points", n = /*coords*/
+      t = U("polygon"), o = U("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) {
-      k(a, t, l), k(a, o, l), r && r.m(a, l), k(a, s, l);
+      B(a, t, l), B(a, o, l), r && r.m(a, l), B(a, s, l);
     },
     p(a, l) {
       l & /*isClosable, points, cursor*/
@@ -2238,14 +2238,14 @@ function Ot(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 = Lt(a), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
+      a[2] ? r ? r.p(a, l) : (r = kt(a), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
     },
     d(a) {
-      a && L(t), a && L(o), r && r.d(a), a && L(s);
+      a && k(t), a && k(o), r && r.d(a), a && k(s);
     }
   };
 }
-function Lt(e) {
+function kt(e) {
   let t, n, o;
   return {
     c() {
@@ -2266,7 +2266,7 @@ function Lt(e) {
       );
     },
     m(i, s) {
-      k(i, t, s);
+      B(i, t, s);
     },
     p(i, s) {
       s & /*points, handleSize*/
@@ -2290,59 +2290,59 @@ function Lt(e) {
       );
     },
     d(i) {
-      i && L(t);
+      i && k(t);
     }
   };
 }
-function Io(e) {
+function Co(e) {
   let t, n = (
     /*cursor*/
-    e[1] && Ot($e(e))
+    e[1] && Lt($e(e))
   );
   return {
     c() {
       t = U("g"), n && n.c(), f(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      k(o, t, i), n && n.m(t, null);
+      B(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*cursor*/
-      o[1] ? n ? n.p($e(o), i) : (n = Ot($e(o)), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
+      o[1] ? n ? n.p($e(o), i) : (n = Lt($e(o)), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
     },
-    i: V,
-    o: V,
+    i: z,
+    o: z,
     d(o) {
-      o && L(t), n && n.d();
+      o && k(t), n && n.d();
     }
   };
 }
-const Co = 20;
-function Po(e, t, n) {
+const Po = 20;
+function Ro(e, t, n) {
   let o;
-  const i = ve();
+  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: T, offsetX: S, offsetY: I } = p;
-    if (d = { timeStamp: T, offsetX: S, offsetY: I }, r === "drag" && h.length === 0) {
+    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 T = xe(c, h[0]) * l;
-      n(2, g = T < Co);
+      const A = xe(c, h[0]) * l;
+      n(2, g = A < Po);
     }
   }, w = (p) => {
     if (r === "click") {
-      const T = p.timeStamp - d.timeStamp, S = xe([d.offsetX, d.offsetY], [p.offsetX, p.offsetY]);
-      if (T > 300 || S > 15)
+      const A = p.timeStamp - d.timeStamp, S = xe([d.offsetX, d.offsetY], [p.offsetX, p.offsetY]);
+      if (A > 300 || S > 15)
         return;
       if (g)
         _();
       else if (h.length === 0) {
-        const I = a.elementToImage(p.offsetX, p.offsetY);
-        h.push(I), n(1, c = I);
+        const C = a.elementToImage(p.offsetX, p.offsetY);
+        h.push(C), n(1, c = C);
       } else
         h.push(c);
     } else {
@@ -2353,14 +2353,14 @@ function Po(e, t, n) {
       p.stopImmediatePropagation(), g ? _() : h.push(c);
     }
   }, b = () => {
-    const p = [...h, c], T = {
-      type: F.POLYGON,
+    const p = [...h, c], A = {
+      type: H.POLYGON,
       geometry: { bounds: Fe(p), points: p }
     };
-    st(T) > 4 && (n(0, h = []), n(1, c = null), i("create", T));
+    st(A) > 4 && (n(0, h = []), n(1, c = null), i("create", A));
   }, _ = () => {
     const p = {
-      type: F.POLYGON,
+      type: H.POLYGON,
       geometry: {
         bounds: Fe(h),
         points: [...h]
@@ -2368,7 +2368,7 @@ function Po(e, t, n) {
     };
     n(0, h = []), n(1, c = null), i("create", p);
   };
-  return Pe(() => {
+  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);
@@ -2386,9 +2386,9 @@ function Po(e, t, n) {
     l
   ];
 }
-class Ro extends ne {
+class Yo extends te {
   constructor(t) {
-    super(), te(this, t, Po, Io, Z, {
+    super(), ee(this, t, Ro, Co, K, {
       addEventListener: 4,
       drawingMode: 5,
       transform: 6,
@@ -2396,10 +2396,10 @@ class Ro extends ne {
     });
   }
 }
-const ut = /* @__PURE__ */ new Map([
-  ["rectangle", { tool: Oo }],
-  ["polygon", { tool: Ro }]
-]), Yo = () => [...ut.keys()], $t = (e) => ut.get(e), Uo = (e, t, n) => ut.set(e, { tool: t, opts: n });
+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) {
   let t, n, o, i, s;
   return {
@@ -2454,7 +2454,7 @@ function Do(e) {
       e[0].id);
     },
     m(r, a) {
-      k(r, t, a), ae(t, n), ae(t, i);
+      B(r, t, a), re(t, n), re(t, i);
     },
     p(r, [a]) {
       a & /*computedStyle*/
@@ -2469,10 +2469,10 @@ function Do(e) {
       1 && s !== (s = /*annotation*/
       r[0].id) && f(t, "data-id", s);
     },
-    i: V,
-    o: V,
+    i: z,
+    o: z,
     d(r) {
-      r && L(t);
+      r && k(t);
     }
   };
 }
@@ -2486,9 +2486,9 @@ function Xo(e, t, n) {
     129 && n(1, o = je(i, r));
   }, [i, o, a, l, d, h, s, r];
 }
-class No extends ne {
+class No extends te {
   constructor(t) {
-    super(), te(this, t, Xo, Do, Z, { annotation: 0, geom: 6, style: 7 });
+    super(), ee(this, t, Xo, Do, K, { annotation: 0, geom: 6, style: 7 });
   }
 }
 function Go(e) {
@@ -2515,7 +2515,7 @@ function Go(e) {
       e[0].id);
     },
     m(r, a) {
-      k(r, t, a), ae(t, n), ae(t, i);
+      B(r, t, a), re(t, n), re(t, i);
     },
     p(r, [a]) {
       a & /*computedStyle*/
@@ -2530,10 +2530,10 @@ function Go(e) {
       1 && s !== (s = /*annotation*/
       r[0].id) && f(t, "data-id", s);
     },
-    i: V,
-    o: V,
+    i: z,
+    o: z,
     d(r) {
-      r && L(t);
+      r && k(t);
     }
   };
 }
@@ -2548,9 +2548,9 @@ function Fo(e, t, n) {
     17 && n(1, o = je(i, r));
   }, [i, o, a, s, r];
 }
-class Ho extends ne {
+class Ho extends te {
   constructor(t) {
-    super(), te(this, t, Fo, Go, Z, { annotation: 0, geom: 3, style: 4 });
+    super(), ee(this, t, Fo, Go, K, { annotation: 0, geom: 3, style: 4 });
   }
 }
 function jo(e) {
@@ -2607,7 +2607,7 @@ function jo(e) {
       e[0].id);
     },
     m(r, a) {
-      k(r, t, a), ae(t, n), ae(t, i);
+      B(r, t, a), re(t, n), re(t, i);
     },
     p(r, [a]) {
       a & /*computedStyle*/
@@ -2670,10 +2670,10 @@ function jo(e) {
       1 && s !== (s = /*annotation*/
       r[0].id) && f(t, "data-id", s);
     },
-    i: V,
-    o: V,
+    i: z,
+    o: z,
     d(r) {
-      r && L(t);
+      r && k(t);
     }
   };
 }
@@ -2687,9 +2687,9 @@ function qo(e, t, n) {
     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];
 }
-class Wo extends ne {
+class Wo extends te {
   constructor(t) {
-    super(), te(this, t, qo, jo, Z, { annotation: 0, geom: 6, style: 7 });
+    super(), ee(this, t, qo, jo, K, { annotation: 0, geom: 6, style: 7 });
   }
 }
 const Ni = {
@@ -2702,7 +2702,7 @@ const Ni = {
     return [s, r];
   }
 }), Ko = 250, Zo = (e, t) => {
-  const n = ve();
+  const n = Se();
   let o;
   return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
     if (performance.now() - o < Ko) {
@@ -2714,46 +2714,46 @@ const Ni = {
   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 kt(e, t, n) {
+function Bt(e, t, n) {
   const o = e.slice();
-  return o[28] = t[n], o;
+  return o[29] = t[n], o;
 }
-function Bt(e, t, n) {
+function It(e, t, n) {
   const o = e.slice();
-  return o[31] = t[n], o;
+  return o[32] = t[n], o;
 }
 function et(e) {
   const t = e.slice(), n = (
     /*annotation*/
-    t[31].target.selector
+    t[32].target.selector
   );
-  return t[34] = n, t;
+  return t[35] = n, t;
 }
-function It(e) {
+function Ct(e) {
   let t = (
     /*annotation*/
-    e[31].id
-  ), n, o, i = Ct(e);
+    e[32].id
+  ), n, o, i = Pt(e);
   return {
     c() {
-      i.c(), n = le();
+      i.c(), n = se();
     },
     m(s, r) {
-      i.m(s, r), k(s, n, r), o = !0;
+      i.m(s, r), B(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*$store*/
-      4096 && Z(t, t = /*annotation*/
-      s[31].id) ? (ie(), X(i, 1, 1, V), se(), i = Ct(s), i.c(), D(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      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);
     },
     i(s) {
       o || (D(i), o = !0);
     },
     o(s) {
-      X(i), o = !1;
+      N(i), o = !1;
     },
     d(s) {
-      s && L(n), i.d(s);
+      s && k(n), i.d(s);
     }
   };
 }
@@ -2763,11 +2763,11 @@ function xo(e) {
     props: {
       annotation: (
         /*annotation*/
-        e[31]
+        e[32]
       ),
       geom: (
         /*selector*/
-        e[34].geometry
+        e[35].geometry
       ),
       style: (
         /*style*/
@@ -2776,18 +2776,18 @@ function xo(e) {
     }
   }), {
     c() {
-      ge(t.$$.fragment);
+      he(t.$$.fragment);
     },
     m(o, i) {
-      ce(t, o, i), n = !0;
+      le(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
       i[0] & /*$store*/
-      4096 && (s.annotation = /*annotation*/
-      o[31]), i[0] & /*$store*/
-      4096 && (s.geom = /*selector*/
-      o[34].geometry), i[0] & /*style*/
+      8192 && (s.annotation = /*annotation*/
+      o[32]), i[0] & /*$store*/
+      8192 && (s.geom = /*selector*/
+      o[35].geometry), i[0] & /*style*/
       2 && (s.style = /*style*/
       o[1]), t.$set(s);
     },
@@ -2795,10 +2795,10 @@ function xo(e) {
       n || (D(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      X(t.$$.fragment, o), n = !1;
+      N(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      de(t, o);
+      ae(t, o);
     }
   };
 }
@@ -2808,11 +2808,11 @@ function $o(e) {
     props: {
       annotation: (
         /*annotation*/
-        e[31]
+        e[32]
       ),
       geom: (
         /*selector*/
-        e[34].geometry
+        e[35].geometry
       ),
       style: (
         /*style*/
@@ -2821,18 +2821,18 @@ function $o(e) {
     }
   }), {
     c() {
-      ge(t.$$.fragment);
+      he(t.$$.fragment);
     },
     m(o, i) {
-      ce(t, o, i), n = !0;
+      le(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
       i[0] & /*$store*/
-      4096 && (s.annotation = /*annotation*/
-      o[31]), i[0] & /*$store*/
-      4096 && (s.geom = /*selector*/
-      o[34].geometry), i[0] & /*style*/
+      8192 && (s.annotation = /*annotation*/
+      o[32]), i[0] & /*$store*/
+      8192 && (s.geom = /*selector*/
+      o[35].geometry), i[0] & /*style*/
       2 && (s.style = /*style*/
       o[1]), t.$set(s);
     },
@@ -2840,10 +2840,10 @@ function $o(e) {
       n || (D(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      X(t.$$.fragment, o), n = !1;
+      N(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      de(t, o);
+      ae(t, o);
     }
   };
 }
@@ -2853,11 +2853,11 @@ function ei(e) {
     props: {
       annotation: (
         /*annotation*/
-        e[31]
+        e[32]
       ),
       geom: (
         /*selector*/
-        e[34].geometry
+        e[35].geometry
       ),
       style: (
         /*style*/
@@ -2866,18 +2866,18 @@ function ei(e) {
     }
   }), {
     c() {
-      ge(t.$$.fragment);
+      he(t.$$.fragment);
     },
     m(o, i) {
-      ce(t, o, i), n = !0;
+      le(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
       i[0] & /*$store*/
-      4096 && (s.annotation = /*annotation*/
-      o[31]), i[0] & /*$store*/
-      4096 && (s.geom = /*selector*/
-      o[34].geometry), i[0] & /*style*/
+      8192 && (s.annotation = /*annotation*/
+      o[32]), i[0] & /*$store*/
+      8192 && (s.geom = /*selector*/
+      o[35].geometry), i[0] & /*style*/
       2 && (s.style = /*style*/
       o[1]), t.$set(s);
     },
@@ -2885,88 +2885,88 @@ function ei(e) {
       n || (D(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      X(t.$$.fragment, o), n = !1;
+      N(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      de(t, o);
+      ae(t, o);
     }
   };
 }
-function Ct(e) {
+function Pt(e) {
   let t, n, o, i;
   const s = [ei, $o, xo], r = [];
   function a(l, d) {
     return (
       /*selector*/
-      l[34].type === F.ELLIPSE ? 0 : (
+      l[35].type === H.ELLIPSE ? 0 : (
         /*selector*/
-        l[34].type === F.RECTANGLE ? 1 : (
+        l[35].type === H.RECTANGLE ? 1 : (
           /*selector*/
-          l[34].type === F.POLYGON ? 2 : -1
+          l[35].type === H.POLYGON ? 2 : -1
         )
       )
     );
   }
   return ~(t = a(e)) && (n = r[t] = s[t](e)), {
     c() {
-      n && n.c(), o = le();
+      n && n.c(), o = se();
     },
     m(l, d) {
-      ~t && r[t].m(l, d), k(l, o, d), i = !0;
+      ~t && r[t].m(l, d), B(l, o, d), i = !0;
     },
     p(l, d) {
       let h = t;
-      t = a(l), t === h ? ~t && r[t].p(l, d) : (n && (ie(), X(r[h], 1, 1, () => {
+      t = a(l), t === h ? ~t && r[t].p(l, d) : (n && (ne(), N(r[h], 1, 1, () => {
         r[h] = null;
-      }), se()), ~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, d) : (n = r[t] = s[t](l), n.c()), D(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(l) {
       i || (D(n), i = !0);
     },
     o(l) {
-      X(n), i = !1;
+      N(n), i = !1;
     },
     d(l) {
-      ~t && r[t].d(l), l && L(o);
+      ~t && r[t].d(l), l && k(o);
     }
   };
 }
-function Pt(e) {
+function Rt(e) {
   let t = !/*isEditable*/
   e[7](
     /*annotation*/
-    e[31]
-  ), n, o, i = t && It(et(e));
+    e[32]
+  ), n, o, i = t && Ct(et(e));
   return {
     c() {
-      i && i.c(), n = le();
+      i && i.c(), n = se();
     },
     m(s, r) {
-      i && i.m(s, r), k(s, n, r), o = !0;
+      i && i.m(s, r), B(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*isEditable, $store*/
-      4224 && (t = !/*isEditable*/
+      8320 && (t = !/*isEditable*/
       s[7](
         /*annotation*/
-        s[31]
+        s[32]
       )), t ? i ? (i.p(et(s), r), r[0] & /*isEditable, $store*/
-      4224 && D(i, 1)) : (i = It(et(s)), i.c(), D(i, 1), i.m(n.parentNode, n)) : i && (ie(), X(i, 1, 1, () => {
+      8320 && D(i, 1)) : (i = Ct(et(s)), i.c(), D(i, 1), i.m(n.parentNode, n)) : i && (ne(), N(i, 1, 1, () => {
         i = null;
-      }), se());
+      }), oe());
     },
     i(s) {
       o || (D(i), o = !0);
     },
     o(s) {
-      X(i), o = !1;
+      N(i), o = !1;
     },
     d(s) {
-      i && i.d(s), s && L(n);
+      i && i.d(s), s && k(n);
     }
   };
 }
-function Rt(e) {
+function Yt(e) {
   let t, n, o, i;
   const s = [ni, ti], r = [];
   function a(l, d) {
@@ -2974,60 +2974,60 @@ function Rt(e) {
       /*editableAnnotations*/
       l[6] ? 0 : (
         /*tool*/
-        l[2] && /*drawingEnabled*/
+        l[12] && /*drawingEnabled*/
         l[0] ? 1 : -1
       )
     );
   }
   return ~(t = a(e)) && (n = r[t] = s[t](e)), {
     c() {
-      n && n.c(), o = le();
+      n && n.c(), o = se();
     },
     m(l, d) {
-      ~t && r[t].m(l, d), k(l, o, d), i = !0;
+      ~t && r[t].m(l, d), B(l, o, d), i = !0;
     },
     p(l, d) {
       let h = t;
-      t = a(l), t === h ? ~t && r[t].p(l, d) : (n && (ie(), X(r[h], 1, 1, () => {
+      t = a(l), t === h ? ~t && r[t].p(l, d) : (n && (ne(), N(r[h], 1, 1, () => {
         r[h] = null;
-      }), se()), ~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, d) : (n = r[t] = s[t](l), n.c()), D(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(l) {
       i || (D(n), i = !0);
     },
     o(l) {
-      X(n), i = !1;
+      N(n), i = !1;
     },
     d(l) {
-      ~t && r[t].d(l), l && L(o);
+      ~t && r[t].d(l), l && k(o);
     }
   };
 }
 function ti(e) {
   let t = (
-    /*tool*/
+    /*toolName*/
     e[2]
-  ), n, o, i = Yt(e);
+  ), n, o, i = Ut(e);
   return {
     c() {
-      i.c(), n = le();
+      i.c(), n = se();
     },
     m(s, r) {
-      i.m(s, r), k(s, n, r), o = !0;
+      i.m(s, r), B(s, n, r), o = !0;
     },
     p(s, r) {
-      r[0] & /*tool*/
-      4 && Z(t, t = /*tool*/
-      s[2]) ? (ie(), X(i, 1, 1, V), se(), i = Yt(s), i.c(), D(i, 1), i.m(n.parentNode, n)) : i.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);
     },
     i(s) {
       o || (D(i), o = !0);
     },
     o(s) {
-      X(i), o = !1;
+      N(i), o = !1;
     },
     d(s) {
-      s && L(n), i.d(s);
+      s && k(n), i.d(s);
     }
   };
 }
@@ -3037,34 +3037,34 @@ function ni(e) {
     e[6]
   ), i = [];
   for (let r = 0; r < o.length; r += 1)
-    i[r] = Dt(kt(e, o, r));
-  const s = (r) => X(i[r], 1, 1, () => {
+    i[r] = Xt(Bt(e, o, r));
+  const s = (r) => N(i[r], 1, 1, () => {
     i[r] = null;
   });
   return {
     c() {
       for (let r = 0; r < i.length; r += 1)
         i[r].c();
-      t = le();
+      t = se();
     },
     m(r, a) {
       for (let l = 0; l < i.length; l += 1)
         i[l] && i[l].m(r, a);
-      k(r, t, a), n = !0;
+      B(r, t, a), n = !0;
     },
     p(r, a) {
       if (a[0] & /*editableAnnotations, drawingEl, style, transform, $scale, onChangeSelected*/
-      140370) {
+      279634) {
         o = /*editableAnnotations*/
         r[6];
         let l;
         for (l = 0; l < o.length; l += 1) {
-          const d = kt(r, o, l);
-          i[l] ? (i[l].p(d, a), D(i[l], 1)) : (i[l] = Dt(d), i[l].c(), D(i[l], 1), i[l].m(t.parentNode, t));
+          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));
         }
-        for (ie(), l = o.length; l < i.length; l += 1)
+        for (ne(), l = o.length; l < i.length; l += 1)
           s(l);
-        se();
+        oe();
       }
     },
     i(r) {
@@ -3077,17 +3077,17 @@ function ni(e) {
     o(r) {
       i = i.filter(Boolean);
       for (let a = 0; a < i.length; a += 1)
-        X(i[a]);
+        N(i[a]);
       n = !1;
     },
     d(r) {
-      rt(i, r), r && L(t);
+      lt(i, r), r && k(t);
     }
   };
 }
-function Yt(e) {
+function Ut(e) {
   let t, n;
-  return t = new So({
+  return t = new Mo({
     props: {
       target: (
         /*drawingEl*/
@@ -3095,7 +3095,7 @@ function Yt(e) {
       ),
       tool: (
         /*tool*/
-        e[2]
+        e[12]
       ),
       drawingMode: (
         /*drawingMode*/
@@ -3107,60 +3107,60 @@ function Yt(e) {
       ),
       viewportScale: (
         /*$scale*/
-        e[13]
+        e[14]
       )
     }
   }), t.$on(
     "create",
     /*onSelectionCreated*/
-    e[16]
+    e[17]
   ), {
     c() {
-      ge(t.$$.fragment);
+      he(t.$$.fragment);
     },
     m(o, i) {
-      ce(t, o, i), n = !0;
+      le(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
       i[0] & /*drawingEl*/
       16 && (s.target = /*drawingEl*/
       o[4]), i[0] & /*tool*/
-      4 && (s.tool = /*tool*/
-      o[2]), i[0] & /*drawingMode*/
+      4096 && (s.tool = /*tool*/
+      o[12]), i[0] & /*drawingMode*/
       2048 && (s.drawingMode = /*drawingMode*/
       o[11]), i[0] & /*transform*/
       1024 && (s.transform = /*transform*/
       o[10]), i[0] & /*$scale*/
-      8192 && (s.viewportScale = /*$scale*/
-      o[13]), t.$set(s);
+      16384 && (s.viewportScale = /*$scale*/
+      o[14]), t.$set(s);
     },
     i(o) {
       n || (D(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      X(t.$$.fragment, o), n = !1;
+      N(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      de(t, o);
+      ae(t, o);
     }
   };
 }
-function Ut(e) {
+function Dt(e) {
   let t, n;
-  return t = new Ao({
+  return t = new To({
     props: {
       target: (
         /*drawingEl*/
         e[4]
       ),
-      editor: St(
+      editor: Mt(
         /*editable*/
-        e[28].target.selector
+        e[29].target.selector
       ),
       annotation: (
         /*editable*/
-        e[28]
+        e[29]
       ),
       style: (
         /*style*/
@@ -3172,26 +3172,26 @@ function Ut(e) {
       ),
       viewportScale: (
         /*$scale*/
-        e[13]
+        e[14]
       )
     }
   }), t.$on("change", function() {
-    H(
+    j(
       /*onChangeSelected*/
-      e[17](
+      e[18](
         /*editable*/
-        e[28]
+        e[29]
       )
-    ) && e[17](
+    ) && e[18](
       /*editable*/
-      e[28]
+      e[29]
     ).apply(this, arguments);
   }), {
     c() {
-      ge(t.$$.fragment);
+      he(t.$$.fragment);
     },
     m(o, i) {
-      ce(t, o, i), n = !0;
+      le(t, o, i), n = !0;
     },
     p(o, i) {
       e = o;
@@ -3199,97 +3199,97 @@ function Ut(e) {
       i[0] & /*drawingEl*/
       16 && (s.target = /*drawingEl*/
       e[4]), i[0] & /*editableAnnotations*/
-      64 && (s.editor = St(
+      64 && (s.editor = Mt(
         /*editable*/
-        e[28].target.selector
+        e[29].target.selector
       )), i[0] & /*editableAnnotations*/
       64 && (s.annotation = /*editable*/
-      e[28]), i[0] & /*style*/
+      e[29]), i[0] & /*style*/
       2 && (s.style = /*style*/
       e[1]), i[0] & /*transform*/
       1024 && (s.transform = /*transform*/
       e[10]), i[0] & /*$scale*/
-      8192 && (s.viewportScale = /*$scale*/
-      e[13]), t.$set(s);
+      16384 && (s.viewportScale = /*$scale*/
+      e[14]), t.$set(s);
     },
     i(o) {
       n || (D(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      X(t.$$.fragment, o), n = !1;
+      N(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      de(t, o);
+      ae(t, o);
     }
   };
 }
-function Dt(e) {
+function Xt(e) {
   let t = (
     /*editable*/
-    e[28].id
-  ), n, o, i = Ut(e);
+    e[29].id
+  ), n, o, i = Dt(e);
   return {
     c() {
-      i.c(), n = le();
+      i.c(), n = se();
     },
     m(s, r) {
-      i.m(s, r), k(s, n, r), o = !0;
+      i.m(s, r), B(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*editableAnnotations*/
-      64 && Z(t, t = /*editable*/
-      s[28].id) ? (ie(), X(i, 1, 1, V), se(), i = Ut(s), i.c(), D(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      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);
     },
     i(s) {
       o || (D(i), o = !0);
     },
     o(s) {
-      X(i), o = !1;
+      N(i), o = !1;
     },
     d(s) {
-      s && L(n), i.d(s);
+      s && k(n), i.d(s);
     }
   };
 }
 function oi(e) {
   let t, n, o, i, s, r, a = (
     /*$store*/
-    e[12]
+    e[13]
   ), l = [];
   for (let c = 0; c < a.length; c += 1)
-    l[c] = Pt(Bt(e, a, c));
-  const d = (c) => X(l[c], 1, 1, () => {
+    l[c] = Rt(It(e, a, c));
+  const d = (c) => N(l[c], 1, 1, () => {
     l[c] = null;
   });
   let h = (
     /*drawingEl*/
-    e[4] && Rt(e)
+    e[4] && Yt(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"), mt(
+      o = U("g"), h && h.c(), f(o, "class", "drawing"), f(t, "class", "a9s-annotationlayer"), pt(
         t,
         "drawing",
         /*tool*/
-        e[2]
+        e[12]
       );
     },
     m(c, g) {
-      k(c, t, g), ae(t, n);
+      B(c, t, g), re(t, n);
       for (let u = 0; u < l.length; u += 1)
         l[u] && l[u].m(n, null);
-      ae(t, o), h && h.m(o, null), e[24](o), e[25](t), i = !0, s || (r = [
+      re(t, o), h && h.m(o, null), e[25](o), e[26](t), i = !0, s || (r = [
         W(t, "pointerup", function() {
-          H(
+          j(
             /*onPointerUp*/
             e[8]
           ) && e[8].apply(this, arguments);
         }),
         W(t, "pointerdown", function() {
-          H(
+          j(
             /*onPointerDown*/
             e[9]
           ) && e[9].apply(this, arguments);
@@ -3298,28 +3298,28 @@ function oi(e) {
     },
     p(c, g) {
       if (e = c, g[0] & /*$store, style, isEditable*/
-      4226) {
+      8322) {
         a = /*$store*/
-        e[12];
+        e[13];
         let u;
         for (u = 0; u < a.length; u += 1) {
-          const m = Bt(e, a, u);
-          l[u] ? (l[u].p(m, g), D(l[u], 1)) : (l[u] = Pt(m), l[u].c(), D(l[u], 1), l[u].m(n, null));
+          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));
         }
-        for (ie(), u = a.length; u < l.length; u += 1)
+        for (ne(), u = a.length; u < l.length; u += 1)
           d(u);
-        se();
+        oe();
       }
       /*drawingEl*/
       e[4] ? h ? (h.p(e, g), g[0] & /*drawingEl*/
-      16 && D(h, 1)) : (h = Rt(e), h.c(), D(h, 1), h.m(o, null)) : h && (ie(), X(h, 1, 1, () => {
+      16 && D(h, 1)) : (h = Yt(e), h.c(), D(h, 1), h.m(o, null)) : h && (ne(), N(h, 1, 1, () => {
         h = null;
-      }), se()), (!i || g[0] & /*tool*/
-      4) && mt(
+      }), oe()), (!i || g[0] & /*tool*/
+      4096) && pt(
         t,
         "drawing",
         /*tool*/
-        e[2]
+        e[12]
       );
     },
     i(c) {
@@ -3332,116 +3332,117 @@ function oi(e) {
     o(c) {
       l = l.filter(Boolean);
       for (let g = 0; g < l.length; g += 1)
-        X(l[g]);
-      X(h), i = !1;
+        N(l[g]);
+      N(h), i = !1;
     },
     d(c) {
-      c && L(t), rt(l, c), h && h.d(), e[24](null), e[25](null), s = !1, re(r);
+      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 = V, g = () => (c(), c = Ft(A, (C) => n(13, h = C)), A);
-  e.$$.on_destroy.push(() => c());
-  let { drawingEnabled: u } = t, { image: m } = t, { preferredDrawingMode: w } = t, { state: b } = t, { style: _ = void 0 } = t, { tool: p, opts: T } = $t("rectangle"), { tool: S = p, opts: I = T } = t, { user: R } = t, N, y, A;
-  Pe(() => g(n(5, A = Bo(m, y))));
-  const { selection: E, store: v } = b;
-  gt(e, E, (C) => n(23, l = C)), gt(e, v, (C) => n(12, d = C));
-  let B = null, Y = null;
-  const Q = (C) => {
-    v.unobserve(B);
-    const J = C.filter(({ editable: z }) => z).map(({ id: z }) => z);
-    J.length > 0 ? (n(6, Y = J.map((z) => v.getAnnotation(z))), B = (z) => {
-      const { updated: j } = z.changes;
-      n(6, Y = j.map((oe) => oe.newValue));
-    }, v.observe(B, { annotations: J })) : n(6, Y = null);
-  }, me = (C) => {
-    const J = ct(), z = {
+  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,
       bodies: [],
       target: {
         annotation: J,
-        selector: C.detail,
-        creator: R,
+        selector: L.detail,
+        creator: C,
         created: /* @__PURE__ */ new Date()
       }
     };
-    v.addAnnotation(z), E.setSelected(z.id);
-  }, pe = (C) => (J) => {
-    var ue;
-    const { target: z } = C, j = 10 * 60 * 1e3, oe = ((ue = z.creator) == null ? void 0 : ue.id) !== R.id || !z.created || (/* @__PURE__ */ new Date()).getTime() - z.created.getTime() > j;
-    v.updateTarget({
-      ...z,
+    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: oe ? z.created : /* @__PURE__ */ new Date(),
-      updated: oe ? /* @__PURE__ */ new Date() : null,
-      updatedBy: oe ? R : null
+      created: F ? V.created : /* @__PURE__ */ new Date(),
+      updated: F ? /* @__PURE__ */ new Date() : null,
+      updatedBy: F ? C : null
     });
   };
-  function Me(C) {
-    ze[C ? "unshift" : "push"](() => {
-      N = C, n(4, N);
+  function me(L) {
+    ze[L ? "unshift" : "push"](() => {
+      R = L, n(4, R);
     });
   }
-  function K(C) {
-    ze[C ? "unshift" : "push"](() => {
-      y = C, n(3, y);
+  function Me(L) {
+    ze[L ? "unshift" : "push"](() => {
+      X = L, n(3, X);
     });
   }
-  return e.$$set = (C) => {
-    "drawingEnabled" in C && n(0, u = C.drawingEnabled), "image" in C && n(18, m = C.image), "preferredDrawingMode" in C && n(19, w = C.preferredDrawingMode), "state" in C && n(20, b = C.state), "style" in C && n(1, _ = C.style), "tool" in C && n(2, S = C.tool), "opts" in C && n(21, I = C.opts), "user" in C && n(22, R = C.user);
+  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);
   }, e.$$.update = () => {
-    e.$$.dirty[0] & /*opts, preferredDrawingMode*/
-    2621440 && n(11, o = (I == null ? void 0 : I.drawingMode) || w), e.$$.dirty[0] & /*svgEl*/
-    8 && n(10, i = Jo(y)), e.$$.dirty[0] & /*svgEl*/
-    8 && n(9, { onPointerDown: s, onPointerUp: r } = Zo(y, v), s, (n(8, r), n(3, y))), e.$$.dirty[0] & /*$selection*/
-    8388608 && n(7, a = (C) => l.selected.find((J) => J.id === C.id && J.editable)), e.$$.dirty[0] & /*$selection*/
-    8388608 && Q(l.selected);
+    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);
   }, [
-    u,
-    _,
+    w,
+    A,
     S,
+    X,
+    R,
     y,
-    N,
-    A,
-    Y,
+    I,
+    d,
+    l,
     a,
     r,
     s,
-    i,
     o,
-    d,
-    h,
+    c,
+    g,
+    T,
     E,
-    v,
-    me,
-    pe,
-    m,
-    w,
+    Z,
+    ge,
     b,
-    I,
-    R,
-    l,
-    Me,
-    K
+    _,
+    p,
+    C,
+    i,
+    h,
+    me,
+    Me
   ];
 }
-class si extends ne {
+class si extends te {
   constructor(t) {
-    super(), te(
+    super(), ee(
       this,
       t,
       ii,
       oi,
-      Z,
+      K,
       {
         drawingEnabled: 0,
-        image: 18,
-        preferredDrawingMode: 19,
-        state: 20,
+        image: 19,
+        preferredDrawingMode: 20,
+        state: 21,
         style: 1,
-        tool: 2,
-        opts: 21,
+        toolName: 2,
         user: 22
       },
       null,
@@ -3450,25 +3451,25 @@ class si extends ne {
   }
 }
 function ri(e, t, n, o, i) {
-  en(e, t, n || 0, o || e.length - 1, i || li);
+  tn(e, t, n || 0, o || e.length - 1, i || li);
 }
-function en(e, t, n, o, i) {
+function tn(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));
-      en(e, t, h, c, i);
+      tn(e, t, h, c, i);
     }
     var g = e[t], u = n, m = o;
-    for (Oe(e, n, t), i(e[o], g) > 0 && Oe(e, n, o); u < m; ) {
-      for (Oe(e, u, m), u++, m--; i(e[u], g) < 0; )
+    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--;
     }
-    i(e[n], g) === 0 ? Oe(e, n, m) : (m++, Oe(e, m, o)), m <= t && (n = m + 1), t <= m && (o = m - 1);
+    i(e[n], g) === 0 ? ve(e, n, m) : (m++, ve(e, m, o)), m <= t && (n = m + 1), t <= m && (o = m - 1);
   }
 }
-function Oe(e, t, n) {
+function ve(e, t, n) {
   var o = e[t];
   e[t] = e[n], e[n] = o;
 }
@@ -3541,7 +3542,7 @@ class ai {
     return t && this._insert(t, this.data.height - 1), this;
   }
   clear() {
-    return this.data = Ae([]), this;
+    return this.data = Ee([]), this;
   }
   remove(t, n) {
     if (!t)
@@ -3584,19 +3585,19 @@ class ai {
     const s = o - n + 1;
     let r = this._maxEntries, a;
     if (s <= r)
-      return a = Ae(t.slice(n, o + 1)), be(a, this.toBBox), a;
-    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), a = Ae([]), a.leaf = !1, a.height = i;
+      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));
-    Xt(t, n, o, d, this.compareMinX);
+    Nt(t, n, o, d, this.compareMinX);
     for (let h = n; h <= o; h += d) {
       const c = Math.min(h + d - 1, o);
-      Xt(t, h, c, l, this.compareMinY);
+      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));
       }
     }
-    return be(a, this.toBBox), a;
+    return we(a, this.toBBox), a;
   }
   _chooseSubtree(t, n, o, i) {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
@@ -3611,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), ke(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
+    for (r.children.push(t), Le(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
       this._split(s, n), n--;
     this._adjustParentBBoxes(i, s, n);
   }
@@ -3619,16 +3620,16 @@ class ai {
   _split(t, n) {
     const o = t[n], i = o.children.length, s = this._minEntries;
     this._chooseSplitAxis(o, s, i);
-    const r = this._chooseSplitIndex(o, s, i), a = Ae(o.children.splice(r, o.children.length - r));
-    a.height = o.height, a.leaf = o.leaf, be(o, this.toBBox), be(a, this.toBBox), n ? t[n - 1].children.push(a) : this._splitRoot(o, a);
+    const r = this._chooseSplitIndex(o, s, i), a = Ee(o.children.splice(r, o.children.length - r));
+    a.height = o.height, a.leaf = o.leaf, we(o, this.toBBox), we(a, this.toBBox), n ? t[n - 1].children.push(a) : this._splitRoot(o, a);
   }
   _splitRoot(t, n) {
-    this.data = Ae([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, be(this.data, this.toBBox);
+    this.data = Ee([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, we(this.data, this.toBBox);
   }
   _chooseSplitIndex(t, n, o) {
     let i, s = 1 / 0, r = 1 / 0;
     for (let a = n; a <= o - n; a++) {
-      const l = Le(t, 0, a, this.toBBox), d = Le(t, a, o, this.toBBox), h = hi(l, d), c = tt(l) + tt(d);
+      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);
     }
     return i || o - n;
@@ -3641,25 +3642,25 @@ class ai {
   // 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 = Le(t, 0, n, s), a = Le(t, o - n, o, s);
+    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];
-      ke(r, t.leaf ? s(h) : h), l += Ne(r);
+      Le(r, t.leaf ? s(h) : h), l += Ne(r);
     }
     for (let d = o - n - 1; d >= n; d--) {
       const h = t.children[d];
-      ke(a, t.leaf ? s(h) : h), l += Ne(a);
+      Le(a, t.leaf ? s(h) : h), l += Ne(a);
     }
     return l;
   }
   _adjustParentBBoxes(t, n, o) {
     for (let i = o; i >= 0; i--)
-      ke(n[i], t);
+      Le(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() : be(t[n], this.toBBox);
+      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) {
@@ -3670,18 +3671,18 @@ function ci(e, t, n) {
       return o;
   return -1;
 }
-function be(e, t) {
-  Le(e, 0, e.children.length, t, e);
+function we(e, t) {
+  Oe(e, 0, e.children.length, t, e);
 }
-function Le(e, t, n, o, i) {
-  i || (i = Ae(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
+function Oe(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];
-    ke(i, e.leaf ? o(r) : r);
+    Le(i, e.leaf ? o(r) : r);
   }
   return i;
 }
-function ke(e, t) {
+function Le(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) {
@@ -3709,7 +3710,7 @@ function nt(e, t) {
 function Ge(e, t) {
   return t.minX <= e.maxX && t.minY <= e.maxY && t.maxX >= e.minX && t.maxY >= e.minY;
 }
-function Ae(e) {
+function Ee(e) {
   return {
     children: e,
     height: 1,
@@ -3720,7 +3721,7 @@ function Ae(e) {
     maxY: -1 / 0
   };
 }
-function Xt(e, t, n, o, i) {
+function Nt(e, t, n, o, i) {
   const s = [t, n];
   for (; s.length; ) {
     if (n = s.pop(), t = s.pop(), n - t <= o)
@@ -3748,7 +3749,7 @@ const gi = () => {
         minY: g,
         maxX: c,
         maxY: g
-      }).map((w) => w.target).filter((w) => w.selector.type === F.RECTANGLE || mn(w.selector, c, 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];
     },
@@ -3774,7 +3775,7 @@ const gi = () => {
     }
   };
 }, mi = (e) => {
-  const t = Fn(), n = gi(), o = Pn(t, e.pointerSelectAction), i = Cn(t), s = Jn();
+  const t = Hn(), n = gi(), o = Rn(t, e.pointerSelectAction), i = Pn(t), s = Kn();
   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));
   }), {
@@ -3794,7 +3795,7 @@ const gi = () => {
   const t = mi(e);
   return {
     ...t,
-    store: Hn(t.store)
+    store: jn(t.store)
   };
 }, yi = (e) => {
   let t, n;
@@ -3814,28 +3815,28 @@ const gi = () => {
 }, _i = (e) => {
   const t = yi(e), n = t > 0.6 ? "dark" : "light";
   return console.log(`[Annotorious] Image brightness: ${t.toFixed(1)}. Setting ${n} theme.`), n;
-}, Nt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? _i(e) : n), wi = (e) => ({
+}, Gt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? _i(e) : n), wi = (e) => ({
   ...e,
   drawingEnabled: e.drawingEnabled === void 0 ? !0 : e.drawingEnabled,
   drawingMode: e.drawingMode || "drag",
-  pointerSelectAction: e.pointerSelectAction || Kt.EDIT,
+  pointerSelectAction: e.pointerSelectAction || Zt.EDIT,
   theme: e.theme || "light"
-}), Gt = navigator.userAgent.indexOf("Mac OS X") !== -1, bi = (e, t) => {
+}), Vt = navigator.userAgent.indexOf("Mac OS X") !== -1, bi = (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 = () => {
-    Gt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
+    Vt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
   };
-  return Gt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
+  return Vt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
     destroy: s
   };
 };
 const Gi = (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 = Wn(r), l = Kn(
+  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(
     i,
     a,
     o.adapter,
@@ -3843,8 +3844,8 @@ const Gi = (e, t = {}) => {
   ), 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 = no();
-  Nt(n, d, o.theme);
+  let c = oo();
+  Gt(n, d, o.theme);
   const g = new si({
     target: d,
     props: {
@@ -3857,34 +3858,35 @@ const Gi = (e, t = {}) => {
     }
   });
   g.$on("click", (y) => {
-    const { originalEvent: A, annotation: E } = y.detail;
-    E ? s.clickSelect(E.id, A) : s.isEmpty() || s.clear();
+    const { originalEvent: T, annotation: E } = y.detail;
+    E ? s.clickSelect(E.id, T) : s.isEmpty() || s.clear();
   });
-  const u = Qn(i, a, o.adapter), m = () => {
+  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, A, E) => Uo(y, A, E), _ = (y, A) => yo(y, A), p = (y) => {
-    const { tool: A, opts: E } = $t(y);
-    g.$set({ tool: A, opts: E });
-  }, T = (y) => g.$set({ drawingEnabled: y }), S = (y) => {
+  }, 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) => {
     console.warn("Filter not implemented yet");
-  }, I = (y) => g.$set({ style: y }), R = (y) => Nt(n, d, y), N = (y) => {
+  }, C = (y) => g.$set({ style: y }), R = (y) => Gt(n, d, y), X = (y) => {
     c = y, g.$set({ user: y });
   };
   return {
     ...u,
     destroy: m,
     getUser: w,
-    listDrawingTools: Yo,
+    listDrawingTools: rt,
     on: l.on,
     off: l.off,
     registerDrawingTool: b,
     registerShapeEditor: _,
-    setDrawingEnabled: T,
+    setDrawingEnabled: A,
     setDrawingTool: p,
     setFilter: S,
-    setStyle: I,
+    setStyle: C,
     setTheme: R,
-    setUser: N,
+    setUser: X,
     state: i
   };
 };
@@ -3897,13 +3899,13 @@ const Vi = (e) => {
     ...o
   ].filter((i) => i);
 }, zi = (e, t, n, o) => ({
-  id: ct(),
+  id: dt(),
   annotation: e.id,
   created: n || /* @__PURE__ */ new Date(),
   creator: o,
   ...t
 });
-var Vt = Object.prototype.hasOwnProperty;
+var zt = Object.prototype.hasOwnProperty;
 function He(e, t) {
   var n, o;
   if (e === t)
@@ -3922,7 +3924,7 @@ function He(e, t) {
     if (!n || typeof e == "object") {
       o = 0;
       for (n in e)
-        if (Vt.call(e, n) && ++o && !Vt.call(t, n) || !(n in t) || !He(e[n], t[n]))
+        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;
     }
@@ -3938,7 +3940,7 @@ const Ai = (e, t) => {
 }, 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), vi = (e, t) => !He(e.target, t.target), Fi = (e, t) => {
+}).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,
@@ -3946,11 +3948,11 @@ const Ai = (e, t) => {
     bodiesCreated: n.length > 0 ? n : void 0,
     bodiesDeleted: o.length > 0 ? o : void 0,
     bodiesUpdated: i.length > 0 ? i : void 0,
-    targetUpdated: vi(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
+    targetUpdated: Mi(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
-var Be = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(Be || {});
-let Mi = () => ({
+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++)
@@ -3978,15 +3980,15 @@ const Hi = (e) => (t) => t.map((n) => e.serialize(n)), Oi = (e) => (t) => t.redu
   const { store: o, selection: i } = e, s = (b) => {
     if (n) {
       const { parsed: _, error: p } = n.parse(b);
-      _ ? o.addAnnotation(_, Be.REMOTE) : console.error(p);
+      _ ? o.addAnnotation(_, ke.REMOTE) : console.error(p);
     } else
-      o.addAnnotation(b, Be.REMOTE);
+      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((T) => T.id)) || []).map((T) => o.getAnnotation(T));
+    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") {
@@ -3999,9 +4001,9 @@ const Hi = (e) => (t) => t.map((n) => e.serialize(n)), Oi = (e) => (t) => t.redu
   }, 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, Be.REMOTE);
+      p.length > 0 && console.warn(`Discarded ${p.length} invalid annotations`, p), o.bulkAddAnnotation(_, !0, ke.REMOTE);
     } else
-      o.bulkAddAnnotation(b, !0, Be.REMOTE);
+      o.bulkAddAnnotation(b, !0, ke.REMOTE);
   }, m = (b) => {
     b ? i.setSelected(b) : i.clear();
   }, w = (b) => {
@@ -4103,7 +4105,7 @@ const qi = () => ({ isGuest: !0, id: Bi("1234567890abcdefghijklmnopqrstuvwxyzABC
     };
   }, 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 = Mi(), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), i = (c, g) => {
+  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;
@@ -4152,20 +4154,20 @@ const qi = () => ({ isGuest: !0, id: Bi("1234567890abcdefghijklmnopqrstuvwxyzABC
   };
 };
 export {
-  xt as Editor,
-  Ao as EditorMount,
+  $t as Editor,
+  To as EditorMount,
   O as Handle,
   Ni as IdentityTransform,
-  Be as Origin,
+  ke as Origin,
   Ki as PRESENCE_KEY,
   Ei as PointerSelectAction,
-  fo as PolygonEditor,
-  po as RectangleEditor,
-  _n as RectangleUtil,
-  Oo as RubberbandRectangle,
+  ho as PolygonEditor,
+  yo as RectangleEditor,
+  wn as RectangleUtil,
+  Lo as RubberbandRectangle,
   si as SVGAnnotationLayer,
-  F as ShapeType,
-  So as ToolMount,
+  H as ShapeType,
+  Mo as ToolMount,
   Di as W3CImageFormat,
   Zo as addEventListeners,
   Fe as boundsFromPoints,
@@ -4183,29 +4185,29 @@ export {
   _i as detectTheme,
   Fi as diffAnnotations,
   xe as distance,
-  Bo as enableResponsive,
+  Io as enableResponsive,
   wi as fillDefaults,
   Vi as getContributors,
-  St as getEditor,
-  $t as getTool,
+  Mt as getEditor,
+  en as getTool,
   bi as initKeyboardCommands,
-  mn as intersects,
+  pn as intersects,
   Xi as isTouch,
-  Yo as listDrawingTools,
+  rt as listDrawingTools,
   Oi as parseAll,
-  wn as parseFragmentSelector,
+  bn as parseFragmentSelector,
   vn as parseSVGSelector,
   Wi as parseW3CBodies,
-  ro as parseW3CImageAnnotation,
-  yo as registerEditor,
-  at as registerShapeUtil,
+  lo as parseW3CImageAnnotation,
+  _o as registerEditor,
+  ct as registerShapeUtil,
   Uo as registerTool,
   yi as sampleBrightness,
   Hi as serializeAll,
-  bn as serializeFragmentSelector,
-  Mn as serializeSVGSelector,
+  En as serializeFragmentSelector,
+  On as serializeSVGSelector,
   Ji as serializeW3CBodies,
-  lo as serializeW3CImageAnnotation,
-  Nt as setTheme
+  ao as serializeW3CImageAnnotation,
+  Gt as setTheme
 };
 //# sourceMappingURL=annotorious.es.js.map