npm - @annotorious/annotorious - Versions diffs - 3.0.0-rc.23 → 3.0.0-rc.25 - Mend

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

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

Files changed (20) hide show

package/dist/Annotorious.d.ts +5 -5
package/dist/AnnotoriousOpts.d.ts +2 -2
package/dist/AnnotoriousOpts.d.ts.map +1 -1
package/dist/annotation/SVGAnnotationLayerPointerEvent.d.ts +1 -1
package/dist/annotation/editors/editorsRegistry.d.ts +1 -1
package/dist/annotation/tools/drawingToolsRegistry.d.ts +1 -1
package/dist/annotation/utils/styling.d.ts +1 -1
package/dist/annotorious.es.js +773 -761
package/dist/annotorious.es.js.map +1 -1
package/dist/annotorious.js +1 -1
package/dist/annotorious.js.map +1 -1
package/dist/model/core/ImageAnnotation.d.ts +1 -1
package/dist/model/core/rectangle/rectangleUtils.d.ts +1 -1
package/dist/model/w3c/W3CImageAnnotation.d.ts +2 -2
package/dist/model/w3c/W3CImageFormatAdapter.d.ts +2 -2
package/dist/state/ImageAnnotationStore.d.ts +1 -1
package/dist/state/ImageAnnotatorState.d.ts +3 -3
package/package.json +6 -6
package/src/Annotorious.ts +1 -1
package/src/AnnotoriousOpts.ts +2 -2

package/dist/annotorious.es.js CHANGED Viewed

@@ -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 G() {
+function F() {
 }
 function nt(e, t) {
   for (const n in t)
@@ -11,19 +11,19 @@ function nt(e, t) {
     e
   );
 }
-function Nt(e) {
+function Ut(e) {
   return e();
 }
 function dt() {
   return /* @__PURE__ */ Object.create(null);
 }
-function le(e) {
-  e.forEach(Nt);
+function ce(e) {
+  e.forEach(Ut);
 }
-function j(e) {
+function K(e) {
   return typeof e == "function";
 }
-function K(e, t) {
+function J(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
 function sn(e) {
@@ -33,7 +33,7 @@ function Vt(e, ...t) {
   if (e == null) {
     for (const o of t)
       o(void 0);
-    return G;
+    return F;
   }
   const n = e.subscribe(...t);
   return n.unsubscribe ? () => n.unsubscribe() : n;
@@ -93,10 +93,10 @@ const fn = typeof window < "u" ? window : typeof globalThis < "u" ? globalThis :
   // @ts-ignore Node typings have this
   global
 );
-function ie(e, t) {
+function re(e, t) {
   e.appendChild(t);
 }
-function B(e, t, n) {
+function O(e, t, n) {
   e.insertBefore(t, n || null);
 }
 function k(e) {
@@ -106,19 +106,19 @@ function rt(e, t) {
   for (let n = 0; n < e.length; n += 1)
     e[n] && e[n].d(t);
 }
-function X(e) {
+function C(e) {
   return document.createElementNS("http://www.w3.org/2000/svg", e);
 }
 function zt(e) {
   return document.createTextNode(e);
 }
-function ne() {
+function ie() {
   return zt(" ");
 }
-function ae() {
+function fe() {
   return zt("");
 }
-function H(e, t, n, o) {
+function j(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
 }
 function h(e, t, n) {
@@ -163,7 +163,7 @@ function Te() {
     return !0;
   };
 }
-function fe(e, t) {
+function de(e, t) {
   const n = e.$$.callbacks[t.type];
   n && n.slice().forEach((o) => o.call(this, t));
 }
@@ -206,7 +206,7 @@ function Ft() {
 }
 function mn(e) {
   if (e.fragment !== null) {
-    e.update(), le(e.before_update);
+    e.update(), ce(e.before_update);
     const t = e.dirty;
     e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(it);
   }
@@ -216,26 +216,26 @@ function pn(e) {
   Ae.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), Ae = t;
 }
 const Ge = /* @__PURE__ */ new Set();
-let ue;
-function se() {
-  ue = {
+let he;
+function le() {
+  he = {
     r: 0,
     c: [],
-    p: ue
+    p: he
     // parent group
   };
 }
-function re() {
-  ue.r || le(ue.c), ue = ue.p;
+function ae() {
+  he.r || ce(he.c), he = he.p;
 }
-function P(e, t) {
+function I(e, t) {
   e && e.i && (Ge.delete(e), e.i(t));
 }
-function D(e, t, n, o) {
+function X(e, t, n, o) {
   if (e && e.o) {
     if (Ge.has(e))
       return;
-    Ge.add(e), ue.c.push(() => {
+    Ge.add(e), he.c.push(() => {
       Ge.delete(e), o && (n && e.d(1), o());
     }), e.o(t);
   } else
@@ -244,24 +244,24 @@ function D(e, t, n, o) {
 function Se(e) {
   return (e == null ? void 0 : e.length) !== void 0 ? e : Array.from(e);
 }
-function $(e) {
+function te(e) {
   e && e.c();
 }
-function Q(e, t, n) {
+function $(e, t, n) {
   const { fragment: o, after_update: i } = e.$$;
   o && o.m(t, n), it(() => {
-    const s = e.$$.on_mount.map(Nt).filter(j);
-    e.$$.on_destroy ? e.$$.on_destroy.push(...s) : le(s), e.$$.on_mount = [];
+    const s = e.$$.on_mount.map(Ut).filter(K);
+    e.$$.on_destroy ? e.$$.on_destroy.push(...s) : ce(s), e.$$.on_mount = [];
   }), i.forEach(it);
 }
-function x(e, t) {
+function ee(e, t) {
   const n = e.$$;
-  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 = []);
+  n.fragment !== null && (pn(n.after_update), ce(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 && (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]) {
+function ne(e, t, n, o, i, s, r = null, l = [-1]) {
   const a = Pe;
   Ie(e);
   const c = e.$$ = {
@@ -269,7 +269,7 @@ function ee(e, t, n, o, i, s, r = null, l = [-1]) {
     ctx: [],
     // state
     props: s,
-    update: G,
+    update: F,
     not_equal: i,
     bound: dt(),
     // lifecycle
@@ -290,17 +290,17 @@ function ee(e, t, n, o, i, s, r = null, l = [-1]) {
   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) {
+  }) : [], c.update(), u = !0, ce(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(k);
     } else
       c.fragment && c.fragment.c();
-    t.intro && P(e.$$.fragment), Q(e, t.target, t.anchor), Ft();
+    t.intro && I(e.$$.fragment), $(e, t.target, t.anchor), Ft();
   }
   Ie(a);
 }
-class te {
+class oe {
   constructor() {
     /**
      * ### PRIVATE API
@@ -321,7 +321,7 @@ class te {
   }
   /** @returns {void} */
   $destroy() {
-    x(this, 1), this.$destroy = G;
+    ee(this, 1), this.$destroy = F;
   }
   /**
    * @template {Extract<keyof Events, string>} K
@@ -330,8 +330,8 @@ class te {
    * @returns {() => void}
    */
   $on(t, n) {
-    if (!j(n))
-      return G;
+    if (!K(n))
+      return F;
     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 F = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(F || {});
+var q = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(q || {});
 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]) => {
@@ -361,7 +361,7 @@ const lt = {}, at = (e, t) => lt[e] = t, st = (e) => lt[e.type].area(e), wn = (e
     return d * d / (s * s) + g * g / (r * r) <= 1;
   }
 };
-at(F.ELLIPSE, bn);
+at(q.ELLIPSE, bn);
 const En = {
   area: (e) => {
     const { points: t } = e.geometry;
@@ -380,12 +380,12 @@ const En = {
     return i;
   }
 };
-at(F.POLYGON, En);
+at(q.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(F.RECTANGLE, An);
+at(q.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")
@@ -394,7 +394,7 @@ const Sn = (e, t = !1) => {
     throw new Error(`Unsupported MediaFragment unit: ${l}`);
   const [d, g, m, y] = [a, c, u, f].map(parseFloat);
   return {
-    type: F.RECTANGLE,
+    type: q.RECTANGLE,
     geometry: {
       x: d,
       y: g,
@@ -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: F.POLYGON,
+    type: q.POLYGON,
     geometry: {
       points: i,
       bounds: Fe(i)
@@ -445,7 +445,7 @@ const Sn = (e, t = !1) => {
     maxY: o + s
   };
   return {
-    type: F.ELLIPSE,
+    type: q.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 === F.POLYGON) {
+  if (e.type === q.POLYGON) {
     const n = e.geometry, { points: o } = n;
     t = `<svg><polygon points="${o.map((i) => i.join(",")).join(" ")}" /></svg>`;
-  } else if (e.type === F.ELLIPSE) {
+  } else if (e.type === q.ELLIPSE) {
     const n = e.geometry;
     t = `<svg><ellipse cx="${n.cx}" cy="${n.cy}" rx="${n.rx}" ry="${n.ry}" /></svg>`;
   }
@@ -474,21 +474,21 @@ const Sn = (e, t = !1) => {
     return { type: "SvgSelector", value: t };
   throw `Unsupported shape type: ${e.type}`;
 };
-let Ue;
+let Ne;
 const In = new Uint8Array(16);
 function Pn() {
-  if (!Ue && (Ue = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Ue))
+  if (!Ne && (Ne = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Ne))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Ue(In);
+  return Ne(In);
 }
-const q = [];
+const W = [];
 for (let e = 0; e < 256; ++e)
-  q.push((e + 256).toString(16).slice(1));
+  W.push((e + 256).toString(16).slice(1));
 function Yn(e, t = 0) {
-  return q[e[t + 0]] + q[e[t + 1]] + q[e[t + 2]] + q[e[t + 3]] + "-" + q[e[t + 4]] + q[e[t + 5]] + "-" + q[e[t + 6]] + q[e[t + 7]] + "-" + q[e[t + 8]] + q[e[t + 9]] + "-" + q[e[t + 10]] + q[e[t + 11]] + q[e[t + 12]] + q[e[t + 13]] + q[e[t + 14]] + q[e[t + 15]];
+  return W[e[t + 0]] + W[e[t + 1]] + W[e[t + 2]] + W[e[t + 3]] + "-" + W[e[t + 4]] + W[e[t + 5]] + "-" + W[e[t + 6]] + W[e[t + 7]] + "-" + W[e[t + 8]] + W[e[t + 9]] + "-" + W[e[t + 10]] + W[e[t + 11]] + W[e[t + 12]] + W[e[t + 13]] + W[e[t + 14]] + W[e[t + 15]];
 }
-const Cn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), yt = {
-  randomUUID: Cn
+const Dn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), yt = {
+  randomUUID: Dn
 };
 function qt(e, t, n) {
   if (yt.randomUUID && !t && !e)
@@ -498,7 +498,7 @@ function qt(e, t, n) {
   return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Yn(o);
 }
 var _t = Object.prototype.hasOwnProperty;
-function de(e, t) {
+function ge(e, t) {
   var n, o;
   if (e === t)
     return !0;
@@ -509,14 +509,14 @@ function de(e, t) {
       return e.toString() === t.toString();
     if (n === Array) {
       if ((o = e.length) === t.length)
-        for (; o-- && de(e[o], t[o]); )
+        for (; o-- && ge(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) || !de(e[n], t[n]))
+        if (_t.call(e, n) && ++o && !_t.call(t, n) || !(n in t) || !ge(e[n], t[n]))
           return !1;
       return Object.keys(t).length === o;
     }
@@ -525,7 +525,7 @@ function de(e, t) {
 }
 function Je() {
 }
-function Dn(e, t) {
+function Xn(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
 const pe = [];
@@ -533,7 +533,7 @@ function ct(e, t = Je) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
-    if (Dn(e, l) && (e = l, n)) {
+    if (Xn(e, l) && (e = l, n)) {
       const a = !pe.length;
       for (const c of o)
         c[1](), pe.push(c, e);
@@ -555,7 +555,7 @@ function ct(e, t = Je) {
   }
   return { set: i, update: s, subscribe: r };
 }
-const Xn = (e) => {
+const Cn = (e) => {
   const { subscribe: t, set: n } = ct();
   let o;
   return t((i) => o = i), e.observe(({ changes: i }) => {
@@ -573,11 +573,11 @@ const Xn = (e) => {
   };
 };
 var Kt = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(Kt || {});
-const Ze = { selected: [] }, Rn = (e, t = "EDIT") => {
-  const { subscribe: n, set: o } = ct(Ze);
-  let i = Ze;
+const Qe = { selected: [] }, Rn = (e, t = "EDIT") => {
+  const { subscribe: n, set: o } = ct(Qe);
+  let i = Qe;
   n((f) => i = f);
-  const s = () => o(Ze), r = () => {
+  const s = () => o(Qe), r = () => {
     var f;
     return ((f = i.selected) == null ? void 0 : f.length) === 0;
   }, l = (f) => {
@@ -588,7 +588,7 @@ const Ze = { selected: [] }, Rn = (e, t = "EDIT") => {
   }, a = (f, d) => {
     const g = e.getAnnotation(f);
     if (g) {
-      const m = Un(g, t);
+      const m = Nn(g, t);
       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);
@@ -615,9 +615,9 @@ const Ze = { selected: [] }, Rn = (e, t = "EDIT") => {
     setSelected: c,
     subscribe: n
   };
-}, Un = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", Nn = [];
+}, Nn = (e, t) => typeof t == "function" ? t(e) || "EDIT" : t || "EDIT", Un = [];
 for (let e = 0; e < 256; ++e)
-  Nn.push((e + 256).toString(16).slice(1));
+  Un.push((e + 256).toString(16).slice(1));
 typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 const Vn = (e, t) => {
   const n = new Set(e.bodies.map((o) => o.id));
@@ -627,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 && !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) => {
+  return { newBody: n, oldBody: o && !ge(o, n) ? o : void 0 };
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), Hn = (e, t) => !ge(e.target, t.target), Wt = (e, t) => {
   const n = Vn(e, t), o = Gn(e, t), i = zn(e, t);
   return {
     oldValue: e,
@@ -639,7 +639,7 @@ const Vn = (e, t) => {
     targetUpdated: Hn(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
-var z = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(z || {});
+var H = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(H || {});
 const Fn = (e, t) => {
   var n, o;
   const { changes: i, origin: s } = t;
@@ -682,188 +682,195 @@ 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 = (_, b = {}) => n.push({ onChange: _, options: b }), i = (_) => {
-    const b = n.findIndex((T) => T.onChange == _);
-    b > -1 && n.splice(b, 1);
-  }, s = (_, b) => {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (w, S = {}) => n.push({ onChange: w, options: S }), i = (w) => {
+    const S = n.findIndex((T) => T.onChange == w);
+    S > -1 && n.splice(S, 1);
+  }, s = (w, S) => {
     const T = {
-      origin: _,
+      origin: w,
       changes: {
-        created: b.created || [],
-        updated: b.updated || [],
-        deleted: b.deleted || []
+        created: S.created || [],
+        updated: S.updated || [],
+        deleted: S.deleted || []
       },
       state: [...e.values()]
     };
     n.forEach((M) => {
       Fn(M, T) && M.onChange(T);
     });
-  }, 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;
+  }, r = (w, S = H.LOCAL) => {
+    if (e.get(w.id))
+      throw Error(`Cannot add annotation ${w.id} - exists already`);
+    e.set(w.id, w), w.bodies.forEach((T) => t.set(T.id, w.id)), s(S, { created: [w] });
+  }, l = (w, S) => {
+    const T = typeof w == "string" ? S : w, M = typeof w == "string" ? w : w.id, P = e.get(M);
+    if (P) {
+      const G = Wt(P, T);
+      return M === T.id ? e.set(M, T) : (e.delete(M), e.set(T.id, T)), P.bodies.forEach((x) => t.delete(x.id)), T.bodies.forEach((x) => t.set(x.id, T.id)), G;
     } else
       console.warn(`Cannot update annotation ${M} - does not exist`);
-  }, 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;
+  }, a = (w, S = H.LOCAL, T = H.LOCAL) => {
+    const M = qn(S) ? T : S, P = l(w, S);
+    P && s(M, { updated: [P] });
+  }, c = (w, S = H.LOCAL) => {
+    const T = w.reduce((M, P) => {
+      const G = l(P);
+      return G ? [...M, G] : M;
     }, []);
-    T.length > 0 && s(b, { updated: T });
-  }, u = (_, b = z.LOCAL) => {
-    const T = e.get(_.annotation);
+    T.length > 0 && s(S, { updated: T });
+  }, u = (w, S = H.LOCAL) => {
+    const T = e.get(w.annotation);
     if (T) {
       const M = {
         ...T,
-        bodies: [...T.bodies, _]
+        bodies: [...T.bodies, w]
       };
-      e.set(T.id, M), t.set(_.id, M.id), s(b, { updated: [{
+      e.set(T.id, M), t.set(w.id, M.id), s(S, { updated: [{
         oldValue: T,
         newValue: M,
-        bodiesCreated: [_]
+        bodiesCreated: [w]
       }] });
     } else
-      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) {
+      console.warn(`Attempt to add body to missing annotation: ${w.annotation}`);
+  }, f = () => [...e.values()], d = (w = H.LOCAL) => {
+    const S = [...e.values()];
+    e.clear(), t.clear(), s(w, { deleted: S });
+  }, g = (w, S = !0, T = H.LOCAL) => {
+    if (S) {
       const M = [...e.values()];
-      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 });
+      e.clear(), t.clear(), w.forEach((P) => {
+        e.set(P.id, P), P.bodies.forEach((G) => t.set(G.id, P.id));
+      }), s(T, { created: w, deleted: M });
     } else {
-      const M = _.reduce((O, Y) => {
-        const Z = e.get(Y.id);
-        return Z ? [...O, Z] : O;
+      const M = w.reduce((P, G) => {
+        const x = e.get(G.id);
+        return x ? [...P, x] : P;
       }, []);
       if (M.length > 0)
-        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: _ });
+        throw Error(`Bulk insert would overwrite the following annotations: ${M.map((P) => P.id).join(", ")}`);
+      w.forEach((P) => {
+        e.set(P.id, P), P.bodies.forEach((G) => t.set(G.id, P.id));
+      }), s(T, { created: w });
     }
-  }, m = (_) => {
-    const b = typeof _ == "string" ? _ : _.id, T = e.get(b);
+  }, m = (w) => {
+    const S = typeof w == "string" ? w : w.id, T = e.get(S);
     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;
+      return e.delete(S), T.bodies.forEach((M) => t.delete(M.id)), T;
+    console.warn(`Attempt to delete missing annotation: ${S}`);
+  }, y = (w, S = H.LOCAL) => {
+    const T = m(w);
+    T && s(S, { deleted: [T] });
+  }, b = (w, S = H.LOCAL) => {
+    const T = w.reduce((M, P) => {
+      const G = m(P);
+      return G ? [...M, G] : M;
     }, []);
-    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 O = {
-          ...T,
-          bodies: T.bodies.filter((Y) => Y.id !== _.id)
+    T.length > 0 && s(S, { deleted: T });
+  }, p = (w) => {
+    const S = e.get(w.annotation);
+    if (S) {
+      const T = S.bodies.find((M) => M.id === w.id);
+      if (T) {
+        t.delete(T.id);
+        const M = {
+          ...S,
+          bodies: S.bodies.filter((P) => P.id !== w.id)
+        };
+        return e.set(S.id, M), {
+          oldValue: S,
+          newValue: M,
+          bodiesDeleted: [T]
         };
-        e.set(T.id, O), s(b, { updated: [{
-          oldValue: T,
-          newValue: O,
-          bodiesDeleted: [M]
-        }] });
       } else
-        console.warn(`Attempt to delete missing body ${_.id} from annotation ${_.annotation}`);
+        console.warn(`Attempt to delete missing body ${w.id} from annotation ${w.annotation}`);
     } else
-      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 === _);
+      console.warn(`Attempt to delete body from missing annotation ${w.annotation}`);
+  }, A = (w, S = H.LOCAL) => {
+    const T = p(w);
+    T && s(S, { updated: [T] });
+  }, _ = (w, S = H.LOCAL) => {
+    const T = w.map((M) => p(M)).filter(Boolean);
+    T.length > 0 && s(S, { updated: T });
+  }, E = (w) => {
+    const S = e.get(w);
+    return S ? { ...S } : void 0;
+  }, B = (w) => {
+    const S = t.get(w);
+    if (S) {
+      const T = E(S).bodies.find((M) => M.id === w);
       if (T)
         return T;
-      console.error(`Store integrity error: body ${_} in index, but not in annotation`);
+      console.error(`Store integrity error: body ${w} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${_}`);
-  }, A = (_, b) => {
-    if (_.annotation !== b.annotation)
+      console.warn(`Attempt to retrieve missing body: ${w}`);
+  }, V = (w, S) => {
+    if (w.annotation !== S.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const T = e.get(_.annotation);
+    const T = e.get(w.annotation);
     if (T) {
-      const M = T.bodies.find((Y) => Y.id === _.id), O = {
+      const M = T.bodies.find((G) => G.id === w.id), P = {
         ...T,
-        bodies: T.bodies.map((Y) => Y.id === M.id ? b : Y)
+        bodies: T.bodies.map((G) => G.id === M.id ? S : G)
       };
-      return e.set(T.id, O), M.id !== b.id && (t.delete(M.id), t.set(b.id, O.id)), {
+      return e.set(T.id, P), M.id !== S.id && (t.delete(M.id), t.set(S.id, P.id)), {
         oldValue: T,
-        newValue: O,
-        bodiesUpdated: [{ oldBody: M, newBody: b }]
+        newValue: P,
+        bodiesUpdated: [{ oldBody: M, newBody: S }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${_.annotation}`);
-  }, I = (_, b, T = z.LOCAL) => {
-    const M = A(_, b);
+      console.warn(`Attempt to add body to missing annotation ${w.annotation}`);
+  }, U = (w, S, T = H.LOCAL) => {
+    const M = V(w, S);
     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) {
+  }, R = (w, S = H.LOCAL) => {
+    const T = w.map((M) => V({ id: M.id, annotation: M.annotation }, M)).filter(Boolean);
+    s(S, { updated: T });
+  }, Y = (w) => {
+    const S = e.get(w.annotation);
+    if (S) {
       const T = {
-        ...b,
+        ...S,
         target: {
-          ...b.target,
-          ..._
+          ...S.target,
+          ...w
         }
       };
-      return e.set(b.id, T), {
-        oldValue: b,
+      return e.set(S.id, T), {
+        oldValue: S,
         newValue: T,
         targetUpdated: {
-          oldTarget: b.target,
-          newTarget: _
+          oldTarget: S.target,
+          newTarget: w
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${_.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${w.annotation}`);
   };
   return {
     addAnnotation: r,
     addBody: u,
     all: f,
     bulkAddAnnotation: g,
-    bulkDeleteAnnotation: E,
+    bulkDeleteAnnotation: b,
+    bulkDeleteBodies: _,
     bulkUpdateAnnotation: c,
-    bulkUpdateBodies: N,
-    bulkUpdateTargets: (_, b = z.LOCAL) => {
-      const T = _.map((M) => U(M)).filter(Boolean);
-      T.length > 0 && s(b, { updated: T });
+    bulkUpdateBodies: R,
+    bulkUpdateTargets: (w, S = H.LOCAL) => {
+      const T = w.map((M) => Y(M)).filter(Boolean);
+      T.length > 0 && s(S, { updated: T });
     },
     clear: d,
     deleteAnnotation: y,
-    deleteBody: p,
-    getAnnotation: S,
-    getBody: w,
+    deleteBody: A,
+    getAnnotation: E,
+    getBody: B,
     observe: o,
     unobserve: i,
     updateAnnotation: a,
-    updateBody: I,
-    updateTarget: (_, b = z.LOCAL) => {
-      const T = U(_);
-      T && s(b, { updated: [T] });
+    updateBody: U,
+    updateTarget: (w, S = H.LOCAL) => {
+      const T = Y(w);
+      T && s(S, { updated: [T] });
     }
   };
 }, Wn = (e) => ({
@@ -887,23 +894,23 @@ let Jn = () => ({
     };
   }
 });
-const Zn = 250, Qn = (e) => {
+const Qn = 250, Zn = (e) => {
   const t = Jn(), n = [];
   let o = -1, i = !1, s = 0;
   const r = (g) => {
     if (!i) {
       const { changes: m } = g, y = performance.now();
-      if (y - s > Zn)
+      if (y - s > Qn)
         n.splice(o + 1), n.push(m), o = n.length - 1;
       else {
-        const E = n.length - 1;
-        n[E] = jn(n[E], m);
+        const b = n.length - 1;
+        n[b] = jn(n[b], m);
       }
       s = y;
     }
     i = !1;
   };
-  e.observe(r, { origin: z.LOCAL });
+  e.observe(r, { origin: H.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,
@@ -934,75 +941,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 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) => {
+  const d = (p, A) => {
+    a.has(p) ? a.get(p).push(A) : a.set(p, [A]);
+  }, g = (p, A) => {
+    const _ = a.get(p);
+    _ && _.indexOf(A) > 0 && _.splice(_.indexOf(A), 1);
+  }, m = (p, A, _) => {
     a.has(p) && setTimeout(() => {
-      a.get(p).forEach((A) => {
+      a.get(p).forEach((E) => {
         if (n) {
-          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);
+          const B = Array.isArray(A) ? A.map((U) => n.serialize(U)) : n.serialize(A), V = _ ? _ instanceof PointerEvent ? _ : n.serialize(_) : void 0;
+          E(B, V);
         } else
-          A(S, w);
+          E(A, _);
       });
     }, 1);
   }, 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);
+    const { selected: p } = s, A = (p || []).map(({ id: _ }) => i.getAnnotation(_));
+    A.forEach((_) => {
+      const E = c.find((B) => B.id === _.id);
+      (!E || !ge(E, _)) && m("updateAnnotation", _, E);
+    }), c = c.map((_) => A.find(({ id: B }) => B === _.id) || _);
   };
   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));
+        c = p.map(({ id: A }) => i.getAnnotation(A));
       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.forEach((A) => {
+          const _ = i.getAnnotation(A.id);
+          _ && !ge(_, A) && m("updateAnnotation", _, A);
         }), c = [];
       else {
-        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);
+        const A = new Set(c.map((E) => E.id)), _ = new Set(p.map(({ id: E }) => E));
+        c.filter((E) => !_.has(E.id)).forEach((E) => {
+          const B = i.getAnnotation(E.id);
+          B && !ge(B, E) && m("updateAnnotation", B, E);
         }), c = [
           // Remove annotations that were deselected
-          ...c.filter((A) => w.has(A.id)),
+          ...c.filter((E) => _.has(E.id)),
           // Add editable annotations that were selected
-          ...p.filter(({ id: A }) => !S.has(A)).map(({ id: A }) => i.getAnnotation(A))
+          ...p.filter(({ id: E }) => !A.has(E)).map(({ id: E }) => i.getAnnotation(E))
         ];
       }
       m("selectionChanged", c);
     }
   }), 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) => {
+  }), l == null || l.subscribe((p) => m("viewportIntersect", p.map((A) => i.getAnnotation(A)))), 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);
+    const { created: A, deleted: _ } = p.changes;
+    (A || []).forEach((E) => m("createAnnotation", E)), (_ || []).forEach((E) => m("deleteAnnotation", E)), (p.changes.updated || []).filter((E) => [
+      ...E.bodiesCreated || [],
+      ...E.bodiesDeleted || [],
+      ...E.bodiesUpdated || []
+    ].length > 0).forEach(({ oldValue: E, newValue: B }) => {
+      const V = c.find((U) => U.id === E.id) || E;
+      c = c.map((U) => U.id === E.id ? B : U), m("updateAnnotation", B, V);
     });
-  }, { origin: z.LOCAL }), i.observe((p) => {
+  }, { origin: H.LOCAL }), i.observe((p) => {
     if (c) {
-      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));
+      const A = new Set(c.map((E) => E.id)), _ = (p.changes.updated || []).filter(({ newValue: E }) => A.has(E.id)).map(({ newValue: E }) => E);
+      _.length > 0 && (c = c.map((E) => _.find((V) => V.id === E.id) || E));
     }
-  }, { 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));
+  }, { origin: H.REMOTE });
+  const b = (p) => (A) => {
+    const { updated: _ } = A;
+    p ? (_ || []).forEach((E) => m("updateAnnotation", E.oldValue, E.newValue)) : (_ || []).forEach((E) => m("updateAnnotation", E.newValue, E.oldValue));
   };
-  return t.on("undo", E(!0)), t.on("redo", E(!1)), { on: d, off: g, emit: m };
+  return t.on("undo", b(!0)), t.on("redo", b(!1)), { on: d, off: g, emit: m };
 }, eo = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
@@ -1015,44 +1022,44 @@ const Zn = 250, Qn = (e) => {
     ...n
   };
 }, { parsed: [], failed: [] }), to = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (E) => {
+  const { store: o, selection: i } = e, s = (b) => {
     if (n) {
-      const { parsed: p, error: S } = n.parse(E);
-      p ? o.addAnnotation(p, z.REMOTE) : console.error(S);
+      const { parsed: p, error: A } = n.parse(b);
+      p ? o.addAnnotation(p, H.REMOTE) : console.error(A);
     } else
-      o.addAnnotation(E, z.REMOTE);
-  }, r = () => i.clear(), l = () => o.clear(), a = (E) => {
-    const p = o.getAnnotation(E);
+      o.addAnnotation(b, H.REMOTE);
+  }, r = () => i.clear(), l = () => o.clear(), a = (b) => {
+    const p = o.getAnnotation(b);
     return n && p ? n.serialize(p) : p;
   }, c = () => n ? o.all().map(n.serialize) : o.all(), u = () => {
-    var E;
-    const p = (((E = i.selected) == null ? void 0 : E.map((S) => S.id)) || []).map((S) => o.getAnnotation(S)).filter(Boolean);
+    var b;
+    const p = (((b = i.selected) == null ? void 0 : b.map((A) => A.id)) || []).map((A) => o.getAnnotation(A)).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)
+  }, f = (b, p = !0) => fetch(b).then((A) => A.json()).then((A) => (g(A, p), A)), d = (b) => {
+    if (typeof b == "string") {
+      const p = o.getAnnotation(b);
+      if (o.deleteAnnotation(b), p)
         return n ? n.serialize(p) : p;
     } else {
-      const p = n ? n.parse(E).parsed : E;
+      const p = n ? n.parse(b).parsed : b;
       if (p)
-        return o.deleteAnnotation(p), E;
+        return o.deleteAnnotation(p), b;
     }
-  }, g = (E, p = !0) => {
+  }, g = (b, p = !0) => {
     if (n) {
-      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);
+      const { parsed: A, failed: _ } = eo(n)(b);
+      _.length > 0 && console.warn(`Discarded ${_.length} invalid annotations`, _), o.bulkAddAnnotation(A, p, H.REMOTE);
     } else
-      o.bulkAddAnnotation(E, p, z.REMOTE);
-  }, m = (E) => {
-    E ? i.setSelected(E) : i.clear();
-  }, y = (E) => {
+      o.bulkAddAnnotation(b, p, H.REMOTE);
+  }, m = (b) => {
+    b ? i.setSelected(b) : i.clear();
+  }, y = (b) => {
     if (n) {
-      const p = n.parse(E).parsed, S = n.serialize(o.getAnnotation(p.id));
-      return o.updateAnnotation(p), S;
+      const p = n.parse(b).parsed, A = n.serialize(o.getAnnotation(p.id));
+      return o.updateAnnotation(p), A;
     } else {
-      const p = o.getAnnotation(E.id);
-      return o.updateAnnotation(E), p;
+      const p = o.getAnnotation(b.id);
+      return o.updateAnnotation(b), p;
     }
   };
   return {
@@ -1099,21 +1106,26 @@ const lo = () => ({ isGuest: !0, id: so("1234567890abcdefghijklmnopqrstuvwxyzABC
   }
   return `${n}`;
 }, Jt = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, co = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
-  const { id: o, type: i, purpose: s, value: r, created: l, creator: a, ...c } = n;
+  const { id: o, type: i, purpose: s, value: r, created: l, modified: a, creator: c, ...u } = n;
   return {
     id: o || `temp-${ao(n)}`,
     annotation: t,
     type: i,
     purpose: s,
     value: r,
+    creator: Jt(c),
     created: l ? new Date(l) : void 0,
-    creator: Jt(a),
-    ...c
+    updated: a ? new Date(a) : void 0,
+    ...u
   };
 }), fo = (e) => e.map((t) => {
-  var n, o;
-  const i = { ...t };
-  return delete i.annotation, (n = i.id) != null && n.startsWith("temp-") && delete i.id, { ...i, created: (o = i.created) == null ? void 0 : o.toISOString() };
+  var n;
+  const { annotation: o, created: i, updated: s, ...r } = t, l = {
+    ...r,
+    created: i == null ? void 0 : i.toISOString(),
+    modified: s == null ? void 0 : s.toISOString()
+  };
+  return (n = l.id) != null && n.startsWith("temp-") && delete l.id, l;
 });
 ro();
 const Yi = (e, t = !1) => ({ parse: (i) => uo(i, t), serialize: (i) => ho(i, e) }), uo = (e, t = !1) => {
@@ -1150,7 +1162,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 == F.RECTANGLE ? Tn(n.geometry) : Bn(n), c = {
+  } = e.target, a = n.type == q.RECTANGLE ? Tn(n.geometry) : Bn(n), c = {
     ...e,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
@@ -1189,7 +1201,7 @@ function bt(e) {
       )
     }
   }), t.$on("pointerdown", function() {
-    j(
+    K(
       /*grab*/
       e[9](`HANDLE-${/*idx*/
       e[12]}`)
@@ -1197,10 +1209,10 @@ function bt(e) {
     e[12]}`).apply(this, arguments);
   }), {
     c() {
-      $(t.$$.fragment);
+      te(t.$$.fragment);
     },
     m(o, i) {
-      Q(t, o, i), n = !0;
+      $(t, o, i), n = !0;
     },
     p(o, i) {
       e = o;
@@ -1214,13 +1226,13 @@ function bt(e) {
       e[3]), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (I(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      D(t.$$.fragment, o), n = !1;
+      X(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      x(t, o);
+      ee(t, o);
     }
   };
 }
@@ -1231,15 +1243,15 @@ function go(e) {
   ), g = [];
   for (let y = 0; y < d.length; y += 1)
     g[y] = bt(wt(e, d, y));
-  const m = (y) => D(g[y], 1, 1, () => {
+  const m = (y) => X(g[y], 1, 1, () => {
     g[y] = null;
   });
   return {
     c() {
-      t = X("polygon"), i = ne(), s = X("polygon"), l = ne();
+      t = C("polygon"), i = ie(), s = C("polygon"), l = ie();
       for (let y = 0; y < g.length; y += 1)
         g[y].c();
-      a = ae(), h(t, "class", "a9s-outer"), h(t, "style", n = /*computedStyle*/
+      a = fe(), 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,
@@ -1249,39 +1261,39 @@ function go(e) {
       ), h(s, "points", r = /*geom*/
       e[4].points.map(At).join(" "));
     },
-    m(y, E) {
-      B(y, t, E), B(y, i, E), B(y, s, E), B(y, l, E);
+    m(y, b) {
+      O(y, t, b), O(y, i, b), O(y, s, b), O(y, l, b);
       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(
+        g[p] && g[p].m(y, b);
+      O(y, a, b), c = !0, u || (f = [
+        j(t, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         }),
-        H(s, "pointerdown", function() {
-          j(
+        j(s, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         })
       ], u = !0);
     },
-    p(y, E) {
-      if (e = y, (!c || E & /*computedStyle*/
+    p(y, b) {
+      if (e = y, (!c || b & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0)) && h(t, "style", n), (!c || E & /*geom*/
+      e[1] ? "display:none;" : void 0)) && h(t, "style", n), (!c || b & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].points.map(Et).join(" "))) && h(t, "points", o), (!c || E & /*computedStyle*/
+      e[4].points.map(Et).join(" "))) && h(t, "points", o), (!c || b & /*computedStyle*/
       2) && h(
         s,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!c || E & /*geom*/
+      ), (!c || b & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].points.map(At).join(" "))) && h(s, "points", r), E & /*geom, viewportScale, grab*/
+      e[4].points.map(At).join(" "))) && h(s, "points", r), b & /*geom, viewportScale, grab*/
       536) {
         d = Se(
           /*geom*/
@@ -1289,35 +1301,35 @@ function go(e) {
         );
         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));
+          const A = wt(e, d, p);
+          g[p] ? (g[p].p(A, b), I(g[p], 1)) : (g[p] = bt(A), g[p].c(), I(g[p], 1), g[p].m(a.parentNode, a));
         }
-        for (se(), p = d.length; p < g.length; p += 1)
+        for (le(), p = d.length; p < g.length; p += 1)
           m(p);
-        re();
+        ae();
       }
     },
     i(y) {
       if (!c) {
-        for (let E = 0; E < d.length; E += 1)
-          P(g[E]);
+        for (let b = 0; b < d.length; b += 1)
+          I(g[b]);
         c = !0;
       }
     },
     o(y) {
       g = g.filter(Boolean);
-      for (let E = 0; E < g.length; E += 1)
-        D(g[E]);
+      for (let b = 0; b < g.length; b += 1)
+        X(g[b]);
       c = !1;
     },
     d(y) {
-      y && (k(t), k(i), k(s), k(l), k(a)), rt(g, y), u = !1, le(f);
+      y && (k(t), k(i), k(s), k(l), k(a)), rt(g, y), u = !1, ce(f);
     }
   };
 }
 function mo(e) {
   let t, n;
-  return t = new Qt({
+  return t = new Zt({
     props: {
       shape: (
         /*shape*/
@@ -1354,10 +1366,10 @@ function mo(e) {
     e[8]
   ), {
     c() {
-      $(t.$$.fragment);
+      te(t.$$.fragment);
     },
     m(o, i) {
-      Q(t, o, i), n = !0;
+      $(t, o, i), n = !0;
     },
     p(o, [i]) {
       const s = {};
@@ -1369,13 +1381,13 @@ function mo(e) {
       8730 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (I(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      D(t.$$.fragment, o), n = !1;
+      X(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      x(t, o);
+      ee(t, o);
     }
   };
 }
@@ -1384,19 +1396,19 @@ function po(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
   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 b = d.geometry;
+    g === "SHAPE" ? y = b.points.map(([A, _]) => [A + m[0], _ + m[1]]) : y = b.points.map(([A, _], E) => g === `HANDLE-${E}` ? [A + m[0], _ + m[1]] : [A, _]);
     const p = Fe(y);
     return { ...d, geometry: { points: y, bounds: p } };
   };
   function c(d) {
-    fe.call(this, e, d);
+    de.call(this, e, d);
   }
   function u(d) {
-    fe.call(this, e, d);
+    de.call(this, e, d);
   }
   function f(d) {
-    fe.call(this, e, d);
+    de.call(this, e, d);
   }
   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);
@@ -1415,9 +1427,9 @@ function po(e, t, n) {
     f
   ];
 }
-class yo extends te {
+class yo extends oe {
   constructor(t) {
-    super(), ee(this, t, po, mo, K, {
+    super(), ne(this, t, po, mo, J, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1425,15 +1437,15 @@ class yo extends te {
     });
   }
 }
-const Qe = (e, t) => {
+const Ze = (e, t) => {
   const n = Math.abs(t[0] - e[0]), o = Math.abs(t[1] - e[1]);
   return Math.sqrt(Math.pow(n, 2) + Math.pow(o, 2));
 }, ye = [];
-function _o(e, t = G) {
+function _o(e, t = F) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
-    if (K(e, l) && (e = l, n)) {
+    if (J(e, l) && (e = l, n)) {
       const a = !ye.length;
       for (const c of o)
         c[1](), ye.push(c, e);
@@ -1447,9 +1459,9 @@ function _o(e, t = G) {
   function s(l) {
     i(l(e));
   }
-  function r(l, a = G) {
+  function r(l, a = F) {
     const c = [l, a];
-    return o.add(c), o.size === 1 && (n = t(i, s) || G), l(e), () => {
+    return o.add(c), o.size === 1 && (n = t(i, s) || F), l(e), () => {
       o.delete(c), o.size === 0 && n && (n(), n = null);
     };
   }
@@ -1483,7 +1495,7 @@ function Ao(e) {
   let t, n, o, i, s, r;
   return {
     c() {
-      t = X("rect"), h(t, "class", n = ze(`a9s-handle ${/*$$props*/
+      t = C("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), h(t, "y", i = /*y*/
@@ -1501,7 +1513,7 @@ function Ao(e) {
       );
     },
     m(l, a) {
-      B(l, t, a), s || (r = H(
+      O(l, t, a), s || (r = j(
         t,
         "pointerdown",
         /*pointerdown_handler_2*/
@@ -1540,7 +1552,7 @@ function So(e) {
   let t, n, o, i, s, r, l, a, c;
   return {
     c() {
-      t = X("g"), n = X("circle"), i = X("rect"), h(
+      t = C("g"), n = C("circle"), i = C("rect"), h(
         n,
         "cx",
         /*x*/
@@ -1575,38 +1587,38 @@ function So(e) {
       ), h(t, "class", "a9s-touch-handle");
     },
     m(u, f) {
-      B(u, t, f), ie(t, n), ie(t, i), a || (c = [
-        H(
+      O(u, t, f), re(t, n), re(t, i), a || (c = [
+        j(
           n,
           "pointerdown",
           /*pointerdown_handler*/
           e[10]
         ),
-        H(
+        j(
           n,
           "pointerdown",
           /*onPointerDown*/
           e[6]
         ),
-        H(
+        j(
           n,
           "pointerup",
           /*onPointerUp*/
           e[7]
         ),
-        H(
+        j(
           i,
           "pointerdown",
           /*pointerdown_handler_1*/
           e[9]
         ),
-        H(
+        j(
           i,
           "pointerdown",
           /*onPointerDown*/
           e[6]
         ),
-        H(
+        j(
           i,
           "pointerup",
           /*onPointerUp*/
@@ -1659,7 +1671,7 @@ function So(e) {
       );
     },
     d(u) {
-      u && k(t), a = !1, le(c);
+      u && k(t), a = !1, ce(c);
     }
   };
 }
@@ -1671,16 +1683,16 @@ function To(e) {
   let i = n()(e);
   return {
     c() {
-      i.c(), t = ae();
+      i.c(), t = fe();
     },
     m(s, r) {
-      i.m(s, r), B(s, t, r);
+      i.m(s, r), O(s, t, r);
     },
     p(s, [r]) {
       i.p(s, r);
     },
-    i: G,
-    o: G,
+    i: F,
+    o: F,
     d(s) {
       s && k(t), i.d(s);
     }
@@ -1692,13 +1704,13 @@ function Mo(e, t, n) {
     m.pointerType === "touch" && n(4, a = !0);
   }, u = () => n(4, a = !1);
   function f(m) {
-    fe.call(this, e, m);
+    de.call(this, e, m);
   }
   function d(m) {
-    fe.call(this, e, m);
+    de.call(this, e, m);
   }
   function g(m) {
-    fe.call(this, e, m);
+    de.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);
@@ -1720,14 +1732,14 @@ function Mo(e, t, n) {
     g
   ];
 }
-class ke extends te {
+class ke extends oe {
   constructor(t) {
-    super(), ee(this, t, Mo, To, K, { x: 0, y: 1, scale: 2, radius: 3 });
+    super(), ne(this, t, Mo, To, J, { x: 0, y: 1, scale: 2, radius: 3 });
   }
 }
 function vo(e) {
-  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({
+  let t, n, o, i, s, r, l, a, c, u, f, d, g, m, y, b, p, A, _, E, B, V, U, R, Y, w, S, T, M, P, G, x, Me, se, ve, L, Q, z, ue, Z, N, qe, ut;
+  return se = new ke({
     props: {
       class: "a9s-corner-handle-topleft",
       x: (
@@ -1743,8 +1755,8 @@ function vo(e) {
         e[3]
       )
     }
-  }), oe.$on("pointerdown", function() {
-    j(
+  }), se.$on("pointerdown", function() {
+    K(
       /*grab*/
       e[9]("TOP_LEFT")
     ) && e[9]("TOP_LEFT").apply(this, arguments);
@@ -1766,11 +1778,11 @@ function vo(e) {
       )
     }
   }), L.$on("pointerdown", function() {
-    j(
+    K(
       /*grab*/
       e[9]("TOP_RIGHT")
     ) && e[9]("TOP_RIGHT").apply(this, arguments);
-  }), V = new ke({
+  }), z = new ke({
     props: {
       class: "a9s-corner-handle-bottomright",
       x: (
@@ -1788,12 +1800,12 @@ function vo(e) {
         e[3]
       )
     }
-  }), V.$on("pointerdown", function() {
-    j(
+  }), z.$on("pointerdown", function() {
+    K(
       /*grab*/
       e[9]("BOTTOM_RIGHT")
     ) && e[9]("BOTTOM_RIGHT").apply(this, arguments);
-  }), J = new ke({
+  }), Z = new ke({
     props: {
       class: "a9s-corner-handle-bottomleft",
       x: (
@@ -1810,14 +1822,14 @@ function vo(e) {
         e[3]
       )
     }
-  }), J.$on("pointerdown", function() {
-    j(
+  }), Z.$on("pointerdown", function() {
+    K(
       /*grab*/
       e[9]("BOTTOM_LEFT")
     ) && e[9]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      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*/
+      t = C("rect"), l = ie(), a = C("rect"), g = ie(), m = C("rect"), A = ie(), _ = C("rect"), U = ie(), R = C("rect"), T = ie(), M = C("rect"), Me = ie(), te(se.$$.fragment), ve = ie(), te(L.$$.fragment), Q = ie(), te(z.$$.fragment), ue = ie(), te(Z.$$.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*/
@@ -1832,140 +1844,140 @@ function vo(e) {
       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].x), h(m, "y", b = /*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].w), h(_, "class", "a9s-edge-handle a9s-edge-handle-right"), h(_, "x", E = /*geom*/
       e[4].x + /*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].w), h(_, "y", B = /*geom*/
+      e[4].y), h(_, "height", V = /*geom*/
+      e[4].h), h(_, "width", 1), h(R, "class", "a9s-edge-handle a9s-edge-handle-bottom"), h(R, "x", Y = /*geom*/
+      e[4].x), h(R, "y", w = /*geom*/
       e[4].y + /*geom*/
-      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(
+      e[4].h), h(R, "height", 1), h(R, "width", S = /*geom*/
+      e[4].w), h(M, "class", "a9s-edge-handle a9s-edge-handle-left"), h(M, "x", P = /*geom*/
+      e[4].x), h(M, "y", G = /*geom*/
+      e[4].y), h(M, "height", x = /*geom*/
+      e[4].h), h(M, "width", 1);
+    },
+    m(D, v) {
+      O(D, t, v), O(D, l, v), O(D, a, v), O(D, g, v), O(D, m, v), O(D, A, v), O(D, _, v), O(D, U, v), O(D, R, v), O(D, T, v), O(D, M, v), O(D, Me, v), $(se, D, v), O(D, ve, v), $(L, D, v), O(D, Q, v), $(z, D, v), O(D, ue, v), $(Z, D, v), N = !0, qe || (ut = [
+        j(t, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         }),
-        H(a, "pointerdown", function() {
-          j(
+        j(a, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         }),
-        H(m, "pointerdown", function() {
-          j(
+        j(m, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("TOP")
           ) && e[9]("TOP").apply(this, arguments);
         }),
-        H(w, "pointerdown", function() {
-          j(
+        j(_, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("RIGHT")
           ) && e[9]("RIGHT").apply(this, arguments);
         }),
-        H(_, "pointerdown", function() {
-          j(
+        j(R, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("BOTTOM")
           ) && e[9]("BOTTOM").apply(this, arguments);
         }),
-        H(Y, "pointerdown", function() {
-          j(
+        j(M, "pointerdown", function() {
+          K(
             /*grab*/
             e[9]("LEFT")
           ) && e[9]("LEFT").apply(this, arguments);
         })
       ], qe = !0);
     },
-    p(C, v) {
-      e = C, (!R || v & /*computedStyle*/
+    p(D, v) {
+      e = D, (!N || v & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0)) && h(t, "style", n), (!R || v & /*geom*/
+      e[1] ? "display:none;" : void 0)) && h(t, "style", n), (!N || v & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].x)) && h(t, "x", o), (!R || v & /*geom*/
+      e[4].x)) && h(t, "x", o), (!N || v & /*geom*/
       16 && i !== (i = /*geom*/
-      e[4].y)) && h(t, "y", i), (!R || v & /*geom*/
+      e[4].y)) && h(t, "y", i), (!N || v & /*geom*/
       16 && s !== (s = /*geom*/
-      e[4].w)) && h(t, "width", s), (!R || v & /*geom*/
+      e[4].w)) && h(t, "width", s), (!N || v & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].h)) && h(t, "height", r), (!R || v & /*computedStyle*/
+      e[4].h)) && h(t, "height", r), (!N || v & /*computedStyle*/
       2) && h(
         a,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!R || v & /*geom*/
+      ), (!N || v & /*geom*/
       16 && c !== (c = /*geom*/
-      e[4].x)) && h(a, "x", c), (!R || v & /*geom*/
+      e[4].x)) && h(a, "x", c), (!N || v & /*geom*/
       16 && u !== (u = /*geom*/
-      e[4].y)) && h(a, "y", u), (!R || v & /*geom*/
+      e[4].y)) && h(a, "y", u), (!N || v & /*geom*/
       16 && f !== (f = /*geom*/
-      e[4].w)) && h(a, "width", f), (!R || v & /*geom*/
+      e[4].w)) && h(a, "width", f), (!N || v & /*geom*/
       16 && d !== (d = /*geom*/
-      e[4].h)) && h(a, "height", d), (!R || v & /*geom*/
+      e[4].h)) && h(a, "height", d), (!N || v & /*geom*/
       16 && y !== (y = /*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*/
+      e[4].x)) && h(m, "x", y), (!N || v & /*geom*/
+      16 && b !== (b = /*geom*/
+      e[4].y)) && h(m, "y", b), (!N || v & /*geom*/
       16 && p !== (p = /*geom*/
-      e[4].w)) && h(m, "width", p), (!R || v & /*geom*/
-      16 && A !== (A = /*geom*/
+      e[4].w)) && h(m, "width", p), (!N || v & /*geom*/
+      16 && E !== (E = /*geom*/
       e[4].x + /*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].w)) && h(_, "x", E), (!N || v & /*geom*/
+      16 && B !== (B = /*geom*/
+      e[4].y)) && h(_, "y", B), (!N || v & /*geom*/
+      16 && V !== (V = /*geom*/
+      e[4].h)) && h(_, "height", V), (!N || v & /*geom*/
+      16 && Y !== (Y = /*geom*/
+      e[4].x)) && h(R, "x", Y), (!N || v & /*geom*/
+      16 && w !== (w = /*geom*/
       e[4].y + /*geom*/
-      e[4].h)) && h(_, "y", T), (!R || v & /*geom*/
-      16 && M !== (M = /*geom*/
-      e[4].w)) && h(_, "width", M), (!R || v & /*geom*/
-      16 && Z !== (Z = /*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].h)) && h(Y, "height", ge);
-      const Ce = {};
-      v & /*geom*/
-      16 && (Ce.x = /*geom*/
-      e[4].x), v & /*geom*/
-      16 && (Ce.y = /*geom*/
-      e[4].y), v & /*viewportScale*/
-      8 && (Ce.scale = /*viewportScale*/
-      e[3]), oe.$set(Ce);
+      e[4].h)) && h(R, "y", w), (!N || v & /*geom*/
+      16 && S !== (S = /*geom*/
+      e[4].w)) && h(R, "width", S), (!N || v & /*geom*/
+      16 && P !== (P = /*geom*/
+      e[4].x)) && h(M, "x", P), (!N || v & /*geom*/
+      16 && G !== (G = /*geom*/
+      e[4].y)) && h(M, "y", G), (!N || v & /*geom*/
+      16 && x !== (x = /*geom*/
+      e[4].h)) && h(M, "height", x);
       const De = {};
       v & /*geom*/
       16 && (De.x = /*geom*/
-      e[4].x + /*geom*/
-      e[4].w), v & /*geom*/
+      e[4].x), v & /*geom*/
       16 && (De.y = /*geom*/
       e[4].y), v & /*viewportScale*/
       8 && (De.scale = /*viewportScale*/
-      e[3]), L.$set(De);
+      e[3]), se.$set(De);
       const Xe = {};
       v & /*geom*/
       16 && (Xe.x = /*geom*/
       e[4].x + /*geom*/
       e[4].w), v & /*geom*/
       16 && (Xe.y = /*geom*/
+      e[4].y), v & /*viewportScale*/
+      8 && (Xe.scale = /*viewportScale*/
+      e[3]), L.$set(Xe);
+      const Ce = {};
+      v & /*geom*/
+      16 && (Ce.x = /*geom*/
+      e[4].x + /*geom*/
+      e[4].w), v & /*geom*/
+      16 && (Ce.y = /*geom*/
       e[4].y + /*geom*/
       e[4].h), v & /*viewportScale*/
-      8 && (Xe.scale = /*viewportScale*/
-      e[3]), V.$set(Xe);
+      8 && (Ce.scale = /*viewportScale*/
+      e[3]), z.$set(Ce);
       const Re = {};
       v & /*geom*/
       16 && (Re.x = /*geom*/
@@ -1974,22 +1986,22 @@ function vo(e) {
       e[4].y + /*geom*/
       e[4].h), v & /*viewportScale*/
       8 && (Re.scale = /*viewportScale*/
-      e[3]), J.$set(Re);
+      e[3]), Z.$set(Re);
     },
-    i(C) {
-      R || (P(oe.$$.fragment, C), P(L.$$.fragment, C), P(V.$$.fragment, C), P(J.$$.fragment, C), R = !0);
+    i(D) {
+      N || (I(se.$$.fragment, D), I(L.$$.fragment, D), I(z.$$.fragment, D), I(Z.$$.fragment, D), N = !0);
     },
-    o(C) {
-      D(oe.$$.fragment, C), D(L.$$.fragment, C), D(V.$$.fragment, C), D(J.$$.fragment, C), R = !1;
+    o(D) {
+      X(se.$$.fragment, D), X(L.$$.fragment, D), X(z.$$.fragment, D), X(Z.$$.fragment, D), N = !1;
     },
-    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);
+    d(D) {
+      D && (k(t), k(l), k(a), k(g), k(m), k(A), k(_), k(U), k(R), k(T), k(M), k(Me), k(ve), k(Q), k(ue)), ee(se, D), ee(L, D), ee(z, D), ee(Z, D), qe = !1, ce(ut);
     }
   };
 }
 function Lo(e) {
   let t, n;
-  return t = new Qt({
+  return t = new Zt({
     props: {
       shape: (
         /*shape*/
@@ -2026,10 +2038,10 @@ function Lo(e) {
     e[8]
   ), {
     c() {
-      $(t.$$.fragment);
+      te(t.$$.fragment);
     },
     m(o, i) {
-      Q(t, o, i), n = !0;
+      $(t, o, i), n = !0;
     },
     p(o, [i]) {
       const s = {};
@@ -2041,13 +2053,13 @@ function Lo(e) {
       1562 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (I(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      D(t.$$.fragment, o), n = !1;
+      X(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      x(t, o);
+      ee(t, o);
     }
   };
 }
@@ -2055,22 +2067,22 @@ function ko(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
   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;
+    let [b, p] = [y.minX, y.minY], [A, _] = [y.maxX, y.maxY];
+    const [E, B] = m;
     if (g === "SHAPE")
-      E += A, S += A, p += I, w += I;
+      b += E, A += E, p += B, _ += B;
     else {
       switch (g) {
         case "TOP":
         case "TOP_LEFT":
         case "TOP_RIGHT": {
-          p += I;
+          p += B;
           break;
         }
         case "BOTTOM":
         case "BOTTOM_LEFT":
         case "BOTTOM_RIGHT": {
-          w += I;
+          _ += B;
           break;
         }
       }
@@ -2078,42 +2090,42 @@ function ko(e, t, n) {
         case "LEFT":
         case "TOP_LEFT":
         case "BOTTOM_LEFT": {
-          E += A;
+          b += E;
           break;
         }
         case "RIGHT":
         case "TOP_RIGHT":
         case "BOTTOM_RIGHT": {
-          S += A;
+          A += E;
           break;
         }
       }
     }
-    const N = Math.min(E, S), U = Math.min(p, w), _ = Math.abs(S - E), b = Math.abs(w - p);
+    const V = Math.min(b, A), U = Math.min(p, _), R = Math.abs(A - b), Y = Math.abs(_ - p);
     return {
       ...d,
       geometry: {
-        x: N,
+        x: V,
         y: U,
-        w: _,
-        h: b,
+        w: R,
+        h: Y,
         bounds: {
-          minX: N,
+          minX: V,
           minY: U,
-          maxX: N + _,
-          maxY: U + b
+          maxX: V + R,
+          maxY: U + Y
         }
       }
     };
   };
   function c(d) {
-    fe.call(this, e, d);
+    de.call(this, e, d);
   }
   function u(d) {
-    fe.call(this, e, d);
+    de.call(this, e, d);
   }
   function f(d) {
-    fe.call(this, e, d);
+    de.call(this, e, d);
   }
   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);
@@ -2132,9 +2144,9 @@ function ko(e, t, n) {
     f
   ];
 }
-class Oo extends te {
+class Oo extends oe {
   constructor(t) {
-    super(), ee(this, t, ko, Lo, K, {
+    super(), ne(this, t, ko, Lo, J, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -2142,10 +2154,10 @@ class Oo extends te {
     });
   }
 }
-const Zt = /* @__PURE__ */ new Map([
-  [F.RECTANGLE, Oo],
-  [F.POLYGON, yo]
-]), Bo = (e) => Zt.get(e.type), Io = (e, t) => Zt.set(e, t), Po = (e) => ({}), St = (e) => ({ grab: (
+const Qt = /* @__PURE__ */ new Map([
+  [q.RECTANGLE, Oo],
+  [q.POLYGON, yo]
+]), Bo = (e) => Qt.get(e.type), Io = (e, t) => Qt.set(e, t), Po = (e) => ({}), St = (e) => ({ grab: (
   /*onGrab*/
   e[0]
 ) });
@@ -2163,17 +2175,17 @@ function Yo(e) {
   );
   return {
     c() {
-      t = X("g"), r && r.c(), h(t, "class", "a9s-annotation selected");
+      t = C("g"), r && r.c(), h(t, "class", "a9s-annotation selected");
     },
     m(l, a) {
-      B(l, t, a), r && r.m(t, null), n = !0, o || (i = [
-        H(
+      O(l, t, a), r && r.m(t, null), n = !0, o || (i = [
+        j(
           t,
           "pointerup",
           /*onRelease*/
           e[2]
         ),
-        H(
+        j(
           t,
           "pointermove",
           /*onPointerMove*/
@@ -2203,26 +2215,26 @@ function Yo(e) {
       );
     },
     i(l) {
-      n || (P(r, l), n = !0);
+      n || (I(r, l), n = !0);
     },
     o(l) {
-      D(r, l), n = !1;
+      X(r, l), n = !1;
     },
     d(l) {
-      l && k(t), r && r.d(l), o = !1, le(i);
+      l && k(t), r && r.d(l), o = !1, ce(i);
     }
   };
 }
-function Co(e, t, n) {
+function Do(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 d = (y) => (E) => {
-    c = y, u = a.elementToImage(E.offsetX, E.offsetY), f = r, E.target.setPointerCapture(E.pointerId), s("grab", E);
+  const d = (y) => (b) => {
+    c = y, u = a.elementToImage(b.offsetX, b.offsetY), f = r, b.target.setPointerCapture(b.pointerId), s("grab", b);
   }, g = (y) => {
     if (c) {
-      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);
+      const [b, p] = a.elementToImage(y.offsetX, y.offsetY), A = [b - u[0], p - u[1]];
+      n(3, r = l(f, c, A)), s("change", r);
     }
   }, m = (y) => {
     y.target.releasePointerCapture(y.pointerId), c = void 0, f = r, s("release", y);
@@ -2231,9 +2243,9 @@ function Co(e, t, n) {
     "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 {
+class Zt extends oe {
   constructor(t) {
-    super(), ee(this, t, Co, Yo, K, { shape: 3, editor: 4, transform: 5 });
+    super(), ne(this, t, Do, Yo, J, { shape: 3, editor: 4, transform: 5 });
   }
 }
 const je = (e, t) => {
@@ -2244,7 +2256,7 @@ const je = (e, t) => {
     return o && (s += `fill:${o};stroke:${o};`), s += `fill-opacity:${i || "0.25"};`, s;
   }
 };
-function Do(e, t, n) {
+function Xo(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;
@@ -2270,9 +2282,9 @@ function Do(e, t, n) {
     96 && f && f.$set({ viewportScale: u });
   }, [s, r, l, a, c, u, f];
 }
-class Xo extends te {
+class Co extends oe {
   constructor(t) {
-    super(), ee(this, t, Do, null, K, {
+    super(), ne(this, t, Xo, null, J, {
       annotation: 0,
       editor: 1,
       style: 2,
@@ -2308,9 +2320,9 @@ function Ro(e, t, n) {
     48 && c && c.$set({ viewportScale: a });
   }, [i, s, r, l, a, c];
 }
-class Uo extends te {
+class No extends oe {
   constructor(t) {
-    super(), ee(this, t, Ro, null, K, {
+    super(), ne(this, t, Ro, null, J, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -2323,7 +2335,7 @@ function Tt(e) {
   let t, n;
   return {
     c() {
-      t = X("rect"), n = X("rect"), h(t, "class", "a9s-outer"), h(
+      t = C("rect"), n = C("rect"), h(t, "class", "a9s-outer"), h(
         t,
         "x",
         /*x*/
@@ -2366,7 +2378,7 @@ function Tt(e) {
       );
     },
     m(o, i) {
-      B(o, t, i), B(o, n, i);
+      O(o, t, i), O(o, n, i);
     },
     p(o, i) {
       i & /*x*/
@@ -2424,24 +2436,24 @@ function Tt(e) {
     }
   };
 }
-function No(e) {
+function Uo(e) {
   let t, n = (
     /*origin*/
     e[0] && Tt(e)
   );
   return {
     c() {
-      t = X("g"), n && n.c(), h(t, "class", "a9s-annotation a9s-rubberband");
+      t = C("g"), n && n.c(), h(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      B(o, t, i), n && n.m(t, null);
+      O(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: G,
-    o: G,
+    i: F,
+    o: F,
     d(o) {
       o && k(t), n && n.d();
     }
@@ -2450,24 +2462,24 @@ function No(e) {
 function Vo(e, t, n) {
   const o = Te();
   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;
+  const m = (A) => {
+    const _ = A;
+    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, d = 1), n(4, g = 1));
+  }, y = (A) => {
+    const _ = A;
+    a && (c = r.elementToImage(_.offsetX, _.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])));
+  }, b = (A) => {
+    const _ = A, E = performance.now() - l;
     if (s === "click") {
-      if (A > 300)
+      if (E > 300)
         return;
-      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));
+      _.stopPropagation(), a ? p() : (n(0, a = r.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, d = 1), n(4, g = 1));
     } else
-      a && (A > 300 || d * g > 100 ? (w.stopPropagation(), p()) : (n(0, a = void 0), c = void 0));
+      a && (E > 300 || d * g > 100 ? (_.stopPropagation(), p()) : (n(0, a = void 0), c = void 0));
   }, p = () => {
     if (d * g > 15) {
-      const S = {
-        type: F.RECTANGLE,
+      const A = {
+        type: q.RECTANGLE,
         geometry: {
           bounds: {
             minX: u,
@@ -2481,19 +2493,19 @@ function Vo(e, t, n) {
           h: g
         }
       };
-      o("create", S);
+      o("create", A);
     }
     n(0, a = void 0), c = void 0;
   };
   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);
+    i("pointerdown", m), i("pointermove", y), 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, d, g, i, s, r];
 }
-class Go extends te {
+class Go extends oe {
   constructor(t) {
-    super(), ee(this, t, Vo, No, K, {
+    super(), ne(this, t, Vo, Uo, J, {
       addEventListener: 5,
       drawingMode: 6,
       transform: 7
@@ -2522,12 +2534,12 @@ function Mt(e) {
   );
   return {
     c() {
-      t = X("polygon"), o = X("polygon"), r && r.c(), s = ae(), h(t, "class", "a9s-outer"), h(t, "points", n = /*coords*/
+      t = C("polygon"), o = C("polygon"), r && r.c(), s = fe(), 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) {
-      B(l, t, a), B(l, o, a), r && r.m(l, a), B(l, s, a);
+      O(l, t, a), O(l, o, a), r && r.m(l, a), O(l, s, a);
     },
     p(l, a) {
       a & /*isClosable, points, cursor*/
@@ -2546,7 +2558,7 @@ function vt(e) {
   let t, n, o;
   return {
     c() {
-      t = X("rect"), h(t, "class", "a9s-corner-handle"), h(t, "x", n = /*points*/
+      t = C("rect"), h(t, "class", "a9s-corner-handle"), h(t, "x", n = /*points*/
       e[0][0][0] - /*handleSize*/
       e[3] / 2), h(t, "y", o = /*points*/
       e[0][0][1] - /*handleSize*/
@@ -2563,7 +2575,7 @@ function vt(e) {
       );
     },
     m(i, s) {
-      B(i, t, s);
+      O(i, t, s);
     },
     p(i, s) {
       s & /*points, handleSize*/
@@ -2598,17 +2610,17 @@ function zo(e) {
   );
   return {
     c() {
-      t = X("g"), n && n.c(), h(t, "class", "a9s-annotation a9s-rubberband");
+      t = C("g"), n && n.c(), h(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      B(o, t, i), n && n.m(t, null);
+      O(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: G,
-    o: G,
+    i: F,
+    o: F,
     d(o) {
       o && k(t), n && n.d();
     }
@@ -2619,68 +2631,68 @@ 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, d, g = !1;
-  const m = (w) => {
-    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 = _);
+  const m = (_) => {
+    const E = _, { timeStamp: B, offsetX: V, offsetY: U } = E;
+    if (c = { timeStamp: B, offsetX: V, offsetY: U }, r === "drag" && u.length === 0) {
+      const R = l.elementToImage(E.offsetX, E.offsetY);
+      u.push(R), n(1, f = R);
     }
-  }, y = (w) => {
-    const A = w;
+  }, y = (_) => {
+    const E = _;
     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);
+      if (n(1, f = l.elementToImage(E.offsetX, E.offsetY)), u.length > 2) {
+        const B = Ze(f, u[0]) * a;
+        n(2, g = B < Ho);
       }
-      A.pointerType === "touch" && (d = setTimeout(
+      E.pointerType === "touch" && (d = setTimeout(
         () => {
           p();
         },
         Fo
       ));
     }
-  }, E = (w) => {
-    const A = w;
+  }, b = (_) => {
+    const E = _;
     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)
+      const B = E.timeStamp - c.timeStamp, V = Ze([c.offsetX, c.offsetY], [E.offsetX, E.offsetY]);
+      if (B > 300 || V > 15)
         return;
       if (g)
-        S();
+        A();
       else if (u.length === 0) {
-        const U = l.elementToImage(A.offsetX, A.offsetY);
+        const U = l.elementToImage(E.offsetX, E.offsetY);
         u.push(U), n(1, f = U);
       } else
         u.push(f);
     } else {
-      if (u.length === 1 && Qe(u[0], f) <= 4) {
+      if (u.length === 1 && Ze(u[0], f) <= 4) {
         n(0, u = []), n(1, f = void 0);
         return;
       }
-      A.stopImmediatePropagation(), g ? S() : u.push(f);
+      E.stopImmediatePropagation(), g ? A() : u.push(f);
     }
   }, p = () => {
     if (!f)
       return;
-    const w = [...u, f], A = {
-      type: F.POLYGON,
-      geometry: { bounds: Fe(w), points: w }
+    const _ = [...u, f], E = {
+      type: q.POLYGON,
+      geometry: { bounds: Fe(_), points: _ }
     };
-    st(A) > 4 && (n(0, u = []), n(1, f = void 0), i("create", A));
-  }, S = () => {
-    const w = {
-      type: F.POLYGON,
+    st(E) > 4 && (n(0, u = []), n(1, f = void 0), i("create", E));
+  }, A = () => {
+    const _ = {
+      type: q.POLYGON,
       geometry: {
         bounds: Fe(u),
         points: [...u]
       }
     };
-    n(0, u = []), n(1, f = void 0), i("create", w);
+    n(0, u = []), n(1, f = void 0), i("create", _);
   };
   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);
+    s("pointerdown", m, !0), s("pointermove", y), s("pointerup", b, !0), s("dblclick", p, !0);
+  }), e.$$set = (_) => {
+    "addEventListener" in _ && n(4, s = _.addEventListener), "drawingMode" in _ && n(5, r = _.drawingMode), "transform" in _ && n(6, l = _.transform), "viewportScale" in _ && n(7, a = _.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*viewportScale*/
     128 && n(3, o = 10 / a);
@@ -2695,9 +2707,9 @@ function jo(e, t, n) {
     a
   ];
 }
-class qo extends te {
+class qo extends oe {
   constructor(t) {
-    super(), ee(this, t, jo, zo, K, {
+    super(), ne(this, t, jo, zo, J, {
       addEventListener: 4,
       drawingMode: 5,
       transform: 6,
@@ -2713,7 +2725,7 @@ function Wo(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = X("g"), n = X("ellipse"), i = X("ellipse"), h(n, "class", "a9s-outer"), h(n, "style", o = /*computedStyle*/
+      t = C("g"), n = C("ellipse"), i = C("ellipse"), h(n, "class", "a9s-outer"), h(n, "style", o = /*computedStyle*/
       e[1] ? "display:none;" : void 0), h(
         n,
         "cx",
@@ -2763,7 +2775,7 @@ function Wo(e) {
       e[0].id);
     },
     m(r, l) {
-      B(r, t, l), ie(t, n), ie(t, i);
+      O(r, t, l), re(t, n), re(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -2778,8 +2790,8 @@ function Wo(e) {
       1 && s !== (s = /*annotation*/
       r[0].id) && h(t, "data-id", s);
     },
-    i: G,
-    o: G,
+    i: F,
+    o: F,
     d(r) {
       r && k(t);
     }
@@ -2795,16 +2807,16 @@ function Jo(e, t, n) {
     129 && n(1, o = je(i, r));
   }, [i, o, l, a, c, u, s, r];
 }
-class Zo extends te {
+class Qo extends oe {
   constructor(t) {
-    super(), ee(this, t, Jo, Wo, K, { annotation: 0, geom: 6, style: 7 });
+    super(), ne(this, t, Jo, Wo, J, { annotation: 0, geom: 6, style: 7 });
   }
 }
-function Qo(e) {
+function Zo(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = X("g"), n = X("polygon"), i = X("polygon"), h(n, "class", "a9s-outer"), h(n, "style", o = /*computedStyle*/
+      t = C("g"), n = C("polygon"), i = C("polygon"), h(n, "class", "a9s-outer"), h(n, "style", o = /*computedStyle*/
       e[1] ? "display:none;" : void 0), h(
         n,
         "points",
@@ -2824,7 +2836,7 @@ function Qo(e) {
       e[0].id);
     },
     m(r, l) {
-      B(r, t, l), ie(t, n), ie(t, i);
+      O(r, t, l), re(t, n), re(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -2839,8 +2851,8 @@ function Qo(e) {
       1 && s !== (s = /*annotation*/
       r[0].id) && h(t, "data-id", s);
     },
-    i: G,
-    o: G,
+    i: F,
+    o: F,
     d(r) {
       r && k(t);
     }
@@ -2857,16 +2869,16 @@ function ei(e, t, n) {
     17 && n(1, o = je(i, r));
   }, [i, o, l, s, r];
 }
-class ti extends te {
+class ti extends oe {
   constructor(t) {
-    super(), ee(this, t, ei, Qo, K, { annotation: 0, geom: 3, style: 4 });
+    super(), ne(this, t, ei, Zo, J, { annotation: 0, geom: 3, style: 4 });
   }
 }
 function ni(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = X("g"), n = X("rect"), i = X("rect"), h(n, "class", "a9s-outer"), h(n, "style", o = /*computedStyle*/
+      t = C("g"), n = C("rect"), i = C("rect"), h(n, "class", "a9s-outer"), h(n, "style", o = /*computedStyle*/
       e[5] ? "display:none;" : void 0), h(
         n,
         "x",
@@ -2916,7 +2928,7 @@ function ni(e) {
       e[0].id);
     },
     m(r, l) {
-      B(r, t, l), ie(t, n), ie(t, i);
+      O(r, t, l), re(t, n), re(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -2979,8 +2991,8 @@ function ni(e) {
       1 && s !== (s = /*annotation*/
       r[0].id) && h(t, "data-id", s);
     },
-    i: G,
-    o: G,
+    i: F,
+    o: F,
     d(r) {
       r && k(t);
     }
@@ -2996,12 +3008,12 @@ function oi(e, t, n) {
     64 && n(4, { x: i, y: s, w: r, h: l } = c, i, (n(3, s), n(6, c)), (n(2, r), n(6, c)), (n(1, l), n(6, c)));
   }, [a, l, r, s, i, o, c, u];
 }
-class ii extends te {
+class ii extends oe {
   constructor(t) {
-    super(), ee(this, t, oi, ni, K, { annotation: 0, geom: 6, style: 7 });
+    super(), ne(this, t, oi, ni, J, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const Ci = {
+const Di = {
   elementToImage: (e, t) => [e, t]
 }, si = (e) => ({
   elementToImage: (t, n) => {
@@ -3045,21 +3057,21 @@ function Ot(e) {
   ), n, o, i = Bt(e);
   return {
     c() {
-      i.c(), n = ae();
+      i.c(), n = fe();
     },
     m(s, r) {
-      i.m(s, r), B(s, n, r), o = !0;
+      i.m(s, r), O(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*$store*/
-      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);
+      16384 && J(t, t = /*annotation*/
+      s[34].id) ? (le(), X(i, 1, 1, F), ae(), i = Bt(s), i.c(), I(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (P(i), o = !0);
+      o || (I(i), o = !0);
     },
     o(s) {
-      D(i), o = !1;
+      X(i), o = !1;
     },
     d(s) {
       s && k(n), i.d(s);
@@ -3085,10 +3097,10 @@ function ci(e) {
     }
   }), {
     c() {
-      $(t.$$.fragment);
+      te(t.$$.fragment);
     },
     m(o, i) {
-      Q(t, o, i), n = !0;
+      $(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
@@ -3101,13 +3113,13 @@ function ci(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (I(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      D(t.$$.fragment, o), n = !1;
+      X(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      x(t, o);
+      ee(t, o);
     }
   };
 }
@@ -3130,10 +3142,10 @@ function fi(e) {
     }
   }), {
     c() {
-      $(t.$$.fragment);
+      te(t.$$.fragment);
     },
     m(o, i) {
-      Q(t, o, i), n = !0;
+      $(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
@@ -3146,19 +3158,19 @@ function fi(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (I(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      D(t.$$.fragment, o), n = !1;
+      X(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      x(t, o);
+      ee(t, o);
     }
   };
 }
 function ui(e) {
   let t, n;
-  return t = new Zo({
+  return t = new Qo({
     props: {
       annotation: (
         /*annotation*/
@@ -3175,10 +3187,10 @@ function ui(e) {
     }
   }), {
     c() {
-      $(t.$$.fragment);
+      te(t.$$.fragment);
     },
     m(o, i) {
-      Q(t, o, i), n = !0;
+      $(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
@@ -3191,13 +3203,13 @@ function ui(e) {
       o[1]), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (I(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      D(t.$$.fragment, o), n = !1;
+      X(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      x(t, o);
+      ee(t, o);
     }
   };
 }
@@ -3207,33 +3219,33 @@ function Bt(e) {
   function l(a, c) {
     return (
       /*selector*/
-      a[37].type === F.ELLIPSE ? 0 : (
+      a[37].type === q.ELLIPSE ? 0 : (
         /*selector*/
-        a[37].type === F.RECTANGLE ? 1 : (
+        a[37].type === q.RECTANGLE ? 1 : (
           /*selector*/
-          a[37].type === F.POLYGON ? 2 : -1
+          a[37].type === q.POLYGON ? 2 : -1
         )
       )
     );
   }
   return ~(t = l(e)) && (n = r[t] = s[t](e)), {
     c() {
-      n && n.c(), o = ae();
+      n && n.c(), o = fe();
     },
     m(a, c) {
-      ~t && r[t].m(a, c), B(a, o, c), i = !0;
+      ~t && r[t].m(a, c), O(a, o, c), i = !0;
     },
     p(a, c) {
       let u = t;
-      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (se(), D(r[u], 1, 1, () => {
+      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (le(), X(r[u], 1, 1, () => {
         r[u] = 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);
+      }), ae()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), I(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
-      i || (P(n), i = !0);
+      i || (I(n), i = !0);
     },
     o(a) {
-      D(n), i = !1;
+      X(n), i = !1;
     },
     d(a) {
       a && k(o), ~t && r[t].d(a);
@@ -3248,10 +3260,10 @@ function It(e) {
   ), n, o, i = t && Ot($e(e));
   return {
     c() {
-      i && i.c(), n = ae();
+      i && i.c(), n = fe();
     },
     m(s, r) {
-      i && i.m(s, r), B(s, n, r), o = !0;
+      i && i.m(s, r), O(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*isEditable, $store*/
@@ -3260,15 +3272,15 @@ function It(e) {
         /*annotation*/
         s[34]
       )), t ? i ? (i.p($e(s), r), r[0] & /*isEditable, $store*/
-      16640 && P(i, 1)) : (i = Ot($e(s)), i.c(), P(i, 1), i.m(n.parentNode, n)) : i && (se(), D(i, 1, 1, () => {
+      16640 && I(i, 1)) : (i = Ot($e(s)), i.c(), I(i, 1), i.m(n.parentNode, n)) : i && (le(), X(i, 1, 1, () => {
         i = null;
-      }), re());
+      }), ae());
     },
     i(s) {
-      o || (P(i), o = !0);
+      o || (I(i), o = !0);
     },
     o(s) {
-      D(i), o = !1;
+      X(i), o = !1;
     },
     d(s) {
       s && k(n), i && i.d(s);
@@ -3290,22 +3302,22 @@ function Pt(e) {
   }
   return ~(t = l(e)) && (n = r[t] = s[t](e)), {
     c() {
-      n && n.c(), o = ae();
+      n && n.c(), o = fe();
     },
     m(a, c) {
-      ~t && r[t].m(a, c), B(a, o, c), i = !0;
+      ~t && r[t].m(a, c), O(a, o, c), i = !0;
     },
     p(a, c) {
       let u = t;
-      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (se(), D(r[u], 1, 1, () => {
+      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (le(), X(r[u], 1, 1, () => {
         r[u] = 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);
+      }), ae()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), I(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
-      i || (P(n), i = !0);
+      i || (I(n), i = !0);
     },
     o(a) {
-      D(n), i = !1;
+      X(n), i = !1;
     },
     d(a) {
       a && k(o), ~t && r[t].d(a);
@@ -3319,21 +3331,21 @@ function di(e) {
   ), n, o, i = Yt(e);
   return {
     c() {
-      i.c(), n = ae();
+      i.c(), n = fe();
     },
     m(s, r) {
-      i.m(s, r), B(s, n, r), o = !0;
+      i.m(s, r), O(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*toolName*/
-      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);
+      4 && J(t, t = /*toolName*/
+      s[2]) ? (le(), X(i, 1, 1, F), ae(), i = Yt(s), i.c(), I(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (P(i), o = !0);
+      o || (I(i), o = !0);
     },
     o(s) {
-      D(i), o = !1;
+      X(i), o = !1;
     },
     d(s) {
       s && k(n), i.d(s);
@@ -3346,20 +3358,20 @@ function hi(e) {
     e[7]
   ), i = [];
   for (let r = 0; r < o.length; r += 1)
-    i[r] = Dt(Lt(e, o, r));
-  const s = (r) => D(i[r], 1, 1, () => {
+    i[r] = Xt(Lt(e, o, r));
+  const s = (r) => X(i[r], 1, 1, () => {
     i[r] = null;
   });
   return {
     c() {
       for (let r = 0; r < i.length; r += 1)
         i[r].c();
-      t = ae();
+      t = fe();
     },
     m(r, l) {
       for (let a = 0; a < i.length; a += 1)
         i[a] && i[a].m(r, l);
-      B(r, t, l), n = !0;
+      O(r, t, l), n = !0;
     },
     p(r, l) {
       if (l[0] & /*editableAnnotations, drawingEl, getEditor, style, transform, $scale, onChangeSelected*/
@@ -3371,24 +3383,24 @@ function hi(e) {
         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));
+          i[a] ? (i[a].p(c, l), I(i[a], 1)) : (i[a] = Xt(c), i[a].c(), I(i[a], 1), i[a].m(t.parentNode, t));
         }
-        for (se(), a = o.length; a < i.length; a += 1)
+        for (le(), a = o.length; a < i.length; a += 1)
           s(a);
-        re();
+        ae();
       }
     },
     i(r) {
       if (!n) {
         for (let l = 0; l < o.length; l += 1)
-          P(i[l]);
+          I(i[l]);
         n = !0;
       }
     },
     o(r) {
       i = i.filter(en);
       for (let l = 0; l < i.length; l += 1)
-        D(i[l]);
+        X(i[l]);
       n = !1;
     },
     d(r) {
@@ -3398,7 +3410,7 @@ function hi(e) {
 }
 function Yt(e) {
   let t, n;
-  return t = new Uo({
+  return t = new No({
     props: {
       target: (
         /*drawingEl*/
@@ -3427,10 +3439,10 @@ function Yt(e) {
     e[18]
   ), {
     c() {
-      $(t.$$.fragment);
+      te(t.$$.fragment);
     },
     m(o, i) {
-      Q(t, o, i), n = !0;
+      $(t, o, i), n = !0;
     },
     p(o, i) {
       const s = {};
@@ -3447,19 +3459,19 @@ function Yt(e) {
       o[15]), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (I(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      D(t.$$.fragment, o), n = !1;
+      X(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      x(t, o);
+      ee(t, o);
     }
   };
 }
-function Ct(e) {
+function Dt(e) {
   let t, n;
-  return t = new Xo({
+  return t = new Co({
     props: {
       target: (
         /*drawingEl*/
@@ -3490,7 +3502,7 @@ function Ct(e) {
       )
     }
   }), t.$on("change", function() {
-    j(
+    K(
       /*onChangeSelected*/
       e[19](
         /*editable*/
@@ -3502,10 +3514,10 @@ function Ct(e) {
     ).apply(this, arguments);
   }), {
     c() {
-      $(t.$$.fragment);
+      te(t.$$.fragment);
     },
     m(o, i) {
-      Q(t, o, i), n = !0;
+      $(t, o, i), n = !0;
     },
     p(o, i) {
       e = o;
@@ -3528,38 +3540,38 @@ function Ct(e) {
       e[15]), t.$set(s);
     },
     i(o) {
-      n || (P(t.$$.fragment, o), n = !0);
+      n || (I(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      D(t.$$.fragment, o), n = !1;
+      X(t.$$.fragment, o), n = !1;
     },
     d(o) {
-      x(t, o);
+      ee(t, o);
     }
   };
 }
-function Dt(e) {
+function Xt(e) {
   let t = (
     /*editable*/
     e[31].id
-  ), n, o, i = Ct(e);
+  ), n, o, i = Dt(e);
   return {
     c() {
-      i.c(), n = ae();
+      i.c(), n = fe();
     },
     m(s, r) {
-      i.m(s, r), B(s, n, r), o = !0;
+      i.m(s, r), O(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*editableAnnotations*/
-      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);
+      128 && J(t, t = /*editable*/
+      s[31].id) ? (le(), X(i, 1, 1, F), ae(), i = Dt(s), i.c(), I(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
-      o || (P(i), o = !0);
+      o || (I(i), o = !0);
     },
     o(s) {
-      D(i), o = !1;
+      X(i), o = !1;
     },
     d(s) {
       s && k(n), i.d(s);
@@ -3573,7 +3585,7 @@ function gi(e) {
   ), a = [];
   for (let f = 0; f < l.length; f += 1)
     a[f] = It(kt(e, l, f));
-  const c = (f) => D(a[f], 1, 1, () => {
+  const c = (f) => X(a[f], 1, 1, () => {
     a[f] = null;
   });
   let u = (
@@ -3582,10 +3594,10 @@ function gi(e) {
   );
   return {
     c() {
-      t = X("svg"), n = X("g");
+      t = C("svg"), n = C("g");
       for (let f = 0; f < a.length; f += 1)
         a[f].c();
-      o = X("g"), u && u.c(), h(o, "class", "drawing"), h(t, "class", "a9s-annotationlayer"), Ee(
+      o = C("g"), u && u.c(), h(o, "class", "drawing"), h(t, "class", "a9s-annotationlayer"), Ee(
         t,
         "drawing",
         /*tool*/
@@ -3594,18 +3606,18 @@ function gi(e) {
       e[3]);
     },
     m(f, d) {
-      B(f, t, d), ie(t, n);
+      O(f, t, d), re(t, n);
       for (let g = 0; g < a.length; g += 1)
         a[g] && a[g].m(n, null);
-      ie(t, o), u && u.m(o, null), e[27](o), e[28](t), i = !0, s || (r = [
-        H(t, "pointerup", function() {
-          j(
+      re(t, o), u && u.m(o, null), e[27](o), e[28](t), i = !0, s || (r = [
+        j(t, "pointerup", function() {
+          K(
             /*onPointerUp*/
             e[9]
           ) && e[9].apply(this, arguments);
         }),
-        H(t, "pointerdown", function() {
-          j(
+        j(t, "pointerdown", function() {
+          K(
             /*onPointerDown*/
             e[10]
           ) && e[10].apply(this, arguments);
@@ -3622,17 +3634,17 @@ function gi(e) {
         let g;
         for (g = 0; g < l.length; g += 1) {
           const m = kt(e, l, g);
-          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));
+          a[g] ? (a[g].p(m, d), I(a[g], 1)) : (a[g] = It(m), a[g].c(), I(a[g], 1), a[g].m(n, null));
         }
-        for (se(), g = l.length; g < a.length; g += 1)
+        for (le(), g = l.length; g < a.length; g += 1)
           c(g);
-        re();
+        ae();
       }
       /*drawingEl*/
       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, () => {
+      32 && I(u, 1)) : (u = Pt(e), u.c(), I(u, 1), u.m(o, null)) : u && (le(), X(u, 1, 1, () => {
         u = null;
-      }), re()), (!i || d[0] & /*tool*/
+      }), ae()), (!i || d[0] & /*tool*/
       8192) && Ee(
         t,
         "drawing",
@@ -3645,88 +3657,88 @@ function gi(e) {
     i(f) {
       if (!i) {
         for (let d = 0; d < l.length; d += 1)
-          P(a[d]);
-        P(u), i = !0;
+          I(a[d]);
+        I(u), i = !0;
       }
     },
     o(f) {
       a = a.filter(en);
       for (let d = 0; d < a.length; d += 1)
-        D(a[d]);
-      D(u), i = !1;
+        X(a[d]);
+      X(u), i = !1;
     },
     d(f) {
-      f && k(t), rt(a, f), u && u.d(), e[27](null), e[28](null), s = !1, le(r);
+      f && k(t), rt(a, f), u && u.d(), e[27](null), e[28](null), s = !1, ce(r);
     }
   };
 }
 function mi(e, t, n) {
-  let o, i, s, r, l, a, c, u, f, d, g = G, m = () => (g(), g = Vt(b, (L) => n(15, d = L)), b);
+  let o, i, s, r, l, a, c, u, f, d, g = F, m = () => (g(), g = Vt(Y, (L) => n(15, d = L)), Y);
   e.$$.on_destroy.push(() => g());
-  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,
+  let { drawingEnabled: y } = t, { image: b } = t, { preferredDrawingMode: p } = t, { state: A } = t, { style: _ = void 0 } = t, { toolName: E = xt()[0] } = t, { user: B } = t, { visible: V = !0 } = t, U, R, Y;
+  Ye(() => m(n(6, Y = bo(b, R))));
+  const { selection: w, store: S } = A;
+  ht(e, w, (L) => n(26, u = L)), ht(e, S, (L) => n(14, f = L));
+  let T, M;
+  const P = (L) => {
+    T && S.unobserve(T);
+    const Q = L.filter(({ editable: z }) => z).map(({ id: z }) => z);
+    Q.length > 0 ? (n(7, M = Q.map((z) => S.getAnnotation(z)).filter(Boolean)), T = (z) => {
+      const { updated: ue } = z.changes;
+      n(7, M = ue == null ? void 0 : ue.map((Z) => Z.newValue));
+    }, S.observe(T, { annotations: Q })) : n(7, M = void 0);
+  }, G = (L) => {
+    const Q = qt(), z = {
+      id: Q,
       bodies: [],
       target: {
-        annotation: W,
+        annotation: Q,
         selector: L.detail,
-        creator: I,
+        creator: B,
         created: /* @__PURE__ */ new Date()
       }
     };
-    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
+    S.addAnnotation(z), w.setSelected(z.id);
+  }, x = (L) => (Q) => {
+    var N;
+    const { target: z } = L, ue = 10 * 60 * 1e3, Z = ((N = z.creator) == null ? void 0 : N.id) !== B.id || !z.created || (/* @__PURE__ */ new Date()).getTime() - z.created.getTime() > ue;
+    S.updateTarget({
+      ...z,
+      selector: Q.detail,
+      created: Z ? z.created : /* @__PURE__ */ new Date(),
+      updated: Z ? /* @__PURE__ */ new Date() : void 0,
+      updatedBy: Z ? B : void 0
     });
   }, Me = (L) => Bo(L);
-  function oe(L) {
+  function se(L) {
     He[L ? "unshift" : "push"](() => {
       U = L, n(5, U);
     });
   }
   function ve(L) {
     He[L ? "unshift" : "push"](() => {
-      _ = L, n(4, _);
+      R = L, n(4, R);
     });
   }
   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);
+    "drawingEnabled" in L && n(0, y = L.drawingEnabled), "image" in L && n(21, b = L.image), "preferredDrawingMode" in L && n(22, p = L.preferredDrawingMode), "state" in L && n(23, A = L.state), "style" in L && n(1, _ = L.style), "toolName" in L && n(2, E = L.toolName), "user" in L && n(24, B = L.user), "visible" in L && n(3, V = L.visible);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
-    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*/
+    4 && n(13, { tool: o, opts: i } = $t(E) || { tool: void 0, opts: void 0 }, o, (n(25, i), n(2, E))), 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);
+    16 && n(11, r = si(R)), e.$$.dirty[0] & /*svgEl*/
+    16 && n(10, { onPointerDown: l, onPointerUp: a } = li(R, S), l, (n(9, a), n(4, R))), e.$$.dirty[0] & /*$selection*/
+    67108864 && n(8, c = (L) => u.selected.find((Q) => Q.id === L.id && Q.editable)), e.$$.dirty[0] & /*$selection*/
+    67108864 && P(u.selected);
   }, [
     y,
-    w,
-    A,
-    N,
     _,
+    E,
+    V,
+    R,
     U,
-    b,
     Y,
+    M,
     c,
     a,
     l,
@@ -3735,29 +3747,29 @@ function mi(e, t, n) {
     o,
     f,
     d,
-    T,
-    M,
-    he,
-    ge,
+    w,
+    S,
+    G,
+    x,
     Me,
-    E,
+    b,
     p,
-    S,
-    I,
+    A,
+    B,
     i,
     u,
-    oe,
+    se,
     ve
   ];
 }
-class pi extends te {
+class pi extends oe {
   constructor(t) {
-    super(), ee(
+    super(), ne(
       this,
       t,
       mi,
       gi,
-      K,
+      J,
       {
         drawingEnabled: 0,
         image: 21,
@@ -3911,10 +3923,10 @@ class wi {
       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);
+    Ct(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);
+      Ct(t, u, f, a, this.compareMinY);
       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));
@@ -3966,14 +3978,14 @@ class wi {
   _allDistMargin(t, n, o, i) {
     t.children.sort(i);
     const s = this.toBBox, r = Oe(t, 0, n, s), l = Oe(t, o - n, o, s);
-    let a = Ne(r) + Ne(l);
+    let a = Ue(r) + Ue(l);
     for (let c = n; c < o - n; c++) {
       const u = t.children[c];
-      Be(r, t.leaf ? s(u) : u), a += Ne(r);
+      Be(r, t.leaf ? s(u) : u), a += Ue(r);
     }
     for (let c = o - n - 1; c >= n; c--) {
       const u = t.children[c];
-      Be(l, t.leaf ? s(u) : u), a += Ne(l);
+      Be(l, t.leaf ? s(u) : u), a += Ue(l);
     }
     return a;
   }
@@ -4017,7 +4029,7 @@ function Ai(e, t) {
 function et(e) {
   return (e.maxX - e.minX) * (e.maxY - e.minY);
 }
-function Ne(e) {
+function Ue(e) {
   return e.maxX - e.minX + (e.maxY - e.minY);
 }
 function Si(e, t) {
@@ -4044,7 +4056,7 @@ function be(e) {
     maxY: -1 / 0
   };
 }
-function Xt(e, t, n, o, i) {
+function Ct(e, t, n, o, i) {
   const s = [t, n];
   for (; s.length; ) {
     if (n = s.pop(), t = s.pop(), n - t <= o)
@@ -4057,8 +4069,8 @@ const Mi = () => {
   const e = new wi(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
     e.clear(), t.clear();
   }, i = (f) => {
-    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);
+    const { minX: d, minY: g, maxX: m, maxY: y } = f.selector.geometry.bounds, b = { minX: d, minY: g, maxX: m, maxY: y, target: f };
+    e.insert(b), t.set(f.annotation, b);
   }, s = (f) => {
     const d = t.get(f.annotation);
     d && e.remove(d), t.delete(f.annotation);
@@ -4072,9 +4084,9 @@ const Mi = () => {
         minY: d,
         maxX: f,
         maxY: d
-      }).map((y) => y.target).filter((y) => y.selector.type === F.RECTANGLE || wn(y.selector, f, d));
+      }).map((y) => y.target).filter((y) => y.selector.type === q.RECTANGLE || wn(y.selector, f, d));
       if (m.length > 0)
-        return m.sort((y, E) => st(y.selector) - st(E.selector)), m[0];
+        return m.sort((y, b) => st(y.selector) - st(b.selector)), m[0];
     },
     getIntersecting: (f, d, g, m) => e.search({
       minX: f,
@@ -4087,8 +4099,8 @@ const Mi = () => {
     set: (f, d = !0) => {
       d && o();
       const g = f.map((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 };
+        const { minX: y, minY: b, maxX: p, maxY: A } = m.selector.geometry.bounds;
+        return { minX: y, minY: b, maxX: p, maxY: A, target: m };
       });
       g.forEach((m) => t.set(m.target.annotation, m)), e.load(g);
     },
@@ -4098,7 +4110,7 @@ const Mi = () => {
     }
   };
 }, vi = (e) => {
-  const t = Kn(), n = Mi(), o = Rn(t, e.pointerSelectAction), i = Xn(t), s = xn();
+  const t = Kn(), n = Mi(), o = Rn(t, e.pointerSelectAction), i = Cn(t), s = xn();
   return t.observe(({ changes: a }) => {
     n.set((a.created || []).map((c) => c.target), !1), (a.deleted || []).forEach((c) => n.remove(c.target)), (a.updated || []).forEach(({ oldValue: c, newValue: u }) => n.update(c.target, u.target));
   }), {
@@ -4144,7 +4156,7 @@ const Mi = () => {
   drawingMode: e.drawingMode || t.drawingMode,
   pointerSelectAction: e.pointerSelectAction || t.pointerSelectAction,
   theme: e.theme || t.theme
-}), Ut = navigator.userAgent.indexOf("Mac OS X") !== -1, Ii = (e, t) => {
+}), Nt = navigator.userAgent.indexOf("Mac OS X") !== -1, Ii = (e, t) => {
   const n = t || document, o = (r) => {
     const l = r;
     l.key === "z" && l.ctrlKey ? e.undo() : l.key === "y" && l.ctrlKey && e.redo();
@@ -4152,12 +4164,12 @@ const Mi = () => {
     const l = r;
     l.key === "z" && l.metaKey && (l.shiftKey ? e.redo() : e.undo());
   }, s = () => {
-    Ut ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
+    Nt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
   };
-  return Ut ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
+  return Nt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
     destroy: s
   };
-}, Di = (e, t = {}) => {
+}, Xi = (e, t = {}) => {
   if (!e)
     throw "Missing argument: image";
   const n = typeof e == "string" ? document.getElementById(e) : e, o = Bi(t, {
@@ -4165,7 +4177,7 @@ const Mi = () => {
     drawingMode: "drag",
     pointerSelectAction: Kt.EDIT,
     theme: "light"
-  }), i = Li(o), { selection: s, store: r } = i, l = Qn(r), a = $n(
+  }), i = Li(o), { selection: s, store: r } = i, l = Zn(r), a = $n(
     i,
     l,
     o.adapter,
@@ -4186,23 +4198,23 @@ const Mi = () => {
       user: f
     }
   });
-  d.$on("click", (b) => {
-    const { originalEvent: T, annotation: M } = b.detail;
-    M ? s.clickSelect(M.id, T) : s.isEmpty() || s.clear();
+  d.$on("click", (Y) => {
+    const { originalEvent: w, annotation: S } = Y.detail;
+    S ? s.clickSelect(S.id, w) : s.isEmpty() || s.clear();
   });
   const g = to(i, l, o.adapter), m = () => {
     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) => {
+  }, y = () => f, b = (Y, w, S) => Ko(Y, w, S), p = (Y, w) => Io(Y, w), A = (Y) => {
+    if (!$t(Y))
+      throw `No drawing tool named ${Y}`;
+    d.$set({ toolName: Y });
+  }, _ = (Y) => d.$set({ drawingEnabled: Y }), E = (Y) => {
     console.warn("Filter not implemented yet");
-  }, I = (b) => d.$set({ style: b }), N = (b) => Rt(n, c, b), U = (b) => {
-    f = b, d.$set({ user: b });
-  }, _ = (b) => (
+  }, B = (Y) => d.$set({ style: Y }), V = (Y) => Rt(n, c, Y), U = (Y) => {
+    f = Y, d.$set({ user: Y });
+  }, R = (Y) => (
     // @ts-ignore
-    d.$set({ visible: b })
+    d.$set({ visible: Y })
   );
   return {
     ...g,
@@ -4211,40 +4223,40 @@ const Mi = () => {
     listDrawingTools: xt,
     on: a.on,
     off: a.off,
-    registerDrawingTool: E,
+    registerDrawingTool: b,
     registerShapeEditor: p,
-    setDrawingEnabled: w,
-    setDrawingTool: S,
-    setFilter: A,
-    setStyle: I,
-    setTheme: N,
+    setDrawingEnabled: _,
+    setDrawingTool: A,
+    setFilter: E,
+    setStyle: B,
+    setTheme: V,
     setUser: U,
-    setVisible: _,
+    setVisible: R,
     state: i
   };
 };
 export {
-  Qt as Editor,
-  Xo as EditorMount,
+  Zt as Editor,
+  Co as EditorMount,
   ke as Handle,
-  Ci as IdentityTransform,
+  Di as IdentityTransform,
   yo as PolygonEditor,
   Oo as RectangleEditor,
   An as RectangleUtil,
   Go as RubberbandRectangle,
   pi as SVGAnnotationLayer,
-  F as ShapeType,
-  Uo as ToolMount,
+  q as ShapeType,
+  No as ToolMount,
   Yi as W3CImageFormat,
   li as addEventListeners,
   Fe as boundsFromPoints,
   st as computeArea,
-  Di as createImageAnnotator,
+  Xi as createImageAnnotator,
   vi as createImageAnnotatorState,
   si as createSVGTransform,
   Li as createSvelteImageAnnotatorState,
   Oi as detectTheme,
-  Qe as distance,
+  Ze as distance,
   bo as enableResponsive,
   Bi as fillDefaults,
   Bo as getEditor,