@annotorious/annotorious 3.0.0-rc.21 → 3.0.0-rc.23

package/dist/annotorious.es.js

@@ -1,7 +1,7 @@
 var nn = Object.defineProperty;
 var on = (e, t, n) => t in e ? nn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Ke = (e, t, n) => (on(e, typeof t != "symbol" ? t + "" : t, n), n);
-function V() {
+function G() {
 }
 function nt(e, t) {
   for (const n in t)
@@ -17,13 +17,13 @@ function Nt(e) {
 function dt() {
   return /* @__PURE__ */ Object.create(null);
 }
-function ae(e) {
+function le(e) {
   e.forEach(Nt);
 }
-function q(e) {
+function j(e) {
   return typeof e == "function";
 }
-function W(e, t) {
+function K(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
 function sn(e) {
@@ -33,7 +33,7 @@ function Vt(e, ...t) {
   if (e == null) {
     for (const o of t)
       o(void 0);
-    return V;
+    return G;
   }
   const n = e.subscribe(...t);
   return n.unsubscribe ? () => n.unsubscribe() : n;
@@ -86,63 +86,63 @@ function gt(e) {
     n[0] !== "$" && (t[n] = e[n]);
   return t;
 }
-function Ge(e) {
+function ze(e) {
   return e ?? "";
 }
 const fn = typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : (
   // @ts-ignore Node typings have this
   global
 );
-function se(e, t) {
+function ie(e, t) {
   e.appendChild(t);
 }
-function O(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) {
   for (let n = 0; n < e.length; n += 1)
     e[n] && e[n].d(t);
 }
-function R(e) {
+function X(e) {
   return document.createElementNS("http://www.w3.org/2000/svg", e);
 }
 function zt(e) {
   return document.createTextNode(e);
 }
-function oe() {
+function ne() {
   return zt(" ");
 }
-function ce() {
+function ae() {
   return zt("");
 }
-function F(e, t, n, o) {
+function H(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
 }
-function d(e, t, n) {
+function h(e, t, n) {
   n == null ? e.removeAttribute(t) : e.getAttribute(t) !== n && e.setAttribute(t, n);
 }
 function un(e) {
   return Array.from(e.childNodes);
 }
-function ze(e, t, n) {
+function Ee(e, t, n) {
   e.classList.toggle(t, !!n);
 }
 function dn(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
   return new CustomEvent(e, { detail: t, bubbles: n, cancelable: o });
 }
-let Ie;
-function Be(e) {
-  Ie = e;
+let Pe;
+function Ie(e) {
+  Pe = e;
 }
 function Ht() {
-  if (!Ie)
+  if (!Pe)
     throw new Error("Function called outside component initialization");
-  return Ie;
+  return Pe;
 }
-function Pe(e) {
+function Ye(e) {
   Ht().$$.on_mount.push(e);
 }
 function Te() {
@@ -163,11 +163,11 @@ function Te() {
     return !0;
   };
 }
-function ue(e, t) {
+function fe(e, t) {
   const n = e.$$.callbacks[t.type];
   n && n.slice().forEach((o) => o.call(this, t));
 }
-const be = [], He = [];
+const we = [], He = [];
 let Ae = [];
 const mt = [], hn = /* @__PURE__ */ Promise.resolve();
 let ot = !1;
@@ -178,35 +178,35 @@ function it(e) {
   Ae.push(e);
 }
 const We = /* @__PURE__ */ new Set();
-let pe = 0;
+let me = 0;
 function Ft() {
-  if (pe !== 0)
+  if (me !== 0)
     return;
-  const e = Ie;
+  const e = Pe;
   do {
     try {
-      for (; pe < be.length; ) {
-        const t = be[pe];
-        pe++, Be(t), mn(t.$$);
+      for (; me < we.length; ) {
+        const t = we[me];
+        me++, Ie(t), mn(t.$$);
       }
     } catch (t) {
-      throw be.length = 0, pe = 0, t;
+      throw we.length = 0, me = 0, t;
     }
-    for (Be(null), be.length = 0, pe = 0; He.length; )
+    for (Ie(null), we.length = 0, me = 0; He.length; )
       He.pop()();
     for (let t = 0; t < Ae.length; t += 1) {
       const n = Ae[t];
       We.has(n) || (We.add(n), n());
     }
     Ae.length = 0;
-  } while (be.length);
+  } while (we.length);
   for (; mt.length; )
     mt.pop()();
-  ot = !1, We.clear(), Be(e);
+  ot = !1, We.clear(), Ie(e);
 }
 function mn(e) {
   if (e.fragment !== null) {
-    e.update(), ae(e.before_update);
+    e.update(), le(e.before_update);
     const t = e.dirty;
     e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(it);
   }
@@ -215,28 +215,28 @@ function pn(e) {
   const t = [], n = [];
   Ae.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), Ae = t;
 }
-const Ve = /* @__PURE__ */ new Set();
-let de;
-function re() {
-  de = {
+const Ge = /* @__PURE__ */ new Set();
+let ue;
+function se() {
+  ue = {
     r: 0,
     c: [],
-    p: de
+    p: ue
     // parent group
   };
 }
-function le() {
-  de.r || ae(de.c), de = de.p;
+function re() {
+  ue.r || le(ue.c), ue = ue.p;
 }
 function P(e, t) {
-  e && e.i && (Ve.delete(e), e.i(t));
+  e && e.i && (Ge.delete(e), e.i(t));
 }
 function D(e, t, n, o) {
   if (e && e.o) {
-    if (Ve.has(e))
+    if (Ge.has(e))
       return;
-    Ve.add(e), de.c.push(() => {
-      Ve.delete(e), o && (n && e.d(1), o());
+    Ge.add(e), ue.c.push(() => {
+      Ge.delete(e), o && (n && e.d(1), o());
     }), e.o(t);
   } else
     o && o();
@@ -250,26 +250,26 @@ function $(e) {
 function Q(e, t, n) {
   const { fragment: o, after_update: i } = e.$$;
   o && o.m(t, n), it(() => {
-    const s = e.$$.on_mount.map(Nt).filter(q);
-    e.$$.on_destroy ? e.$$.on_destroy.push(...s) : ae(s), e.$$.on_mount = [];
+    const s = e.$$.on_mount.map(Nt).filter(j);
+    e.$$.on_destroy ? e.$$.on_destroy.push(...s) : le(s), e.$$.on_mount = [];
   }), i.forEach(it);
 }
 function x(e, t) {
   const n = e.$$;
-  n.fragment !== null && (pn(n.after_update), ae(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
+  n.fragment !== null && (pn(n.after_update), le(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
 }
 function yn(e, t) {
-  e.$$.dirty[0] === -1 && (be.push(e), gn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
+  e.$$.dirty[0] === -1 && (we.push(e), gn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
 }
 function ee(e, t, n, o, i, s, r = null, l = [-1]) {
-  const a = Ie;
-  Be(e);
+  const a = Pe;
+  Ie(e);
   const c = e.$$ = {
     fragment: null,
     ctx: [],
     // state
     props: s,
-    update: V,
+    update: G,
     not_equal: i,
     bound: dt(),
     // lifecycle
@@ -287,18 +287,18 @@ function ee(e, t, n, o, i, s, r = null, l = [-1]) {
   };
   r && r(c.root);
   let u = !1;
-  if (c.ctx = n ? n(e, t.props || {}, (f, h, ...g) => {
-    const m = g.length ? g[0] : h;
-    return c.ctx && i(c.ctx[f], c.ctx[f] = m) && (!c.skip_bound && c.bound[f] && c.bound[f](m), u && yn(e, f)), h;
-  }) : [], c.update(), u = !0, ae(c.before_update), c.fragment = o ? o(c.ctx) : !1, t.target) {
+  if (c.ctx = n ? n(e, t.props || {}, (f, d, ...g) => {
+    const m = g.length ? g[0] : d;
+    return c.ctx && i(c.ctx[f], c.ctx[f] = m) && (!c.skip_bound && c.bound[f] && c.bound[f](m), u && yn(e, f)), d;
+  }) : [], c.update(), u = !0, le(c.before_update), c.fragment = o ? o(c.ctx) : !1, t.target) {
     if (t.hydrate) {
       const f = un(t.target);
-      c.fragment && c.fragment.l(f), f.forEach(L);
+      c.fragment && c.fragment.l(f), f.forEach(k);
     } else
       c.fragment && c.fragment.c();
     t.intro && P(e.$$.fragment), Q(e, t.target, t.anchor), Ft();
   }
-  Be(a);
+  Ie(a);
 }
 class te {
   constructor() {
@@ -321,7 +321,7 @@ class te {
   }
   /** @returns {void} */
   $destroy() {
-    x(this, 1), this.$destroy = V;
+    x(this, 1), this.$destroy = G;
   }
   /**
    * @template {Extract<keyof Events, string>} K
@@ -330,8 +330,8 @@ class te {
    * @returns {() => void}
    */
   $on(t, n) {
-    if (!q(n))
-      return V;
+    if (!j(n))
+      return G;
     const o = this.$$.callbacks[t] || (this.$$.callbacks[t] = []);
     return o.push(n), () => {
       const i = o.indexOf(n);
@@ -348,7 +348,7 @@ class te {
 }
 const _n = "4";
 typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(_n);
-var j = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(j || {});
+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), wn = (e, t, n) => lt[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]) => {
@@ -357,11 +357,11 @@ const lt = {}, at = (e, t) => lt[e] = t, st = (e) => lt[e.type].area(e), wn = (e
 }, bn = {
   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, l = 0, a = Math.cos(l), c = Math.sin(l), u = t - o, f = n - i, h = a * u + c * f, g = c * u - a * f;
-    return h * h / (s * s) + g * g / (r * r) <= 1;
+    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, l = 0, a = Math.cos(l), c = Math.sin(l), u = t - o, f = n - i, d = a * u + c * f, g = c * u - a * f;
+    return d * d / (s * s) + g * g / (r * r) <= 1;
   }
 };
-at(j.ELLIPSE, bn);
+at(F.ELLIPSE, bn);
 const En = {
   area: (e) => {
     const { points: t } = e.geometry;
@@ -380,31 +380,31 @@ const En = {
     return i;
   }
 };
-at(j.POLYGON, En);
+at(F.POLYGON, En);
 const An = {
   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(j.RECTANGLE, An);
+at(F.RECTANGLE, An);
 const Sn = (e, t = !1) => {
   const n = typeof e == "string" ? e : e.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [s, r, l, a, c, u, f] = i;
   if (r !== "xywh")
     throw new Error("Unsupported MediaFragment: " + n);
   if (l && l !== "pixel")
     throw new Error(`Unsupported MediaFragment unit: ${l}`);
-  const [h, g, m, _] = [a, c, u, f].map(parseFloat);
+  const [d, g, m, y] = [a, c, u, f].map(parseFloat);
   return {
-    type: j.RECTANGLE,
+    type: F.RECTANGLE,
     geometry: {
-      x: h,
+      x: d,
       y: g,
       w: m,
-      h: _,
+      h: y,
       bounds: {
-        minX: h,
-        minY: t ? g - _ : g,
-        maxX: h + m,
-        maxY: t ? g : g + _
+        minX: d,
+        minY: t ? g - y : g,
+        maxX: d + m,
+        maxY: t ? g : g + y
       }
     }
   };
@@ -431,7 +431,7 @@ const Sn = (e, t = !1) => {
 }, Ln = (e) => {
   const [t, n, o] = e.match(/(<polygon points=["|'])([^("|')]*)/) || [], i = o.split(" ").map((s) => s.split(",").map(parseFloat));
   return {
-    type: j.POLYGON,
+    type: F.POLYGON,
     geometry: {
       points: i,
       bounds: Fe(i)
@@ -445,7 +445,7 @@ const Sn = (e, t = !1) => {
     maxY: o + s
   };
   return {
-    type: j.ELLIPSE,
+    type: F.ELLIPSE,
     geometry: {
       cx: n,
       cy: o,
@@ -463,10 +463,10 @@ const Sn = (e, t = !1) => {
   throw "Unsupported SVG shape: " + t;
 }, Bn = (e) => {
   let t;
-  if (e.type === j.POLYGON) {
+  if (e.type === F.POLYGON) {
     const n = e.geometry, { points: o } = n;
     t = `<svg><polygon points="${o.map((i) => i.join(",")).join(" ")}" /></svg>`;
-  } else if (e.type === j.ELLIPSE) {
+  } else if (e.type === F.ELLIPSE) {
     const n = e.geometry;
     t = `<svg><ellipse cx="${n.cx}" cy="${n.cy}" rx="${n.rx}" ry="${n.ry}" /></svg>`;
   }
@@ -474,18 +474,18 @@ const Sn = (e, t = !1) => {
     return { type: "SvgSelector", value: t };
   throw `Unsupported shape type: ${e.type}`;
 };
-let Re;
+let Ue;
 const In = new Uint8Array(16);
 function Pn() {
-  if (!Re && (Re = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Re))
+  if (!Ue && (Ue = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Ue))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Re(In);
+  return Ue(In);
 }
-const K = [];
+const q = [];
 for (let e = 0; e < 256; ++e)
-  K.push((e + 256).toString(16).slice(1));
+  q.push((e + 256).toString(16).slice(1));
 function Yn(e, t = 0) {
-  return K[e[t + 0]] + K[e[t + 1]] + K[e[t + 2]] + K[e[t + 3]] + "-" + K[e[t + 4]] + K[e[t + 5]] + "-" + K[e[t + 6]] + K[e[t + 7]] + "-" + K[e[t + 8]] + K[e[t + 9]] + "-" + K[e[t + 10]] + K[e[t + 11]] + K[e[t + 12]] + K[e[t + 13]] + K[e[t + 14]] + K[e[t + 15]];
+  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 Cn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), yt = {
   randomUUID: Cn
@@ -495,16 +495,10 @@ function qt(e, t, n) {
     return yt.randomUUID();
   e = e || {};
   const o = e.random || (e.rng || Pn)();
-  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 Yn(o);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Yn(o);
 }
 var _t = Object.prototype.hasOwnProperty;
-function he(e, t) {
+function de(e, t) {
   var n, o;
   if (e === t)
     return !0;
@@ -515,14 +509,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-- && de(e[o], t[o]); )
           ;
       return o === -1;
     }
     if (!n || typeof e == "object") {
       o = 0;
       for (n in e)
-        if (_t.call(e, n) && ++o && !_t.call(t, n) || !(n in t) || !he(e[n], t[n]))
+        if (_t.call(e, n) && ++o && !_t.call(t, n) || !(n in t) || !de(e[n], t[n]))
           return !1;
       return Object.keys(t).length === o;
     }
@@ -534,19 +528,19 @@ function Je() {
 function Dn(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
-const ye = [];
+const pe = [];
 function ct(e, t = Je) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
     if (Dn(e, l) && (e = l, n)) {
-      const a = !ye.length;
+      const a = !pe.length;
       for (const c of o)
-        c[1](), ye.push(c, e);
+        c[1](), pe.push(c, e);
       if (a) {
-        for (let c = 0; c < ye.length; c += 2)
-          ye[c][0](ye[c + 1]);
-        ye.length = 0;
+        for (let c = 0; c < pe.length; c += 2)
+          pe[c][0](pe[c + 1]);
+        pe.length = 0;
       }
     }
   }
@@ -589,25 +583,25 @@ const Ze = { selected: [] }, Rn = (e, t = "EDIT") => {
   }, l = (f) => {
     if (i.selected.length === 0)
       return !1;
-    const h = typeof f == "string" ? f : f.id;
-    return i.selected.some((g) => g.id === h);
-  }, a = (f, h) => {
+    const d = typeof f == "string" ? f : f.id;
+    return i.selected.some((g) => g.id === d);
+  }, a = (f, d) => {
     const g = e.getAnnotation(f);
     if (g) {
       const m = Un(g, t);
-      o(m === "EDIT" ? { selected: [{ id: f, editable: !0 }], pointerEvent: h } : m === "SELECT" ? { selected: [{ id: f }], pointerEvent: h } : { selected: [], pointerEvent: h });
+      o(m === "EDIT" ? { selected: [{ id: f, editable: !0 }], pointerEvent: d } : m === "SELECT" ? { selected: [{ id: f }], pointerEvent: d } : { selected: [], pointerEvent: d });
     } else
       console.warn("Invalid selection: " + f);
-  }, c = (f, h = !0) => {
-    const g = Array.isArray(f) ? f : [f], m = g.map((_) => e.getAnnotation(_)).filter(Boolean);
-    o({ selected: m.map(({ id: _ }) => ({ id: _, editable: h })) }), m.length !== g.length && console.warn("Invalid selection", f);
+  }, c = (f, d = !0) => {
+    const g = Array.isArray(f) ? f : [f], m = g.map((y) => e.getAnnotation(y)).filter(Boolean);
+    o({ selected: m.map(({ id: y }) => ({ id: y, editable: d })) }), m.length !== g.length && console.warn("Invalid selection", f);
   }, u = (f) => {
     if (i.selected.length === 0)
       return !1;
-    const { selected: h } = i;
-    h.filter(({ id: g }) => f.includes(g)).length > 0 && o({ selected: h.filter(({ id: g }) => !f.includes(g)) });
+    const { selected: d } = i;
+    d.filter(({ id: g }) => f.includes(g)).length > 0 && o({ selected: d.filter(({ id: g }) => !f.includes(g)) });
   };
-  return e.observe(({ changes: f }) => u((f.deleted || []).map((h) => h.id))), {
+  return e.observe(({ changes: f }) => u((f.deleted || []).map((d) => d.id))), {
     clear: s,
     clickSelect: a,
     get selected() {
@@ -633,8 +627,8 @@ const Vn = (e, t) => {
   return e.bodies.filter((o) => !n.has(o.id));
 }, zn = (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).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), Hn = (e, t) => !he(e.target, t.target), Wt = (e, t) => {
+  return { newBody: n, oldBody: o && !de(o, n) ? o : void 0 };
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), Hn = (e, t) => !de(e.target, t.target), Wt = (e, t) => {
   const n = Vn(e, t), o = Gn(e, t), i = zn(e, t);
   return {
     oldValue: e,
@@ -645,7 +639,7 @@ const Vn = (e, t) => {
     targetUpdated: Hn(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
-var G = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(G || {});
+var z = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(z || {});
 const Fn = (e, t) => {
   var n, o;
   const { changes: i, origin: s } = t;
@@ -670,17 +664,17 @@ const Fn = (e, t) => {
     return !0;
 }, jn = (e, t) => {
   const n = new Set((e.created || []).map((f) => f.id)), o = new Set((e.updated || []).map(({ newValue: f }) => f.id)), i = new Set((t.created || []).map((f) => f.id)), s = new Set((t.deleted || []).map((f) => f.id)), r = new Set((t.updated || []).map(({ oldValue: f }) => f.id)), l = new Set((t.updated || []).filter(({ oldValue: f }) => n.has(f.id) || o.has(f.id)).map(({ oldValue: f }) => f.id)), a = [
-    ...(e.created || []).filter((f) => !s.has(f.id)).map((f) => r.has(f.id) ? t.updated.find(({ oldValue: h }) => h.id === f.id).newValue : f),
+    ...(e.created || []).filter((f) => !s.has(f.id)).map((f) => r.has(f.id) ? t.updated.find(({ oldValue: d }) => d.id === f.id).newValue : f),
     ...t.created || []
   ], c = [
     ...(e.deleted || []).filter((f) => !i.has(f.id)),
     ...(t.deleted || []).filter((f) => !n.has(f.id))
   ], u = [
     ...(e.updated || []).filter(({ newValue: f }) => !s.has(f.id)).map((f) => {
-      const { oldValue: h, newValue: g } = f;
+      const { oldValue: d, newValue: g } = f;
       if (r.has(g.id)) {
-        const m = t.updated.find((_) => _.oldValue.id === g.id).newValue;
-        return Wt(h, m);
+        const m = t.updated.find((y) => y.oldValue.id === g.id).newValue;
+        return Wt(d, m);
       } else
         return f;
     }),
@@ -688,188 +682,188 @@ const Fn = (e, t) => {
   ];
   return { created: a, deleted: c, updated: u };
 }, qn = (e) => e.id !== void 0, Kn = () => {
-  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (p, T = {}) => n.push({ onChange: p, options: T }), i = (p) => {
-    const T = n.findIndex((S) => S.onChange == p);
-    T > -1 && n.splice(T, 1);
-  }, s = (p, T) => {
-    const S = {
-      origin: p,
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (_, b = {}) => n.push({ onChange: _, options: b }), i = (_) => {
+    const b = n.findIndex((T) => T.onChange == _);
+    b > -1 && n.splice(b, 1);
+  }, s = (_, b) => {
+    const T = {
+      origin: _,
       changes: {
-        created: T.created || [],
-        updated: T.updated || [],
-        deleted: T.deleted || []
+        created: b.created || [],
+        updated: b.updated || [],
+        deleted: b.deleted || []
       },
       state: [...e.values()]
     };
     n.forEach((M) => {
-      Fn(M, S) && M.onChange(S);
+      Fn(M, T) && M.onChange(T);
     });
-  }, r = (p, T = G.LOCAL) => {
-    if (e.get(p.id))
-      throw Error(`Cannot add annotation ${p.id} - exists already`);
-    e.set(p.id, p), p.bodies.forEach((S) => t.set(S.id, p.id)), s(T, { created: [p] });
-  }, l = (p, T) => {
-    const S = typeof p == "string" ? T : p, M = typeof p == "string" ? p : p.id, k = e.get(M);
-    if (k) {
-      const C = Wt(k, S);
-      return M === S.id ? e.set(M, S) : (e.delete(M), e.set(S.id, S)), k.bodies.forEach((Z) => t.delete(Z.id)), S.bodies.forEach((Z) => t.set(Z.id, S.id)), C;
+  }, r = (_, b = z.LOCAL) => {
+    if (e.get(_.id))
+      throw Error(`Cannot add annotation ${_.id} - exists already`);
+    e.set(_.id, _), _.bodies.forEach((T) => t.set(T.id, _.id)), s(b, { created: [_] });
+  }, l = (_, b) => {
+    const T = typeof _ == "string" ? b : _, M = typeof _ == "string" ? _ : _.id, O = e.get(M);
+    if (O) {
+      const Y = Wt(O, T);
+      return M === T.id ? e.set(M, T) : (e.delete(M), e.set(T.id, T)), O.bodies.forEach((Z) => t.delete(Z.id)), T.bodies.forEach((Z) => t.set(Z.id, T.id)), Y;
     } else
       console.warn(`Cannot update annotation ${M} - does not exist`);
-  }, a = (p, T = G.LOCAL, S = G.LOCAL) => {
-    const M = qn(T) ? S : T, k = l(p, T);
-    k && s(M, { updated: [k] });
-  }, c = (p, T = G.LOCAL) => {
-    const S = p.reduce((M, k) => {
-      const C = l(k);
-      return C ? [...M, C] : M;
+  }, a = (_, b = z.LOCAL, T = z.LOCAL) => {
+    const M = qn(b) ? T : b, O = l(_, b);
+    O && s(M, { updated: [O] });
+  }, c = (_, b = z.LOCAL) => {
+    const T = _.reduce((M, O) => {
+      const Y = l(O);
+      return Y ? [...M, Y] : M;
     }, []);
-    S.length > 0 && s(T, { updated: S });
-  }, u = (p, T = G.LOCAL) => {
-    const S = e.get(p.annotation);
-    if (S) {
+    T.length > 0 && s(b, { updated: T });
+  }, u = (_, b = z.LOCAL) => {
+    const T = e.get(_.annotation);
+    if (T) {
       const M = {
-        ...S,
-        bodies: [...S.bodies, p]
+        ...T,
+        bodies: [...T.bodies, _]
       };
-      e.set(S.id, M), t.set(p.id, M.id), s(T, { updated: [{
-        oldValue: S,
+      e.set(T.id, M), t.set(_.id, M.id), s(b, { updated: [{
+        oldValue: T,
         newValue: M,
-        bodiesCreated: [p]
+        bodiesCreated: [_]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${p.annotation}`);
-  }, f = () => [...e.values()], h = (p = G.LOCAL) => {
-    const T = [...e.values()];
-    e.clear(), t.clear(), s(p, { deleted: T });
-  }, g = (p, T = !0, S = G.LOCAL) => {
-    if (T) {
+      console.warn(`Attempt to add body to missing annotation: ${_.annotation}`);
+  }, f = () => [...e.values()], d = (_ = z.LOCAL) => {
+    const b = [...e.values()];
+    e.clear(), t.clear(), s(_, { deleted: b });
+  }, g = (_, b = !0, T = z.LOCAL) => {
+    if (b) {
       const M = [...e.values()];
-      e.clear(), t.clear(), p.forEach((k) => {
-        e.set(k.id, k), k.bodies.forEach((C) => t.set(C.id, k.id));
-      }), s(S, { created: p, deleted: M });
+      e.clear(), t.clear(), _.forEach((O) => {
+        e.set(O.id, O), O.bodies.forEach((Y) => t.set(Y.id, O.id));
+      }), s(T, { created: _, deleted: M });
     } else {
-      const M = p.reduce((k, C) => {
-        const Z = e.get(C.id);
-        return Z ? [...k, Z] : k;
+      const M = _.reduce((O, Y) => {
+        const Z = e.get(Y.id);
+        return Z ? [...O, Z] : O;
       }, []);
       if (M.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${M.map((k) => k.id).join(", ")}`);
-      p.forEach((k) => {
-        e.set(k.id, k), k.bodies.forEach((C) => t.set(C.id, k.id));
-      }), s(S, { created: p });
+        throw Error(`Bulk insert would overwrite the following annotations: ${M.map((O) => O.id).join(", ")}`);
+      _.forEach((O) => {
+        e.set(O.id, O), O.bodies.forEach((Y) => t.set(Y.id, O.id));
+      }), s(T, { created: _ });
     }
-  }, m = (p) => {
-    const T = typeof p == "string" ? p : p.id, S = e.get(T);
-    if (S)
-      return e.delete(T), S.bodies.forEach((M) => t.delete(M.id)), S;
-    console.warn(`Attempt to delete missing annotation: ${T}`);
-  }, _ = (p, T = G.LOCAL) => {
-    const S = m(p);
-    S && s(T, { deleted: [S] });
-  }, b = (p, T = G.LOCAL) => {
-    const S = p.reduce((M, k) => {
-      const C = m(k);
-      return C ? [...M, C] : M;
+  }, m = (_) => {
+    const b = typeof _ == "string" ? _ : _.id, T = e.get(b);
+    if (T)
+      return e.delete(b), T.bodies.forEach((M) => t.delete(M.id)), T;
+    console.warn(`Attempt to delete missing annotation: ${b}`);
+  }, y = (_, b = z.LOCAL) => {
+    const T = m(_);
+    T && s(b, { deleted: [T] });
+  }, E = (_, b = z.LOCAL) => {
+    const T = _.reduce((M, O) => {
+      const Y = m(O);
+      return Y ? [...M, Y] : M;
     }, []);
-    S.length > 0 && s(T, { deleted: S });
-  }, y = (p, T = G.LOCAL) => {
-    const S = e.get(p.annotation);
-    if (S) {
-      const M = S.bodies.find((k) => k.id === p.id);
+    T.length > 0 && s(b, { deleted: T });
+  }, p = (_, b = z.LOCAL) => {
+    const T = e.get(_.annotation);
+    if (T) {
+      const M = T.bodies.find((O) => O.id === _.id);
       if (M) {
         t.delete(M.id);
-        const k = {
-          ...S,
-          bodies: S.bodies.filter((C) => C.id !== p.id)
+        const O = {
+          ...T,
+          bodies: T.bodies.filter((Y) => Y.id !== _.id)
         };
-        e.set(S.id, k), s(T, { updated: [{
-          oldValue: S,
-          newValue: k,
+        e.set(T.id, O), s(b, { updated: [{
+          oldValue: T,
+          newValue: O,
           bodiesDeleted: [M]
         }] });
       } else
-        console.warn(`Attempt to delete missing body ${p.id} from annotation ${p.annotation}`);
+        console.warn(`Attempt to delete missing body ${_.id} from annotation ${_.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${p.annotation}`);
-  }, A = (p) => {
-    const T = e.get(p);
-    return T ? { ...T } : void 0;
-  }, w = (p) => {
-    const T = t.get(p);
-    if (T) {
-      const S = A(T).bodies.find((M) => M.id === p);
-      if (S)
-        return S;
-      console.error(`Store integrity error: body ${p} in index, but not in annotation`);
+      console.warn(`Attempt to delete body from missing annotation ${_.annotation}`);
+  }, S = (_) => {
+    const b = e.get(_);
+    return b ? { ...b } : void 0;
+  }, w = (_) => {
+    const b = t.get(_);
+    if (b) {
+      const T = S(b).bodies.find((M) => M.id === _);
+      if (T)
+        return T;
+      console.error(`Store integrity error: body ${_} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${p}`);
-  }, E = (p, T) => {
-    if (p.annotation !== T.annotation)
+      console.warn(`Attempt to retrieve missing body: ${_}`);
+  }, A = (_, b) => {
+    if (_.annotation !== b.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const S = e.get(p.annotation);
-    if (S) {
-      const M = S.bodies.find((C) => C.id === p.id), k = {
-        ...S,
-        bodies: S.bodies.map((C) => C.id === M.id ? T : C)
+    const T = e.get(_.annotation);
+    if (T) {
+      const M = T.bodies.find((Y) => Y.id === _.id), O = {
+        ...T,
+        bodies: T.bodies.map((Y) => Y.id === M.id ? b : Y)
       };
-      return e.set(S.id, k), M.id !== T.id && (t.delete(M.id), t.set(T.id, k.id)), {
-        oldValue: S,
-        newValue: k,
-        bodiesUpdated: [{ oldBody: M, newBody: T }]
+      return e.set(T.id, O), M.id !== b.id && (t.delete(M.id), t.set(b.id, O.id)), {
+        oldValue: T,
+        newValue: O,
+        bodiesUpdated: [{ oldBody: M, newBody: b }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${p.annotation}`);
-  }, B = (p, T, S = G.LOCAL) => {
-    const M = E(p, T);
-    M && s(S, { updated: [M] });
-  }, U = (p, T = G.LOCAL) => {
-    const S = p.map((M) => E({ id: M.id, annotation: M.annotation }, M)).filter(Boolean);
-    s(T, { updated: S });
-  }, X = (p) => {
-    const T = e.get(p.annotation);
-    if (T) {
-      const S = {
-        ...T,
+      console.warn(`Attempt to add body to missing annotation ${_.annotation}`);
+  }, I = (_, b, T = z.LOCAL) => {
+    const M = A(_, b);
+    M && s(T, { updated: [M] });
+  }, N = (_, b = z.LOCAL) => {
+    const T = _.map((M) => A({ id: M.id, annotation: M.annotation }, M)).filter(Boolean);
+    s(b, { updated: T });
+  }, U = (_) => {
+    const b = e.get(_.annotation);
+    if (b) {
+      const T = {
+        ...b,
         target: {
-          ...T.target,
-          ...p
+          ...b.target,
+          ..._
         }
       };
-      return e.set(T.id, S), {
-        oldValue: T,
-        newValue: S,
+      return e.set(b.id, T), {
+        oldValue: b,
+        newValue: T,
         targetUpdated: {
-          oldTarget: T.target,
-          newTarget: p
+          oldTarget: b.target,
+          newTarget: _
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${p.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${_.annotation}`);
   };
   return {
     addAnnotation: r,
     addBody: u,
     all: f,
     bulkAddAnnotation: g,
-    bulkDeleteAnnotation: b,
+    bulkDeleteAnnotation: E,
     bulkUpdateAnnotation: c,
-    bulkUpdateBodies: U,
-    bulkUpdateTargets: (p, T = G.LOCAL) => {
-      const S = p.map((M) => X(M)).filter(Boolean);
-      S.length > 0 && s(T, { updated: S });
-    },
-    clear: h,
-    deleteAnnotation: _,
-    deleteBody: y,
-    getAnnotation: A,
+    bulkUpdateBodies: N,
+    bulkUpdateTargets: (_, b = z.LOCAL) => {
+      const T = _.map((M) => U(M)).filter(Boolean);
+      T.length > 0 && s(b, { updated: T });
+    },
+    clear: d,
+    deleteAnnotation: y,
+    deleteBody: p,
+    getAnnotation: S,
     getBody: w,
     observe: o,
     unobserve: i,
     updateAnnotation: a,
-    updateBody: B,
-    updateTarget: (p, T = G.LOCAL) => {
-      const S = X(p);
-      S && s(T, { updated: [S] });
+    updateBody: I,
+    updateTarget: (_, b = z.LOCAL) => {
+      const T = U(_);
+      T && s(b, { updated: [T] });
     }
   };
 }, Wn = (e) => ({
@@ -898,19 +892,19 @@ const Zn = 250, Qn = (e) => {
   let o = -1, i = !1, s = 0;
   const r = (g) => {
     if (!i) {
-      const { changes: m } = g, _ = performance.now();
-      if (_ - s > Zn)
+      const { changes: m } = g, y = performance.now();
+      if (y - s > Zn)
         n.splice(o + 1), n.push(m), o = n.length - 1;
       else {
-        const b = n.length - 1;
-        n[b] = jn(n[b], m);
+        const E = n.length - 1;
+        n[E] = jn(n[E], m);
       }
-      s = _;
+      s = y;
     }
     i = !1;
   };
-  e.observe(r, { origin: G.LOCAL });
-  const l = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g), a = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), c = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ oldValue: m }) => m)), u = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ newValue: m }) => m)), f = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), h = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g);
+  e.observe(r, { origin: z.LOCAL });
+  const l = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g), a = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), c = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ oldValue: m }) => m)), u = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ newValue: m }) => m)), f = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), d = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
@@ -919,15 +913,15 @@ const Zn = 250, Qn = (e) => {
     redo: () => {
       if (n.length - 1 > o) {
         i = !0;
-        const { created: g, updated: m, deleted: _ } = n[o + 1];
-        a(g), u(m), h(_), t.emit("redo", n[o + 1]), o += 1;
+        const { created: g, updated: m, deleted: y } = n[o + 1];
+        a(g), u(m), d(y), t.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         i = !0;
-        const { created: g, updated: m, deleted: _ } = n[o];
-        l(g), c(m), f(_), t.emit("undo", n[o]), o -= 1;
+        const { created: g, updated: m, deleted: y } = n[o];
+        l(g), c(m), f(y), t.emit("undo", n[o]), o -= 1;
       }
     }
   };
@@ -940,75 +934,75 @@ const Zn = 250, Qn = (e) => {
 }, $n = (e, t, n, o) => {
   const { store: i, selection: s, hover: r, viewport: l } = e, a = /* @__PURE__ */ new Map();
   let c = [], u, f;
-  const h = (y, A) => {
-    a.has(y) ? a.get(y).push(A) : a.set(y, [A]);
-  }, g = (y, A) => {
-    const w = a.get(y);
-    w && w.indexOf(A) > 0 && w.splice(w.indexOf(A), 1);
-  }, m = (y, A, w) => {
-    a.has(y) && setTimeout(() => {
-      a.get(y).forEach((E) => {
+  const d = (p, S) => {
+    a.has(p) ? a.get(p).push(S) : a.set(p, [S]);
+  }, g = (p, S) => {
+    const w = a.get(p);
+    w && w.indexOf(S) > 0 && w.splice(w.indexOf(S), 1);
+  }, m = (p, S, w) => {
+    a.has(p) && setTimeout(() => {
+      a.get(p).forEach((A) => {
         if (n) {
-          const B = Array.isArray(A) ? A.map((X) => n.serialize(X)) : n.serialize(A), U = w ? w instanceof PointerEvent ? w : n.serialize(w) : void 0;
-          E(B, U);
+          const I = Array.isArray(S) ? S.map((U) => n.serialize(U)) : n.serialize(S), N = w ? w instanceof PointerEvent ? w : n.serialize(w) : void 0;
+          A(I, N);
         } else
-          E(A, w);
+          A(S, w);
       });
     }, 1);
-  }, _ = () => {
-    const { selected: y } = s, A = (y || []).map(({ id: w }) => i.getAnnotation(w));
-    A.forEach((w) => {
-      const E = c.find((B) => B.id === w.id);
-      (!E || !he(E, w)) && m("updateAnnotation", w, E);
-    }), c = c.map((w) => A.find(({ id: B }) => B === w.id) || w);
+  }, y = () => {
+    const { selected: p } = s, S = (p || []).map(({ id: w }) => i.getAnnotation(w));
+    S.forEach((w) => {
+      const A = c.find((I) => I.id === w.id);
+      (!A || !de(A, w)) && m("updateAnnotation", w, A);
+    }), c = c.map((w) => S.find(({ id: I }) => I === w.id) || w);
   };
-  s.subscribe(({ selected: y }) => {
-    if (!(c.length === 0 && y.length === 0)) {
-      if (c.length === 0 && y.length > 0)
-        c = y.map(({ id: A }) => i.getAnnotation(A));
-      else if (c.length > 0 && y.length === 0)
-        c.forEach((A) => {
-          const w = i.getAnnotation(A.id);
-          w && !he(w, A) && m("updateAnnotation", w, A);
+  s.subscribe(({ selected: p }) => {
+    if (!(c.length === 0 && p.length === 0)) {
+      if (c.length === 0 && p.length > 0)
+        c = p.map(({ id: S }) => i.getAnnotation(S));
+      else if (c.length > 0 && p.length === 0)
+        c.forEach((S) => {
+          const w = i.getAnnotation(S.id);
+          w && !de(w, S) && m("updateAnnotation", w, S);
         }), c = [];
       else {
-        const A = new Set(c.map((E) => E.id)), w = new Set(y.map(({ id: E }) => E));
-        c.filter((E) => !w.has(E.id)).forEach((E) => {
-          const B = i.getAnnotation(E.id);
-          B && !he(B, E) && m("updateAnnotation", B, E);
+        const S = new Set(c.map((A) => A.id)), w = new Set(p.map(({ id: A }) => A));
+        c.filter((A) => !w.has(A.id)).forEach((A) => {
+          const I = i.getAnnotation(A.id);
+          I && !de(I, A) && m("updateAnnotation", I, A);
         }), c = [
           // Remove annotations that were deselected
-          ...c.filter((E) => w.has(E.id)),
+          ...c.filter((A) => w.has(A.id)),
           // Add editable annotations that were selected
-          ...y.filter(({ id: E }) => !A.has(E)).map(({ id: E }) => i.getAnnotation(E))
+          ...p.filter(({ id: A }) => !S.has(A)).map(({ id: A }) => i.getAnnotation(A))
         ];
       }
       m("selectionChanged", c);
     }
-  }), r.subscribe((y) => {
-    !u && y ? m("mouseEnterAnnotation", i.getAnnotation(y)) : u && !y ? m("mouseLeaveAnnotation", i.getAnnotation(u)) : u && y && (m("mouseLeaveAnnotation", i.getAnnotation(u)), m("mouseEnterAnnotation", i.getAnnotation(y))), u = y;
-  }), l == null || l.subscribe((y) => m("viewportIntersect", y.map((A) => i.getAnnotation(A)))), i.observe((y) => {
-    o && (f && clearTimeout(f), f = setTimeout(_, 1e3));
-    const { created: A, deleted: w } = y.changes;
-    (A || []).forEach((E) => m("createAnnotation", E)), (w || []).forEach((E) => m("deleteAnnotation", E)), (y.changes.updated || []).filter((E) => [
-      ...E.bodiesCreated || [],
-      ...E.bodiesDeleted || [],
-      ...E.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: E, newValue: B }) => {
-      const U = c.find((X) => X.id === E.id) || E;
-      c = c.map((X) => X.id === E.id ? B : X), m("updateAnnotation", B, U);
+  }), r.subscribe((p) => {
+    !u && p ? m("mouseEnterAnnotation", i.getAnnotation(p)) : u && !p ? m("mouseLeaveAnnotation", i.getAnnotation(u)) : u && p && (m("mouseLeaveAnnotation", i.getAnnotation(u)), m("mouseEnterAnnotation", i.getAnnotation(p))), u = p;
+  }), l == null || l.subscribe((p) => m("viewportIntersect", p.map((S) => i.getAnnotation(S)))), i.observe((p) => {
+    o && (f && clearTimeout(f), f = setTimeout(y, 1e3));
+    const { created: S, deleted: w } = p.changes;
+    (S || []).forEach((A) => m("createAnnotation", A)), (w || []).forEach((A) => m("deleteAnnotation", A)), (p.changes.updated || []).filter((A) => [
+      ...A.bodiesCreated || [],
+      ...A.bodiesDeleted || [],
+      ...A.bodiesUpdated || []
+    ].length > 0).forEach(({ oldValue: A, newValue: I }) => {
+      const N = c.find((U) => U.id === A.id) || A;
+      c = c.map((U) => U.id === A.id ? I : U), m("updateAnnotation", I, N);
     });
-  }, { origin: G.LOCAL }), i.observe((y) => {
+  }, { origin: z.LOCAL }), i.observe((p) => {
     if (c) {
-      const A = new Set(c.map((E) => E.id)), w = (y.changes.updated || []).filter(({ newValue: E }) => A.has(E.id)).map(({ newValue: E }) => E);
-      w.length > 0 && (c = c.map((E) => w.find((U) => U.id === E.id) || E));
+      const S = new Set(c.map((A) => A.id)), w = (p.changes.updated || []).filter(({ newValue: A }) => S.has(A.id)).map(({ newValue: A }) => A);
+      w.length > 0 && (c = c.map((A) => w.find((N) => N.id === A.id) || A));
     }
-  }, { origin: G.REMOTE });
-  const b = (y) => (A) => {
-    const { updated: w } = A;
-    y ? (w || []).forEach((E) => m("updateAnnotation", E.oldValue, E.newValue)) : (w || []).forEach((E) => m("updateAnnotation", E.newValue, E.oldValue));
+  }, { origin: z.REMOTE });
+  const E = (p) => (S) => {
+    const { updated: w } = S;
+    p ? (w || []).forEach((A) => m("updateAnnotation", A.oldValue, A.newValue)) : (w || []).forEach((A) => m("updateAnnotation", A.newValue, A.oldValue));
   };
-  return t.on("undo", b(!0)), t.on("redo", b(!1)), { on: h, off: g, emit: m };
+  return t.on("undo", E(!0)), t.on("redo", E(!1)), { on: d, off: g, emit: m };
 }, eo = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
@@ -1021,44 +1015,44 @@ const Zn = 250, Qn = (e) => {
     ...n
   };
 }, { parsed: [], failed: [] }), to = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (b) => {
+  const { store: o, selection: i } = e, s = (E) => {
     if (n) {
-      const { parsed: y, error: A } = n.parse(b);
-      y ? o.addAnnotation(y, G.REMOTE) : console.error(A);
+      const { parsed: p, error: S } = n.parse(E);
+      p ? o.addAnnotation(p, z.REMOTE) : console.error(S);
     } else
-      o.addAnnotation(b, G.REMOTE);
-  }, r = () => i.clear(), l = () => o.clear(), a = (b) => {
-    const y = o.getAnnotation(b);
-    return n && y ? n.serialize(y) : y;
+      o.addAnnotation(E, z.REMOTE);
+  }, r = () => i.clear(), l = () => o.clear(), a = (E) => {
+    const p = o.getAnnotation(E);
+    return n && p ? n.serialize(p) : p;
   }, c = () => n ? o.all().map(n.serialize) : o.all(), u = () => {
-    var b;
-    const y = (((b = i.selected) == null ? void 0 : b.map((A) => A.id)) || []).map((A) => o.getAnnotation(A)).filter(Boolean);
-    return n ? y.map(n.serialize) : y;
-  }, f = (b, y = !0) => fetch(b).then((A) => A.json()).then((A) => (g(A, y), A)), h = (b) => {
-    if (typeof b == "string") {
-      const y = o.getAnnotation(b);
-      if (o.deleteAnnotation(b), y)
-        return n ? n.serialize(y) : y;
+    var E;
+    const p = (((E = i.selected) == null ? void 0 : E.map((S) => S.id)) || []).map((S) => o.getAnnotation(S)).filter(Boolean);
+    return n ? p.map(n.serialize) : p;
+  }, f = (E, p = !0) => fetch(E).then((S) => S.json()).then((S) => (g(S, p), S)), d = (E) => {
+    if (typeof E == "string") {
+      const p = o.getAnnotation(E);
+      if (o.deleteAnnotation(E), p)
+        return n ? n.serialize(p) : p;
     } else {
-      const y = n ? n.parse(b).parsed : b;
-      if (y)
-        return o.deleteAnnotation(y), b;
+      const p = n ? n.parse(E).parsed : E;
+      if (p)
+        return o.deleteAnnotation(p), E;
     }
-  }, g = (b, y = !0) => {
+  }, g = (E, p = !0) => {
     if (n) {
-      const { parsed: A, failed: w } = eo(n)(b);
-      w.length > 0 && console.warn(`Discarded ${w.length} invalid annotations`, w), o.bulkAddAnnotation(A, y, G.REMOTE);
+      const { parsed: S, failed: w } = eo(n)(E);
+      w.length > 0 && console.warn(`Discarded ${w.length} invalid annotations`, w), o.bulkAddAnnotation(S, p, z.REMOTE);
     } else
-      o.bulkAddAnnotation(b, y, G.REMOTE);
-  }, m = (b) => {
-    b ? i.setSelected(b) : i.clear();
-  }, _ = (b) => {
+      o.bulkAddAnnotation(E, p, z.REMOTE);
+  }, m = (E) => {
+    E ? i.setSelected(E) : i.clear();
+  }, y = (E) => {
     if (n) {
-      const y = n.parse(b).parsed, A = n.serialize(o.getAnnotation(y.id));
-      return o.updateAnnotation(y), A;
+      const p = n.parse(E).parsed, S = n.serialize(o.getAnnotation(p.id));
+      return o.updateAnnotation(p), S;
     } else {
-      const y = o.getAnnotation(b.id);
-      return o.updateAnnotation(b), y;
+      const p = o.getAnnotation(E.id);
+      return o.updateAnnotation(E), p;
     }
   };
   return {
@@ -1072,11 +1066,11 @@ const Zn = 250, Qn = (e) => {
     getSelected: u,
     loadAnnotations: f,
     redo: t.redo,
-    removeAnnotation: h,
+    removeAnnotation: d,
     setAnnotations: g,
     setSelected: m,
     undo: t.undo,
-    updateAnnotation: _
+    updateAnnotation: y
   };
 }, no = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 let oo = (e) => crypto.getRandomValues(new Uint8Array(e)), io = (e, t, n) => {
@@ -1156,7 +1150,7 @@ const Yi = (e, t = !1) => ({ parse: (i) => uo(i, t), serialize: (i) => ho(i, e)
     updatedBy: r,
     // Excluded from serialization
     ...l
-  } = e.target, a = n.type == j.RECTANGLE ? Tn(n.geometry) : Bn(n), c = {
+  } = e.target, a = n.type == F.RECTANGLE ? Tn(n.geometry) : Bn(n), c = {
     ...e,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
@@ -1179,7 +1173,7 @@ function wt(e, t, n) {
 }
 function bt(e) {
   let t, n;
-  return t = new Le({
+  return t = new ke({
     props: {
       x: (
         /*point*/
@@ -1195,7 +1189,7 @@ function bt(e) {
       )
     }
   }), t.$on("pointerdown", function() {
-    q(
+    j(
       /*grab*/
       e[9](`HANDLE-${/*idx*/
       e[12]}`)
@@ -1231,93 +1225,93 @@ function bt(e) {
   };
 }
 function go(e) {
-  let t, n, o, i, s, r, l, a, c, u, f, h = Se(
+  let t, n, o, i, s, r, l, a, c, u, f, d = Se(
     /*geom*/
     e[4].points
   ), g = [];
-  for (let _ = 0; _ < h.length; _ += 1)
-    g[_] = bt(wt(e, h, _));
-  const m = (_) => D(g[_], 1, 1, () => {
-    g[_] = null;
+  for (let y = 0; y < d.length; y += 1)
+    g[y] = bt(wt(e, d, y));
+  const m = (y) => D(g[y], 1, 1, () => {
+    g[y] = null;
   });
   return {
     c() {
-      t = R("polygon"), i = oe(), s = R("polygon"), l = oe();
-      for (let _ = 0; _ < g.length; _ += 1)
-        g[_].c();
-      a = ce(), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0), d(t, "points", o = /*geom*/
-      e[4].points.map(Et).join(" ")), d(s, "class", "a9s-inner a9s-shape-handle"), d(
+      t = X("polygon"), i = ne(), s = X("polygon"), l = ne();
+      for (let y = 0; y < g.length; y += 1)
+        g[y].c();
+      a = ae(), h(t, "class", "a9s-outer"), h(t, "style", n = /*computedStyle*/
+      e[1] ? "display:none;" : void 0), h(t, "points", o = /*geom*/
+      e[4].points.map(Et).join(" ")), h(s, "class", "a9s-inner a9s-shape-handle"), h(
         s,
         "style",
         /*computedStyle*/
         e[1]
-      ), d(s, "points", r = /*geom*/
+      ), h(s, "points", r = /*geom*/
       e[4].points.map(At).join(" "));
     },
-    m(_, b) {
-      O(_, t, b), O(_, i, b), O(_, s, b), O(_, l, b);
-      for (let y = 0; y < g.length; y += 1)
-        g[y] && g[y].m(_, b);
-      O(_, a, b), c = !0, u || (f = [
-        F(t, "pointerdown", function() {
-          q(
+    m(y, E) {
+      B(y, t, E), B(y, i, E), B(y, s, E), B(y, l, E);
+      for (let p = 0; p < g.length; p += 1)
+        g[p] && g[p].m(y, E);
+      B(y, a, E), c = !0, u || (f = [
+        H(t, "pointerdown", function() {
+          j(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         }),
-        F(s, "pointerdown", function() {
-          q(
+        H(s, "pointerdown", function() {
+          j(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         })
       ], u = !0);
     },
-    p(_, b) {
-      if (e = _, (!c || b & /*computedStyle*/
+    p(y, E) {
+      if (e = y, (!c || E & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!c || b & /*geom*/
+      e[1] ? "display:none;" : void 0)) && h(t, "style", n), (!c || E & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].points.map(Et).join(" "))) && d(t, "points", o), (!c || b & /*computedStyle*/
-      2) && d(
+      e[4].points.map(Et).join(" "))) && h(t, "points", o), (!c || E & /*computedStyle*/
+      2) && h(
         s,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!c || b & /*geom*/
+      ), (!c || E & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].points.map(At).join(" "))) && d(s, "points", r), b & /*geom, viewportScale, grab*/
+      e[4].points.map(At).join(" "))) && h(s, "points", r), E & /*geom, viewportScale, grab*/
       536) {
-        h = Se(
+        d = Se(
           /*geom*/
           e[4].points
         );
-        let y;
-        for (y = 0; y < h.length; y += 1) {
-          const A = wt(e, h, y);
-          g[y] ? (g[y].p(A, b), P(g[y], 1)) : (g[y] = bt(A), g[y].c(), P(g[y], 1), g[y].m(a.parentNode, a));
+        let p;
+        for (p = 0; p < d.length; p += 1) {
+          const S = wt(e, d, p);
+          g[p] ? (g[p].p(S, E), P(g[p], 1)) : (g[p] = bt(S), g[p].c(), P(g[p], 1), g[p].m(a.parentNode, a));
         }
-        for (re(), y = h.length; y < g.length; y += 1)
-          m(y);
-        le();
+        for (se(), p = d.length; p < g.length; p += 1)
+          m(p);
+        re();
       }
     },
-    i(_) {
+    i(y) {
       if (!c) {
-        for (let b = 0; b < h.length; b += 1)
-          P(g[b]);
+        for (let E = 0; E < d.length; E += 1)
+          P(g[E]);
         c = !0;
       }
     },
-    o(_) {
+    o(y) {
       g = g.filter(Boolean);
-      for (let b = 0; b < g.length; b += 1)
-        D(g[b]);
+      for (let E = 0; E < g.length; E += 1)
+        D(g[E]);
       c = !1;
     },
-    d(_) {
-      _ && (L(t), L(i), L(s), L(l), L(a)), rt(g, _), u = !1, ae(f);
+    d(y) {
+      y && (k(t), k(i), k(s), k(l), k(a)), rt(g, y), u = !1, le(f);
     }
   };
 }
@@ -1388,24 +1382,24 @@ function mo(e) {
 const Et = (e) => e.join(","), At = (e) => e.join(",");
 function po(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
-  const a = (h, g, m) => {
-    let _;
-    const b = h.geometry;
-    g === "SHAPE" ? _ = b.points.map(([A, w]) => [A + m[0], w + m[1]]) : _ = b.points.map(([A, w], E) => g === `HANDLE-${E}` ? [A + m[0], w + m[1]] : [A, w]);
-    const y = Fe(_);
-    return { ...h, geometry: { points: _, bounds: y } };
+  const a = (d, g, m) => {
+    let y;
+    const E = d.geometry;
+    g === "SHAPE" ? y = E.points.map(([S, w]) => [S + m[0], w + m[1]]) : y = E.points.map(([S, w], A) => g === `HANDLE-${A}` ? [S + m[0], w + m[1]] : [S, w]);
+    const p = Fe(y);
+    return { ...d, geometry: { points: y, bounds: p } };
   };
-  function c(h) {
-    ue.call(this, e, h);
+  function c(d) {
+    fe.call(this, e, d);
   }
-  function u(h) {
-    ue.call(this, e, h);
+  function u(d) {
+    fe.call(this, e, d);
   }
-  function f(h) {
-    ue.call(this, e, h);
+  function f(d) {
+    fe.call(this, e, d);
   }
-  return e.$$set = (h) => {
-    "shape" in h && n(0, i = h.shape), "computedStyle" in h && n(1, s = h.computedStyle), "transform" in h && n(2, r = h.transform), "viewportScale" in h && n(3, l = h.viewportScale);
+  return e.$$set = (d) => {
+    "shape" in d && n(0, i = d.shape), "computedStyle" in d && n(1, s = d.computedStyle), "transform" in d && n(2, r = d.transform), "viewportScale" in d && n(3, l = d.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
     1 && n(4, o = i.geometry);
@@ -1423,7 +1417,7 @@ function po(e, t, n) {
 }
 class yo extends te {
   constructor(t) {
-    super(), ee(this, t, po, mo, W, {
+    super(), ee(this, t, po, mo, K, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1434,28 +1428,28 @@ class yo extends te {
 const Qe = (e, t) => {
   const n = Math.abs(t[0] - e[0]), o = Math.abs(t[1] - e[1]);
   return Math.sqrt(Math.pow(n, 2) + Math.pow(o, 2));
-}, _e = [];
-function _o(e, t = V) {
+}, ye = [];
+function _o(e, t = G) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
-    if (W(e, l) && (e = l, n)) {
-      const a = !_e.length;
+    if (K(e, l) && (e = l, n)) {
+      const a = !ye.length;
       for (const c of o)
-        c[1](), _e.push(c, e);
+        c[1](), ye.push(c, e);
       if (a) {
-        for (let c = 0; c < _e.length; c += 2)
-          _e[c][0](_e[c + 1]);
-        _e.length = 0;
+        for (let c = 0; c < ye.length; c += 2)
+          ye[c][0](ye[c + 1]);
+        ye.length = 0;
       }
     }
   }
   function s(l) {
     i(l(e));
   }
-  function r(l, a = V) {
+  function r(l, a = G) {
     const c = [l, a];
-    return o.add(c), o.size === 1 && (n = t(i, s) || V), l(e), () => {
+    return o.add(c), o.size === 1 && (n = t(i, s) || G), l(e), () => {
       o.delete(c), o.size === 0 && n && (n(), n = null);
     };
   }
@@ -1489,17 +1483,17 @@ function Ao(e) {
   let t, n, o, i, s, r;
   return {
     c() {
-      t = R("rect"), d(t, "class", n = Ge(`a9s-handle ${/*$$props*/
-      e[8].class || ""}`.trim()) + " svelte-1sgkh33"), d(t, "x", o = /*x*/
+      t = X("rect"), h(t, "class", n = ze(`a9s-handle ${/*$$props*/
+      e[8].class || ""}`.trim()) + " svelte-1sgkh33"), h(t, "x", o = /*x*/
       e[0] - /*handleSize*/
-      e[5] / 2), d(t, "y", i = /*y*/
+      e[5] / 2), h(t, "y", i = /*y*/
       e[1] - /*handleSize*/
-      e[5] / 2), d(
+      e[5] / 2), h(
         t,
         "width",
         /*handleSize*/
         e[5]
-      ), d(
+      ), h(
         t,
         "height",
         /*handleSize*/
@@ -1507,7 +1501,7 @@ function Ao(e) {
       );
     },
     m(l, a) {
-      O(l, t, a), s || (r = F(
+      B(l, t, a), s || (r = H(
         t,
         "pointerdown",
         /*pointerdown_handler_2*/
@@ -1516,21 +1510,21 @@ function Ao(e) {
     },
     p(l, a) {
       a & /*$$props*/
-      256 && n !== (n = Ge(`a9s-handle ${/*$$props*/
-      l[8].class || ""}`.trim()) + " svelte-1sgkh33") && d(t, "class", n), a & /*x, handleSize*/
+      256 && n !== (n = ze(`a9s-handle ${/*$$props*/
+      l[8].class || ""}`.trim()) + " svelte-1sgkh33") && h(t, "class", n), a & /*x, handleSize*/
       33 && o !== (o = /*x*/
       l[0] - /*handleSize*/
-      l[5] / 2) && d(t, "x", o), a & /*y, handleSize*/
+      l[5] / 2) && h(t, "x", o), a & /*y, handleSize*/
       34 && i !== (i = /*y*/
       l[1] - /*handleSize*/
-      l[5] / 2) && d(t, "y", i), a & /*handleSize*/
-      32 && d(
+      l[5] / 2) && h(t, "y", i), a & /*handleSize*/
+      32 && h(
         t,
         "width",
         /*handleSize*/
         l[5]
       ), a & /*handleSize*/
-      32 && d(
+      32 && h(
         t,
         "height",
         /*handleSize*/
@@ -1538,7 +1532,7 @@ function Ao(e) {
       );
     },
     d(l) {
-      l && L(t), s = !1, r();
+      l && k(t), s = !1, r();
     }
   };
 }
@@ -1546,73 +1540,73 @@ function So(e) {
   let t, n, o, i, s, r, l, a, c;
   return {
     c() {
-      t = R("g"), n = R("circle"), i = R("rect"), d(
+      t = X("g"), n = X("circle"), i = X("rect"), h(
         n,
         "cx",
         /*x*/
         e[0]
-      ), d(
+      ), h(
         n,
         "cy",
         /*y*/
         e[1]
-      ), d(n, "r", o = /*radius*/
+      ), h(n, "r", o = /*radius*/
       e[3] / /*scale*/
-      e[2]), d(n, "class", "a9s-touch-halo svelte-1sgkh33"), ze(
+      e[2]), h(n, "class", "a9s-touch-halo svelte-1sgkh33"), Ee(
         n,
         "touched",
         /*touched*/
         e[4]
-      ), d(i, "class", s = Ge(`a9s-handle ${/*$$props*/
-      e[8].class || ""}`.trim()) + " svelte-1sgkh33"), d(i, "x", r = /*x*/
+      ), h(i, "class", s = ze(`a9s-handle ${/*$$props*/
+      e[8].class || ""}`.trim()) + " svelte-1sgkh33"), h(i, "x", r = /*x*/
       e[0] - /*handleSize*/
-      e[5] / 2), d(i, "y", l = /*y*/
+      e[5] / 2), h(i, "y", l = /*y*/
       e[1] - /*handleSize*/
-      e[5] / 2), d(
+      e[5] / 2), h(
         i,
         "width",
         /*handleSize*/
         e[5]
-      ), d(
+      ), h(
         i,
         "height",
         /*handleSize*/
         e[5]
-      ), d(t, "class", "a9s-touch-handle");
+      ), h(t, "class", "a9s-touch-handle");
     },
     m(u, f) {
-      O(u, t, f), se(t, n), se(t, i), a || (c = [
-        F(
+      B(u, t, f), ie(t, n), ie(t, i), a || (c = [
+        H(
           n,
           "pointerdown",
           /*pointerdown_handler*/
           e[10]
         ),
-        F(
+        H(
           n,
           "pointerdown",
           /*onPointerDown*/
           e[6]
         ),
-        F(
+        H(
           n,
           "pointerup",
           /*onPointerUp*/
           e[7]
         ),
-        F(
+        H(
           i,
           "pointerdown",
           /*pointerdown_handler_1*/
           e[9]
         ),
-        F(
+        H(
           i,
           "pointerdown",
           /*onPointerDown*/
           e[6]
         ),
-        F(
+        H(
           i,
           "pointerup",
           /*onPointerUp*/
@@ -1622,13 +1616,13 @@ function So(e) {
     },
     p(u, f) {
       f & /*x*/
-      1 && d(
+      1 && h(
         n,
         "cx",
         /*x*/
         u[0]
       ), f & /*y*/
-      2 && d(
+      2 && h(
         n,
         "cy",
         /*y*/
@@ -1636,28 +1630,28 @@ function So(e) {
       ), f & /*radius, scale*/
       12 && o !== (o = /*radius*/
       u[3] / /*scale*/
-      u[2]) && d(n, "r", o), f & /*touched*/
-      16 && ze(
+      u[2]) && h(n, "r", o), f & /*touched*/
+      16 && Ee(
         n,
         "touched",
         /*touched*/
         u[4]
       ), f & /*$$props*/
-      256 && s !== (s = Ge(`a9s-handle ${/*$$props*/
-      u[8].class || ""}`.trim()) + " svelte-1sgkh33") && d(i, "class", s), f & /*x, handleSize*/
+      256 && s !== (s = ze(`a9s-handle ${/*$$props*/
+      u[8].class || ""}`.trim()) + " svelte-1sgkh33") && h(i, "class", s), f & /*x, handleSize*/
       33 && r !== (r = /*x*/
       u[0] - /*handleSize*/
-      u[5] / 2) && d(i, "x", r), f & /*y, handleSize*/
+      u[5] / 2) && h(i, "x", r), f & /*y, handleSize*/
       34 && l !== (l = /*y*/
       u[1] - /*handleSize*/
-      u[5] / 2) && d(i, "y", l), f & /*handleSize*/
-      32 && d(
+      u[5] / 2) && h(i, "y", l), f & /*handleSize*/
+      32 && h(
         i,
         "width",
         /*handleSize*/
         u[5]
       ), f & /*handleSize*/
-      32 && d(
+      32 && h(
         i,
         "height",
         /*handleSize*/
@@ -1665,7 +1659,7 @@ function So(e) {
       );
     },
     d(u) {
-      u && L(t), a = !1, ae(c);
+      u && k(t), a = !1, le(c);
     }
   };
 }
@@ -1677,18 +1671,18 @@ function To(e) {
   let i = n()(e);
   return {
     c() {
-      i.c(), t = ce();
+      i.c(), t = ae();
     },
     m(s, r) {
-      i.m(s, r), O(s, t, r);
+      i.m(s, r), B(s, t, r);
     },
     p(s, [r]) {
       i.p(s, r);
     },
-    i: V,
-    o: V,
+    i: G,
+    o: G,
     d(s) {
-      s && L(t), i.d(s);
+      s && k(t), i.d(s);
     }
   };
 }
@@ -1698,13 +1692,13 @@ function Mo(e, t, n) {
     m.pointerType === "touch" && n(4, a = !0);
   }, u = () => n(4, a = !1);
   function f(m) {
-    ue.call(this, e, m);
+    fe.call(this, e, m);
   }
-  function h(m) {
-    ue.call(this, e, m);
+  function d(m) {
+    fe.call(this, e, m);
   }
   function g(m) {
-    ue.call(this, e, m);
+    fe.call(this, e, m);
   }
   return e.$$set = (m) => {
     n(8, t = nt(nt({}, t), gt(m))), "x" in m && n(0, i = m.x), "y" in m && n(1, s = m.y), "scale" in m && n(2, r = m.scale), "radius" in m && n(3, l = m.radius);
@@ -1722,18 +1716,18 @@ function Mo(e, t, n) {
     u,
     t,
     f,
-    h,
+    d,
     g
   ];
 }
-class Le extends te {
+class ke extends te {
   constructor(t) {
-    super(), ee(this, t, Mo, To, W, { x: 0, y: 1, scale: 2, radius: 3 });
+    super(), ee(this, t, Mo, To, K, { x: 0, y: 1, scale: 2, radius: 3 });
   }
 }
 function vo(e) {
-  let t, n, o, i, s, r, l, a, c, u, f, h, g, m, _, b, y, A, w, E, B, U, X, p, T, S, M, k, C, Z, ge, me, Me, ie, I, z, H, J, fe, ne, N, qe, ut;
-  return ie = new Le({
+  let t, n, o, i, s, r, l, a, c, u, f, d, g, m, y, E, p, S, w, A, I, N, U, _, b, T, M, O, Y, Z, he, ge, Me, oe, ve, L, W, V, ce, J, R, qe, ut;
+  return oe = new ke({
     props: {
       class: "a9s-corner-handle-topleft",
       x: (
@@ -1749,12 +1743,12 @@ function vo(e) {
         e[3]
       )
     }
-  }), ie.$on("pointerdown", function() {
-    q(
+  }), oe.$on("pointerdown", function() {
+    j(
       /*grab*/
       e[9]("TOP_LEFT")
     ) && e[9]("TOP_LEFT").apply(this, arguments);
-  }), z = new Le({
+  }), L = new ke({
     props: {
       class: "a9s-corner-handle-topright",
       x: (
@@ -1771,12 +1765,12 @@ function vo(e) {
         e[3]
       )
     }
-  }), z.$on("pointerdown", function() {
-    q(
+  }), L.$on("pointerdown", function() {
+    j(
       /*grab*/
       e[9]("TOP_RIGHT")
     ) && e[9]("TOP_RIGHT").apply(this, arguments);
-  }), J = new Le({
+  }), V = new ke({
     props: {
       class: "a9s-corner-handle-bottomright",
       x: (
@@ -1794,12 +1788,12 @@ function vo(e) {
         e[3]
       )
     }
-  }), J.$on("pointerdown", function() {
-    q(
+  }), V.$on("pointerdown", function() {
+    j(
       /*grab*/
       e[9]("BOTTOM_RIGHT")
     ) && e[9]("BOTTOM_RIGHT").apply(this, arguments);
-  }), ne = new Le({
+  }), J = new ke({
     props: {
       class: "a9s-corner-handle-bottomleft",
       x: (
@@ -1816,180 +1810,180 @@ function vo(e) {
         e[3]
       )
     }
-  }), ne.$on("pointerdown", function() {
-    q(
+  }), J.$on("pointerdown", function() {
+    j(
       /*grab*/
       e[9]("BOTTOM_LEFT")
     ) && e[9]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = R("rect"), l = oe(), a = R("rect"), g = oe(), m = R("rect"), A = oe(), w = R("rect"), X = oe(), p = R("rect"), k = oe(), C = R("rect"), Me = oe(), $(ie.$$.fragment), I = oe(), $(z.$$.fragment), H = oe(), $(J.$$.fragment), fe = oe(), $(ne.$$.fragment), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0), d(t, "x", o = /*geom*/
-      e[4].x), d(t, "y", i = /*geom*/
-      e[4].y), d(t, "width", s = /*geom*/
-      e[4].w), d(t, "height", r = /*geom*/
-      e[4].h), d(a, "class", "a9s-inner a9s-shape-handle"), d(
+      t = X("rect"), l = ne(), a = X("rect"), g = ne(), m = X("rect"), S = ne(), w = X("rect"), U = ne(), _ = X("rect"), O = ne(), Y = X("rect"), Me = ne(), $(oe.$$.fragment), ve = ne(), $(L.$$.fragment), W = ne(), $(V.$$.fragment), ce = ne(), $(J.$$.fragment), h(t, "class", "a9s-outer"), h(t, "style", n = /*computedStyle*/
+      e[1] ? "display:none;" : void 0), h(t, "x", o = /*geom*/
+      e[4].x), h(t, "y", i = /*geom*/
+      e[4].y), h(t, "width", s = /*geom*/
+      e[4].w), h(t, "height", r = /*geom*/
+      e[4].h), h(a, "class", "a9s-inner a9s-shape-handle"), h(
         a,
         "style",
         /*computedStyle*/
         e[1]
-      ), d(a, "x", c = /*geom*/
-      e[4].x), d(a, "y", u = /*geom*/
-      e[4].y), d(a, "width", f = /*geom*/
-      e[4].w), d(a, "height", h = /*geom*/
-      e[4].h), d(m, "class", "a9s-edge-handle a9s-edge-handle-top"), d(m, "x", _ = /*geom*/
-      e[4].x), d(m, "y", b = /*geom*/
-      e[4].y), d(m, "height", 1), d(m, "width", y = /*geom*/
-      e[4].w), d(w, "class", "a9s-edge-handle a9s-edge-handle-right"), d(w, "x", E = /*geom*/
+      ), h(a, "x", c = /*geom*/
+      e[4].x), h(a, "y", u = /*geom*/
+      e[4].y), h(a, "width", f = /*geom*/
+      e[4].w), h(a, "height", d = /*geom*/
+      e[4].h), h(m, "class", "a9s-edge-handle a9s-edge-handle-top"), h(m, "x", y = /*geom*/
+      e[4].x), h(m, "y", E = /*geom*/
+      e[4].y), h(m, "height", 1), h(m, "width", p = /*geom*/
+      e[4].w), h(w, "class", "a9s-edge-handle a9s-edge-handle-right"), h(w, "x", A = /*geom*/
       e[4].x + /*geom*/
-      e[4].w), d(w, "y", B = /*geom*/
-      e[4].y), d(w, "height", U = /*geom*/
-      e[4].h), d(w, "width", 1), d(p, "class", "a9s-edge-handle a9s-edge-handle-bottom"), d(p, "x", T = /*geom*/
-      e[4].x), d(p, "y", S = /*geom*/
+      e[4].w), h(w, "y", I = /*geom*/
+      e[4].y), h(w, "height", N = /*geom*/
+      e[4].h), h(w, "width", 1), h(_, "class", "a9s-edge-handle a9s-edge-handle-bottom"), h(_, "x", b = /*geom*/
+      e[4].x), h(_, "y", T = /*geom*/
       e[4].y + /*geom*/
-      e[4].h), d(p, "height", 1), d(p, "width", M = /*geom*/
-      e[4].w), d(C, "class", "a9s-edge-handle a9s-edge-handle-left"), d(C, "x", Z = /*geom*/
-      e[4].x), d(C, "y", ge = /*geom*/
-      e[4].y), d(C, "height", me = /*geom*/
-      e[4].h), d(C, "width", 1);
-    },
-    m(Y, v) {
-      O(Y, t, v), O(Y, l, v), O(Y, a, v), O(Y, g, v), O(Y, m, v), O(Y, A, v), O(Y, w, v), O(Y, X, v), O(Y, p, v), O(Y, k, v), O(Y, C, v), O(Y, Me, v), Q(ie, Y, v), O(Y, I, v), Q(z, Y, v), O(Y, H, v), Q(J, Y, v), O(Y, fe, v), Q(ne, Y, v), N = !0, qe || (ut = [
-        F(t, "pointerdown", function() {
-          q(
+      e[4].h), h(_, "height", 1), h(_, "width", M = /*geom*/
+      e[4].w), h(Y, "class", "a9s-edge-handle a9s-edge-handle-left"), h(Y, "x", Z = /*geom*/
+      e[4].x), h(Y, "y", he = /*geom*/
+      e[4].y), h(Y, "height", ge = /*geom*/
+      e[4].h), h(Y, "width", 1);
+    },
+    m(C, v) {
+      B(C, t, v), B(C, l, v), B(C, a, v), B(C, g, v), B(C, m, v), B(C, S, v), B(C, w, v), B(C, U, v), B(C, _, v), B(C, O, v), B(C, Y, v), B(C, Me, v), Q(oe, C, v), B(C, ve, v), Q(L, C, v), B(C, W, v), Q(V, C, v), B(C, ce, v), Q(J, C, v), R = !0, qe || (ut = [
+        H(t, "pointerdown", function() {
+          j(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         }),
-        F(a, "pointerdown", function() {
-          q(
+        H(a, "pointerdown", function() {
+          j(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         }),
-        F(m, "pointerdown", function() {
-          q(
+        H(m, "pointerdown", function() {
+          j(
             /*grab*/
             e[9]("TOP")
           ) && e[9]("TOP").apply(this, arguments);
         }),
-        F(w, "pointerdown", function() {
-          q(
+        H(w, "pointerdown", function() {
+          j(
             /*grab*/
             e[9]("RIGHT")
           ) && e[9]("RIGHT").apply(this, arguments);
         }),
-        F(p, "pointerdown", function() {
-          q(
+        H(_, "pointerdown", function() {
+          j(
             /*grab*/
             e[9]("BOTTOM")
           ) && e[9]("BOTTOM").apply(this, arguments);
         }),
-        F(C, "pointerdown", function() {
-          q(
+        H(Y, "pointerdown", function() {
+          j(
             /*grab*/
             e[9]("LEFT")
           ) && e[9]("LEFT").apply(this, arguments);
         })
       ], qe = !0);
     },
-    p(Y, v) {
-      e = Y, (!N || v & /*computedStyle*/
+    p(C, v) {
+      e = C, (!R || v & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!N || v & /*geom*/
+      e[1] ? "display:none;" : void 0)) && h(t, "style", n), (!R || v & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].x)) && d(t, "x", o), (!N || v & /*geom*/
+      e[4].x)) && h(t, "x", o), (!R || v & /*geom*/
       16 && i !== (i = /*geom*/
-      e[4].y)) && d(t, "y", i), (!N || v & /*geom*/
+      e[4].y)) && h(t, "y", i), (!R || v & /*geom*/
       16 && s !== (s = /*geom*/
-      e[4].w)) && d(t, "width", s), (!N || v & /*geom*/
+      e[4].w)) && h(t, "width", s), (!R || v & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].h)) && d(t, "height", r), (!N || v & /*computedStyle*/
-      2) && d(
+      e[4].h)) && h(t, "height", r), (!R || v & /*computedStyle*/
+      2) && h(
         a,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!N || v & /*geom*/
+      ), (!R || v & /*geom*/
       16 && c !== (c = /*geom*/
-      e[4].x)) && d(a, "x", c), (!N || v & /*geom*/
+      e[4].x)) && h(a, "x", c), (!R || v & /*geom*/
       16 && u !== (u = /*geom*/
-      e[4].y)) && d(a, "y", u), (!N || v & /*geom*/
+      e[4].y)) && h(a, "y", u), (!R || v & /*geom*/
       16 && f !== (f = /*geom*/
-      e[4].w)) && d(a, "width", f), (!N || v & /*geom*/
-      16 && h !== (h = /*geom*/
-      e[4].h)) && d(a, "height", h), (!N || v & /*geom*/
-      16 && _ !== (_ = /*geom*/
-      e[4].x)) && d(m, "x", _), (!N || v & /*geom*/
-      16 && b !== (b = /*geom*/
-      e[4].y)) && d(m, "y", b), (!N || v & /*geom*/
+      e[4].w)) && h(a, "width", f), (!R || v & /*geom*/
+      16 && d !== (d = /*geom*/
+      e[4].h)) && h(a, "height", d), (!R || v & /*geom*/
       16 && y !== (y = /*geom*/
-      e[4].w)) && d(m, "width", y), (!N || v & /*geom*/
+      e[4].x)) && h(m, "x", y), (!R || v & /*geom*/
       16 && E !== (E = /*geom*/
+      e[4].y)) && h(m, "y", E), (!R || v & /*geom*/
+      16 && p !== (p = /*geom*/
+      e[4].w)) && h(m, "width", p), (!R || v & /*geom*/
+      16 && A !== (A = /*geom*/
       e[4].x + /*geom*/
-      e[4].w)) && d(w, "x", E), (!N || v & /*geom*/
-      16 && B !== (B = /*geom*/
-      e[4].y)) && d(w, "y", B), (!N || v & /*geom*/
-      16 && U !== (U = /*geom*/
-      e[4].h)) && d(w, "height", U), (!N || v & /*geom*/
+      e[4].w)) && h(w, "x", A), (!R || v & /*geom*/
+      16 && I !== (I = /*geom*/
+      e[4].y)) && h(w, "y", I), (!R || v & /*geom*/
+      16 && N !== (N = /*geom*/
+      e[4].h)) && h(w, "height", N), (!R || v & /*geom*/
+      16 && b !== (b = /*geom*/
+      e[4].x)) && h(_, "x", b), (!R || v & /*geom*/
       16 && T !== (T = /*geom*/
-      e[4].x)) && d(p, "x", T), (!N || v & /*geom*/
-      16 && S !== (S = /*geom*/
       e[4].y + /*geom*/
-      e[4].h)) && d(p, "y", S), (!N || v & /*geom*/
+      e[4].h)) && h(_, "y", T), (!R || v & /*geom*/
       16 && M !== (M = /*geom*/
-      e[4].w)) && d(p, "width", M), (!N || v & /*geom*/
+      e[4].w)) && h(_, "width", M), (!R || v & /*geom*/
       16 && Z !== (Z = /*geom*/
-      e[4].x)) && d(C, "x", Z), (!N || v & /*geom*/
+      e[4].x)) && h(Y, "x", Z), (!R || v & /*geom*/
+      16 && he !== (he = /*geom*/
+      e[4].y)) && h(Y, "y", he), (!R || v & /*geom*/
       16 && ge !== (ge = /*geom*/
-      e[4].y)) && d(C, "y", ge), (!N || v & /*geom*/
-      16 && me !== (me = /*geom*/
-      e[4].h)) && d(C, "height", me);
-      const Ye = {};
-      v & /*geom*/
-      16 && (Ye.x = /*geom*/
-      e[4].x), v & /*geom*/
-      16 && (Ye.y = /*geom*/
-      e[4].y), v & /*viewportScale*/
-      8 && (Ye.scale = /*viewportScale*/
-      e[3]), ie.$set(Ye);
+      e[4].h)) && h(Y, "height", ge);
       const Ce = {};
       v & /*geom*/
       16 && (Ce.x = /*geom*/
-      e[4].x + /*geom*/
-      e[4].w), v & /*geom*/
+      e[4].x), v & /*geom*/
       16 && (Ce.y = /*geom*/
       e[4].y), v & /*viewportScale*/
       8 && (Ce.scale = /*viewportScale*/
-      e[3]), z.$set(Ce);
+      e[3]), oe.$set(Ce);
       const De = {};
       v & /*geom*/
       16 && (De.x = /*geom*/
       e[4].x + /*geom*/
       e[4].w), v & /*geom*/
       16 && (De.y = /*geom*/
-      e[4].y + /*geom*/
-      e[4].h), v & /*viewportScale*/
+      e[4].y), v & /*viewportScale*/
       8 && (De.scale = /*viewportScale*/
-      e[3]), J.$set(De);
+      e[3]), L.$set(De);
       const Xe = {};
       v & /*geom*/
       16 && (Xe.x = /*geom*/
-      e[4].x), v & /*geom*/
+      e[4].x + /*geom*/
+      e[4].w), v & /*geom*/
       16 && (Xe.y = /*geom*/
       e[4].y + /*geom*/
       e[4].h), v & /*viewportScale*/
       8 && (Xe.scale = /*viewportScale*/
-      e[3]), ne.$set(Xe);
+      e[3]), V.$set(Xe);
+      const Re = {};
+      v & /*geom*/
+      16 && (Re.x = /*geom*/
+      e[4].x), v & /*geom*/
+      16 && (Re.y = /*geom*/
+      e[4].y + /*geom*/
+      e[4].h), v & /*viewportScale*/
+      8 && (Re.scale = /*viewportScale*/
+      e[3]), J.$set(Re);
     },
-    i(Y) {
-      N || (P(ie.$$.fragment, Y), P(z.$$.fragment, Y), P(J.$$.fragment, Y), P(ne.$$.fragment, Y), N = !0);
+    i(C) {
+      R || (P(oe.$$.fragment, C), P(L.$$.fragment, C), P(V.$$.fragment, C), P(J.$$.fragment, C), R = !0);
     },
-    o(Y) {
-      D(ie.$$.fragment, Y), D(z.$$.fragment, Y), D(J.$$.fragment, Y), D(ne.$$.fragment, Y), N = !1;
+    o(C) {
+      D(oe.$$.fragment, C), D(L.$$.fragment, C), D(V.$$.fragment, C), D(J.$$.fragment, C), R = !1;
     },
-    d(Y) {
-      Y && (L(t), L(l), L(a), L(g), L(m), L(A), L(w), L(X), L(p), L(k), L(C), L(Me), L(I), L(H), L(fe)), x(ie, Y), x(z, Y), x(J, Y), x(ne, Y), qe = !1, ae(ut);
+    d(C) {
+      C && (k(t), k(l), k(a), k(g), k(m), k(S), k(w), k(U), k(_), k(O), k(Y), k(Me), k(ve), k(W), k(ce)), x(oe, C), x(L, C), x(V, C), x(J, C), qe = !1, le(ut);
     }
   };
 }
@@ -2059,24 +2053,24 @@ function Lo(e) {
 }
 function ko(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
-  const a = (h, g, m) => {
-    const _ = h.geometry.bounds;
-    let [b, y] = [_.minX, _.minY], [A, w] = [_.maxX, _.maxY];
-    const [E, B] = m;
+  const a = (d, g, m) => {
+    const y = d.geometry.bounds;
+    let [E, p] = [y.minX, y.minY], [S, w] = [y.maxX, y.maxY];
+    const [A, I] = m;
     if (g === "SHAPE")
-      b += E, A += E, y += B, w += B;
+      E += A, S += A, p += I, w += I;
     else {
       switch (g) {
         case "TOP":
         case "TOP_LEFT":
         case "TOP_RIGHT": {
-          y += B;
+          p += I;
           break;
         }
         case "BOTTOM":
         case "BOTTOM_LEFT":
         case "BOTTOM_RIGHT": {
-          w += B;
+          w += I;
           break;
         }
       }
@@ -2084,45 +2078,45 @@ function ko(e, t, n) {
         case "LEFT":
         case "TOP_LEFT":
         case "BOTTOM_LEFT": {
-          b += E;
+          E += A;
           break;
         }
         case "RIGHT":
         case "TOP_RIGHT":
         case "BOTTOM_RIGHT": {
-          A += E;
+          S += A;
           break;
         }
       }
     }
-    const U = Math.min(b, A), X = Math.min(y, w), p = Math.abs(A - b), T = Math.abs(w - y);
+    const N = Math.min(E, S), U = Math.min(p, w), _ = Math.abs(S - E), b = Math.abs(w - p);
     return {
-      ...h,
+      ...d,
       geometry: {
-        x: U,
-        y: X,
-        w: p,
-        h: T,
+        x: N,
+        y: U,
+        w: _,
+        h: b,
         bounds: {
-          minX: U,
-          minY: X,
-          maxX: U + p,
-          maxY: X + T
+          minX: N,
+          minY: U,
+          maxX: N + _,
+          maxY: U + b
         }
       }
     };
   };
-  function c(h) {
-    ue.call(this, e, h);
+  function c(d) {
+    fe.call(this, e, d);
   }
-  function u(h) {
-    ue.call(this, e, h);
+  function u(d) {
+    fe.call(this, e, d);
   }
-  function f(h) {
-    ue.call(this, e, h);
+  function f(d) {
+    fe.call(this, e, d);
   }
-  return e.$$set = (h) => {
-    "shape" in h && n(0, i = h.shape), "computedStyle" in h && n(1, s = h.computedStyle), "transform" in h && n(2, r = h.transform), "viewportScale" in h && n(3, l = h.viewportScale);
+  return e.$$set = (d) => {
+    "shape" in d && n(0, i = d.shape), "computedStyle" in d && n(1, s = d.computedStyle), "transform" in d && n(2, r = d.transform), "viewportScale" in d && n(3, l = d.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
     1 && n(4, o = i.geometry);
@@ -2140,7 +2134,7 @@ function ko(e, t, n) {
 }
 class Oo extends te {
   constructor(t) {
-    super(), ee(this, t, ko, Lo, W, {
+    super(), ee(this, t, ko, Lo, K, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -2149,8 +2143,8 @@ class Oo extends te {
   }
 }
 const Zt = /* @__PURE__ */ new Map([
-  [j.RECTANGLE, Oo],
-  [j.POLYGON, yo]
+  [F.RECTANGLE, Oo],
+  [F.POLYGON, yo]
 ]), Bo = (e) => Zt.get(e.type), Io = (e, t) => Zt.set(e, t), Po = (e) => ({}), St = (e) => ({ grab: (
   /*onGrab*/
   e[0]
@@ -2169,17 +2163,17 @@ function Yo(e) {
   );
   return {
     c() {
-      t = R("g"), r && r.c(), d(t, "class", "a9s-annotation selected");
+      t = X("g"), r && r.c(), h(t, "class", "a9s-annotation selected");
     },
     m(l, a) {
-      O(l, t, a), r && r.m(t, null), n = !0, o || (i = [
-        F(
+      B(l, t, a), r && r.m(t, null), n = !0, o || (i = [
+        H(
           t,
           "pointerup",
           /*onRelease*/
           e[2]
         ),
-        F(
+        H(
           t,
           "pointermove",
           /*onPointerMove*/
@@ -2215,7 +2209,7 @@ function Yo(e) {
       D(r, l), n = !1;
     },
     d(l) {
-      l && L(t), r && r.d(l), o = !1, ae(i);
+      l && k(t), r && r.d(l), o = !1, le(i);
     }
   };
 }
@@ -2223,23 +2217,23 @@ function Co(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
   const s = Te();
   let { shape: r } = t, { editor: l } = t, { transform: a } = t, c, u, f;
-  const h = (_) => (b) => {
-    c = _, u = a.elementToImage(b.offsetX, b.offsetY), f = r, b.target.setPointerCapture(b.pointerId), s("grab", b);
-  }, g = (_) => {
+  const d = (y) => (E) => {
+    c = y, u = a.elementToImage(E.offsetX, E.offsetY), f = r, E.target.setPointerCapture(E.pointerId), s("grab", E);
+  }, g = (y) => {
     if (c) {
-      const [b, y] = a.elementToImage(_.offsetX, _.offsetY), A = [b - u[0], y - u[1]];
-      n(3, r = l(f, c, A)), s("change", r);
+      const [E, p] = a.elementToImage(y.offsetX, y.offsetY), S = [E - u[0], p - u[1]];
+      n(3, r = l(f, c, S)), s("change", r);
     }
-  }, m = (_) => {
-    _.target.releasePointerCapture(_.pointerId), c = void 0, f = r, s("release", _);
+  }, m = (y) => {
+    y.target.releasePointerCapture(y.pointerId), c = void 0, f = r, s("release", y);
   };
-  return e.$$set = (_) => {
-    "shape" in _ && n(3, r = _.shape), "editor" in _ && n(4, l = _.editor), "transform" in _ && n(5, a = _.transform), "$$scope" in _ && n(6, i = _.$$scope);
-  }, [h, g, m, r, l, a, i, o];
+  return e.$$set = (y) => {
+    "shape" in y && n(3, r = y.shape), "editor" in y && n(4, l = y.editor), "transform" in y && n(5, a = y.transform), "$$scope" in y && n(6, i = y.$$scope);
+  }, [d, g, m, r, l, a, i, o];
 }
 class Qt extends te {
   constructor(t) {
-    super(), ee(this, t, Co, Yo, W, { shape: 3, editor: 4, transform: 5 });
+    super(), ee(this, t, Co, Yo, K, { shape: 3, editor: 4, transform: 5 });
   }
 }
 const je = (e, t) => {
@@ -2254,7 +2248,7 @@ function Do(e, t, n) {
   let o;
   const i = Te();
   let { annotation: s } = t, { editor: r } = t, { style: l } = t, { target: a } = t, { transform: c } = t, { viewportScale: u } = t, f;
-  return Pe(() => (n(6, f = new r({
+  return Ye(() => (n(6, f = new r({
     target: a,
     props: {
       shape: s.target.selector,
@@ -2262,12 +2256,12 @@ function Do(e, t, n) {
       transform: c,
       viewportScale: u
     }
-  })), f.$on("change", (h) => {
-    f.$$set({ shape: h.detail }), i("change", h.detail);
-  }), f.$on("grab", (h) => i("grab", h.detail)), f.$on("release", (h) => i("release", h.detail)), () => {
+  })), f.$on("change", (d) => {
+    f.$$set({ shape: d.detail }), i("change", d.detail);
+  }), f.$on("grab", (d) => i("grab", d.detail)), f.$on("release", (d) => i("release", d.detail)), () => {
     f.$destroy();
-  })), e.$$set = (h) => {
-    "annotation" in h && n(0, s = h.annotation), "editor" in h && n(1, r = h.editor), "style" in h && n(2, l = h.style), "target" in h && n(3, a = h.target), "transform" in h && n(4, c = h.transform), "viewportScale" in h && n(5, u = h.viewportScale);
+  })), e.$$set = (d) => {
+    "annotation" in d && n(0, s = d.annotation), "editor" in d && n(1, r = d.editor), "style" in d && n(2, l = d.style), "target" in d && n(3, a = d.target), "transform" in d && n(4, c = d.transform), "viewportScale" in d && n(5, u = d.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
     5 && (o = je(s, l)), e.$$.dirty & /*annotation, editorComponent*/
@@ -2278,7 +2272,7 @@ function Do(e, t, n) {
 }
 class Xo extends te {
   constructor(t) {
-    super(), ee(this, t, Do, null, W, {
+    super(), ee(this, t, Do, null, K, {
       annotation: 0,
       editor: 1,
       style: 2,
@@ -2291,14 +2285,14 @@ class Xo extends te {
 function Ro(e, t, n) {
   const o = Te();
   let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: l } = t, { viewportScale: a } = t, c;
-  return Pe(() => {
-    const u = s.closest("svg"), f = [], h = (g, m, _) => {
-      u == null || u.addEventListener(g, m, _), f.push(() => u == null ? void 0 : u.removeEventListener(g, m, _));
+  return Ye(() => {
+    const u = s.closest("svg"), f = [], d = (g, m, y) => {
+      u == null || u.addEventListener(g, m, y), f.push(() => u == null ? void 0 : u.removeEventListener(g, m, y));
     };
     return n(5, c = new r({
       target: s,
       props: {
-        addEventListener: h,
+        addEventListener: d,
         drawingMode: i,
         transform: l,
         viewportScale: a
@@ -2316,7 +2310,7 @@ function Ro(e, t, n) {
 }
 class Uo extends te {
   constructor(t) {
-    super(), ee(this, t, Ro, null, W, {
+    super(), ee(this, t, Ro, null, K, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -2329,42 +2323,42 @@ function Tt(e) {
   let t, n;
   return {
     c() {
-      t = R("rect"), n = R("rect"), d(t, "class", "a9s-outer"), d(
+      t = X("rect"), n = X("rect"), h(t, "class", "a9s-outer"), h(
         t,
         "x",
         /*x*/
         e[1]
-      ), d(
+      ), h(
         t,
         "y",
         /*y*/
         e[2]
-      ), d(
+      ), h(
         t,
         "width",
         /*w*/
         e[3]
-      ), d(
+      ), h(
         t,
         "height",
         /*h*/
         e[4]
-      ), d(n, "class", "a9s-inner"), d(
+      ), h(n, "class", "a9s-inner"), h(
         n,
         "x",
         /*x*/
         e[1]
-      ), d(
+      ), h(
         n,
         "y",
         /*y*/
         e[2]
-      ), d(
+      ), h(
         n,
         "width",
         /*w*/
         e[3]
-      ), d(
+      ), h(
         n,
         "height",
         /*h*/
@@ -2372,53 +2366,53 @@ function Tt(e) {
       );
     },
     m(o, i) {
-      O(o, t, i), O(o, n, i);
+      B(o, t, i), B(o, n, i);
     },
     p(o, i) {
       i & /*x*/
-      2 && d(
+      2 && h(
         t,
         "x",
         /*x*/
         o[1]
       ), i & /*y*/
-      4 && d(
+      4 && h(
         t,
         "y",
         /*y*/
         o[2]
       ), i & /*w*/
-      8 && d(
+      8 && h(
         t,
         "width",
         /*w*/
         o[3]
       ), i & /*h*/
-      16 && d(
+      16 && h(
         t,
         "height",
         /*h*/
         o[4]
       ), i & /*x*/
-      2 && d(
+      2 && h(
         n,
         "x",
         /*x*/
         o[1]
       ), i & /*y*/
-      4 && d(
+      4 && h(
         n,
         "y",
         /*y*/
         o[2]
       ), i & /*w*/
-      8 && d(
+      8 && h(
         n,
         "width",
         /*w*/
         o[3]
       ), i & /*h*/
-      16 && d(
+      16 && h(
         n,
         "height",
         /*h*/
@@ -2426,7 +2420,7 @@ function Tt(e) {
       );
     },
     d(o) {
-      o && (L(t), L(n));
+      o && (k(t), k(n));
     }
   };
 }
@@ -2437,69 +2431,69 @@ function No(e) {
   );
   return {
     c() {
-      t = R("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
+      t = X("g"), n && n.c(), h(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      O(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 = Tt(o), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
     },
-    i: V,
-    o: V,
+    i: G,
+    o: G,
     d(o) {
-      o && L(t), n && n.d();
+      o && k(t), n && n.d();
     }
   };
 }
 function Vo(e, t, n) {
   const o = Te();
-  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, l, a, c, u, f, h, g;
-  const m = (A) => {
-    const w = A;
-    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, g = 1));
-  }, _ = (A) => {
-    const w = A;
-    a && (c = r.elementToImage(w.offsetX, w.offsetY), n(1, u = Math.min(c[0], a[0])), n(2, f = Math.min(c[1], a[1])), n(3, h = Math.abs(c[0] - a[0])), n(4, g = Math.abs(c[1] - a[1])));
-  }, b = (A) => {
-    const w = A, E = performance.now() - l;
+  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, l, a, c, u, f, d, g;
+  const m = (S) => {
+    const w = S;
+    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, d = 1), n(4, g = 1));
+  }, y = (S) => {
+    const w = S;
+    a && (c = r.elementToImage(w.offsetX, w.offsetY), n(1, u = Math.min(c[0], a[0])), n(2, f = Math.min(c[1], a[1])), n(3, d = Math.abs(c[0] - a[0])), n(4, g = Math.abs(c[1] - a[1])));
+  }, E = (S) => {
+    const w = S, A = performance.now() - l;
     if (s === "click") {
-      if (E > 300)
+      if (A > 300)
         return;
-      w.stopPropagation(), a ? y() : (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, g = 1));
+      w.stopPropagation(), a ? p() : (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, d = 1), n(4, g = 1));
     } else
-      a && (E > 300 || h * g > 100 ? (w.stopPropagation(), y()) : (n(0, a = void 0), c = void 0));
-  }, y = () => {
-    if (h * g > 15) {
-      const A = {
-        type: j.RECTANGLE,
+      a && (A > 300 || d * g > 100 ? (w.stopPropagation(), p()) : (n(0, a = void 0), c = void 0));
+  }, p = () => {
+    if (d * g > 15) {
+      const S = {
+        type: F.RECTANGLE,
         geometry: {
           bounds: {
             minX: u,
             minY: f,
-            maxX: u + h,
+            maxX: u + d,
             maxY: f + g
           },
           x: u,
           y: f,
-          w: h,
+          w: d,
           h: g
         }
       };
-      o("create", A);
+      o("create", S);
     }
     n(0, a = void 0), c = void 0;
   };
-  return Pe(() => {
-    i("pointerdown", m), i("pointermove", _), i("pointerup", b, !0);
-  }), e.$$set = (A) => {
-    "addEventListener" in A && n(5, i = A.addEventListener), "drawingMode" in A && n(6, s = A.drawingMode), "transform" in A && n(7, r = A.transform);
-  }, [a, u, f, h, g, i, s, r];
+  return Ye(() => {
+    i("pointerdown", m), i("pointermove", y), i("pointerup", E, !0);
+  }), e.$$set = (S) => {
+    "addEventListener" in S && n(5, i = S.addEventListener), "drawingMode" in S && n(6, s = S.drawingMode), "transform" in S && n(7, r = S.transform);
+  }, [a, u, f, d, g, i, s, r];
 }
 class Go extends te {
   constructor(t) {
-    super(), ee(this, t, Vo, No, W, {
+    super(), ee(this, t, Vo, No, K, {
       addEventListener: 5,
       drawingMode: 6,
       transform: 7
@@ -2528,23 +2522,23 @@ function Mt(e) {
   );
   return {
     c() {
-      t = R("polygon"), o = R("polygon"), r && r.c(), s = ce(), d(t, "class", "a9s-outer"), d(t, "points", n = /*coords*/
-      e[16]), d(o, "class", "a9s-inner"), d(o, "points", i = /*coords*/
+      t = X("polygon"), o = X("polygon"), r && r.c(), s = ae(), h(t, "class", "a9s-outer"), h(t, "points", n = /*coords*/
+      e[16]), h(o, "class", "a9s-inner"), h(o, "points", i = /*coords*/
       e[16]);
     },
     m(l, a) {
-      O(l, t, a), O(l, o, a), r && r.m(l, a), O(l, s, a);
+      B(l, t, a), B(l, o, a), r && r.m(l, a), B(l, s, a);
     },
     p(l, a) {
       a & /*isClosable, points, cursor*/
       7 && n !== (n = /*coords*/
-      l[16]) && d(t, "points", n), a & /*isClosable, points, cursor*/
+      l[16]) && h(t, "points", n), a & /*isClosable, points, cursor*/
       7 && i !== (i = /*coords*/
-      l[16]) && d(o, "points", i), /*isClosable*/
+      l[16]) && h(o, "points", i), /*isClosable*/
       l[2] ? r ? r.p(l, a) : (r = vt(l), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
     },
     d(l) {
-      l && (L(t), L(o), L(s)), r && r.d(l);
+      l && (k(t), k(o), k(s)), r && r.d(l);
     }
   };
 }
@@ -2552,16 +2546,16 @@ function vt(e) {
   let t, n, o;
   return {
     c() {
-      t = R("rect"), d(t, "class", "a9s-corner-handle"), d(t, "x", n = /*points*/
+      t = X("rect"), h(t, "class", "a9s-corner-handle"), h(t, "x", n = /*points*/
       e[0][0][0] - /*handleSize*/
-      e[3] / 2), d(t, "y", o = /*points*/
+      e[3] / 2), h(t, "y", o = /*points*/
       e[0][0][1] - /*handleSize*/
-      e[3] / 2), d(
+      e[3] / 2), h(
         t,
         "height",
         /*handleSize*/
         e[3]
-      ), d(
+      ), h(
         t,
         "width",
         /*handleSize*/
@@ -2569,23 +2563,23 @@ function vt(e) {
       );
     },
     m(i, s) {
-      O(i, t, s);
+      B(i, t, s);
     },
     p(i, s) {
       s & /*points, handleSize*/
       9 && n !== (n = /*points*/
       i[0][0][0] - /*handleSize*/
-      i[3] / 2) && d(t, "x", n), s & /*points, handleSize*/
+      i[3] / 2) && h(t, "x", n), s & /*points, handleSize*/
       9 && o !== (o = /*points*/
       i[0][0][1] - /*handleSize*/
-      i[3] / 2) && d(t, "y", o), s & /*handleSize*/
-      8 && d(
+      i[3] / 2) && h(t, "y", o), s & /*handleSize*/
+      8 && h(
         t,
         "height",
         /*handleSize*/
         i[3]
       ), s & /*handleSize*/
-      8 && d(
+      8 && h(
         t,
         "width",
         /*handleSize*/
@@ -2593,7 +2587,7 @@ function vt(e) {
       );
     },
     d(i) {
-      i && L(t);
+      i && k(t);
     }
   };
 }
@@ -2604,19 +2598,19 @@ function zo(e) {
   );
   return {
     c() {
-      t = R("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
+      t = X("g"), n && n.c(), h(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      O(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(xe(o), i) : (n = Mt(xe(o)), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
     },
-    i: V,
-    o: V,
+    i: G,
+    o: G,
     d(o) {
-      o && L(t), n && n.d();
+      o && k(t), n && n.d();
     }
   };
 }
@@ -2624,38 +2618,38 @@ const Ho = 20, Fo = 1500;
 function jo(e, t, n) {
   let o;
   const i = Te();
-  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, u = [], f, h, g = !1;
+  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, u = [], f, d, g = !1;
   const m = (w) => {
-    const E = w, { timeStamp: B, offsetX: U, offsetY: X } = E;
-    if (c = { timeStamp: B, offsetX: U, offsetY: X }, r === "drag" && u.length === 0) {
-      const p = l.elementToImage(E.offsetX, E.offsetY);
-      u.push(p), n(1, f = p);
+    const A = w, { timeStamp: I, offsetX: N, offsetY: U } = A;
+    if (c = { timeStamp: I, offsetX: N, offsetY: U }, r === "drag" && u.length === 0) {
+      const _ = l.elementToImage(A.offsetX, A.offsetY);
+      u.push(_), n(1, f = _);
     }
-  }, _ = (w) => {
-    const E = w;
-    if (h && clearTimeout(h), u.length > 0) {
-      if (n(1, f = l.elementToImage(E.offsetX, E.offsetY)), u.length > 2) {
-        const B = Qe(f, u[0]) * a;
-        n(2, g = B < Ho);
+  }, y = (w) => {
+    const A = w;
+    if (d && clearTimeout(d), u.length > 0) {
+      if (n(1, f = l.elementToImage(A.offsetX, A.offsetY)), u.length > 2) {
+        const I = Qe(f, u[0]) * a;
+        n(2, g = I < Ho);
       }
-      E.pointerType === "touch" && (h = setTimeout(
+      A.pointerType === "touch" && (d = setTimeout(
         () => {
-          y();
+          p();
         },
         Fo
       ));
     }
-  }, b = (w) => {
-    const E = w;
-    if (h && clearTimeout(h), r === "click") {
-      const B = E.timeStamp - c.timeStamp, U = Qe([c.offsetX, c.offsetY], [E.offsetX, E.offsetY]);
-      if (B > 300 || U > 15)
+  }, E = (w) => {
+    const A = w;
+    if (d && clearTimeout(d), r === "click") {
+      const I = A.timeStamp - c.timeStamp, N = Qe([c.offsetX, c.offsetY], [A.offsetX, A.offsetY]);
+      if (I > 300 || N > 15)
         return;
       if (g)
-        A();
+        S();
       else if (u.length === 0) {
-        const X = l.elementToImage(E.offsetX, E.offsetY);
-        u.push(X), n(1, f = X);
+        const U = l.elementToImage(A.offsetX, A.offsetY);
+        u.push(U), n(1, f = U);
       } else
         u.push(f);
     } else {
@@ -2663,19 +2657,19 @@ function jo(e, t, n) {
         n(0, u = []), n(1, f = void 0);
         return;
       }
-      E.stopImmediatePropagation(), g ? A() : u.push(f);
+      A.stopImmediatePropagation(), g ? S() : u.push(f);
     }
-  }, y = () => {
+  }, p = () => {
     if (!f)
       return;
-    const w = [...u, f], E = {
-      type: j.POLYGON,
+    const w = [...u, f], A = {
+      type: F.POLYGON,
       geometry: { bounds: Fe(w), points: w }
     };
-    st(E) > 4 && (n(0, u = []), n(1, f = void 0), i("create", E));
-  }, A = () => {
+    st(A) > 4 && (n(0, u = []), n(1, f = void 0), i("create", A));
+  }, S = () => {
     const w = {
-      type: j.POLYGON,
+      type: F.POLYGON,
       geometry: {
         bounds: Fe(u),
         points: [...u]
@@ -2683,8 +2677,8 @@ function jo(e, t, n) {
     };
     n(0, u = []), n(1, f = void 0), i("create", w);
   };
-  return Pe(() => {
-    s("pointerdown", m, !0), s("pointermove", _), s("pointerup", b, !0), s("dblclick", y, !0);
+  return Ye(() => {
+    s("pointerdown", m, !0), s("pointermove", y), s("pointerup", E, !0), s("dblclick", p, !0);
   }), e.$$set = (w) => {
     "addEventListener" in w && n(4, s = w.addEventListener), "drawingMode" in w && n(5, r = w.drawingMode), "transform" in w && n(6, l = w.transform), "viewportScale" in w && n(7, a = w.viewportScale);
   }, e.$$.update = () => {
@@ -2703,7 +2697,7 @@ function jo(e, t, n) {
 }
 class qo extends te {
   constructor(t) {
-    super(), ee(this, t, jo, zo, W, {
+    super(), ee(this, t, jo, zo, K, {
       addEventListener: 4,
       drawingMode: 5,
       transform: 6,
@@ -2719,75 +2713,75 @@ function Wo(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = R("g"), n = R("ellipse"), i = R("ellipse"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
-      e[1] ? "display:none;" : void 0), d(
+      t = X("g"), n = X("ellipse"), i = X("ellipse"), h(n, "class", "a9s-outer"), h(n, "style", o = /*computedStyle*/
+      e[1] ? "display:none;" : void 0), h(
         n,
         "cx",
         /*cx*/
         e[2]
-      ), d(
+      ), h(
         n,
         "cy",
         /*cy*/
         e[3]
-      ), d(
+      ), h(
         n,
         "rx",
         /*rx*/
         e[4]
-      ), d(
+      ), h(
         n,
         "ry",
         /*ry*/
         e[5]
-      ), d(i, "class", "a9s-inner"), d(
+      ), h(i, "class", "a9s-inner"), h(
         i,
         "style",
         /*computedStyle*/
         e[1]
-      ), d(
+      ), h(
         i,
         "cx",
         /*cx*/
         e[2]
-      ), d(
+      ), h(
         i,
         "cy",
         /*cy*/
         e[3]
-      ), d(
+      ), h(
         i,
         "rx",
         /*rx*/
         e[4]
-      ), d(
+      ), h(
         i,
         "ry",
         /*ry*/
         e[5]
-      ), d(t, "data-id", s = /*annotation*/
+      ), h(t, "data-id", s = /*annotation*/
       e[0].id);
     },
     m(r, l) {
-      O(r, t, l), se(t, n), se(t, i);
+      B(r, t, l), ie(t, n), ie(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
       2 && o !== (o = /*computedStyle*/
-      r[1] ? "display:none;" : void 0) && d(n, "style", o), l & /*computedStyle*/
-      2 && d(
+      r[1] ? "display:none;" : void 0) && h(n, "style", o), l & /*computedStyle*/
+      2 && h(
         i,
         "style",
         /*computedStyle*/
         r[1]
       ), l & /*annotation*/
       1 && s !== (s = /*annotation*/
-      r[0].id) && d(t, "data-id", s);
+      r[0].id) && h(t, "data-id", s);
     },
-    i: V,
-    o: V,
+    i: G,
+    o: G,
     d(r) {
-      r && L(t);
+      r && k(t);
     }
   };
 }
@@ -2803,52 +2797,52 @@ function Jo(e, t, n) {
 }
 class Zo extends te {
   constructor(t) {
-    super(), ee(this, t, Jo, Wo, W, { annotation: 0, geom: 6, style: 7 });
+    super(), ee(this, t, Jo, Wo, K, { annotation: 0, geom: 6, style: 7 });
   }
 }
 function Qo(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = R("g"), n = R("polygon"), i = R("polygon"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
-      e[1] ? "display:none;" : void 0), d(
+      t = X("g"), n = X("polygon"), i = X("polygon"), h(n, "class", "a9s-outer"), h(n, "style", o = /*computedStyle*/
+      e[1] ? "display:none;" : void 0), h(
         n,
         "points",
         /*points*/
         e[2].map(xo).join(" ")
-      ), d(i, "class", "a9s-inner"), d(
+      ), h(i, "class", "a9s-inner"), h(
         i,
         "style",
         /*computedStyle*/
         e[1]
-      ), d(
+      ), h(
         i,
         "points",
         /*points*/
         e[2].map($o).join(" ")
-      ), d(t, "data-id", s = /*annotation*/
+      ), h(t, "data-id", s = /*annotation*/
       e[0].id);
     },
     m(r, l) {
-      O(r, t, l), se(t, n), se(t, i);
+      B(r, t, l), ie(t, n), ie(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
       2 && o !== (o = /*computedStyle*/
-      r[1] ? "display:none;" : void 0) && d(n, "style", o), l & /*computedStyle*/
-      2 && d(
+      r[1] ? "display:none;" : void 0) && h(n, "style", o), l & /*computedStyle*/
+      2 && h(
         i,
         "style",
         /*computedStyle*/
         r[1]
       ), l & /*annotation*/
       1 && s !== (s = /*annotation*/
-      r[0].id) && d(t, "data-id", s);
+      r[0].id) && h(t, "data-id", s);
     },
-    i: V,
-    o: V,
+    i: G,
+    o: G,
     d(r) {
-      r && L(t);
+      r && k(t);
     }
   };
 }
@@ -2865,130 +2859,130 @@ function ei(e, t, n) {
 }
 class ti extends te {
   constructor(t) {
-    super(), ee(this, t, ei, Qo, W, { annotation: 0, geom: 3, style: 4 });
+    super(), ee(this, t, ei, Qo, K, { annotation: 0, geom: 3, style: 4 });
   }
 }
 function ni(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = R("g"), n = R("rect"), i = R("rect"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
-      e[5] ? "display:none;" : void 0), d(
+      t = X("g"), n = X("rect"), i = X("rect"), h(n, "class", "a9s-outer"), h(n, "style", o = /*computedStyle*/
+      e[5] ? "display:none;" : void 0), h(
         n,
         "x",
         /*x*/
         e[4]
-      ), d(
+      ), h(
         n,
         "y",
         /*y*/
         e[3]
-      ), d(
+      ), h(
         n,
         "width",
         /*w*/
         e[2]
-      ), d(
+      ), h(
         n,
         "height",
         /*h*/
         e[1]
-      ), d(i, "class", "a9s-inner"), d(
+      ), h(i, "class", "a9s-inner"), h(
         i,
         "style",
         /*computedStyle*/
         e[5]
-      ), d(
+      ), h(
         i,
         "x",
         /*x*/
         e[4]
-      ), d(
+      ), h(
         i,
         "y",
         /*y*/
         e[3]
-      ), d(
+      ), h(
         i,
         "width",
         /*w*/
         e[2]
-      ), d(
+      ), h(
         i,
         "height",
         /*h*/
         e[1]
-      ), d(t, "data-id", s = /*annotation*/
+      ), h(t, "data-id", s = /*annotation*/
       e[0].id);
     },
     m(r, l) {
-      O(r, t, l), se(t, n), se(t, i);
+      B(r, t, l), ie(t, n), ie(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
       32 && o !== (o = /*computedStyle*/
-      r[5] ? "display:none;" : void 0) && d(n, "style", o), l & /*x*/
-      16 && d(
+      r[5] ? "display:none;" : void 0) && h(n, "style", o), l & /*x*/
+      16 && h(
         n,
         "x",
         /*x*/
         r[4]
       ), l & /*y*/
-      8 && d(
+      8 && h(
         n,
         "y",
         /*y*/
         r[3]
       ), l & /*w*/
-      4 && d(
+      4 && h(
         n,
         "width",
         /*w*/
         r[2]
       ), l & /*h*/
-      2 && d(
+      2 && h(
         n,
         "height",
         /*h*/
         r[1]
       ), l & /*computedStyle*/
-      32 && d(
+      32 && h(
         i,
         "style",
         /*computedStyle*/
         r[5]
       ), l & /*x*/
-      16 && d(
+      16 && h(
         i,
         "x",
         /*x*/
         r[4]
       ), l & /*y*/
-      8 && d(
+      8 && h(
         i,
         "y",
         /*y*/
         r[3]
       ), l & /*w*/
-      4 && d(
+      4 && h(
         i,
         "width",
         /*w*/
         r[2]
       ), l & /*h*/
-      2 && d(
+      2 && h(
         i,
         "height",
         /*h*/
         r[1]
       ), l & /*annotation*/
       1 && s !== (s = /*annotation*/
-      r[0].id) && d(t, "data-id", s);
+      r[0].id) && h(t, "data-id", s);
     },
-    i: V,
-    o: V,
+    i: G,
+    o: G,
     d(r) {
-      r && L(t);
+      r && k(t);
     }
   };
 }
@@ -3004,7 +2998,7 @@ function oi(e, t, n) {
 }
 class ii extends te {
   constructor(t) {
-    super(), ee(this, t, oi, ni, W, { annotation: 0, geom: 6, style: 7 });
+    super(), ee(this, t, oi, ni, K, { annotation: 0, geom: 6, style: 7 });
   }
 }
 const Ci = {
@@ -3031,35 +3025,35 @@ const Ci = {
 }, { Boolean: en } = fn;
 function Lt(e, t, n) {
   const o = e.slice();
-  return o[30] = t[n], o;
+  return o[31] = t[n], o;
 }
 function kt(e, t, n) {
   const o = e.slice();
-  return o[33] = t[n], o;
+  return o[34] = t[n], o;
 }
 function $e(e) {
   const t = e.slice(), n = (
     /*annotation*/
-    t[33].target.selector
+    t[34].target.selector
   );
-  return t[36] = n, t;
+  return t[37] = n, t;
 }
 function Ot(e) {
   let t = (
     /*annotation*/
-    e[33].id
+    e[34].id
   ), n, o, i = Bt(e);
   return {
     c() {
-      i.c(), n = ce();
+      i.c(), n = ae();
     },
     m(s, r) {
-      i.m(s, r), O(s, n, r), o = !0;
+      i.m(s, r), B(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*$store*/
-      8192 && W(t, t = /*annotation*/
-      s[33].id) ? (re(), D(i, 1, 1, V), le(), i = Bt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      16384 && K(t, t = /*annotation*/
+      s[34].id) ? (se(), D(i, 1, 1, G), re(), i = Bt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
       o || (P(i), o = !0);
@@ -3068,7 +3062,7 @@ function Ot(e) {
       D(i), o = !1;
     },
     d(s) {
-      s && L(n), i.d(s);
+      s && k(n), i.d(s);
     }
   };
 }
@@ -3078,11 +3072,11 @@ function ci(e) {
     props: {
       annotation: (
         /*annotation*/
-        e[33]
+        e[34]
       ),
       geom: (
         /*selector*/
-        e[36].geometry
+        e[37].geometry
       ),
       style: (
         /*style*/
@@ -3099,10 +3093,10 @@ function ci(e) {
     p(o, i) {
       const s = {};
       i[0] & /*$store*/
-      8192 && (s.annotation = /*annotation*/
-      o[33]), i[0] & /*$store*/
-      8192 && (s.geom = /*selector*/
-      o[36].geometry), i[0] & /*style*/
+      16384 && (s.annotation = /*annotation*/
+      o[34]), i[0] & /*$store*/
+      16384 && (s.geom = /*selector*/
+      o[37].geometry), i[0] & /*style*/
       2 && (s.style = /*style*/
       o[1]), t.$set(s);
     },
@@ -3123,11 +3117,11 @@ function fi(e) {
     props: {
       annotation: (
         /*annotation*/
-        e[33]
+        e[34]
       ),
       geom: (
         /*selector*/
-        e[36].geometry
+        e[37].geometry
       ),
       style: (
         /*style*/
@@ -3144,10 +3138,10 @@ function fi(e) {
     p(o, i) {
       const s = {};
       i[0] & /*$store*/
-      8192 && (s.annotation = /*annotation*/
-      o[33]), i[0] & /*$store*/
-      8192 && (s.geom = /*selector*/
-      o[36].geometry), i[0] & /*style*/
+      16384 && (s.annotation = /*annotation*/
+      o[34]), i[0] & /*$store*/
+      16384 && (s.geom = /*selector*/
+      o[37].geometry), i[0] & /*style*/
       2 && (s.style = /*style*/
       o[1]), t.$set(s);
     },
@@ -3168,11 +3162,11 @@ function ui(e) {
     props: {
       annotation: (
         /*annotation*/
-        e[33]
+        e[34]
       ),
       geom: (
         /*selector*/
-        e[36].geometry
+        e[37].geometry
       ),
       style: (
         /*style*/
@@ -3189,10 +3183,10 @@ function ui(e) {
     p(o, i) {
       const s = {};
       i[0] & /*$store*/
-      8192 && (s.annotation = /*annotation*/
-      o[33]), i[0] & /*$store*/
-      8192 && (s.geom = /*selector*/
-      o[36].geometry), i[0] & /*style*/
+      16384 && (s.annotation = /*annotation*/
+      o[34]), i[0] & /*$store*/
+      16384 && (s.geom = /*selector*/
+      o[37].geometry), i[0] & /*style*/
       2 && (s.style = /*style*/
       o[1]), t.$set(s);
     },
@@ -3213,27 +3207,27 @@ function Bt(e) {
   function l(a, c) {
     return (
       /*selector*/
-      a[36].type === j.ELLIPSE ? 0 : (
+      a[37].type === F.ELLIPSE ? 0 : (
         /*selector*/
-        a[36].type === j.RECTANGLE ? 1 : (
+        a[37].type === F.RECTANGLE ? 1 : (
           /*selector*/
-          a[36].type === j.POLYGON ? 2 : -1
+          a[37].type === F.POLYGON ? 2 : -1
         )
       )
     );
   }
   return ~(t = l(e)) && (n = r[t] = s[t](e)), {
     c() {
-      n && n.c(), o = ce();
+      n && n.c(), o = ae();
     },
     m(a, c) {
-      ~t && r[t].m(a, c), O(a, o, c), i = !0;
+      ~t && r[t].m(a, c), B(a, o, c), i = !0;
     },
     p(a, c) {
       let u = t;
-      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (re(), D(r[u], 1, 1, () => {
+      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (se(), D(r[u], 1, 1, () => {
         r[u] = null;
-      }), le()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
+      }), re()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
       i || (P(n), i = !0);
@@ -3242,33 +3236,33 @@ function Bt(e) {
       D(n), i = !1;
     },
     d(a) {
-      a && L(o), ~t && r[t].d(a);
+      a && k(o), ~t && r[t].d(a);
     }
   };
 }
 function It(e) {
   let t = !/*isEditable*/
-  e[7](
+  e[8](
     /*annotation*/
-    e[33]
+    e[34]
   ), n, o, i = t && Ot($e(e));
   return {
     c() {
-      i && i.c(), n = ce();
+      i && i.c(), n = ae();
     },
     m(s, r) {
-      i && i.m(s, r), O(s, n, r), o = !0;
+      i && i.m(s, r), B(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*isEditable, $store*/
-      8320 && (t = !/*isEditable*/
-      s[7](
+      16640 && (t = !/*isEditable*/
+      s[8](
         /*annotation*/
-        s[33]
+        s[34]
       )), t ? i ? (i.p($e(s), r), r[0] & /*isEditable, $store*/
-      8320 && P(i, 1)) : (i = Ot($e(s)), i.c(), P(i, 1), i.m(n.parentNode, n)) : i && (re(), D(i, 1, 1, () => {
+      16640 && P(i, 1)) : (i = Ot($e(s)), i.c(), P(i, 1), i.m(n.parentNode, n)) : i && (se(), D(i, 1, 1, () => {
         i = null;
-      }), le());
+      }), re());
     },
     i(s) {
       o || (P(i), o = !0);
@@ -3277,7 +3271,7 @@ function It(e) {
       D(i), o = !1;
     },
     d(s) {
-      s && L(n), i && i.d(s);
+      s && k(n), i && i.d(s);
     }
   };
 }
@@ -3287,25 +3281,25 @@ function Pt(e) {
   function l(a, c) {
     return (
       /*editableAnnotations*/
-      a[6] ? 0 : (
+      a[7] ? 0 : (
         /*tool*/
-        a[12] && /*drawingEnabled*/
+        a[13] && /*drawingEnabled*/
         a[0] ? 1 : -1
       )
     );
   }
   return ~(t = l(e)) && (n = r[t] = s[t](e)), {
     c() {
-      n && n.c(), o = ce();
+      n && n.c(), o = ae();
     },
     m(a, c) {
-      ~t && r[t].m(a, c), O(a, o, c), i = !0;
+      ~t && r[t].m(a, c), B(a, o, c), i = !0;
     },
     p(a, c) {
       let u = t;
-      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (re(), D(r[u], 1, 1, () => {
+      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (se(), D(r[u], 1, 1, () => {
         r[u] = null;
-      }), le()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
+      }), re()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
       i || (P(n), i = !0);
@@ -3314,7 +3308,7 @@ function Pt(e) {
       D(n), i = !1;
     },
     d(a) {
-      a && L(o), ~t && r[t].d(a);
+      a && k(o), ~t && r[t].d(a);
     }
   };
 }
@@ -3325,15 +3319,15 @@ function di(e) {
   ), n, o, i = Yt(e);
   return {
     c() {
-      i.c(), n = ce();
+      i.c(), n = ae();
     },
     m(s, r) {
-      i.m(s, r), O(s, n, r), o = !0;
+      i.m(s, r), B(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*toolName*/
-      4 && W(t, t = /*toolName*/
-      s[2]) ? (re(), D(i, 1, 1, V), le(), i = Yt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      4 && K(t, t = /*toolName*/
+      s[2]) ? (se(), D(i, 1, 1, G), re(), i = Yt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
       o || (P(i), o = !0);
@@ -3342,14 +3336,14 @@ function di(e) {
       D(i), o = !1;
     },
     d(s) {
-      s && L(n), i.d(s);
+      s && k(n), i.d(s);
     }
   };
 }
 function hi(e) {
   let t, n, o = Se(
     /*editableAnnotations*/
-    e[6]
+    e[7]
   ), i = [];
   for (let r = 0; r < o.length; r += 1)
     i[r] = Dt(Lt(e, o, r));
@@ -3360,28 +3354,28 @@ function hi(e) {
     c() {
       for (let r = 0; r < i.length; r += 1)
         i[r].c();
-      t = ce();
+      t = ae();
     },
     m(r, l) {
       for (let a = 0; a < i.length; a += 1)
         i[a] && i[a].m(r, l);
-      O(r, t, l), n = !0;
+      B(r, t, l), n = !0;
     },
     p(r, l) {
       if (l[0] & /*editableAnnotations, drawingEl, getEditor, style, transform, $scale, onChangeSelected*/
-      803922) {
+      1607842) {
         o = Se(
           /*editableAnnotations*/
-          r[6]
+          r[7]
         );
         let a;
         for (a = 0; a < o.length; a += 1) {
           const c = Lt(r, o, a);
           i[a] ? (i[a].p(c, l), P(i[a], 1)) : (i[a] = Dt(c), i[a].c(), P(i[a], 1), i[a].m(t.parentNode, t));
         }
-        for (re(), a = o.length; a < i.length; a += 1)
+        for (se(), a = o.length; a < i.length; a += 1)
           s(a);
-        le();
+        re();
       }
     },
     i(r) {
@@ -3398,7 +3392,7 @@ function hi(e) {
       n = !1;
     },
     d(r) {
-      r && L(t), rt(i, r);
+      r && k(t), rt(i, r);
     }
   };
 }
@@ -3408,29 +3402,29 @@ function Yt(e) {
     props: {
       target: (
         /*drawingEl*/
-        e[4]
+        e[5]
       ),
       tool: (
         /*tool*/
-        e[12]
+        e[13]
       ),
       drawingMode: (
         /*drawingMode*/
-        e[11]
+        e[12]
       ),
       transform: (
         /*transform*/
-        e[10]
+        e[11]
       ),
       viewportScale: (
         /*$scale*/
-        e[14]
+        e[15]
       )
     }
   }), t.$on(
     "create",
     /*onSelectionCreated*/
-    e[17]
+    e[18]
   ), {
     c() {
       $(t.$$.fragment);
@@ -3441,16 +3435,16 @@ function Yt(e) {
     p(o, i) {
       const s = {};
       i[0] & /*drawingEl*/
-      16 && (s.target = /*drawingEl*/
-      o[4]), i[0] & /*tool*/
-      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*/
-      16384 && (s.viewportScale = /*$scale*/
-      o[14]), t.$set(s);
+      32 && (s.target = /*drawingEl*/
+      o[5]), i[0] & /*tool*/
+      8192 && (s.tool = /*tool*/
+      o[13]), i[0] & /*drawingMode*/
+      4096 && (s.drawingMode = /*drawingMode*/
+      o[12]), i[0] & /*transform*/
+      2048 && (s.transform = /*transform*/
+      o[11]), i[0] & /*$scale*/
+      32768 && (s.viewportScale = /*$scale*/
+      o[15]), t.$set(s);
     },
     i(o) {
       n || (P(t.$$.fragment, o), n = !0);
@@ -3469,18 +3463,18 @@ function Ct(e) {
     props: {
       target: (
         /*drawingEl*/
-        e[4]
+        e[5]
       ),
       editor: (
         /*getEditor*/
-        e[19](
+        e[20](
           /*editable*/
-          e[30].target.selector
+          e[31].target.selector
         )
       ),
       annotation: (
         /*editable*/
-        e[30]
+        e[31]
       ),
       style: (
         /*style*/
@@ -3488,23 +3482,23 @@ function Ct(e) {
       ),
       transform: (
         /*transform*/
-        e[10]
+        e[11]
       ),
       viewportScale: (
         /*$scale*/
-        e[14]
+        e[15]
       )
     }
   }), t.$on("change", function() {
-    q(
+    j(
       /*onChangeSelected*/
-      e[18](
+      e[19](
         /*editable*/
-        e[30]
+        e[31]
       )
-    ) && e[18](
+    ) && e[19](
       /*editable*/
-      e[30]
+      e[31]
     ).apply(this, arguments);
   }), {
     c() {
@@ -3517,21 +3511,21 @@ function Ct(e) {
       e = o;
       const s = {};
       i[0] & /*drawingEl*/
-      16 && (s.target = /*drawingEl*/
-      e[4]), i[0] & /*editableAnnotations*/
-      64 && (s.editor = /*getEditor*/
-      e[19](
+      32 && (s.target = /*drawingEl*/
+      e[5]), i[0] & /*editableAnnotations*/
+      128 && (s.editor = /*getEditor*/
+      e[20](
         /*editable*/
-        e[30].target.selector
+        e[31].target.selector
       )), i[0] & /*editableAnnotations*/
-      64 && (s.annotation = /*editable*/
-      e[30]), i[0] & /*style*/
+      128 && (s.annotation = /*editable*/
+      e[31]), i[0] & /*style*/
       2 && (s.style = /*style*/
       e[1]), i[0] & /*transform*/
-      1024 && (s.transform = /*transform*/
-      e[10]), i[0] & /*$scale*/
-      16384 && (s.viewportScale = /*$scale*/
-      e[14]), t.$set(s);
+      2048 && (s.transform = /*transform*/
+      e[11]), i[0] & /*$scale*/
+      32768 && (s.viewportScale = /*$scale*/
+      e[15]), t.$set(s);
     },
     i(o) {
       n || (P(t.$$.fragment, o), n = !0);
@@ -3547,19 +3541,19 @@ function Ct(e) {
 function Dt(e) {
   let t = (
     /*editable*/
-    e[30].id
+    e[31].id
   ), n, o, i = Ct(e);
   return {
     c() {
-      i.c(), n = ce();
+      i.c(), n = ae();
     },
     m(s, r) {
-      i.m(s, r), O(s, n, r), o = !0;
+      i.m(s, r), B(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*editableAnnotations*/
-      64 && W(t, t = /*editable*/
-      s[30].id) ? (re(), D(i, 1, 1, V), le(), i = Ct(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      128 && K(t, t = /*editable*/
+      s[31].id) ? (se(), D(i, 1, 1, G), re(), i = Ct(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
       o || (P(i), o = !0);
@@ -3568,14 +3562,14 @@ function Dt(e) {
       D(i), o = !1;
     },
     d(s) {
-      s && L(n), i.d(s);
+      s && k(n), i.d(s);
     }
   };
 }
 function gi(e) {
   let t, n, o, i, s, r, l = Se(
     /*$store*/
-    e[13]
+    e[14]
   ), a = [];
   for (let f = 0; f < l.length; f += 1)
     a[f] = It(kt(e, l, f));
@@ -3584,151 +3578,155 @@ function gi(e) {
   });
   let u = (
     /*drawingEl*/
-    e[4] && Pt(e)
+    e[5] && Pt(e)
   );
   return {
     c() {
-      t = R("svg"), n = R("g");
+      t = X("svg"), n = X("g");
       for (let f = 0; f < a.length; f += 1)
         a[f].c();
-      o = R("g"), u && u.c(), d(o, "class", "drawing"), d(t, "class", "a9s-annotationlayer"), ze(
+      o = X("g"), u && u.c(), h(o, "class", "drawing"), h(t, "class", "a9s-annotationlayer"), Ee(
         t,
         "drawing",
         /*tool*/
-        e[12]
-      );
+        e[13]
+      ), Ee(t, "hidden", !/*visible*/
+      e[3]);
     },
-    m(f, h) {
-      O(f, t, h), se(t, n);
+    m(f, d) {
+      B(f, t, d), ie(t, n);
       for (let g = 0; g < a.length; g += 1)
         a[g] && a[g].m(n, null);
-      se(t, o), u && u.m(o, null), e[26](o), e[27](t), i = !0, s || (r = [
-        F(t, "pointerup", function() {
-          q(
+      ie(t, o), u && u.m(o, null), e[27](o), e[28](t), i = !0, s || (r = [
+        H(t, "pointerup", function() {
+          j(
             /*onPointerUp*/
-            e[8]
-          ) && e[8].apply(this, arguments);
-        }),
-        F(t, "pointerdown", function() {
-          q(
-            /*onPointerDown*/
             e[9]
           ) && e[9].apply(this, arguments);
+        }),
+        H(t, "pointerdown", function() {
+          j(
+            /*onPointerDown*/
+            e[10]
+          ) && e[10].apply(this, arguments);
         })
       ], s = !0);
     },
-    p(f, h) {
-      if (e = f, h[0] & /*$store, style, isEditable*/
-      8322) {
+    p(f, d) {
+      if (e = f, d[0] & /*$store, style, isEditable*/
+      16642) {
         l = Se(
           /*$store*/
-          e[13]
+          e[14]
         );
         let g;
         for (g = 0; g < l.length; g += 1) {
           const m = kt(e, l, g);
-          a[g] ? (a[g].p(m, h), P(a[g], 1)) : (a[g] = It(m), a[g].c(), P(a[g], 1), a[g].m(n, null));
+          a[g] ? (a[g].p(m, d), P(a[g], 1)) : (a[g] = It(m), a[g].c(), P(a[g], 1), a[g].m(n, null));
         }
-        for (re(), g = l.length; g < a.length; g += 1)
+        for (se(), g = l.length; g < a.length; g += 1)
           c(g);
-        le();
+        re();
       }
       /*drawingEl*/
-      e[4] ? u ? (u.p(e, h), h[0] & /*drawingEl*/
-      16 && P(u, 1)) : (u = Pt(e), u.c(), P(u, 1), u.m(o, null)) : u && (re(), D(u, 1, 1, () => {
+      e[5] ? u ? (u.p(e, d), d[0] & /*drawingEl*/
+      32 && P(u, 1)) : (u = Pt(e), u.c(), P(u, 1), u.m(o, null)) : u && (se(), D(u, 1, 1, () => {
         u = null;
-      }), le()), (!i || h[0] & /*tool*/
-      4096) && ze(
+      }), re()), (!i || d[0] & /*tool*/
+      8192) && Ee(
         t,
         "drawing",
         /*tool*/
-        e[12]
-      );
+        e[13]
+      ), (!i || d[0] & /*visible*/
+      8) && Ee(t, "hidden", !/*visible*/
+      e[3]);
     },
     i(f) {
       if (!i) {
-        for (let h = 0; h < l.length; h += 1)
-          P(a[h]);
+        for (let d = 0; d < l.length; d += 1)
+          P(a[d]);
         P(u), i = !0;
       }
     },
     o(f) {
       a = a.filter(en);
-      for (let h = 0; h < a.length; h += 1)
-        D(a[h]);
+      for (let d = 0; d < a.length; d += 1)
+        D(a[d]);
       D(u), i = !1;
     },
     d(f) {
-      f && L(t), rt(a, f), u && u.d(), e[26](null), e[27](null), s = !1, ae(r);
+      f && k(t), rt(a, f), u && u.d(), e[27](null), e[28](null), s = !1, le(r);
     }
   };
 }
 function mi(e, t, n) {
-  let o, i, s, r, l, a, c, u, f, h, g = V, m = () => (g(), g = Vt(p, (I) => n(14, h = I)), p);
+  let o, i, s, r, l, a, c, u, f, d, g = G, m = () => (g(), g = Vt(b, (L) => n(15, d = L)), b);
   e.$$.on_destroy.push(() => g());
-  let { drawingEnabled: _ } = t, { image: b } = t, { preferredDrawingMode: y } = t, { state: A } = t, { style: w = void 0 } = t, { toolName: E = xt()[0] } = t, { user: B } = t, U, X, p;
-  Pe(() => m(n(5, p = bo(b, X))));
-  const { selection: T, store: S } = A;
-  ht(e, T, (I) => n(25, u = I)), ht(e, S, (I) => n(13, f = I));
-  let M, k;
-  const C = (I) => {
-    M && S.unobserve(M);
-    const z = I.filter(({ editable: H }) => H).map(({ id: H }) => H);
-    z.length > 0 ? (n(6, k = z.map((H) => S.getAnnotation(H)).filter(Boolean)), M = (H) => {
-      const { updated: J } = H.changes;
-      n(6, k = J == null ? void 0 : J.map((fe) => fe.newValue));
-    }, S.observe(M, { annotations: z })) : n(6, k = void 0);
-  }, Z = (I) => {
-    const z = qt(), H = {
-      id: z,
+  let { drawingEnabled: y } = t, { image: E } = t, { preferredDrawingMode: p } = t, { state: S } = t, { style: w = void 0 } = t, { toolName: A = xt()[0] } = t, { user: I } = t, { visible: N = !0 } = t, U, _, b;
+  Ye(() => m(n(6, b = bo(E, _))));
+  const { selection: T, store: M } = S;
+  ht(e, T, (L) => n(26, u = L)), ht(e, M, (L) => n(14, f = L));
+  let O, Y;
+  const Z = (L) => {
+    O && M.unobserve(O);
+    const W = L.filter(({ editable: V }) => V).map(({ id: V }) => V);
+    W.length > 0 ? (n(7, Y = W.map((V) => M.getAnnotation(V)).filter(Boolean)), O = (V) => {
+      const { updated: ce } = V.changes;
+      n(7, Y = ce == null ? void 0 : ce.map((J) => J.newValue));
+    }, M.observe(O, { annotations: W })) : n(7, Y = void 0);
+  }, he = (L) => {
+    const W = qt(), V = {
+      id: W,
       bodies: [],
       target: {
-        annotation: z,
-        selector: I.detail,
-        creator: B,
+        annotation: W,
+        selector: L.detail,
+        creator: I,
         created: /* @__PURE__ */ new Date()
       }
     };
-    S.addAnnotation(H), T.setSelected(H.id);
-  }, ge = (I) => (z) => {
-    var ne;
-    const { target: H } = I, J = 10 * 60 * 1e3, fe = ((ne = H.creator) == null ? void 0 : ne.id) !== B.id || !H.created || (/* @__PURE__ */ new Date()).getTime() - H.created.getTime() > J;
-    S.updateTarget({
-      ...H,
-      selector: z.detail,
-      created: fe ? H.created : /* @__PURE__ */ new Date(),
-      updated: fe ? /* @__PURE__ */ new Date() : void 0,
-      updatedBy: fe ? B : void 0
+    M.addAnnotation(V), T.setSelected(V.id);
+  }, ge = (L) => (W) => {
+    var R;
+    const { target: V } = L, ce = 10 * 60 * 1e3, J = ((R = V.creator) == null ? void 0 : R.id) !== I.id || !V.created || (/* @__PURE__ */ new Date()).getTime() - V.created.getTime() > ce;
+    M.updateTarget({
+      ...V,
+      selector: W.detail,
+      created: J ? V.created : /* @__PURE__ */ new Date(),
+      updated: J ? /* @__PURE__ */ new Date() : void 0,
+      updatedBy: J ? I : void 0
     });
-  }, me = (I) => Bo(I);
-  function Me(I) {
-    He[I ? "unshift" : "push"](() => {
-      U = I, n(4, U);
+  }, Me = (L) => Bo(L);
+  function oe(L) {
+    He[L ? "unshift" : "push"](() => {
+      U = L, n(5, U);
     });
   }
-  function ie(I) {
-    He[I ? "unshift" : "push"](() => {
-      X = I, n(3, X);
+  function ve(L) {
+    He[L ? "unshift" : "push"](() => {
+      _ = L, n(4, _);
     });
   }
-  return e.$$set = (I) => {
-    "drawingEnabled" in I && n(0, _ = I.drawingEnabled), "image" in I && n(20, b = I.image), "preferredDrawingMode" in I && n(21, y = I.preferredDrawingMode), "state" in I && n(22, A = I.state), "style" in I && n(1, w = I.style), "toolName" in I && n(2, E = I.toolName), "user" in I && n(23, B = I.user);
+  return e.$$set = (L) => {
+    "drawingEnabled" in L && n(0, y = L.drawingEnabled), "image" in L && n(21, E = L.image), "preferredDrawingMode" in L && n(22, p = L.preferredDrawingMode), "state" in L && n(23, S = L.state), "style" in L && n(1, w = L.style), "toolName" in L && n(2, A = L.toolName), "user" in L && n(24, I = L.user), "visible" in L && n(3, N = L.visible);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
-    4 && n(12, { tool: o, opts: i } = $t(E) || { tool: void 0, opts: void 0 }, o, (n(24, i), n(2, E))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
-    18874368 && n(11, s = (i == null ? void 0 : i.drawingMode) || y), e.$$.dirty[0] & /*svgEl*/
-    8 && n(10, r = si(X)), e.$$.dirty[0] & /*svgEl*/
-    8 && n(9, { onPointerDown: l, onPointerUp: a } = li(X, S), l, (n(8, a), n(3, X))), e.$$.dirty[0] & /*$selection*/
-    33554432 && n(7, c = (I) => u.selected.find((z) => z.id === I.id && z.editable)), e.$$.dirty[0] & /*$selection*/
-    33554432 && C(u.selected);
+    4 && n(13, { tool: o, opts: i } = $t(A) || { tool: void 0, opts: void 0 }, o, (n(25, i), n(2, A))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
+    37748736 && n(12, s = (i == null ? void 0 : i.drawingMode) || p), e.$$.dirty[0] & /*svgEl*/
+    16 && n(11, r = si(_)), e.$$.dirty[0] & /*svgEl*/
+    16 && n(10, { onPointerDown: l, onPointerUp: a } = li(_, M), l, (n(9, a), n(4, _))), e.$$.dirty[0] & /*$selection*/
+    67108864 && n(8, c = (L) => u.selected.find((W) => W.id === L.id && W.editable)), e.$$.dirty[0] & /*$selection*/
+    67108864 && Z(u.selected);
   }, [
-    _,
+    y,
     w,
-    E,
-    X,
+    A,
+    N,
+    _,
     U,
-    p,
-    k,
+    b,
+    Y,
     c,
     a,
     l,
@@ -3736,20 +3734,20 @@ function mi(e, t, n) {
     s,
     o,
     f,
-    h,
+    d,
     T,
-    S,
-    Z,
+    M,
+    he,
     ge,
-    me,
-    b,
-    y,
-    A,
-    B,
+    Me,
+    E,
+    p,
+    S,
+    I,
     i,
     u,
-    Me,
-    ie
+    oe,
+    ve
   ];
 }
 class pi extends te {
@@ -3759,15 +3757,16 @@ class pi extends te {
       t,
       mi,
       gi,
-      W,
+      K,
       {
         drawingEnabled: 0,
-        image: 20,
-        preferredDrawingMode: 21,
-        state: 22,
+        image: 21,
+        preferredDrawingMode: 22,
+        state: 23,
         style: 1,
         toolName: 2,
-        user: 23
+        user: 24,
+        visible: 3
       },
       null,
       [-1, -1]
@@ -3783,17 +3782,17 @@ function tn(e, t, n, o, i) {
       var s = o - n + 1, r = t - n + 1, l = Math.log(s), a = 0.5 * Math.exp(2 * l / 3), c = 0.5 * Math.sqrt(l * a * (s - a) / s) * (r - s / 2 < 0 ? -1 : 1), u = Math.max(n, Math.floor(t - r * a / s + c)), f = Math.min(o, Math.floor(t + (s - r) * a / s + c));
       tn(e, t, u, f, i);
     }
-    var h = e[t], g = n, m = o;
-    for (ve(e, n, t), i(e[o], h) > 0 && ve(e, n, o); g < m; ) {
-      for (ve(e, g, m), g++, m--; i(e[g], h) < 0; )
+    var d = e[t], g = n, m = o;
+    for (Le(e, n, t), i(e[o], d) > 0 && Le(e, n, o); g < m; ) {
+      for (Le(e, g, m), g++, m--; i(e[g], d) < 0; )
         g++;
-      for (; i(e[m], h) > 0; )
+      for (; i(e[m], d) > 0; )
         m--;
     }
-    i(e[n], h) === 0 ? ve(e, n, m) : (m++, ve(e, m, o)), m <= t && (n = m + 1), t <= m && (o = m - 1);
+    i(e[n], d) === 0 ? Le(e, n, m) : (m++, Le(e, m, o)), m <= t && (n = m + 1), t <= m && (o = m - 1);
   }
 }
-function ve(e, t, n) {
+function Le(e, t, n) {
   var o = e[t];
   e[t] = e[n], e[n] = o;
 }
@@ -3810,13 +3809,13 @@ class wi {
   search(t) {
     let n = this.data;
     const o = [];
-    if (!Ne(t, n))
+    if (!Ve(t, n))
       return o;
     const i = this.toBBox, s = [];
     for (; n; ) {
       for (let r = 0; r < n.children.length; r++) {
         const l = n.children[r], a = n.leaf ? i(l) : l;
-        Ne(t, a) && (n.leaf ? o.push(l) : tt(t, a) ? this._all(l, o) : s.push(l));
+        Ve(t, a) && (n.leaf ? o.push(l) : tt(t, a) ? this._all(l, o) : s.push(l));
       }
       n = s.pop();
     }
@@ -3824,13 +3823,13 @@ class wi {
   }
   collides(t) {
     let n = this.data;
-    if (!Ne(t, n))
+    if (!Ve(t, n))
       return !1;
     const o = [];
     for (; n; ) {
       for (let i = 0; i < n.children.length; i++) {
         const s = n.children[i], r = n.leaf ? this.toBBox(s) : s;
-        if (Ne(t, r)) {
+        if (Ve(t, r)) {
           if (n.leaf || tt(t, r))
             return !0;
           o.push(s);
@@ -3866,7 +3865,7 @@ class wi {
     return t && this._insert(t, this.data.height - 1), this;
   }
   clear() {
-    return this.data = Ee([]), this;
+    return this.data = be([]), this;
   }
   remove(t, n) {
     if (!t)
@@ -3909,19 +3908,19 @@ class wi {
     const s = o - n + 1;
     let r = this._maxEntries, l;
     if (s <= r)
-      return l = Ee(t.slice(n, o + 1)), we(l, this.toBBox), l;
-    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = Ee([]), l.leaf = !1, l.height = i;
+      return l = be(t.slice(n, o + 1)), _e(l, this.toBBox), l;
+    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = be([]), l.leaf = !1, l.height = i;
     const a = Math.ceil(s / r), c = a * Math.ceil(Math.sqrt(r));
     Xt(t, n, o, c, this.compareMinX);
     for (let u = n; u <= o; u += c) {
       const f = Math.min(u + c - 1, o);
       Xt(t, u, f, a, this.compareMinY);
-      for (let h = u; h <= f; h += a) {
-        const g = Math.min(h + a - 1, f);
-        l.children.push(this._build(t, h, g, i - 1));
+      for (let d = u; d <= f; d += a) {
+        const g = Math.min(d + a - 1, f);
+        l.children.push(this._build(t, d, g, i - 1));
       }
     }
-    return we(l, this.toBBox), l;
+    return _e(l, this.toBBox), l;
   }
   _chooseSubtree(t, n, o, i) {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
@@ -3936,7 +3935,7 @@ class wi {
   }
   _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), Oe(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
+    for (r.children.push(t), Be(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
       this._split(s, n), n--;
     this._adjustParentBBoxes(i, s, n);
   }
@@ -3944,16 +3943,16 @@ class wi {
   _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), l = Ee(o.children.splice(r, o.children.length - r));
-    l.height = o.height, l.leaf = o.leaf, we(o, this.toBBox), we(l, this.toBBox), n ? t[n - 1].children.push(l) : this._splitRoot(o, l);
+    const r = this._chooseSplitIndex(o, s, i), l = be(o.children.splice(r, o.children.length - r));
+    l.height = o.height, l.leaf = o.leaf, _e(o, this.toBBox), _e(l, this.toBBox), n ? t[n - 1].children.push(l) : this._splitRoot(o, l);
   }
   _splitRoot(t, n) {
-    this.data = Ee([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, we(this.data, this.toBBox);
+    this.data = be([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, _e(this.data, this.toBBox);
   }
   _chooseSplitIndex(t, n, o) {
     let i, s = 1 / 0, r = 1 / 0;
     for (let l = n; l <= o - n; l++) {
-      const a = ke(t, 0, l, this.toBBox), c = ke(t, l, o, this.toBBox), u = Ti(a, c), f = et(a) + et(c);
+      const a = Oe(t, 0, l, this.toBBox), c = Oe(t, l, o, this.toBBox), u = Ti(a, c), f = et(a) + et(c);
       u < s ? (s = u, i = l, r = f < r ? f : r) : u === s && f < r && (r = f, i = l);
     }
     return i || o - n;
@@ -3966,25 +3965,25 @@ class wi {
   // 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 = ke(t, 0, n, s), l = ke(t, o - n, o, s);
-    let a = Ue(r) + Ue(l);
+    const s = this.toBBox, r = Oe(t, 0, n, s), l = Oe(t, o - n, o, s);
+    let a = Ne(r) + Ne(l);
     for (let c = n; c < o - n; c++) {
       const u = t.children[c];
-      Oe(r, t.leaf ? s(u) : u), a += Ue(r);
+      Be(r, t.leaf ? s(u) : u), a += Ne(r);
     }
     for (let c = o - n - 1; c >= n; c--) {
       const u = t.children[c];
-      Oe(l, t.leaf ? s(u) : u), a += Ue(l);
+      Be(l, t.leaf ? s(u) : u), a += Ne(l);
     }
     return a;
   }
   _adjustParentBBoxes(t, n, o) {
     for (let i = o; i >= 0; i--)
-      Oe(n[i], t);
+      Be(n[i], t);
   }
   _condense(t) {
     for (let n = t.length - 1, o; n >= 0; n--)
-      t[n].children.length === 0 ? n > 0 ? (o = t[n - 1].children, o.splice(o.indexOf(t[n]), 1)) : this.clear() : we(t[n], this.toBBox);
+      t[n].children.length === 0 ? n > 0 ? (o = t[n - 1].children, o.splice(o.indexOf(t[n]), 1)) : this.clear() : _e(t[n], this.toBBox);
   }
 }
 function bi(e, t, n) {
@@ -3995,18 +3994,18 @@ function bi(e, t, n) {
       return o;
   return -1;
 }
-function we(e, t) {
-  ke(e, 0, e.children.length, t, e);
+function _e(e, t) {
+  Oe(e, 0, e.children.length, t, e);
 }
-function ke(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;
+function Oe(e, t, n, o, i) {
+  i || (i = be(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];
-    Oe(i, e.leaf ? o(r) : r);
+    Be(i, e.leaf ? o(r) : r);
   }
   return i;
 }
-function Oe(e, t) {
+function Be(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 Ei(e, t) {
@@ -4018,7 +4017,7 @@ function Ai(e, t) {
 function et(e) {
   return (e.maxX - e.minX) * (e.maxY - e.minY);
 }
-function Ue(e) {
+function Ne(e) {
   return e.maxX - e.minX + (e.maxY - e.minY);
 }
 function Si(e, t) {
@@ -4031,10 +4030,10 @@ function Ti(e, t) {
 function tt(e, t) {
   return e.minX <= t.minX && e.minY <= t.minY && t.maxX <= e.maxX && t.maxY <= e.maxY;
 }
-function Ne(e, t) {
+function Ve(e, t) {
   return t.minX <= e.maxX && t.minY <= e.maxY && t.maxX >= e.minX && t.maxY >= e.minY;
 }
-function Ee(e) {
+function be(e) {
   return {
     children: e,
     height: 1,
@@ -4058,44 +4057,44 @@ const Mi = () => {
   const e = new wi(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
     e.clear(), t.clear();
   }, i = (f) => {
-    const { minX: h, minY: g, maxX: m, maxY: _ } = f.selector.geometry.bounds, b = { minX: h, minY: g, maxX: m, maxY: _, target: f };
-    e.insert(b), t.set(f.annotation, b);
+    const { minX: d, minY: g, maxX: m, maxY: y } = f.selector.geometry.bounds, E = { minX: d, minY: g, maxX: m, maxY: y, target: f };
+    e.insert(E), t.set(f.annotation, E);
   }, s = (f) => {
-    const h = t.get(f.annotation);
-    h && e.remove(h), t.delete(f.annotation);
+    const d = t.get(f.annotation);
+    d && e.remove(d), t.delete(f.annotation);
   };
   return {
     all: n,
     clear: o,
-    getAt: (f, h) => {
+    getAt: (f, d) => {
       const m = e.search({
         minX: f,
-        minY: h,
+        minY: d,
         maxX: f,
-        maxY: h
-      }).map((_) => _.target).filter((_) => _.selector.type === j.RECTANGLE || wn(_.selector, f, h));
+        maxY: d
+      }).map((y) => y.target).filter((y) => y.selector.type === F.RECTANGLE || wn(y.selector, f, d));
       if (m.length > 0)
-        return m.sort((_, b) => st(_.selector) - st(b.selector)), m[0];
+        return m.sort((y, E) => st(y.selector) - st(E.selector)), m[0];
     },
-    getIntersecting: (f, h, g, m) => e.search({
+    getIntersecting: (f, d, g, m) => e.search({
       minX: f,
-      minY: h,
+      minY: d,
       maxX: f + g,
-      maxY: h + m
-    }).map((_) => _.target),
+      maxY: d + m
+    }).map((y) => y.target),
     insert: i,
     remove: s,
-    set: (f, h = !0) => {
-      h && o();
+    set: (f, d = !0) => {
+      d && o();
       const g = f.map((m) => {
-        const { minX: _, minY: b, maxX: y, maxY: A } = m.selector.geometry.bounds;
-        return { minX: _, minY: b, maxX: y, maxY: A, target: m };
+        const { minX: y, minY: E, maxX: p, maxY: S } = m.selector.geometry.bounds;
+        return { minX: y, minY: E, maxX: p, maxY: S, target: m };
       });
       g.forEach((m) => t.set(m.target.annotation, m)), e.load(g);
     },
     size: () => e.all().length,
-    update: (f, h) => {
-      s(f), i(h);
+    update: (f, d) => {
+      s(f), i(d);
     }
   };
 }, vi = (e) => {
@@ -4109,7 +4108,7 @@ const Mi = () => {
         const u = n.getAt(a, c);
         return u ? t.getAnnotation(u.annotation) : void 0;
       },
-      getIntersecting: (a, c, u, f) => n.getIntersecting(a, c, u, f).map((h) => t.getAnnotation(h.annotation))
+      getIntersecting: (a, c, u, f) => n.getIntersecting(a, c, u, f).map((d) => t.getAnnotation(d.annotation))
     },
     selection: o,
     hover: i,
@@ -4176,7 +4175,7 @@ const Mi = () => {
   const u = Ii(l);
   let f = lo();
   Rt(n, c, o.theme);
-  const h = new pi({
+  const d = new pi({
     target: c,
     props: {
       drawingEnabled: !!o.drawingEnabled,
@@ -4187,50 +4186,54 @@ const Mi = () => {
       user: f
     }
   });
-  h.$on("click", (p) => {
-    const { originalEvent: T, annotation: S } = p.detail;
-    S ? s.clickSelect(S.id, T) : s.isEmpty() || s.clear();
+  d.$on("click", (b) => {
+    const { originalEvent: T, annotation: M } = b.detail;
+    M ? s.clickSelect(M.id, T) : s.isEmpty() || s.clear();
   });
   const g = to(i, l, o.adapter), m = () => {
-    h.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), u.destroy(), l.destroy();
-  }, _ = () => f, b = (p, T, S) => Ko(p, T, S), y = (p, T) => Io(p, T), A = (p) => {
-    if (!$t(p))
-      throw `No drawing tool named ${p}`;
-    h.$set({ toolName: p });
-  }, w = (p) => h.$set({ drawingEnabled: p }), E = (p) => {
+    d.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), u.destroy(), l.destroy();
+  }, y = () => f, E = (b, T, M) => Ko(b, T, M), p = (b, T) => Io(b, T), S = (b) => {
+    if (!$t(b))
+      throw `No drawing tool named ${b}`;
+    d.$set({ toolName: b });
+  }, w = (b) => d.$set({ drawingEnabled: b }), A = (b) => {
     console.warn("Filter not implemented yet");
-  }, B = (p) => h.$set({ style: p }), U = (p) => Rt(n, c, p), X = (p) => {
-    f = p, h.$set({ user: p });
-  };
+  }, I = (b) => d.$set({ style: b }), N = (b) => Rt(n, c, b), U = (b) => {
+    f = b, d.$set({ user: b });
+  }, _ = (b) => (
+    // @ts-ignore
+    d.$set({ visible: b })
+  );
   return {
     ...g,
     destroy: m,
-    getUser: _,
+    getUser: y,
     listDrawingTools: xt,
     on: a.on,
     off: a.off,
-    registerDrawingTool: b,
-    registerShapeEditor: y,
+    registerDrawingTool: E,
+    registerShapeEditor: p,
     setDrawingEnabled: w,
-    setDrawingTool: A,
-    setFilter: E,
-    setStyle: B,
-    setTheme: U,
-    setUser: X,
+    setDrawingTool: S,
+    setFilter: A,
+    setStyle: I,
+    setTheme: N,
+    setUser: U,
+    setVisible: _,
     state: i
   };
 };
 export {
   Qt as Editor,
   Xo as EditorMount,
-  Le as Handle,
+  ke as Handle,
   Ci as IdentityTransform,
   yo as PolygonEditor,
   Oo as RectangleEditor,
   An as RectangleUtil,
   Go as RubberbandRectangle,
   pi as SVGAnnotationLayer,
-  j as ShapeType,
+  F as ShapeType,
   Uo as ToolMount,
   Yi as W3CImageFormat,
   li as addEventListeners,