@annotorious/annotorious 3.7.13 → 3.7.15

package/dist/annotorious.es.js

@@ -16,7 +16,7 @@ function Gn(e) {
 function Jt() {
   return /* @__PURE__ */ Object.create(null);
 }
-function Ae(e) {
+function Se(e) {
   e.forEach(Gn);
 }
 function ie(e) {
@@ -37,16 +37,16 @@ function jn(e, ...t) {
   const n = e.subscribe(...t);
   return n.unsubscribe ? () => n.unsubscribe() : n;
 }
-function At(e, t, n) {
+function St(e, t, n) {
   e.$$.on_destroy.push(jn(t, n));
 }
 function _o(e, t, n, o) {
   if (e) {
-    const i = zn(e, t, n, o);
+    const i = Fn(e, t, n, o);
     return e[0](i);
   }
 }
-function zn(e, t, n, o) {
+function Fn(e, t, n, o) {
   return e[1] && o ? Vt(n.ctx.slice(), e[1](o(t))) : n.ctx;
 }
 function wo(e, t, n, o) {
@@ -66,7 +66,7 @@ function wo(e, t, n, o) {
 }
 function bo(e, t, n, o, i, s) {
   if (i) {
-    const r = zn(t, n, o, s);
+    const r = Fn(t, n, o, s);
     e.p(r, i);
   }
 }
@@ -84,7 +84,7 @@ function Qt(e) {
   for (const n in e) n[0] !== "$" && (t[n] = e[n]);
   return t;
 }
-function Fe(e) {
+function ze(e) {
   return e ?? "";
 }
 function j(e, t) {
@@ -103,14 +103,14 @@ function Ye(e, t) {
 function L(e) {
   return document.createElementNS("http://www.w3.org/2000/svg", e);
 }
-function Fn(e) {
+function zn(e) {
   return document.createTextNode(e);
 }
 function _e() {
-  return Fn(" ");
+  return zn(" ");
 }
-function Se() {
-  return Fn("");
+function Ae() {
+  return zn("");
 }
 function W(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
@@ -124,7 +124,7 @@ function vo(e) {
 function Te(e, t, n) {
   e.classList.toggle(t, !!n);
 }
-function Ao(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
+function So(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
   return new CustomEvent(e, { detail: t, bubbles: n, cancelable: o });
 }
 let $e;
@@ -143,7 +143,7 @@ function Be() {
   return (t, n, { cancelable: o = !1 } = {}) => {
     const i = e.$$.callbacks[t];
     if (i) {
-      const s = Ao(
+      const s = So(
         /** @type {string} */
         t,
         n,
@@ -173,7 +173,7 @@ function Zn() {
 function Ht(e) {
   Ke.push(e);
 }
-const St = /* @__PURE__ */ new Set();
+const At = /* @__PURE__ */ new Set();
 let Xe = 0;
 function Jn() {
   if (Xe !== 0)
@@ -183,7 +183,7 @@ function Jn() {
     try {
       for (; Xe < je.length; ) {
         const t = je[Xe];
-        Xe++, xe(t), So(t.$$);
+        Xe++, xe(t), Ao(t.$$);
       }
     } catch (t) {
       throw je.length = 0, Xe = 0, t;
@@ -191,17 +191,17 @@ function Jn() {
     for (xe(null), je.length = 0, Xe = 0; gt.length; ) gt.pop()();
     for (let t = 0; t < Ke.length; t += 1) {
       const n = Ke[t];
-      St.has(n) || (St.add(n), n());
+      At.has(n) || (At.add(n), n());
     }
     Ke.length = 0;
   } while (je.length);
   for (; xt.length; )
     xt.pop()();
-  Xt = !1, St.clear(), xe(e);
+  Xt = !1, At.clear(), xe(e);
 }
-function So(e) {
+function Ao(e) {
   if (e.fragment !== null) {
-    e.update(), Ae(e.before_update);
+    e.update(), Se(e.before_update);
     const t = e.dirty;
     e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(Ht);
   }
@@ -221,7 +221,7 @@ function we() {
   };
 }
 function be() {
-  Ne.r || Ae(Ne.c), Ne = Ne.p;
+  Ne.r || Se(Ne.c), Ne = Ne.p;
 }
 function U(e, t) {
   e && e.i && (ut.delete(e), e.i(t));
@@ -244,12 +244,12 @@ function re(e, t, n) {
   const { fragment: o, after_update: i } = e.$$;
   o && o.m(t, n), Ht(() => {
     const s = e.$$.on_mount.map(Gn).filter(ie);
-    e.$$.on_destroy ? e.$$.on_destroy.push(...s) : Ae(s), e.$$.on_mount = [];
+    e.$$.on_destroy ? e.$$.on_destroy.push(...s) : Se(s), e.$$.on_mount = [];
   }), i.forEach(Ht);
 }
 function le(e, t) {
   const n = e.$$;
-  n.fragment !== null && (ko(n.after_update), Ae(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
+  n.fragment !== null && (ko(n.after_update), Se(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
 }
 function Mo(e, t) {
   e.$$.dirty[0] === -1 && (je.push(e), Wn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
@@ -283,7 +283,7 @@ function me(e, t, n, o, i, s, r = null, l = [-1]) {
   if (u.ctx = n ? n(e, t.props || {}, (f, h, ...g) => {
     const m = g.length ? g[0] : h;
     return u.ctx && i(u.ctx[f], u.ctx[f] = m) && (!u.skip_bound && u.bound[f] && u.bound[f](m), d && Mo(e, f)), h;
-  }) : [], u.update(), d = !0, Ae(u.before_update), u.fragment = o ? o(u.ctx) : !1, t.target) {
+  }) : [], u.update(), d = !0, Se(u.before_update), u.fragment = o ? o(u.ctx) : !1, t.target) {
     if (t.hydrate) {
       const f = vo(t.target);
       u.fragment && u.fragment.l(f), f.forEach(D);
@@ -385,7 +385,7 @@ var Qn = { exports: {} };
   })();
 })(Qn);
 var Lo = Qn.exports;
-const Io = /* @__PURE__ */ Po(Lo), Ft = {}, We = (e, t) => Ft[e] = t, Gt = (e) => Ft[e.type].area(e), Co = (e, t, n, o) => Ft[e.type].intersects(e, t, n, o), ge = (e) => {
+const Io = /* @__PURE__ */ Po(Lo), zt = {}, We = (e, t) => zt[e] = t, Gt = (e) => zt[e.type].area(e), Co = (e, t, n, o) => zt[e.type].intersects(e, t, n, o), ge = (e) => {
   let t = 1 / 0, n = 1 / 0, o = -1 / 0, i = -1 / 0;
   return e.forEach(([s, r]) => {
     t = Math.min(t, s), n = Math.min(n, r), o = Math.max(o, s), i = Math.max(i, r);
@@ -459,7 +459,7 @@ const No = {
 }, Pe = (e) => e.rings.map((n) => Oo(n.points)).join(" "), Yo = (e) => e.polygons.reduce((t, n) => [
   ...t,
   ...n.rings.reduce((o, i) => [...o, ...i.points], [])
-], []), Or = (e, t = 1) => {
+], []), Dr = (e, t = 1) => {
   const n = e.geometry.polygons.map((i) => {
     const s = i.rings.map((l) => {
       const a = xn(l.points, t);
@@ -493,7 +493,7 @@ const Uo = {
     const o = e.geometry.points;
     return pt(o, t, n);
   }
-}, Dr = (e, t = 1) => {
+}, Br = (e, t = 1) => {
   const n = xn(e.geometry.points, t), o = ge(n);
   return {
     ...e,
@@ -600,8 +600,10 @@ We(x.RECTANGLE, Xo);
 const yt = (e) => ht(e.target), ht = (e) => {
   var t, n;
   return (e == null ? void 0 : e.annotation) !== void 0 && ((n = (t = e == null ? void 0 : e.selector) == null ? void 0 : t.geometry) == null ? void 0 : n.bounds) !== void 0;
-}, Ho = (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, u, d, f] = i;
+}, Ho = (e) => (e == null ? void 0 : e.type) === "FragmentSelector" ? !0 : typeof e == "string" ? e.indexOf("#") < 0 ? !1 : /^#xywh(?:=(?:pixel:|percent:)?)\s*\d+(\.\d*)?,\s*\d+(\.\d*)?,\s*\d+(\.\d*)?,\s*\d+(\.\d*)?$/i.test(e) : !1, Go = (e, t = !1) => {
+  const n = typeof e == "string" ? e : e.value, o = /(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0];
+  if (!i) throw new Error("Not a MediaFragment: " + n);
+  const [s, r, l, a, u, d, f] = i;
   if (r !== "xywh") throw new Error("Unsupported MediaFragment: " + n);
   if (l && l !== "pixel") throw new Error(`Unsupported MediaFragment unit: ${l}`);
   const [h, g, m, p] = [a, u, d, f].map(parseFloat);
@@ -620,7 +622,7 @@ const yt = (e) => ht(e.target), ht = (e) => {
       }
     }
   };
-}, Go = (e) => {
+}, jo = (e) => {
   const { x: t, y: n, w: o, h: i } = e;
   return {
     type: "FragmentSelector",
@@ -634,12 +636,12 @@ const yt = (e) => ht(e.target), ht = (e) => {
     });
   }, n = e.getElementsByTagName("script");
   return Array.from(n).reverse().forEach((o) => o.parentNode.removeChild(o)), Array.from(e.querySelectorAll("*")).forEach(t), e;
-}, jo = (e) => {
+}, Fo = (e) => {
   const o = new XMLSerializer().serializeToString(e.documentElement).replace("<svg>", `<svg xmlns="${to}">`);
   return new DOMParser().parseFromString(o, "image/svg+xml").documentElement;
 }, _t = (e) => {
   const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix(to), i = n.lookupNamespaceURI(null);
-  return o || i ? en(n).firstChild : en(jo(n)).firstChild;
+  return o || i ? en(n).firstChild : en(Fo(n)).firstChild;
 }, zo = (e) => {
   const t = no(e), n = [];
   let o = [], i = [0, 0];
@@ -670,12 +672,12 @@ const yt = (e) => ht(e.target), ht = (e) => {
     const s = ge(n[0].points);
     return { rings: n, bounds: s };
   }
-}, Fo = (e) => {
+}, qo = (e) => {
   const { point: t, inHandle: n, outHandle: o } = e;
   if (!n || !o) return !1;
   const i = n[0] - t[0], s = n[1] - t[1], r = o[0] - t[0], l = o[1] - t[1], a = i * l - s * r;
   return Math.abs(a) < 0.01;
-}, qo = (e) => {
+}, Ko = (e) => {
   const t = no(e);
   let n = [], o = [0, 0], i = !1;
   for (let r = 0; r < t.length; r++) {
@@ -713,7 +715,7 @@ const yt = (e) => ht(e.target), ht = (e) => {
         break;
     }
   }
-  n = n.map((r) => Fo(r) ? { ...r, locked: !0 } : r);
+  n = n.map((r) => qo(r) ? { ...r, locked: !0 } : r);
   const s = ge(jt(n, i));
   return {
     points: n,
@@ -731,7 +733,7 @@ const yt = (e) => ht(e.target), ht = (e) => {
     });
   }
   return t;
-}, Ko = (e) => {
+}, Wo = (e) => {
   const [t, n, o] = e.match(/(<polygon points=["|'])([^("|')]*)/) || [], i = o.split(" ").map((s) => s.split(",").map(parseFloat));
   return {
     type: x.POLYGON,
@@ -740,7 +742,7 @@ const yt = (e) => ht(e.target), ht = (e) => {
       bounds: ge(i)
     }
   };
-}, Wo = (e) => {
+}, Zo = (e) => {
   const t = _t(e), n = parseFloat(t.getAttribute("cx")), o = parseFloat(t.getAttribute("cy")), i = parseFloat(t.getAttribute("rx")), s = parseFloat(t.getAttribute("ry")), r = {
     minX: n - i,
     minY: o - s,
@@ -757,7 +759,7 @@ const yt = (e) => ht(e.target), ht = (e) => {
       bounds: r
     }
   };
-}, Zo = (e) => {
+}, Jo = (e) => {
   const t = _t(e), n = parseFloat(t.getAttribute("x1")), o = parseFloat(t.getAttribute("x2")), i = parseFloat(t.getAttribute("y1")), s = parseFloat(t.getAttribute("y2")), r = {
     minX: Math.min(n, o),
     minY: Math.min(i, s),
@@ -771,18 +773,18 @@ const yt = (e) => ht(e.target), ht = (e) => {
       bounds: r
     }
   };
-}, Jo = (e) => {
+}, Qo = (e) => {
   const t = _t(e), n = t.nodeName === "path" ? t : Array.from(t.querySelectorAll("path"))[0], o = n == null ? void 0 : n.getAttribute("d");
   if (!o)
     throw new Error("Could not parse SVG path");
-  const i = qo(o);
+  const i = Ko(o);
   if (!i)
     throw new Error("Could not parse SVG path");
   return {
     type: x.POLYLINE,
     geometry: i
   };
-}, Qo = (e) => {
+}, xo = (e) => {
   const t = _t(e), i = (t.nodeName === "path" ? [t] : Array.from(t.querySelectorAll("path"))).map((a) => a.getAttribute("d") || "").map((a) => zo(a)).filter(Boolean), s = i.reduce((a, u) => [...a, ...u.rings[0].points], []), r = ge(s);
   return i.length === 1 && i[0].rings.length === 1 ? {
     type: x.POLYGON,
@@ -797,20 +799,20 @@ const yt = (e) => ht(e.target), ht = (e) => {
       bounds: r
     }
   };
-}, xo = (e) => {
+}, $o = (e) => {
   const t = typeof e == "string" ? e : e.value;
   if (t.includes("<polygon points="))
-    return Ko(t);
+    return Wo(t);
   if (t.includes("<path ") && (t.includes(" C ") || !t.includes("Z")))
-    return Jo(t);
-  if (t.includes("<path "))
     return Qo(t);
+  if (t.includes("<path "))
+    return xo(t);
   if (t.includes("<ellipse "))
-    return Wo(t);
-  if (t.includes("<line "))
     return Zo(t);
+  if (t.includes("<line "))
+    return Jo(t);
   throw "Unsupported SVG shape: " + t;
-}, $o = (e) => `<g>${e.polygons.map((n) => `<path fill-rule="evenodd" d="${Pe(n)}" />`).join("")}</g>`, ei = (e) => {
+}, ei = (e) => `<g>${e.polygons.map((n) => `<path fill-rule="evenodd" d="${Pe(n)}" />`).join("")}</g>`, ti = (e) => {
   let t;
   switch (e.type) {
     case x.POLYGON: {
@@ -825,7 +827,7 @@ const yt = (e) => ht(e.target), ht = (e) => {
     }
     case x.MULTIPOLYGON: {
       const n = e.geometry;
-      t = `<svg>${$o(n)}</svg>`;
+      t = `<svg>${ei(n)}</svg>`;
       break;
     }
     case x.LINE: {
@@ -842,30 +844,30 @@ const yt = (e) => ht(e.target), ht = (e) => {
 }, de = [];
 for (let e = 0; e < 256; ++e)
   de.push((e + 256).toString(16).slice(1));
-function ti(e, t = 0) {
+function ni(e, t = 0) {
   return (de[e[t + 0]] + de[e[t + 1]] + de[e[t + 2]] + de[e[t + 3]] + "-" + de[e[t + 4]] + de[e[t + 5]] + "-" + de[e[t + 6]] + de[e[t + 7]] + "-" + de[e[t + 8]] + de[e[t + 9]] + "-" + de[e[t + 10]] + de[e[t + 11]] + de[e[t + 12]] + de[e[t + 13]] + de[e[t + 14]] + de[e[t + 15]]).toLowerCase();
 }
 let kt;
-const ni = new Uint8Array(16);
-function oi() {
+const oi = new Uint8Array(16);
+function ii() {
   if (!kt) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     kt = crypto.getRandomValues.bind(crypto);
   }
-  return kt(ni);
+  return kt(oi);
 }
-const ii = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), tn = { randomUUID: ii };
-function si(e, t, n) {
+const si = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), tn = { randomUUID: si };
+function ri(e, t, n) {
   var i;
   e = e || {};
-  const o = e.random ?? ((i = e.rng) == null ? void 0 : i.call(e)) ?? oi();
+  const o = e.random ?? ((i = e.rng) == null ? void 0 : i.call(e)) ?? ii();
   if (o.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, ti(o);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, ni(o);
 }
 function oo(e, t, n) {
-  return tn.randomUUID && !e ? tn.randomUUID() : si(e);
+  return tn.randomUUID && !e ? tn.randomUUID() : ri(e);
 }
 var nn = Object.prototype.hasOwnProperty;
 function De(e, t) {
@@ -888,7 +890,7 @@ function De(e, t) {
   }
   return e !== e && t !== t;
 }
-let ri = Symbol("clean"), Me = [], Oe = 0;
+let li = Symbol("clean"), Me = [], Oe = 0;
 const rt = 4;
 let qt = (e) => {
   let t = [], n = {
@@ -933,11 +935,11 @@ let qt = (e) => {
     },
     value: e
   };
-  return process.env.NODE_ENV !== "production" && (n[ri] = () => {
+  return process.env.NODE_ENV !== "production" && (n[li] = () => {
     t = [], n.lc = 0, n.off();
   }), n;
 };
-const li = (e) => {
+const ai = (e) => {
   const t = qt(null);
   return e.observe(({ changes: n }) => {
     const o = t.get();
@@ -955,7 +957,7 @@ const li = (e) => {
   };
 };
 var io = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(io || {});
-const Mt = { selected: [] }, ai = (e, t, n) => {
+const Mt = { selected: [] }, ci = (e, t, n) => {
   const o = qt(Mt);
   let i = t;
   const s = () => {
@@ -972,7 +974,7 @@ const Mt = { selected: [] }, ai = (e, t, n) => {
     let p;
     if (Array.isArray(g)) {
       if (p = g.map((b) => e.getAnnotation(b)).filter(Boolean), p.length < g.length) {
-        console.warn("Invalid selection: " + g.filter((b) => !p.some((A) => A.id === b)));
+        console.warn("Invalid selection: " + g.filter((b) => !p.some((S) => S.id === b)));
         return;
       }
     } else {
@@ -983,17 +985,17 @@ const Mt = { selected: [] }, ai = (e, t, n) => {
       }
       p = [b];
     }
-    const k = p.reduce((b, A) => {
-      const w = h(A);
-      return w === "EDIT" ? [...b, { id: A.id, editable: !0 }] : w === "SELECT" ? [...b, { id: A.id }] : b;
+    const k = p.reduce((b, S) => {
+      const w = h(S);
+      return w === "EDIT" ? [...b, { id: S.id, editable: !0 }] : w === "SELECT" ? [...b, { id: S.id }] : b;
     }, []);
     o.set({ selected: k, event: m });
   }, u = (g, m) => {
     const p = Array.isArray(g) ? g : [g], k = p.map((b) => e.getAnnotation(b)).filter((b) => !!b);
     o.set({
       selected: k.map((b) => {
-        const A = m === void 0 ? h(b) === "EDIT" : m;
-        return { id: b.id, editable: A };
+        const S = m === void 0 ? h(b) === "EDIT" : m;
+        return { id: b.id, editable: S };
       })
     }), k.length !== p.length && console.warn("Invalid selection", g);
   }, d = (g) => {
@@ -1003,7 +1005,7 @@ const Mt = { selected: [] }, ai = (e, t, n) => {
     m.some(({ id: p }) => g.includes(p)) && o.set({ selected: m.filter(({ id: p }) => !g.includes(p)) });
   }, f = (g) => {
     i = g, u(o.get().selected.map(({ id: m }) => m));
-  }, h = (g) => ci(g, i, n);
+  }, h = (g) => ui(g, i, n);
   return e.observe(
     ({ changes: g }) => d((g.deleted || []).map((m) => m.id))
   ), {
@@ -1027,36 +1029,36 @@ const Mt = { selected: [] }, ai = (e, t, n) => {
     subscribe: o.subscribe.bind(o),
     userSelect: a
   };
-}, ci = (e, t, n) => {
+}, ui = (e, t, n) => {
   const o = n ? n.serialize(e) : e;
   return typeof t == "function" ? t(o) : t || "EDIT";
 }, he = [];
 for (let e = 0; e < 256; ++e)
   he.push((e + 256).toString(16).slice(1));
-function ui(e, t = 0) {
+function fi(e, t = 0) {
   return (he[e[t + 0]] + he[e[t + 1]] + he[e[t + 2]] + he[e[t + 3]] + "-" + he[e[t + 4]] + he[e[t + 5]] + "-" + he[e[t + 6]] + he[e[t + 7]] + "-" + he[e[t + 8]] + he[e[t + 9]] + "-" + he[e[t + 10]] + he[e[t + 11]] + he[e[t + 12]] + he[e[t + 13]] + he[e[t + 14]] + he[e[t + 15]]).toLowerCase();
 }
 let Tt;
-const fi = new Uint8Array(16);
-function di() {
+const di = new Uint8Array(16);
+function hi() {
   if (!Tt) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     Tt = crypto.getRandomValues.bind(crypto);
   }
-  return Tt(fi);
+  return Tt(di);
 }
-const hi = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), on = { randomUUID: hi };
-function gi(e, t, n) {
+const gi = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), on = { randomUUID: gi };
+function mi(e, t, n) {
   var o;
   e = e || {};
-  const i = e.random ?? ((o = e.rng) == null ? void 0 : o.call(e)) ?? di();
+  const i = e.random ?? ((o = e.rng) == null ? void 0 : o.call(e)) ?? hi();
   if (i.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, ui(i);
+  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, fi(i);
 }
 function so(e, t, n) {
-  return on.randomUUID && !e ? on.randomUUID() : gi(e);
+  return on.randomUUID && !e ? on.randomUUID() : mi(e);
 }
 const Pt = (e) => {
   const t = (n) => {
@@ -1068,34 +1070,34 @@ const Pt = (e) => {
     bodies: (e.bodies || []).map(t),
     target: t(e.target)
   };
-}, Br = (e, t, n, o) => ({
+}, Nr = (e, t, n, o) => ({
   id: so(),
   annotation: typeof e == "string" ? e : e.id,
   created: n || /* @__PURE__ */ new Date(),
   creator: o,
   ...t
-}), mi = (e, t) => {
+}), pi = (e, t) => {
   const n = new Set(e.bodies.map((o) => o.id));
   return t.bodies.filter((o) => !n.has(o.id));
-}, pi = (e, t) => {
+}, yi = (e, t) => {
   const n = new Set(t.bodies.map((o) => o.id));
   return e.bodies.filter((o) => !n.has(o.id));
-}, yi = (e, t) => t.bodies.map((n) => {
+}, _i = (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 })), _i = (e, t) => !De(e.target, t.target), ro = (e, t) => {
-  const n = mi(e, t), o = pi(e, t), i = yi(e, t);
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), wi = (e, t) => !De(e.target, t.target), ro = (e, t) => {
+  const n = pi(e, t), o = yi(e, t), i = _i(e, t);
   return {
     oldValue: e,
     newValue: t,
     bodiesCreated: n.length > 0 ? n : void 0,
     bodiesDeleted: o.length > 0 ? o : void 0,
     bodiesUpdated: i.length > 0 ? i : void 0,
-    targetUpdated: _i(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
+    targetUpdated: wi(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
 var ne = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e.SILENT = "SILENT", e))(ne || {});
-const wi = (e, t) => {
+const bi = (e, t) => {
   var n, o;
   const { changes: i, origin: s } = t;
   if (!(e.options.origin ? e.options.origin === s : s !== "SILENT"))
@@ -1117,7 +1119,7 @@ const wi = (e, t) => {
     return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((l) => r.has(l));
   } else
     return !0;
-}, bi = (e, t) => {
+}, Ei = (e, t) => {
   const n = new Set((e.created || []).map((f) => f.id)), o = new Set((e.updated || []).map(({ newValue: f }) => f.id)), i = new Set((t.created || []).map((f) => f.id)), s = new Set((t.deleted || []).map((f) => f.id)), r = new Set((t.updated || []).map(({ oldValue: f }) => f.id)), l = new Set((t.updated || []).filter(({ oldValue: f }) => n.has(f.id) || o.has(f.id)).map(({ oldValue: f }) => f.id)), a = [
     ...(e.created || []).filter((f) => !s.has(f.id)).map((f) => r.has(f.id) ? t.updated.find(({ oldValue: h }) => h.id === f.id).newValue : f),
     ...t.created || []
@@ -1150,7 +1152,7 @@ const wi = (e, t) => {
       annotation: t
     }
   };
-}, Ei = (e) => e.id !== void 0, vi = () => {
+}, vi = (e) => e.id !== void 0, Si = () => {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (_, v = {}) => {
     n.push({ onChange: _, options: v });
   }, i = (_) => {
@@ -1167,7 +1169,7 @@ const wi = (e, t) => {
       state: [...e.values()]
     };
     n.forEach((E) => {
-      wi(E, y) && E.onChange(y);
+      bi(E, y) && E.onChange(y);
     });
   }, r = (_, v = ne.LOCAL) => {
     if (_.id && e.get(_.id))
@@ -1184,7 +1186,7 @@ const wi = (e, t) => {
     } else
       console.warn(`Cannot update annotation ${E} - does not exist`);
   }, a = (_, v = ne.LOCAL, y = ne.LOCAL) => {
-    const E = Ei(v) ? y : v, I = l(_, v);
+    const E = vi(v) ? y : v, I = l(_, v);
     I && s(E, { updated: [I] });
   }, u = (_, v = ne.LOCAL) => {
     e.get(_.id) ? a(_, v) : r(_, v);
@@ -1242,7 +1244,7 @@ const wi = (e, t) => {
   }, b = (_, v = ne.LOCAL) => {
     const y = k(_);
     y && s(v, { deleted: [y] });
-  }, A = (_, v = ne.LOCAL) => {
+  }, S = (_, v = ne.LOCAL) => {
     const y = _.reduce((E, I) => {
       const P = k(I);
       return P ? [...E, P] : E;
@@ -1267,7 +1269,7 @@ const wi = (e, t) => {
         console.warn(`Attempt to delete missing body ${_.id} from annotation ${_.annotation}`);
     } else
       console.warn(`Attempt to delete body from missing annotation ${_.annotation}`);
-  }, S = (_, v = ne.LOCAL) => {
+  }, A = (_, v = ne.LOCAL) => {
     const y = w(_);
     y && s(v, { updated: [y] });
   }, T = (_, v = ne.LOCAL) => {
@@ -1307,7 +1309,7 @@ const wi = (e, t) => {
   }, q = (_, v = ne.LOCAL) => {
     const y = _.map((E) => R({ id: E.id, annotation: E.annotation }, E)).filter(Boolean);
     s(v, { updated: y });
-  }, z = (_) => {
+  }, F = (_) => {
     const v = e.get(_.annotation);
     if (v) {
       const y = {
@@ -1333,18 +1335,18 @@ const wi = (e, t) => {
     addBody: h,
     all: g,
     bulkAddAnnotations: p,
-    bulkDeleteAnnotations: A,
+    bulkDeleteAnnotations: S,
     bulkDeleteBodies: T,
     bulkUpdateAnnotations: d,
     bulkUpdateBodies: q,
     bulkUpdateTargets: (_, v = ne.LOCAL) => {
-      const y = _.map((E) => z(E)).filter(Boolean);
+      const y = _.map((E) => F(E)).filter(Boolean);
       y.length > 0 && s(v, { updated: y });
     },
     bulkUpsertAnnotations: f,
     clear: m,
     deleteAnnotation: b,
-    deleteBody: S,
+    deleteBody: A,
     getAnnotation: C,
     getBody: M,
     observe: o,
@@ -1352,7 +1354,7 @@ const wi = (e, t) => {
     updateAnnotation: a,
     updateBody: N,
     updateTarget: (_, v = ne.LOCAL) => {
-      const y = z(_);
+      const y = F(_);
       y && s(v, { updated: [y] });
     },
     upsertAnnotation: u
@@ -1372,17 +1374,17 @@ let Ai = () => ({
     };
   }
 });
-const Si = 250, ki = (e, t) => {
+const ki = 250, Mi = (e, t) => {
   const n = Ai(), o = (t == null ? void 0 : t.changes) || [];
   let i = t ? t.pointer : -1, s = !1, r = 0;
   const l = (m) => {
     if (!s) {
       const { changes: p } = m, k = performance.now();
-      if (k - r > Si)
+      if (k - r > ki)
         o.splice(i + 1), o.push(p), i = o.length - 1;
       else {
         const b = o.length - 1;
-        o[b] = bi(o[b], p);
+        o[b] = Ei(o[b], p);
       }
       r = k;
     }
@@ -1411,88 +1413,88 @@ const Si = 250, ki = (e, t) => {
       }
     }
   };
-}, Mi = () => {
+}, Ti = () => {
   const e = qt([]);
   return {
     subscribe: e.subscribe.bind(e),
     set: e.set.bind(e)
   };
-}, Ti = (e, t, n, o) => {
+}, Pi = (e, t, n, o) => {
   const { hover: i, selection: s, store: r, viewport: l } = e, a = /* @__PURE__ */ new Map();
   let u = [], d, f;
-  const h = (b, A) => {
-    a.has(b) ? a.get(b).push(A) : a.set(b, [A]);
-  }, g = (b, A) => {
+  const h = (b, S) => {
+    a.has(b) ? a.get(b).push(S) : a.set(b, [S]);
+  }, g = (b, S) => {
     const w = a.get(b);
     if (w) {
-      const S = w.indexOf(A);
-      S !== -1 && w.splice(S, 1);
+      const A = w.indexOf(S);
+      A !== -1 && w.splice(A, 1);
     }
-  }, m = (b, A, w) => {
+  }, m = (b, S, w) => {
     a.has(b) && setTimeout(() => {
-      a.get(b).forEach((S) => {
+      a.get(b).forEach((A) => {
         if (n) {
-          const T = Array.isArray(A) ? A.map((M) => n.serialize(M)) : n.serialize(A), C = w ? w instanceof PointerEvent ? w : n.serialize(w) : void 0;
-          S(T, C);
+          const T = Array.isArray(S) ? S.map((M) => n.serialize(M)) : n.serialize(S), C = w ? w instanceof PointerEvent ? w : n.serialize(w) : void 0;
+          A(T, C);
         } else
-          S(A, w);
+          A(S, w);
       });
     }, 1);
   }, p = () => {
-    const { selected: b } = s, A = (b || []).map(({ id: w }) => r.getAnnotation(w));
-    A.forEach((w) => {
-      const S = u.find((T) => T.id === w.id);
-      (!S || !De(S, w)) && m("updateAnnotation", w, S);
-    }), u = u.map((w) => A.find(({ id: T }) => T === w.id) || w);
+    const { selected: b } = s, S = (b || []).map(({ id: w }) => r.getAnnotation(w));
+    S.forEach((w) => {
+      const A = u.find((T) => T.id === w.id);
+      (!A || !De(A, w)) && m("updateAnnotation", w, A);
+    }), u = u.map((w) => S.find(({ id: T }) => T === w.id) || w);
   };
   s.subscribe(({ selected: b }) => {
     if (!(u.length === 0 && b.length === 0)) {
       if (u.length === 0 && b.length > 0)
-        u = b.map(({ id: A }) => r.getAnnotation(A));
+        u = b.map(({ id: S }) => r.getAnnotation(S));
       else if (u.length > 0 && b.length === 0)
-        u.forEach((A) => {
-          const w = r.getAnnotation(A.id);
-          w && !De(w, A) && m("updateAnnotation", w, A);
+        u.forEach((S) => {
+          const w = r.getAnnotation(S.id);
+          w && !De(w, S) && m("updateAnnotation", w, S);
         }), u = [];
       else {
-        const A = new Set(u.map((S) => S.id)), w = new Set(b.map(({ id: S }) => S));
-        u.filter((S) => !w.has(S.id)).forEach((S) => {
-          const T = r.getAnnotation(S.id);
-          T && !De(T, S) && m("updateAnnotation", T, S);
+        const S = new Set(u.map((A) => A.id)), w = new Set(b.map(({ id: A }) => A));
+        u.filter((A) => !w.has(A.id)).forEach((A) => {
+          const T = r.getAnnotation(A.id);
+          T && !De(T, A) && m("updateAnnotation", T, A);
         }), u = [
           // Remove annotations that were deselected
-          ...u.filter((S) => w.has(S.id)),
+          ...u.filter((A) => w.has(A.id)),
           // Add editable annotations that were selected
-          ...b.filter(({ id: S }) => !A.has(S)).map(({ id: S }) => r.getAnnotation(S))
+          ...b.filter(({ id: A }) => !S.has(A)).map(({ id: A }) => r.getAnnotation(A))
         ];
       }
       m("selectionChanged", u);
     }
   }), i.subscribe((b) => {
     !d && b ? m("mouseEnterAnnotation", r.getAnnotation(b)) : d && !b ? m("mouseLeaveAnnotation", r.getAnnotation(d)) : d && b && (m("mouseLeaveAnnotation", r.getAnnotation(d)), m("mouseEnterAnnotation", r.getAnnotation(b))), d = b;
-  }), l == null || l.subscribe((b) => m("viewportIntersect", b.map((A) => r.getAnnotation(A)))), r.observe((b) => {
+  }), l == null || l.subscribe((b) => m("viewportIntersect", b.map((S) => r.getAnnotation(S)))), r.observe((b) => {
     o && (f && clearTimeout(f), f = setTimeout(p, 1e3));
-    const { created: A, deleted: w } = b.changes;
-    (A || []).forEach((S) => m("createAnnotation", S)), (w || []).forEach((S) => m("deleteAnnotation", S)), (b.changes.updated || []).filter((S) => [
-      ...S.bodiesCreated || [],
-      ...S.bodiesDeleted || [],
-      ...S.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: S, newValue: T }) => {
-      const C = u.find((M) => M.id === S.id) || S;
-      u = u.map((M) => M.id === S.id ? T : M), m("updateAnnotation", T, C);
+    const { created: S, deleted: w } = b.changes;
+    (S || []).forEach((A) => m("createAnnotation", A)), (w || []).forEach((A) => m("deleteAnnotation", A)), (b.changes.updated || []).filter((A) => [
+      ...A.bodiesCreated || [],
+      ...A.bodiesDeleted || [],
+      ...A.bodiesUpdated || []
+    ].length > 0).forEach(({ oldValue: A, newValue: T }) => {
+      const C = u.find((M) => M.id === A.id) || A;
+      u = u.map((M) => M.id === A.id ? T : M), m("updateAnnotation", T, C);
     });
   }, { origin: ne.LOCAL }), r.observe((b) => {
     if (u) {
-      const A = new Set(u.map((S) => S.id)), w = (b.changes.updated || []).filter(({ newValue: S }) => A.has(S.id)).map(({ newValue: S }) => S);
-      w.length > 0 && (u = u.map((S) => w.find((C) => C.id === S.id) || S));
+      const S = new Set(u.map((A) => A.id)), w = (b.changes.updated || []).filter(({ newValue: A }) => S.has(A.id)).map(({ newValue: A }) => A);
+      w.length > 0 && (u = u.map((A) => w.find((C) => C.id === A.id) || A));
     }
   }, { origin: ne.REMOTE });
-  const k = (b) => (A) => {
-    const { updated: w } = A;
-    b ? (w || []).forEach((S) => m("updateAnnotation", S.oldValue, S.newValue)) : (w || []).forEach((S) => m("updateAnnotation", S.newValue, S.oldValue));
+  const k = (b) => (S) => {
+    const { updated: w } = S;
+    b ? (w || []).forEach((A) => m("updateAnnotation", A.oldValue, A.newValue)) : (w || []).forEach((A) => m("updateAnnotation", A.newValue, A.oldValue));
   };
   return t.on("undo", k(!0)), t.on("redo", k(!1)), { on: h, off: g, emit: m };
-}, Pi = (e) => (t) => t.reduce((n, o) => {
+}, Li = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
     parsed: n.parsed,
@@ -1503,47 +1505,47 @@ const Si = 250, ki = (e, t) => {
   } : {
     ...n
   };
-}, { parsed: [], failed: [] }), Li = (e, t, n) => {
+}, { parsed: [], failed: [] }), Ii = (e, t, n) => {
   const { store: o, selection: i } = e, s = (b) => {
     if (n) {
-      const { parsed: A, error: w } = n.parse(b);
-      A ? o.addAnnotation(A, ne.REMOTE) : console.error(w);
+      const { parsed: S, error: w } = n.parse(b);
+      S ? o.addAnnotation(S, ne.REMOTE) : console.error(w);
     } else
       o.addAnnotation(Pt(b), ne.REMOTE);
   }, r = () => i.clear(), l = () => o.clear(), a = (b) => {
-    const A = o.getAnnotation(b);
-    return n && A ? n.serialize(A) : A;
+    const S = o.getAnnotation(b);
+    return n && S ? n.serialize(S) : S;
   }, u = () => n ? o.all().map(n.serialize) : o.all(), d = () => {
     var b;
-    const A = (((b = i.selected) == null ? void 0 : b.map((w) => w.id)) || []).map((w) => o.getAnnotation(w)).filter(Boolean);
-    return n ? A.map(n.serialize) : A;
-  }, f = (b, A = !0) => fetch(b).then((w) => w.json()).then((w) => (g(w, A), w)), h = (b) => {
+    const S = (((b = i.selected) == null ? void 0 : b.map((w) => w.id)) || []).map((w) => o.getAnnotation(w)).filter(Boolean);
+    return n ? S.map(n.serialize) : S;
+  }, f = (b, S = !0) => fetch(b).then((w) => w.json()).then((w) => (g(w, S), w)), h = (b) => {
     if (typeof b == "string") {
-      const A = o.getAnnotation(b);
-      if (o.deleteAnnotation(b), A)
-        return n ? n.serialize(A) : A;
+      const S = o.getAnnotation(b);
+      if (o.deleteAnnotation(b), S)
+        return n ? n.serialize(S) : S;
     } else {
-      const A = n ? n.parse(b).parsed : b;
-      if (A)
-        return o.deleteAnnotation(A), b;
+      const S = n ? n.parse(b).parsed : b;
+      if (S)
+        return o.deleteAnnotation(S), b;
     }
-  }, g = (b, A = !0) => {
+  }, g = (b, S = !0) => {
     if (n) {
-      const w = n.parseAll || Pi(n), { parsed: S, failed: T } = w(b);
-      T.length > 0 && console.warn(`Discarded ${T.length} invalid annotations`, T), o.bulkAddAnnotations(S, A, ne.REMOTE);
+      const w = n.parseAll || Li(n), { parsed: A, failed: T } = w(b);
+      T.length > 0 && console.warn(`Discarded ${T.length} invalid annotations`, T), o.bulkAddAnnotations(A, S, ne.REMOTE);
     } else
-      o.bulkAddAnnotations(b.map(Pt), A, ne.REMOTE);
-  }, m = (b, A) => {
-    b ? i.setSelected(b, A) : i.clear();
+      o.bulkAddAnnotations(b.map(Pt), S, ne.REMOTE);
+  }, m = (b, S) => {
+    b ? i.setSelected(b, S) : i.clear();
   }, p = (b) => {
     i.setUserSelectAction(b);
   }, k = (b) => {
     if (n) {
-      const A = n.parse(b).parsed, w = n.serialize(o.getAnnotation(A.id));
-      return o.updateAnnotation(A), w;
+      const S = n.parse(b).parsed, w = n.serialize(o.getAnnotation(S.id));
+      return o.updateAnnotation(S), w;
     } else {
-      const A = o.getAnnotation(b.id);
-      return o.updateAnnotation(Pt(b)), A;
+      const S = o.getAnnotation(b.id);
+      return o.updateAnnotation(Pt(b)), S;
     }
   };
   return {
@@ -1565,7 +1567,7 @@ const Si = 250, ki = (e, t) => {
     undo: t.undo,
     updateAnnotation: k
   };
-}, Nr = (e, t, n) => typeof t == "function" ? t(e, n) : t, Yr = (e, t) => typeof e != "function" && typeof t != "function" ? {
+}, Yr = (e, t, n) => typeof t == "function" ? t(e, n) : t, Ur = (e, t) => typeof e != "function" && typeof t != "function" ? {
   ...e || {},
   ...t || {}
 } : (n, o) => {
@@ -1574,8 +1576,8 @@ const Si = 250, ki = (e, t) => {
     ...i || {},
     ...s || {}
   };
-}, Ii = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let Ci = (e) => crypto.getRandomValues(new Uint8Array(e)), Oi = (e, t, n) => {
+}, Ci = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let Oi = (e) => crypto.getRandomValues(new Uint8Array(e)), Di = (e, t, n) => {
   let o = (2 << Math.log2(e.length - 1)) - 1, i = -~(1.6 * o * t / e.length);
   return (s = t) => {
     let r = "";
@@ -1585,13 +1587,13 @@ let Ci = (e) => crypto.getRandomValues(new Uint8Array(e)), Oi = (e, t, n) => {
         if (r += e[l[a] & o] || "", r.length >= s) return r;
     }
   };
-}, Di = (e, t = 21) => Oi(e, t | 0, Ci), Bi = (e = 21) => {
+}, Bi = (e, t = 21) => Di(e, t | 0, Oi), Ni = (e = 21) => {
   let t = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
   for (; e--; )
-    t += Ii[n[e] & 63];
+    t += Ci[n[e] & 63];
   return t;
 };
-const Ni = () => ({ isGuest: !0, id: Di("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Yi = (e) => {
+const Yi = () => ({ isGuest: !0, id: Bi("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Ui = (e) => {
   const t = JSON.stringify(e);
   let n = 0;
   for (let o = 0, i = t.length; o < i; o++) {
@@ -1599,10 +1601,10 @@ const Ni = () => ({ isGuest: !0, id: Di("1234567890abcdefghijklmnopqrstuvwxyzABC
     n = (n << 5) - n + s, n |= 0;
   }
   return `${n}`;
-}, lo = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, Ui = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
+}, lo = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, Ri = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
   const { id: o, type: i, purpose: s, value: r, created: l, modified: a, creator: u, ...d } = n;
   return {
-    id: o || `temp-${Yi(n)}`,
+    id: o || `temp-${Ui(n)}`,
     annotation: t,
     type: i,
     purpose: s,
@@ -1612,7 +1614,7 @@ const Ni = () => ({ isGuest: !0, id: Di("1234567890abcdefghijklmnopqrstuvwxyzABC
     updated: a ? new Date(a) : void 0,
     ...d
   };
-}), Ri = (e) => e.map((t) => {
+}), Vi = (e) => e.map((t) => {
   var n;
   const { annotation: o, created: i, updated: s, ...r } = t, l = {
     ...r,
@@ -1620,7 +1622,7 @@ const Ni = () => ({ isGuest: !0, id: Di("1234567890abcdefghijklmnopqrstuvwxyzABC
     modified: s == null ? void 0 : s.toISOString()
   };
   return (n = l.id) != null && n.startsWith("temp-") && delete l.id, l;
-}), Vi = [
+}), Xi = [
   "#ff7c00",
   // orange
   "#1ac938",
@@ -1639,22 +1641,24 @@ const Ni = () => ({ isGuest: !0, id: Di("1234567890abcdefghijklmnopqrstuvwxyzABC
   // cyan
   "#023eff"
   // blue
-], Ur = () => {
-  const e = [...Vi];
+], Rr = () => {
+  const e = [...Xi];
   return { assignRandomColor: () => {
     const t = Math.floor(Math.random() * e.length), n = e[t];
     return e.splice(t, 1), n;
   }, releaseColor: (t) => e.push(t) };
 };
-Bi();
-const Rr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Xi(i, t), serialize: (i) => Hi(i, e, t) }), Xi = (e, t = { strict: !0, invertY: !1 }) => {
-  const n = e.id || oo(), {
+Ni();
+const Vr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Hi(i, t), serialize: (i) => Gi(i, e, t) }), Hi = (e, t = { strict: !0, invertY: !1 }) => {
+  const n = e.id || oo();
+  console.log("YEAH");
+  const {
     creator: o,
     created: i,
     modified: s,
     body: r,
     ...l
-  } = e, a = Ui(r || [], n), u = Array.isArray(e.target) ? e.target[0] : e.target, d = typeof u == "string" ? u : Array.isArray(u.selector) ? u.selector[0] : u.selector, f = typeof d == "string" || (d == null ? void 0 : d.type) === "FragmentSelector" ? Ho(d, t.invertY) : (d == null ? void 0 : d.type) === "SvgSelector" ? xo(d) : void 0, h = Array.isArray(l.target) ? l.target[0] : l.targret;
+  } = e, a = Ri(r || [], n), u = Array.isArray(e.target) ? e.target[0] : e.target, d = typeof u == "string" ? u : Array.isArray(u.selector) ? u.selector[0] : u.selector, f = Ho(d) ? Go(d, t.invertY) : (d == null ? void 0 : d.type) === "SvgSelector" ? $o(d) : void 0, h = Array.isArray(l.target) ? l.target[0] : l.targret;
   return f || !t.strict ? {
     parsed: {
       ...l,
@@ -1673,7 +1677,7 @@ const Rr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Xi(i, t), se
   } : {
     error: Error(`Invalid selector: ${JSON.stringify(d)}`)
   };
-}, Hi = (e, t, n = { strict: !0, invertY: !1 }) => {
+}, Gi = (e, t, n = { strict: !0, invertY: !1 }) => {
   const {
     selector: o,
     creator: i,
@@ -1685,7 +1689,7 @@ const Rr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Xi(i, t), se
   } = e.target;
   let u;
   try {
-    u = o.type == x.RECTANGLE ? Go(o.geometry) : ei(o);
+    u = o.type == x.RECTANGLE ? jo(o.geometry) : ti(o);
   } catch (f) {
     if (n.strict)
       throw f;
@@ -1696,7 +1700,7 @@ const Rr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Xi(i, t), se
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
     type: "Annotation",
-    body: Ri(e.bodies),
+    body: Vi(e.bodies),
     created: s == null ? void 0 : s.toISOString(),
     creator: i,
     modified: r == null ? void 0 : r.toISOString(),
@@ -1707,9 +1711,9 @@ const Rr = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Xi(i, t), se
       selector: u
     }
   };
-  return delete d.bodies, "annotation" in d.target && delete d.target.annotation, d;
+  return delete d.bodies, typeof d.target != "string" && "annotation" in d.target && delete d.target.annotation, d;
 }, He = [];
-function Gi(e, t = ee) {
+function ji(e, t = ee) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
@@ -1735,7 +1739,7 @@ function Gi(e, t = ee) {
   }
   return { set: i, update: s, subscribe: r };
 }
-const ji = (e, t) => {
+const Fi = (e, t) => {
   const { naturalWidth: n, naturalHeight: o } = e;
   if (!n && !o) {
     const { width: i, height: s } = e;
@@ -1746,8 +1750,8 @@ const ji = (e, t) => {
   } else
     t.setAttribute("viewBox", `0 0 ${n} ${o}`);
 }, zi = (e, t) => {
-  ji(e, t);
-  const { subscribe: n, set: o } = Gi(1);
+  Fi(e, t);
+  const { subscribe: n, set: o } = ji(1);
   let i;
   return window.ResizeObserver && (i = new ResizeObserver(() => {
     const r = t.getBoundingClientRect(), { width: l, height: a } = t.viewBox.baseVal, u = Math.max(
@@ -1758,12 +1762,12 @@ const ji = (e, t) => {
   }), i.observe(t.parentElement)), { destroy: () => {
     i && i.disconnect();
   }, subscribe: n };
-}, Re = (e, t) => {
-  const n = typeof t == "function" ? t(e) : t;
-  if (n) {
-    const { fill: o, fillOpacity: i, stroke: s, strokeWidth: r, strokeOpacity: l } = n;
-    let a = "";
-    return o && (a += `fill:${o};`), i || i === 0 ? a += `fill-opacity:${i};` : o && (a += "fill-opacity:0.25;"), s && (a += `stroke:${s};`, a += `stroke-width:${r || "1"};`, a += `stroke-opacity:${l || "1"};`), a;
+}, Re = (e, t, n) => {
+  const o = typeof t == "function" ? t(e, n) : t;
+  if (o) {
+    const { fill: i, fillOpacity: s, stroke: r, strokeWidth: l, strokeOpacity: a } = o;
+    let u = "";
+    return i && (u += `fill:${i};`), s || s === 0 ? u += `fill-opacity:${s};` : i && (u += "fill-opacity:0.25;"), r && (u += `stroke:${r};`, u += `stroke-width:${l || "1"};`, u += `stroke-opacity:${a || "1"};`), u;
   }
 }, wt = (e, t = 0) => {
   const { minX: n, minY: o, maxX: i, maxY: s } = e;
@@ -1774,11 +1778,11 @@ const ji = (e, t) => {
     h: s - o + 2 * t
   };
 }, Le = typeof window > "u" || typeof navigator > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || // @ts-ignore
-navigator.msMaxTouchPoints > 0, Fi = (e) => ({}), sn = (e) => ({ grab: (
+navigator.msMaxTouchPoints > 0, qi = (e) => ({}), sn = (e) => ({ grab: (
   /*onGrab*/
   e[0]
 ) });
-function qi(e) {
+function Ki(e) {
   let t, n, o, i;
   const s = (
     /*#slots*/
@@ -1823,7 +1827,7 @@ function qi(e) {
           /*$$scope*/
           l[7],
           a,
-          Fi
+          qi
         ) : Eo(
           /*$$scope*/
           l[7]
@@ -1838,26 +1842,26 @@ function qi(e) {
       H(r, l), n = !1;
     },
     d(l) {
-      l && D(t), r && r.d(l), o = !1, Ae(i);
+      l && D(t), r && r.d(l), o = !1, Se(i);
     }
   };
 }
-function Ki(e, t, n) {
+function Wi(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
   const s = Be();
   let { shape: r } = t, { editor: l } = t, { transform: a } = t, { svgEl: u } = t, d, f, h;
   const g = (k) => (b) => {
     if (d = k, u) {
-      const { left: w, top: S } = u.getBoundingClientRect(), T = b.clientX - w, C = b.clientY - S;
+      const { left: w, top: A } = u.getBoundingClientRect(), T = b.clientX - w, C = b.clientY - A;
       f = a.elementToImage(T, C);
     } else {
-      const { offsetX: w, offsetY: S } = b;
-      f = a.elementToImage(w, S);
+      const { offsetX: w, offsetY: A } = b;
+      f = a.elementToImage(w, A);
     }
     h = r, b.target.setPointerCapture(b.pointerId), s("grab", b);
   }, m = (k) => {
     if (d) {
-      const [b, A] = a.elementToImage(k.offsetX, k.offsetY), w = [b - f[0], A - f[1]];
+      const [b, S] = a.elementToImage(k.offsetX, k.offsetY), w = [b - f[0], S - f[1]];
       n(3, r = l(h, d, w)), s("change", r);
     }
   }, p = (k) => {
@@ -1879,7 +1883,7 @@ function Ki(e, t, n) {
 }
 class Kt extends pe {
   constructor(t) {
-    super(), me(this, t, Ki, qi, se, {
+    super(), me(this, t, Wi, Ki, se, {
       shape: 3,
       editor: 4,
       transform: 5,
@@ -1887,7 +1891,7 @@ class Kt extends pe {
     });
   }
 }
-function Wi(e) {
+function Zi(e) {
   let t, n, o, i, s, r, l, a, u = (
     /*selected*/
     e[3] && rn(e)
@@ -1906,7 +1910,7 @@ function Wi(e) {
         e[1]
       ), c(n, "r", o = /*handleRadius*/
       e[5] + 6 / /*scale*/
-      e[2]), c(n, "role", "button"), c(n, "tabindex", "0"), c(i, "class", s = Fe(`a9s-handle-dot${/*selected*/
+      e[2]), c(n, "role", "button"), c(n, "tabindex", "0"), c(i, "class", s = ze(`a9s-handle-dot${/*selected*/
       e[3] ? " selected" : ""}`) + " svelte-qtyc7s"), c(
         i,
         "cx",
@@ -1989,7 +1993,7 @@ function Wi(e) {
       d[5] + 6 / /*scale*/
       d[2]) && c(n, "r", o), /*selected*/
       d[3] ? u ? u.p(d, f) : (u = rn(d), u.c(), u.m(t, i)) : u && (u.d(1), u = null), f & /*selected*/
-      8 && s !== (s = Fe(`a9s-handle-dot${/*selected*/
+      8 && s !== (s = ze(`a9s-handle-dot${/*selected*/
       d[3] ? " selected" : ""}`) + " svelte-qtyc7s") && c(i, "class", s), f & /*x*/
       1 && c(
         i,
@@ -2013,11 +2017,11 @@ function Wi(e) {
       d[8].class || ""}`.trim()) && c(t, "class", r);
     },
     d(d) {
-      d && D(t), u && u.d(), l = !1, Ae(a);
+      d && D(t), u && u.d(), l = !1, Se(a);
     }
   };
 }
-function Zi(e) {
+function Ji(e) {
   let t, n, o, i, s, r, l, a, u;
   return {
     c() {
@@ -2151,7 +2155,7 @@ function Zi(e) {
       d[2]) && c(r, "r", l);
     },
     d(d) {
-      d && D(t), a = !1, Ae(u);
+      d && D(t), a = !1, Se(u);
     }
   };
 }
@@ -2199,15 +2203,15 @@ function rn(e) {
     }
   };
 }
-function Ji(e) {
+function Qi(e) {
   let t;
   function n(s, r) {
-    return Le ? Zi : Wi;
+    return Le ? Ji : Zi;
   }
   let i = n()(e);
   return {
     c() {
-      i.c(), t = Se();
+      i.c(), t = Ae();
     },
     m(s, r) {
       i.m(s, r), B(s, t, r);
@@ -2222,7 +2226,7 @@ function Ji(e) {
     }
   };
 }
-function Qi(e, t, n) {
+function xi(e, t, n) {
   let o, { x: i } = t, { y: s } = t, { scale: r } = t, { selected: l = void 0 } = t, a = !1;
   const u = (w) => {
     w.pointerType === "touch" && n(4, a = !0);
@@ -2248,7 +2252,7 @@ function Qi(e, t, n) {
   function b(w) {
     ue.call(this, e, w);
   }
-  function A(w) {
+  function S(w) {
     ue.call(this, e, w);
   }
   return e.$$set = (w) => {
@@ -2273,15 +2277,15 @@ function Qi(e, t, n) {
     p,
     k,
     b,
-    A
+    S
   ];
 }
 class qe extends pe {
   constructor(t) {
-    super(), me(this, t, Qi, Ji, se, { x: 0, y: 1, scale: 2, selected: 3 });
+    super(), me(this, t, xi, Qi, se, { x: 0, y: 1, scale: 2, selected: 3 });
   }
 }
-function xi(e) {
+function $i(e) {
   let t, n, o, i, s, r, l;
   return {
     c() {
@@ -2398,11 +2402,11 @@ function xi(e) {
       );
     },
     d(a) {
-      a && D(t), r = !1, Ae(l);
+      a && D(t), r = !1, Se(l);
     }
   };
 }
-function $i(e) {
+function es(e) {
   let t;
   return {
     c() {
@@ -2452,15 +2456,15 @@ function $i(e) {
     }
   };
 }
-function es(e) {
+function ts(e) {
   let t;
   function n(s, r) {
-    return Le ? $i : xi;
+    return Le ? es : $i;
   }
   let i = n()(e);
   return {
     c() {
-      i.c(), t = Se();
+      i.c(), t = Ae();
     },
     m(s, r) {
       i.m(s, r), B(s, t, r);
@@ -2475,7 +2479,7 @@ function es(e) {
     }
   };
 }
-function ts(e, t, n) {
+function ns(e, t, n) {
   let o, { x: i } = t, { y: s } = t, { scale: r } = t;
   const l = (u) => {
     u.pointerType;
@@ -2492,7 +2496,7 @@ function ts(e, t, n) {
 }
 class ao extends pe {
   constructor(t) {
-    super(), me(this, t, ts, es, se, { x: 0, y: 1, scale: 4 });
+    super(), me(this, t, ns, ts, se, { x: 0, y: 1, scale: 4 });
   }
 }
 function Lt(e) {
@@ -2736,8 +2740,8 @@ function fn(e) {
     }
   };
 }
-function ns(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, g, m, p, k, b, A, w, S, T, C = (
+function os(e) {
+  let t, n, o, i, s, r, l, a, u, d, f, h, g, m, p, k, b, S, w, A, T, C = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && an(Ct(e))
@@ -2754,7 +2758,7 @@ function ns(e) {
   const q = (_) => H(N[_], 1, 1, () => {
     N[_] = null;
   });
-  let z = (
+  let F = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && fn(Lt(e))
@@ -2764,7 +2768,7 @@ function ns(e) {
       t = L("defs"), n = L("mask"), o = L("rect"), a = L("polygon"), C && C.c(), M && M.c(), d = _e(), f = L("polygon"), g = _e(), m = L("polygon"), k = _e();
       for (let _ = 0; _ < N.length; _ += 1)
         N[_].c();
-      b = _e(), z && z.c(), A = Se(), c(o, "x", i = /*mask*/
+      b = _e(), F && F.c(), S = Ae(), c(o, "x", i = /*mask*/
       e[9].x), c(o, "y", s = /*mask*/
       e[9].y), c(o, "width", r = /*mask*/
       e[9].w), c(o, "height", l = /*mask*/
@@ -2785,7 +2789,7 @@ function ns(e) {
       B(_, t, v), j(t, n), j(n, o), j(n, a), C && C.m(n, null), M && M.m(t, null), B(_, d, v), B(_, f, v), B(_, g, v), B(_, m, v), B(_, k, v);
       for (let y = 0; y < N.length; y += 1)
         N[y] && N[y].m(_, v);
-      B(_, b, v), z && z.m(_, v), B(_, A, v), w = !0, S || (T = [
+      B(_, b, v), F && F.m(_, v), B(_, S, v), w = !0, A || (T = [
         W(
           f,
           "pointerup",
@@ -2816,7 +2820,7 @@ function ns(e) {
             e[27]("SHAPE")
           ) && e[27]("SHAPE").apply(this, arguments);
         })
-      ], S = !0);
+      ], A = !0);
     },
     p(_, v) {
       if (e = _, (!w || v[0] & /*mask*/
@@ -2860,30 +2864,30 @@ function ns(e) {
       }
       /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? z ? (z.p(Lt(e), v), v[0] & /*visibleMidpoint, isHandleHovered*/
-      192 && U(z, 1)) : (z = fn(Lt(e)), z.c(), U(z, 1), z.m(A.parentNode, A)) : z && (we(), H(z, 1, 1, () => {
-        z = null;
+      e[7] ? F ? (F.p(Lt(e), v), v[0] & /*visibleMidpoint, isHandleHovered*/
+      192 && U(F, 1)) : (F = fn(Lt(e)), F.c(), U(F, 1), F.m(S.parentNode, S)) : F && (we(), H(F, 1, 1, () => {
+        F = null;
       }), be());
     },
     i(_) {
       if (!w) {
         for (let v = 0; v < R.length; v += 1)
           U(N[v]);
-        U(z), w = !0;
+        U(F), w = !0;
       }
     },
     o(_) {
       N = N.filter(Boolean);
       for (let v = 0; v < N.length; v += 1)
         H(N[v]);
-      H(z), w = !1;
+      H(F), w = !1;
     },
     d(_) {
-      _ && (D(t), D(d), D(f), D(g), D(m), D(k), D(b), D(A)), C && C.d(), M && M.d(), Ye(N, _), z && z.d(_), S = !1, Ae(T);
+      _ && (D(t), D(d), D(f), D(g), D(m), D(k), D(b), D(S)), C && C.d(), M && M.d(), Ye(N, _), F && F.d(_), A = !1, Se(T);
     }
   };
 }
-function os(e) {
+function is(e) {
   let t, n;
   return t = new Kt({
     props: {
@@ -2905,7 +2909,7 @@ function os(e) {
       ),
       $$slots: {
         default: [
-          ns,
+          os,
           ({ grab: o }) => ({ 27: o }),
           ({ grab: o }) => [o ? 134217728 : 0]
         ]
@@ -2954,26 +2958,26 @@ function os(e) {
     }
   };
 }
-const is = 250, ss = 1e3, rs = 12, et = 4.5, dn = (e) => e.join(","), hn = (e) => e.join(","), gn = (e) => e.join(",");
-function ls(e, t, n) {
+const ss = 250, rs = 1e3, ls = 12, et = 4.5, dn = (e) => e.join(","), hn = (e) => e.join(","), gn = (e) => e.join(",");
+function as(e, t, n) {
   let o, i, s;
   const r = Be();
   let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, g = !1, m, p = [];
-  const k = () => n(7, g = !0), b = () => n(7, g = !1), A = (y) => {
+  const k = () => n(7, g = !0), b = () => n(7, g = !1), S = (y) => {
     if (p.length > 0 || !i.some((K) => K.visible)) {
       n(6, h = void 0);
       return;
     }
-    const [E, I] = u.elementToImage(y.offsetX, y.offsetY), P = (K) => Math.pow(K[0] - E, 2) + Math.pow(K[1] - I, 2), O = o.points.reduce((K, J) => P(J) < P(K) ? J : K), G = i.filter((K) => K.visible).reduce((K, J) => P(J.point) < P(K.point) ? J : K), X = Math.pow(ss / d, 2);
+    const [E, I] = u.elementToImage(y.offsetX, y.offsetY), P = (K) => Math.pow(K[0] - E, 2) + Math.pow(K[1] - I, 2), O = o.points.reduce((K, J) => P(J) < P(K) ? J : K), G = i.filter((K) => K.visible).reduce((K, J) => P(J.point) < P(K.point) ? J : K), X = Math.pow(rs / d, 2);
     P(O) < X || P(G.point) < X ? n(6, h = i.indexOf(G)) : n(6, h = void 0);
   }, w = () => {
     document.activeElement !== f && f.focus();
-  }, S = () => {
+  }, A = () => {
     n(8, p = []), w();
   }, T = (y) => {
     n(7, g = !0), y.preventDefault(), y.stopPropagation(), m = performance.now();
   }, C = (y) => (E) => {
-    if (!m || Le || performance.now() - m > is) return;
+    if (!m || Le || performance.now() - m > ss) return;
     const I = p.includes(y);
     E.metaKey || E.ctrlKey || E.shiftKey ? I ? n(8, p = p.filter((P) => P !== y)) : n(8, p = [...p, y]) : I && p.length > 1 ? n(8, p = [y]) : I ? n(8, p = []) : n(8, p = [y]), w();
   }, M = (y, E, I) => {
@@ -3018,12 +3022,12 @@ function ls(e, t, n) {
     const y = (E) => {
       (E.key === "Delete" || E.key === "Backspace") && (E.preventDefault(), N());
     };
-    return f.addEventListener("pointermove", A), f.addEventListener("keydown", y), () => {
-      f.removeEventListener("pointermove", A), f.removeEventListener("keydown", y);
+    return f.addEventListener("pointermove", S), f.addEventListener("keydown", y), () => {
+      f.removeEventListener("pointermove", S), f.removeEventListener("keydown", y);
     };
   });
   const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`;
-  function z(y) {
+  function F(y) {
     ue.call(this, e, y);
   }
   function _(y) {
@@ -3038,7 +3042,7 @@ function ls(e, t, n) {
     e.$$.dirty[0] & /*shape*/
     1 && n(5, o = l.geometry), e.$$.dirty[0] & /*geom, viewportScale*/
     40 && n(10, i = Le ? [] : o.points.map((y, E) => {
-      const I = E === o.points.length - 1 ? o.points[0] : o.points[E + 1], P = (y[0] + I[0]) / 2, O = (y[1] + I[1]) / 2, X = Math.sqrt(Math.pow(I[0] - P, 2) + Math.pow(I[1] - O, 2)) > rs / d;
+      const I = E === o.points.length - 1 ? o.points[0] : o.points[E + 1], P = (y[0] + I[0]) / 2, O = (y[1] + I[1]) / 2, X = Math.sqrt(Math.pow(I[0] - P, 2) + Math.pow(I[1] - O, 2)) > ls / d;
       return { point: [P, O], visible: X };
     })), e.$$.dirty[0] & /*geom, viewportScale*/
     40 && n(9, s = wt(o.bounds, et / d));
@@ -3056,25 +3060,25 @@ function ls(e, t, n) {
     i,
     k,
     b,
-    A,
     S,
+    A,
     T,
     C,
     M,
     R,
     q,
-    z,
+    F,
     _,
     v
   ];
 }
-class as extends pe {
+class cs extends pe {
   constructor(t) {
     super(), me(
       this,
       t,
-      ls,
-      os,
+      as,
+      is,
       se,
       {
         shape: 0,
@@ -3088,8 +3092,8 @@ class as extends pe {
     );
   }
 }
-function cs(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, g, m, p, k, b, A, w, S, T, C, M, R, N, q, z, _, v, y, E, I, P, O, G, X, Z, K, J, te, oe, Ee, ke, V, ce, $, fe, ye, Ve, Ie, bt, Ce, Q, Et, Zt;
+function us(e) {
+  let t, n, o, i, s, r, l, a, u, d, f, h, g, m, p, k, b, S, w, A, T, C, M, R, N, q, F, _, v, y, E, I, P, O, G, X, Z, K, J, te, oe, Ee, ke, V, ce, $, fe, ye, Ve, Ie, bt, Ce, Q, Et, Zt;
   return $ = new qe({
     props: {
       class: "a9s-corner-handle-topleft",
@@ -3180,7 +3184,7 @@ function cs(e) {
     ) && e[12]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = L("defs"), n = L("mask"), o = L("rect"), a = L("rect"), g = _e(), m = L("rect"), w = _e(), S = L("rect"), N = _e(), q = L("rect"), y = _e(), E = L("rect"), G = _e(), X = L("rect"), te = _e(), oe = L("rect"), ce = _e(), ae($.$$.fragment), fe = _e(), ae(ye.$$.fragment), Ve = _e(), ae(Ie.$$.fragment), bt = _e(), ae(Ce.$$.fragment), c(o, "class", "rect-mask-bg svelte-1njczvj"), c(o, "x", i = /*mask*/
+      t = L("defs"), n = L("mask"), o = L("rect"), a = L("rect"), g = _e(), m = L("rect"), w = _e(), A = L("rect"), N = _e(), q = L("rect"), y = _e(), E = L("rect"), G = _e(), X = L("rect"), te = _e(), oe = L("rect"), ce = _e(), ae($.$$.fragment), fe = _e(), ae(ye.$$.fragment), Ve = _e(), ae(Ie.$$.fragment), bt = _e(), ae(Ce.$$.fragment), c(o, "class", "rect-mask-bg svelte-1njczvj"), c(o, "x", i = /*mask*/
       e[6].x), c(o, "y", s = /*mask*/
       e[6].y), c(o, "width", r = /*mask*/
       e[6].w), c(o, "height", l = /*mask*/
@@ -3197,17 +3201,17 @@ function cs(e) {
       e[8]})`), c(m, "x", p = /*geom*/
       e[5].x), c(m, "y", k = /*geom*/
       e[5].y), c(m, "width", b = /*geom*/
-      e[5].w), c(m, "height", A = /*geom*/
-      e[5].h), c(S, "class", "a9s-inner a9s-shape-handle"), c(
-        S,
+      e[5].w), c(m, "height", S = /*geom*/
+      e[5].h), c(A, "class", "a9s-inner a9s-shape-handle"), c(
+        A,
         "style",
         /*computedStyle*/
         e[1]
-      ), c(S, "x", T = /*geom*/
-      e[5].x), c(S, "y", C = /*geom*/
-      e[5].y), c(S, "width", M = /*geom*/
-      e[5].w), c(S, "height", R = /*geom*/
-      e[5].h), c(q, "class", "a9s-edge-handle a9s-edge-handle-top"), c(q, "x", z = /*geom*/
+      ), c(A, "x", T = /*geom*/
+      e[5].x), c(A, "y", C = /*geom*/
+      e[5].y), c(A, "width", M = /*geom*/
+      e[5].w), c(A, "height", R = /*geom*/
+      e[5].h), c(q, "class", "a9s-edge-handle a9s-edge-handle-top"), c(q, "x", F = /*geom*/
       e[5].x), c(q, "y", _ = /*geom*/
       e[5].y), c(q, "height", 1), c(q, "width", v = /*geom*/
       e[5].w), c(E, "class", "a9s-edge-handle a9s-edge-handle-right"), c(E, "x", I = /*geom*/
@@ -3223,15 +3227,15 @@ function cs(e) {
       e[5].y), c(oe, "height", V = /*geom*/
       e[5].h), c(oe, "width", 1);
     },
-    m(F, Y) {
-      B(F, t, Y), j(t, n), j(n, o), j(n, a), B(F, g, Y), B(F, m, Y), B(F, w, Y), B(F, S, Y), B(F, N, Y), B(F, q, Y), B(F, y, Y), B(F, E, Y), B(F, G, Y), B(F, X, Y), B(F, te, Y), B(F, oe, Y), B(F, ce, Y), re($, F, Y), B(F, fe, Y), re(ye, F, Y), B(F, Ve, Y), re(Ie, F, Y), B(F, bt, Y), re(Ce, F, Y), Q = !0, Et || (Zt = [
+    m(z, Y) {
+      B(z, t, Y), j(t, n), j(n, o), j(n, a), B(z, g, Y), B(z, m, Y), B(z, w, Y), B(z, A, Y), B(z, N, Y), B(z, q, Y), B(z, y, Y), B(z, E, Y), B(z, G, Y), B(z, X, Y), B(z, te, Y), B(z, oe, Y), B(z, ce, Y), re($, z, Y), B(z, fe, Y), re(ye, z, Y), B(z, Ve, Y), re(Ie, z, Y), B(z, bt, Y), re(Ce, z, Y), Q = !0, Et || (Zt = [
         W(m, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("SHAPE")
           ) && e[12]("SHAPE").apply(this, arguments);
         }),
-        W(S, "pointerdown", function() {
+        W(A, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("SHAPE")
@@ -3263,8 +3267,8 @@ function cs(e) {
         })
       ], Et = !0);
     },
-    p(F, Y) {
-      e = F, (!Q || Y & /*mask*/
+    p(z, Y) {
+      e = z, (!Q || Y & /*mask*/
       64 && i !== (i = /*mask*/
       e[6].x)) && c(o, "x", i), (!Q || Y & /*mask*/
       64 && s !== (s = /*mask*/
@@ -3287,24 +3291,24 @@ function cs(e) {
       e[5].y)) && c(m, "y", k), (!Q || Y & /*geom*/
       32 && b !== (b = /*geom*/
       e[5].w)) && c(m, "width", b), (!Q || Y & /*geom*/
-      32 && A !== (A = /*geom*/
-      e[5].h)) && c(m, "height", A), (!Q || Y & /*computedStyle*/
+      32 && S !== (S = /*geom*/
+      e[5].h)) && c(m, "height", S), (!Q || Y & /*computedStyle*/
       2) && c(
-        S,
+        A,
         "style",
         /*computedStyle*/
         e[1]
       ), (!Q || Y & /*geom*/
       32 && T !== (T = /*geom*/
-      e[5].x)) && c(S, "x", T), (!Q || Y & /*geom*/
+      e[5].x)) && c(A, "x", T), (!Q || Y & /*geom*/
       32 && C !== (C = /*geom*/
-      e[5].y)) && c(S, "y", C), (!Q || Y & /*geom*/
+      e[5].y)) && c(A, "y", C), (!Q || Y & /*geom*/
       32 && M !== (M = /*geom*/
-      e[5].w)) && c(S, "width", M), (!Q || Y & /*geom*/
+      e[5].w)) && c(A, "width", M), (!Q || Y & /*geom*/
       32 && R !== (R = /*geom*/
-      e[5].h)) && c(S, "height", R), (!Q || Y & /*geom*/
-      32 && z !== (z = /*geom*/
-      e[5].x)) && c(q, "x", z), (!Q || Y & /*geom*/
+      e[5].h)) && c(A, "height", R), (!Q || Y & /*geom*/
+      32 && F !== (F = /*geom*/
+      e[5].x)) && c(q, "x", F), (!Q || Y & /*geom*/
       32 && _ !== (_ = /*geom*/
       e[5].y)) && c(q, "y", _), (!Q || Y & /*geom*/
       32 && v !== (v = /*geom*/
@@ -3366,18 +3370,18 @@ function cs(e) {
       8 && (st.scale = /*viewportScale*/
       e[3]), Ce.$set(st);
     },
-    i(F) {
-      Q || (U($.$$.fragment, F), U(ye.$$.fragment, F), U(Ie.$$.fragment, F), U(Ce.$$.fragment, F), Q = !0);
+    i(z) {
+      Q || (U($.$$.fragment, z), U(ye.$$.fragment, z), U(Ie.$$.fragment, z), U(Ce.$$.fragment, z), Q = !0);
     },
-    o(F) {
-      H($.$$.fragment, F), H(ye.$$.fragment, F), H(Ie.$$.fragment, F), H(Ce.$$.fragment, F), Q = !1;
+    o(z) {
+      H($.$$.fragment, z), H(ye.$$.fragment, z), H(Ie.$$.fragment, z), H(Ce.$$.fragment, z), Q = !1;
     },
-    d(F) {
-      F && (D(t), D(g), D(m), D(w), D(S), D(N), D(q), D(y), D(E), D(G), D(X), D(te), D(oe), D(ce), D(fe), D(Ve), D(bt)), le($, F), le(ye, F), le(Ie, F), le(Ce, F), Et = !1, Ae(Zt);
+    d(z) {
+      z && (D(t), D(g), D(m), D(w), D(A), D(N), D(q), D(y), D(E), D(G), D(X), D(te), D(oe), D(ce), D(fe), D(Ve), D(bt)), le($, z), le(ye, z), le(Ie, z), le(Ce, z), Et = !1, Se(Zt);
     }
   };
 }
-function us(e) {
+function fs(e) {
   let t, n;
   return t = new Kt({
     props: {
@@ -3399,7 +3403,7 @@ function us(e) {
       ),
       $$slots: {
         default: [
-          cs,
+          us,
           ({ grab: o }) => ({ 12: o }),
           ({ grab: o }) => o ? 4096 : 0
         ]
@@ -3447,20 +3451,20 @@ function us(e) {
     }
   };
 }
-function fs(e, t, n) {
+function ds(e, t, n) {
   let o, i, { shape: s } = t, { computedStyle: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, { svgEl: u } = t;
   const d = (p, k, b) => {
-    const A = p.geometry.bounds;
-    let [w, S] = [A.minX, A.minY], [T, C] = [A.maxX, A.maxY];
+    const S = p.geometry.bounds;
+    let [w, A] = [S.minX, S.minY], [T, C] = [S.maxX, S.maxY];
     const [M, R] = b;
     if (k === "SHAPE")
-      w += M, T += M, S += R, C += R;
+      w += M, T += M, A += R, C += R;
     else {
       switch (k) {
         case "TOP":
         case "TOP_LEFT":
         case "TOP_RIGHT": {
-          S += R;
+          A += R;
           break;
         }
         case "BOTTOM":
@@ -3485,18 +3489,18 @@ function fs(e, t, n) {
         }
       }
     }
-    const N = Math.min(w, T), q = Math.min(S, C), z = Math.abs(T - w), _ = Math.abs(C - S);
+    const N = Math.min(w, T), q = Math.min(A, C), F = Math.abs(T - w), _ = Math.abs(C - A);
     return {
       ...p,
       geometry: {
         x: N,
         y: q,
-        w: z,
+        w: F,
         h: _,
         bounds: {
           minX: N,
           minY: q,
-          maxX: N + z,
+          maxX: N + F,
           maxY: q + _
         }
       }
@@ -3532,9 +3536,9 @@ function fs(e, t, n) {
     m
   ];
 }
-class ds extends pe {
+class hs extends pe {
   constructor(t) {
-    super(), me(this, t, fs, us, se, {
+    super(), me(this, t, ds, fs, se, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -3544,7 +3548,7 @@ class ds extends pe {
   }
 }
 var mn = Object.prototype.hasOwnProperty;
-function zt(e, t) {
+function Ft(e, t) {
   var n, o;
   if (e === t) return !0;
   if (e && t && (n = e.constructor) === t.constructor) {
@@ -3552,24 +3556,24 @@ function zt(e, t) {
     if (n === RegExp) return e.toString() === t.toString();
     if (n === Array) {
       if ((o = e.length) === t.length)
-        for (; o-- && zt(e[o], t[o]); ) ;
+        for (; o-- && Ft(e[o], t[o]); ) ;
       return o === -1;
     }
     if (!n || typeof e == "object") {
       o = 0;
       for (n in e)
-        if (mn.call(e, n) && ++o && !mn.call(t, n) || !(n in t) || !zt(e[n], t[n])) return !1;
+        if (mn.call(e, n) && ++o && !mn.call(t, n) || !(n in t) || !Ft(e[n], t[n])) return !1;
       return Object.keys(t).length === o;
     }
   }
   return e !== e && t !== t;
 }
-const hs = 12, gs = (e, t) => e.polygons.reduce((n, o, i) => {
+const gs = 12, ms = (e, t) => e.polygons.reduce((n, o, i) => {
   const s = o.rings.reduce((r, l, a) => {
     const u = l.points.map((d, f) => {
       const h = f === l.points.length - 1 ? l.points[0] : l.points[f + 1], g = (d[0] + h[0]) / 2, m = (d[1] + h[1]) / 2, k = Math.sqrt(
         Math.pow(h[0] - g, 2) + Math.pow(h[1] - m, 2)
-      ) > hs / t;
+      ) > gs / t;
       return { point: [g, m], visible: k, elementIdx: i, ringIdx: a, pointIdx: f };
     });
     return [...r, ...u];
@@ -3799,7 +3803,7 @@ function vn(e) {
     c() {
       for (let r = 0; r < i.length; r += 1)
         i[r].c();
-      t = Se();
+      t = Ae();
     },
     m(r, l) {
       for (let a = 0; a < i.length; a += 1)
@@ -3841,8 +3845,8 @@ function vn(e) {
     }
   };
 }
-function An(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, g, m, p, k, b, A = (
+function Sn(e) {
+  let t, n, o, i, s, r, l, a, u, d, f, h, g, m, p, k, b, S = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && wn(Bt(e))
@@ -3850,18 +3854,18 @@ function An(e) {
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && bn(Dt(e))
-  ), S = ve(
+  ), A = ve(
     /*element*/
     e[30].rings
   ), T = [];
-  for (let M = 0; M < S.length; M += 1)
-    T[M] = vn(yn(e, S, M));
+  for (let M = 0; M < A.length; M += 1)
+    T[M] = vn(yn(e, A, M));
   const C = (M) => H(T[M], 1, 1, () => {
     T[M] = null;
   });
   return {
     c() {
-      t = L("g"), n = L("defs"), o = L("mask"), i = L("rect"), u = L("path"), A && A.c(), w && w.c(), f = L("path"), g = L("path");
+      t = L("g"), n = L("defs"), o = L("mask"), i = L("rect"), u = L("path"), S && S.c(), w && w.c(), f = L("path"), g = L("path");
       for (let M = 0; M < T.length; M += 1)
         T[M].c();
       c(i, "x", s = /*mask*/
@@ -3891,7 +3895,7 @@ function An(e) {
       ));
     },
     m(M, R) {
-      B(M, t, R), j(t, n), j(n, o), j(o, i), j(o, u), A && A.m(o, null), w && w.m(n, null), j(t, f), j(t, g);
+      B(M, t, R), j(t, n), j(n, o), j(o, i), j(o, u), S && S.m(o, null), w && w.m(n, null), j(t, f), j(t, g);
       for (let N = 0; N < T.length; N += 1)
         T[N] && T[N].m(t, null);
       p = !0, k || (b = [
@@ -3936,7 +3940,7 @@ function An(e) {
         e[30]
       ))) && c(u, "d", d), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? A ? A.p(Bt(e), R) : (A = wn(Bt(e)), A.c(), A.m(o, null)) : A && (A.d(1), A = null), /*visibleMidpoint*/
+      e[7] ? S ? S.p(Bt(e), R) : (S = wn(Bt(e)), S.c(), S.m(o, null)) : S && (S.d(1), S = null), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
       e[7] ? w ? w.p(Dt(e), R) : (w = bn(Dt(e)), w.c(), w.m(n, null)) : w && (w.d(1), w = null), (!p || R[0] & /*geom*/
       32 && h !== (h = Pe(
@@ -3954,23 +3958,23 @@ function An(e) {
         e[30]
       ))) && c(g, "d", m), R[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
       268491048) {
-        S = ve(
+        A = ve(
           /*element*/
           e[30].rings
         );
         let N;
-        for (N = 0; N < S.length; N += 1) {
-          const q = yn(e, S, N);
+        for (N = 0; N < A.length; N += 1) {
+          const q = yn(e, A, N);
           T[N] ? (T[N].p(q, R), U(T[N], 1)) : (T[N] = vn(q), T[N].c(), U(T[N], 1), T[N].m(t, null));
         }
-        for (we(), N = S.length; N < T.length; N += 1)
+        for (we(), N = A.length; N < T.length; N += 1)
           C(N);
         be();
       }
     },
     i(M) {
       if (!p) {
-        for (let R = 0; R < S.length; R += 1)
+        for (let R = 0; R < A.length; R += 1)
           U(T[R]);
         p = !0;
       }
@@ -3982,11 +3986,11 @@ function An(e) {
       p = !1;
     },
     d(M) {
-      M && D(t), A && A.d(), w && w.d(), Ye(T, M), k = !1, Ae(b);
+      M && D(t), S && S.d(), w && w.d(), Ye(T, M), k = !1, Se(b);
     }
   };
 }
-function Sn(e) {
+function An(e) {
   let t, n;
   return t = new ao({
     props: {
@@ -4043,26 +4047,26 @@ function Sn(e) {
     }
   };
 }
-function ms(e) {
+function ps(e) {
   let t, n, o, i = ve(
     /*geom*/
     e[5].polygons
   ), s = [];
   for (let a = 0; a < i.length; a += 1)
-    s[a] = An(pn(e, i, a));
+    s[a] = Sn(pn(e, i, a));
   const r = (a) => H(s[a], 1, 1, () => {
     s[a] = null;
   });
   let l = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
-    e[7] && Sn(Ot(e))
+    e[7] && An(Ot(e))
   );
   return {
     c() {
       for (let a = 0; a < s.length; a += 1)
         s[a].c();
-      t = _e(), l && l.c(), n = Se();
+      t = _e(), l && l.c(), n = Ae();
     },
     m(a, u) {
       for (let d = 0; d < s.length; d += 1)
@@ -4079,7 +4083,7 @@ function ms(e) {
         let d;
         for (d = 0; d < i.length; d += 1) {
           const f = pn(a, i, d);
-          s[d] ? (s[d].p(f, u), U(s[d], 1)) : (s[d] = An(f), s[d].c(), U(s[d], 1), s[d].m(t.parentNode, t));
+          s[d] ? (s[d].p(f, u), U(s[d], 1)) : (s[d] = Sn(f), s[d].c(), U(s[d], 1), s[d].m(t.parentNode, t));
         }
         for (we(), d = i.length; d < s.length; d += 1)
           r(d);
@@ -4088,7 +4092,7 @@ function ms(e) {
       /*visibleMidpoint*/
       a[6] !== void 0 && !/*isHandleHovered*/
       a[7] ? l ? (l.p(Ot(a), u), u[0] & /*visibleMidpoint, isHandleHovered*/
-      192 && U(l, 1)) : (l = Sn(Ot(a)), l.c(), U(l, 1), l.m(n.parentNode, n)) : l && (we(), H(l, 1, 1, () => {
+      192 && U(l, 1)) : (l = An(Ot(a)), l.c(), U(l, 1), l.m(n.parentNode, n)) : l && (we(), H(l, 1, 1, () => {
         l = null;
       }), be());
     },
@@ -4110,7 +4114,7 @@ function ms(e) {
     }
   };
 }
-function ps(e) {
+function ys(e) {
   let t, n;
   return t = new Kt({
     props: {
@@ -4132,7 +4136,7 @@ function ps(e) {
       ),
       $$slots: {
         default: [
-          ms,
+          ps,
           ({ grab: o }) => ({ 28: o }),
           ({ grab: o }) => [o ? 268435456 : 0]
         ]
@@ -4181,26 +4185,26 @@ function ps(e) {
     }
   };
 }
-const ys = 250, _s = 1e3, tt = 4.5;
-function ws(e, t, n) {
+const _s = 250, ws = 1e3, tt = 4.5;
+function bs(e, t, n) {
   let o, i, s;
   const r = Be();
   let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, g = !1, m, p = [];
-  const k = () => n(7, g = !0), b = () => n(7, g = !1), A = (E) => {
+  const k = () => n(7, g = !0), b = () => n(7, g = !1), S = (E) => {
     if (p.length > 0 || !i.some((J) => J.visible)) {
       n(6, h = void 0);
       return;
     }
-    const [I, P] = u.elementToImage(E.offsetX, E.offsetY), O = (J) => Math.pow(J[0] - I, 2) + Math.pow(J[1] - P, 2), G = Yo(o).reduce((J, te) => O(te) < O(J) ? te : J), X = i.filter((J) => J.visible).reduce((J, te) => O(te.point) < O(J.point) ? te : J), Z = Math.pow(_s / d, 2);
+    const [I, P] = u.elementToImage(E.offsetX, E.offsetY), O = (J) => Math.pow(J[0] - I, 2) + Math.pow(J[1] - P, 2), G = Yo(o).reduce((J, te) => O(te) < O(J) ? te : J), X = i.filter((J) => J.visible).reduce((J, te) => O(te.point) < O(J.point) ? te : J), Z = Math.pow(ws / d, 2);
     O(G) < Z || O(X.point) < Z ? n(6, h = i.indexOf(X)) : n(6, h = void 0);
   }, w = () => {
     document.activeElement !== f && f.focus();
-  }, S = () => {
+  }, A = () => {
     n(8, p = []), w();
   }, T = (E) => {
     n(7, g = !0), E.preventDefault(), E.stopPropagation(), m = performance.now();
   }, C = (E, I, P) => (O) => {
-    if (!m || Le || performance.now() - m > ys) return;
+    if (!m || Le || performance.now() - m > _s) return;
     const G = (Z) => Z.polygon === E && Z.ring === I && Z.point === P, X = p.some(G);
     O.metaKey || O.ctrlKey || O.shiftKey ? X ? n(8, p = p.filter((Z) => !G(Z))) : n(8, p = [...p, { polygon: E, ring: I, point: P }]) : X && p.length > 1 ? n(8, p = [{ polygon: E, ring: I, point: P }]) : X ? n(8, p = []) : n(8, p = [{ polygon: E, ring: I, point: P }]), w();
   }, M = (E, I, P) => {
@@ -4277,7 +4281,7 @@ function ws(e, t, n) {
       } else
         return P;
     });
-    !zt(o.polygons, E) && (r("change", {
+    !Ft(o.polygons, E) && (r("change", {
       ...l,
       geometry: {
         polygons: E,
@@ -4290,11 +4294,11 @@ function ws(e, t, n) {
     const E = (I) => {
       (I.key === "Delete" || I.key === "Backspace") && (I.preventDefault(), N());
     };
-    return f.addEventListener("pointermove", A), f.addEventListener("keydown", E), () => {
-      f.removeEventListener("pointermove", A), f.removeEventListener("keydown", E);
+    return f.addEventListener("pointermove", S), f.addEventListener("keydown", E), () => {
+      f.removeEventListener("pointermove", S), f.removeEventListener("keydown", E);
     };
   });
-  const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`, z = (E, I, P, { polygon: O, ring: G, point: X }) => O === E && G === I && X === P;
+  const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`, F = (E, I, P, { polygon: O, ring: G, point: X }) => O === E && G === I && X === P;
   function _(E) {
     ue.call(this, e, E);
   }
@@ -4309,7 +4313,7 @@ function ws(e, t, n) {
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*shape*/
     1 && n(5, o = l.geometry), e.$$.dirty[0] & /*geom, viewportScale*/
-    40 && n(10, i = Le ? [] : gs(o, d)), e.$$.dirty[0] & /*geom, viewportScale*/
+    40 && n(10, i = Le ? [] : ms(o, d)), e.$$.dirty[0] & /*geom, viewportScale*/
     40 && n(9, s = wt(o.bounds, tt / d));
   }, [
     l,
@@ -4325,25 +4329,25 @@ function ws(e, t, n) {
     i,
     k,
     b,
-    S,
+    A,
     T,
     C,
     M,
     R,
     q,
-    z,
+    F,
     _,
     v,
     y
   ];
 }
-class bs extends pe {
+class Es extends pe {
   constructor(t) {
     super(), me(
       this,
       t,
-      ws,
-      ps,
+      bs,
+      ys,
       se,
       {
         shape: 0,
@@ -4358,10 +4362,10 @@ class bs extends pe {
   }
 }
 const co = /* @__PURE__ */ new Map([
-  [x.RECTANGLE, ds],
-  [x.POLYGON, as],
-  [x.MULTIPOLYGON, bs]
-]), Es = (e) => co.get(e.type), vs = (e, t) => co.set(e, t);
+  [x.RECTANGLE, hs],
+  [x.POLYGON, cs],
+  [x.MULTIPOLYGON, Es]
+]), vs = (e) => co.get(e.type), Ss = (e, t) => co.set(e, t);
 function As(e, t, n) {
   let o;
   const i = Be();
@@ -4383,7 +4387,7 @@ function As(e, t, n) {
     "annotation" in h && n(0, s = h.annotation), "editor" in h && n(1, r = h.editor), "style" in h && n(2, l = h.style), "target" in h && n(3, a = h.target), "transform" in h && n(4, u = h.transform), "viewportScale" in h && n(5, d = h.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    5 && n(7, o = Re(s, l)), e.$$.dirty & /*annotation, editorComponent*/
+    5 && n(7, o = Re(s, l, { selected: !0, hovered: !0 })), e.$$.dirty & /*annotation, editorComponent*/
     65 && s && (f == null || f.$set({ shape: s.target.selector })), e.$$.dirty & /*editorComponent, transform*/
     80 && f && f.$set({ transform: u }), e.$$.dirty & /*editorComponent, viewportScale*/
     96 && f && f.$set({ viewportScale: d }), e.$$.dirty & /*editorComponent, computedStyle*/
@@ -4399,7 +4403,7 @@ function As(e, t, n) {
     o
   ];
 }
-class Ss extends pe {
+class ks extends pe {
   constructor(t) {
     super(), me(this, t, As, null, se, {
       annotation: 0,
@@ -4411,7 +4415,7 @@ class Ss extends pe {
     });
   }
 }
-function ks(e, t, n) {
+function Ms(e, t, n) {
   const o = Be();
   let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: l } = t, { viewportScale: a } = t, u;
   return Ue(() => {
@@ -4437,9 +4441,9 @@ function ks(e, t, n) {
     48 && u && u.$set({ viewportScale: a });
   }, [i, s, r, l, a, u];
 }
-class Ms extends pe {
+class Ts extends pe {
   constructor(t) {
-    super(), me(this, t, ks, null, se, {
+    super(), me(this, t, Ms, null, se, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -4623,7 +4627,7 @@ function kn(e) {
     }
   };
 }
-function Ts(e) {
+function Ps(e) {
   let t, n = (
     /*origin*/
     e[0] && kn(e)
@@ -4646,7 +4650,7 @@ function Ts(e) {
     }
   };
 }
-function Ps(e, t, n) {
+function Ls(e, t, n) {
   let o;
   const i = Be();
   let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, u, d, f, h, g, m, p;
@@ -4656,7 +4660,7 @@ function Ps(e, t, n) {
   }, b = (T) => {
     const C = T;
     d && (f = l.elementToImage(C.offsetX, C.offsetY), n(1, h = Math.min(f[0], d[0])), n(2, g = Math.min(f[1], d[1])), n(3, m = Math.abs(f[0] - d[0])), n(4, p = Math.abs(f[1] - d[1])));
-  }, A = (T) => {
+  }, S = (T) => {
     const C = T, M = performance.now() - u;
     if (r === "click") {
       if (M > 300) return;
@@ -4684,9 +4688,9 @@ function Ps(e, t, n) {
     n(0, d = void 0), f = void 0;
   };
   Ue(() => {
-    s("pointerdown", k), s("pointermove", b), s("pointerup", A, !0);
+    s("pointerdown", k), s("pointermove", b), s("pointerup", S, !0);
   });
-  const S = `rect-mask-${Math.random().toString(36).substring(2, 12)}`;
+  const A = `rect-mask-${Math.random().toString(36).substring(2, 12)}`;
   return e.$$set = (T) => {
     "addEventListener" in T && n(7, s = T.addEventListener), "drawingMode" in T && n(8, r = T.drawingMode), "transform" in T && n(9, l = T.transform), "viewportScale" in T && n(10, a = T.viewportScale);
   }, e.$$.update = () => {
@@ -4699,16 +4703,16 @@ function Ps(e, t, n) {
     m,
     p,
     o,
-    S,
+    A,
     s,
     r,
     l,
     a
   ];
 }
-class Ls extends pe {
+class Is extends pe {
   constructor(t) {
-    super(), me(this, t, Ps, Ts, se, {
+    super(), me(this, t, Ls, Ps, se, {
       addEventListener: 7,
       drawingMode: 8,
       transform: 9,
@@ -4730,7 +4734,7 @@ function Mn(e) {
   );
   return {
     c() {
-      t = L("defs"), n = L("mask"), o = L("rect"), a = L("polygon"), d = L("polygon"), h = L("polygon"), p && p.c(), m = Se(), c(o, "x", i = /*mask*/
+      t = L("defs"), n = L("mask"), o = L("rect"), a = L("polygon"), d = L("polygon"), h = L("polygon"), p && p.c(), m = Ae(), c(o, "x", i = /*mask*/
       e[3].x), c(o, "y", s = /*mask*/
       e[3].y), c(o, "width", r = /*mask*/
       e[3].w), c(o, "height", l = /*mask*/
@@ -4805,7 +4809,7 @@ function Tn(e) {
     }
   };
 }
-function Is(e) {
+function Cs(e) {
   let t, n = (
     /*mask*/
     e[3] && Mn(Nt(e))
@@ -4828,38 +4832,38 @@ function Is(e) {
     }
   };
 }
-const Cs = 20, Os = 1500;
-function Ds(e, t, n) {
+const Os = 20, Ds = 1500;
+function Bs(e, t, n) {
   let o, i, s;
   const r = Be();
   let { addEventListener: l } = t, { drawingMode: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, f, h = [], g, m, p = !1;
   const k = (C) => {
     const M = C, { timeStamp: R, offsetX: N, offsetY: q } = M;
     if (f = { timeStamp: R, offsetX: N, offsetY: q }, a === "drag" && h.length === 0) {
-      const z = u.elementToImage(M.offsetX, M.offsetY);
-      h.push(z), n(10, g = z);
+      const F = u.elementToImage(M.offsetX, M.offsetY);
+      h.push(F), n(10, g = F);
     }
   }, b = (C) => {
     const M = C;
     if (m && clearTimeout(m), h.length > 0) {
       if (n(10, g = u.elementToImage(M.offsetX, M.offsetY)), h.length > 2) {
         const R = ft(g, h[0]) * d;
-        n(1, p = R < Cs);
+        n(1, p = R < Os);
       }
       M.pointerType === "touch" && (m = setTimeout(
         () => {
           w();
         },
-        Os
+        Ds
       ));
     }
-  }, A = (C) => {
+  }, S = (C) => {
     const M = C;
     if (m && clearTimeout(m), a === "click") {
       const R = M.timeStamp - f.timeStamp, N = ft([f.offsetX, f.offsetY], [M.offsetX, M.offsetY]);
       if (R > 300 || N > 15) return;
       if (p)
-        S();
+        A();
       else if (h.length === 0) {
         const q = u.elementToImage(M.offsetX, M.offsetY);
         h.push(q), n(10, g = q);
@@ -4871,7 +4875,7 @@ function Ds(e, t, n) {
         n(0, h = []), n(10, g = void 0);
         return;
       }
-      M.stopImmediatePropagation(), p ? S() : h.push(g);
+      M.stopImmediatePropagation(), p ? A() : h.push(g);
     }
   }, w = () => {
     if (!g) return;
@@ -4885,7 +4889,7 @@ function Ds(e, t, n) {
       }
     };
     Gt(M) > 4 && (n(0, h = []), n(10, g = void 0), r("create", M));
-  }, S = () => {
+  }, A = () => {
     const C = {
       type: x.POLYGON,
       geometry: {
@@ -4896,7 +4900,7 @@ function Ds(e, t, n) {
     n(0, h = []), n(10, g = void 0), r("create", C);
   };
   Ue(() => {
-    l("pointerdown", k, !0), l("pointermove", b), l("pointerup", A, !0), l("dblclick", w, !0);
+    l("pointerdown", k, !0), l("pointermove", b), l("pointerup", S, !0), l("dblclick", w, !0);
   });
   const T = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`;
   return e.$$set = (C) => {
@@ -4920,9 +4924,9 @@ function Ds(e, t, n) {
     g
   ];
 }
-class Bs extends pe {
+class Ns extends pe {
   constructor(t) {
-    super(), me(this, t, Ds, Is, se, {
+    super(), me(this, t, Bs, Cs, se, {
       addEventListener: 6,
       drawingMode: 7,
       transform: 8,
@@ -4931,10 +4935,10 @@ class Bs extends pe {
   }
 }
 const Wt = /* @__PURE__ */ new Map([
-  ["rectangle", { tool: Ls }],
-  ["polygon", { tool: Bs }]
-]), uo = () => [...Wt.keys()], fo = (e) => Wt.get(e), Ns = (e, t, n = {}) => Wt.set(e, { tool: t, opts: n });
-function Ys(e) {
+  ["rectangle", { tool: Is }],
+  ["polygon", { tool: Ns }]
+]), uo = () => [...Wt.keys()], fo = (e) => Wt.get(e), Ys = (e, t, n = {}) => Wt.set(e, { tool: t, opts: n });
+function Us(e) {
   let t, n, o, i, s;
   return {
     c() {
@@ -5010,7 +5014,7 @@ function Ys(e) {
     }
   };
 }
-function Us(e, t, n) {
+function Rs(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
   const { cx: l, cy: a, rx: u, ry: d } = s;
   return e.$$set = (f) => {
@@ -5020,12 +5024,12 @@ function Us(e, t, n) {
     129 && n(1, o = Re(i, r));
   }, [i, o, l, a, u, d, s, r];
 }
-class Rs extends pe {
+class Vs extends pe {
   constructor(t) {
-    super(), me(this, t, Us, Ys, se, { annotation: 0, geom: 6, style: 7 });
+    super(), me(this, t, Rs, Us, se, { annotation: 0, geom: 6, style: 7 });
   }
 }
-function Vs(e) {
+function Xs(e) {
   let t, n, o, i, s;
   return {
     c() {
@@ -5101,7 +5105,7 @@ function Vs(e) {
     }
   };
 }
-function Xs(e, t, n) {
+function Hs(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
   const { points: l } = s, [[a, u], [d, f]] = l;
   return e.$$set = (h) => {
@@ -5111,9 +5115,9 @@ function Xs(e, t, n) {
     129 && n(1, o = Re(i, r));
   }, [i, o, a, u, d, f, s, r];
 }
-class Hs extends pe {
+class Gs extends pe {
   constructor(t) {
-    super(), me(this, t, Xs, Vs, se, { annotation: 0, geom: 6, style: 7 });
+    super(), me(this, t, Hs, Xs, se, { annotation: 0, geom: 6, style: 7 });
   }
 }
 function Pn(e, t, n) {
@@ -5157,7 +5161,7 @@ function Ln(e) {
     }
   };
 }
-function Gs(e) {
+function js(e) {
   let t, n, o = ve(
     /*polygons*/
     e[2]
@@ -5204,7 +5208,7 @@ function Gs(e) {
     }
   };
 }
-function js(e, t, n) {
+function Fs(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
   const { polygons: l } = s;
   return e.$$set = (a) => {
@@ -5216,10 +5220,10 @@ function js(e, t, n) {
 }
 class zs extends pe {
   constructor(t) {
-    super(), me(this, t, js, Gs, se, { annotation: 0, geom: 3, style: 4 });
+    super(), me(this, t, Fs, js, se, { annotation: 0, geom: 3, style: 4 });
   }
 }
-function Fs(e) {
+function qs(e) {
   let t, n, o, i, s;
   return {
     c() {
@@ -5228,7 +5232,7 @@ function Fs(e) {
         n,
         "points",
         /*points*/
-        e[2].map(qs).join(" ")
+        e[2].map(Ks).join(" ")
       ), c(i, "class", "a9s-inner"), c(
         i,
         "style",
@@ -5238,7 +5242,7 @@ function Fs(e) {
         i,
         "points",
         /*points*/
-        e[2].map(Ks).join(" ")
+        e[2].map(Ws).join(" ")
       ), c(t, "class", "a9s-annotation"), c(t, "data-id", s = /*annotation*/
       e[0].id);
     },
@@ -5265,8 +5269,8 @@ function Fs(e) {
     }
   };
 }
-const qs = (e) => e.join(","), Ks = (e) => e.join(",");
-function Ws(e, t, n) {
+const Ks = (e) => e.join(","), Ws = (e) => e.join(",");
+function Zs(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
   const { points: l } = s;
   return e.$$set = (a) => {
@@ -5276,23 +5280,23 @@ function Ws(e, t, n) {
     17 && n(1, o = Re(i, r));
   }, [i, o, l, s, r];
 }
-class Zs extends pe {
+class Js extends pe {
   constructor(t) {
-    super(), me(this, t, Ws, Fs, se, { annotation: 0, geom: 3, style: 4 });
+    super(), me(this, t, Zs, qs, se, { annotation: 0, geom: 3, style: 4 });
   }
 }
-function Js(e) {
+function Qs(e) {
   let t, n, o, i, s, r, l;
   return {
     c() {
-      t = L("g"), n = L("path"), s = L("path"), c(n, "class", o = Fe(`a9s-outer ${/*cssClass*/
+      t = L("g"), n = L("path"), s = L("path"), c(n, "class", o = ze(`a9s-outer ${/*cssClass*/
       e[1]}`) + " svelte-1w0132l"), c(n, "style", i = /*computedStyle*/
       e[3] ? "display:none;" : void 0), c(
         n,
         "d",
         /*d*/
         e[2]
-      ), c(s, "class", r = Fe(`a9s-inner ${/*cssClass*/
+      ), c(s, "class", r = ze(`a9s-inner ${/*cssClass*/
       e[1]}`) + " svelte-1w0132l"), c(
         s,
         "style",
@@ -5311,7 +5315,7 @@ function Js(e) {
     },
     p(a, [u]) {
       u & /*cssClass*/
-      2 && o !== (o = Fe(`a9s-outer ${/*cssClass*/
+      2 && o !== (o = ze(`a9s-outer ${/*cssClass*/
       a[1]}`) + " svelte-1w0132l") && c(n, "class", o), u & /*computedStyle*/
       8 && i !== (i = /*computedStyle*/
       a[3] ? "display:none;" : void 0) && c(n, "style", i), u & /*d*/
@@ -5321,7 +5325,7 @@ function Js(e) {
         /*d*/
         a[2]
       ), u & /*cssClass*/
-      2 && r !== (r = Fe(`a9s-inner ${/*cssClass*/
+      2 && r !== (r = ze(`a9s-inner ${/*cssClass*/
       a[1]}`) + " svelte-1w0132l") && c(s, "class", r), u & /*computedStyle*/
       8 && c(
         s,
@@ -5345,7 +5349,7 @@ function Js(e) {
     }
   };
 }
-function Qs(e, t, n) {
+function xs(e, t, n) {
   let o, i, s, { annotation: r } = t, { geom: l } = t, { style: a } = t;
   return e.$$set = (u) => {
     "annotation" in u && n(0, r = u.annotation), "geom" in u && n(4, l = u.geom), "style" in u && n(5, a = u.style);
@@ -5356,12 +5360,12 @@ function Qs(e, t, n) {
     16 && n(1, s = l.closed ? "closed" : "open");
   }, [r, s, i, o, l, a];
 }
-class xs extends pe {
+class $s extends pe {
   constructor(t) {
-    super(), me(this, t, Qs, Js, se, { annotation: 0, geom: 4, style: 5 });
+    super(), me(this, t, xs, Qs, se, { annotation: 0, geom: 4, style: 5 });
   }
 }
-function $s(e) {
+function er(e) {
   let t, n, o, i, s;
   return {
     c() {
@@ -5485,7 +5489,7 @@ function $s(e) {
     }
   };
 }
-function er(e, t, n) {
+function tr(e, t, n) {
   let o, i, s, r, l, { annotation: a } = t, { geom: u } = t, { style: d } = t;
   return e.$$set = (f) => {
     "annotation" in f && n(0, a = f.annotation), "geom" in f && n(6, u = f.geom), "style" in f && n(7, d = f.style);
@@ -5495,25 +5499,25 @@ function er(e, t, n) {
     64 && n(4, { x: i, y: s, w: r, h: l } = u, i, (n(3, s), n(6, u)), (n(2, r), n(6, u)), (n(1, l), n(6, u)));
   }, [a, l, r, s, i, o, u, d];
 }
-class tr extends pe {
+class nr extends pe {
   constructor(t) {
-    super(), me(this, t, er, $s, se, { annotation: 0, geom: 6, style: 7 });
+    super(), me(this, t, tr, er, se, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const Vr = {
+const Xr = {
   elementToImage: (e, t) => [e, t]
-}, nr = (e) => ({
+}, or = (e) => ({
   elementToImage: (t, n) => {
     const o = e.getBoundingClientRect(), i = e.createSVGPoint();
     i.x = t + o.x, i.y = n + o.y;
     const { x: s, y: r } = i.matrixTransform(e.getScreenCTM().inverse());
     return [s, r];
   }
-}), or = 250, ir = (e, t) => {
+}), ir = 250, sr = (e, t) => {
   const n = Be();
   let o;
   return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
-    if (performance.now() - o < or) {
+    if (performance.now() - o < ir) {
       const { x: a, y: u } = ho(r, e), d = Le ? 10 : 2, f = t.getAt(a, u, void 0, d);
       f ? n("click", { originalEvent: r, annotation: f }) : n("click", { originalEvent: r });
     }
@@ -5544,7 +5548,7 @@ function On(e) {
   ), n, o, i = Dn(e);
   return {
     c() {
-      i.c(), n = Se();
+      i.c(), n = Ae();
     },
     m(s, r) {
       i.m(s, r), B(s, n, r), o = !0;
@@ -5565,9 +5569,9 @@ function On(e) {
     }
   };
 }
-function sr(e) {
+function rr(e) {
   let t, n;
-  return t = new Hs({
+  return t = new Gs({
     props: {
       annotation: (
         /*annotation*/
@@ -5610,9 +5614,9 @@ function sr(e) {
     }
   };
 }
-function rr(e) {
+function lr(e) {
   let t, n;
-  return t = new xs({
+  return t = new $s({
     props: {
       annotation: (
         /*annotation*/
@@ -5655,7 +5659,7 @@ function rr(e) {
     }
   };
 }
-function lr(e) {
+function ar(e) {
   let t, n;
   return t = new zs({
     props: {
@@ -5700,9 +5704,9 @@ function lr(e) {
     }
   };
 }
-function ar(e) {
+function cr(e) {
   let t, n;
-  return t = new Zs({
+  return t = new Js({
     props: {
       annotation: (
         /*annotation*/
@@ -5745,9 +5749,9 @@ function ar(e) {
     }
   };
 }
-function cr(e) {
+function ur(e) {
   let t, n;
-  return t = new tr({
+  return t = new nr({
     props: {
       annotation: (
         /*annotation*/
@@ -5790,10 +5794,10 @@ function cr(e) {
     }
   };
 }
-function ur(e) {
+function fr(e) {
   var o;
   let t, n;
-  return t = new Rs({
+  return t = new Vs({
     props: {
       annotation: (
         /*annotation*/
@@ -5840,12 +5844,12 @@ function ur(e) {
 function Dn(e) {
   let t, n, o, i;
   const s = [
+    fr,
     ur,
     cr,
     ar,
     lr,
-    rr,
-    sr
+    rr
   ], r = [];
   function l(a, u) {
     var d, f, h, g, m, p;
@@ -5871,7 +5875,7 @@ function Dn(e) {
   }
   return ~(t = l(e)) && (n = r[t] = s[t](e)), {
     c() {
-      n && n.c(), o = Se();
+      n && n.c(), o = Ae();
     },
     m(a, u) {
       ~t && r[t].m(a, u), B(a, o, u), i = !0;
@@ -5904,7 +5908,7 @@ function Bn(e) {
   ), n, o, i = t && On(Yt(e));
   return {
     c() {
-      i && i.c(), n = Se();
+      i && i.c(), n = Ae();
     },
     m(s, r) {
       i && i.m(s, r), B(s, n, r), o = !0;
@@ -5936,7 +5940,7 @@ function Bn(e) {
 }
 function Nn(e) {
   let t, n, o, i;
-  const s = [dr, fr], r = [];
+  const s = [hr, dr], r = [];
   function l(a, u) {
     return (
       /*editors*/
@@ -5949,7 +5953,7 @@ function Nn(e) {
   }
   return ~(t = l(e)) && (n = r[t] = s[t](e)), {
     c() {
-      n && n.c(), o = Se();
+      n && n.c(), o = Ae();
     },
     m(a, u) {
       ~t && r[t].m(a, u), B(a, o, u), i = !0;
@@ -5971,13 +5975,13 @@ function Nn(e) {
     }
   };
 }
-function fr(e) {
+function dr(e) {
   let t = `${/*toolName*/
   e[2]}-${/*toolMountKey*/
   e[7]}`, n, o, i = Yn(e);
   return {
     c() {
-      i.c(), n = Se();
+      i.c(), n = Ae();
     },
     m(s, r) {
       i.m(s, r), B(s, n, r), o = !0;
@@ -5999,7 +6003,7 @@ function fr(e) {
     }
   };
 }
-function dr(e) {
+function hr(e) {
   let t, n, o = ve(
     /*editors*/
     e[6]
@@ -6013,7 +6017,7 @@ function dr(e) {
     c() {
       for (let r = 0; r < i.length; r += 1)
         i[r].c();
-      t = Se();
+      t = Ae();
     },
     m(r, l) {
       for (let a = 0; a < i.length; a += 1)
@@ -6057,7 +6061,7 @@ function dr(e) {
 }
 function Yn(e) {
   let t, n;
-  return t = new Ms({
+  return t = new Ts({
     props: {
       target: (
         /*drawingEl*/
@@ -6118,7 +6122,7 @@ function Yn(e) {
 }
 function Un(e) {
   let t, n;
-  return t = new Ss({
+  return t = new ks({
     props: {
       target: (
         /*drawingEl*/
@@ -6198,7 +6202,7 @@ function Rn(e) {
   ), n, o, i = Un(e);
   return {
     c() {
-      i.c(), n = Se();
+      i.c(), n = Ae();
     },
     m(s, r) {
       i.m(s, r), B(s, n, r), o = !0;
@@ -6219,7 +6223,7 @@ function Rn(e) {
     }
   };
 }
-function hr(e) {
+function gr(e) {
   let t, n, o, i, s, r, l = ve(
     /*$store*/
     e[17].filter(
@@ -6343,19 +6347,19 @@ function hr(e) {
       H(d), i = !1;
     },
     d(f) {
-      f && D(t), Ye(a, f), d && d.d(), e[35](null), e[36](null), s = !1, Ae(r);
+      f && D(t), Ye(a, f), d && d.d(), e[35](null), e[36](null), s = !1, Se(r);
     }
   };
 }
-function gr(e, t, n) {
+function mr(e, t, n) {
   let o, i, s, r, l, a, u, d, f, h, g, m, p = ee, k = () => (p(), p = jn(E, (V) => n(18, m = V)), E);
   e.$$.on_destroy.push(() => p());
-  let { drawingEnabled: b } = t, { image: A } = t, { preferredDrawingMode: w } = t, { state: S } = t, { style: T = void 0 } = t, { toolName: C = uo()[0] } = t, { user: M } = t, { visible: R = !0 } = t, N = 0;
-  const q = () => n(7, N += 1), z = () => C, _ = () => b;
+  let { drawingEnabled: b } = t, { image: S } = t, { preferredDrawingMode: w } = t, { state: A } = t, { style: T = void 0 } = t, { toolName: C = uo()[0] } = t, { user: M } = t, { visible: R = !0 } = t, N = 0;
+  const q = () => n(7, N += 1), F = () => C, _ = () => b;
   let v, y, E;
-  Ue(() => k(n(9, E = zi(A, y))));
-  const { hover: I, selection: P, store: O } = S;
-  At(e, I, (V) => n(16, f = V)), At(e, P, (V) => n(33, h = V)), At(e, O, (V) => n(17, g = V));
+  Ue(() => k(n(9, E = zi(S, y))));
+  const { hover: I, selection: P, store: O } = A;
+  St(e, I, (V) => n(16, f = V)), St(e, P, (V) => n(33, h = V)), St(e, O, (V) => n(17, g = V));
   let G, X;
   const Z = (V) => {
     G && O.unobserve(G);
@@ -6401,18 +6405,18 @@ function gr(e, t, n) {
     });
   }
   return e.$$set = (V) => {
-    "drawingEnabled" in V && n(0, b = V.drawingEnabled), "image" in V && n(25, A = V.image), "preferredDrawingMode" in V && n(26, w = V.preferredDrawingMode), "state" in V && n(27, S = V.state), "style" in V && n(1, T = V.style), "toolName" in V && n(2, C = V.toolName), "user" in V && n(28, M = V.user), "visible" in V && n(3, R = V.visible);
+    "drawingEnabled" in V && n(0, b = V.drawingEnabled), "image" in V && n(25, S = V.image), "preferredDrawingMode" in V && n(26, w = V.preferredDrawingMode), "state" in V && n(27, A = V.state), "style" in V && n(1, T = V.style), "toolName" in V && n(2, C = V.toolName), "user" in V && n(28, M = V.user), "visible" in V && n(3, R = V.visible);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
     4 && n(15, { tool: o, opts: i } = fo(C) || { tool: void 0, opts: void 0 }, o, (n(32, i), n(2, C))), e.$$.dirty[0] & /*preferredDrawingMode*/
     67108864 | e.$$.dirty[1] & /*opts*/
     2 && n(14, s = (i == null ? void 0 : i.drawingMode) || w), e.$$.dirty[0] & /*svgEl*/
-    16 && n(13, r = nr(y)), e.$$.dirty[0] & /*svgEl*/
-    16 && n(12, { onPointerDown: l, onPointerUp: a } = ir(y, O), l, (n(11, a), n(4, y))), e.$$.dirty[1] & /*$selection*/
+    16 && n(13, r = or(y)), e.$$.dirty[0] & /*svgEl*/
+    16 && n(12, { onPointerDown: l, onPointerUp: a } = sr(y, O), l, (n(11, a), n(4, y))), e.$$.dirty[1] & /*$selection*/
     4 && Z(h.selected), e.$$.dirty[0] & /*editableAnnotations*/
     32 && n(6, u = X ? X.map((V) => ({
       annotation: V,
-      editor: Es(V.target.selector)
+      editor: vs(V.target.selector)
     })).filter((V) => V.editor) : void 0), e.$$.dirty[0] & /*editors*/
     64 && n(10, d = (V) => u && u.some((ce) => ce.annotation.id === V.id));
   }, [
@@ -6441,12 +6445,12 @@ function gr(e, t, n) {
     K,
     J,
     te,
-    A,
-    w,
     S,
+    w,
+    A,
     M,
     q,
-    z,
+    F,
     _,
     i,
     h,
@@ -6455,13 +6459,13 @@ function gr(e, t, n) {
     ke
   ];
 }
-class mr extends pe {
+class pr extends pe {
   constructor(t) {
     super(), me(
       this,
       t,
+      mr,
       gr,
-      hr,
       se,
       {
         drawingEnabled: 0,
@@ -6490,7 +6494,7 @@ class mr extends pe {
     return this.$$.ctx[31];
   }
 }
-function go(e, t, n = 0, o = e.length - 1, i = pr) {
+function go(e, t, n = 0, o = e.length - 1, i = yr) {
   for (; o > n; ) {
     if (o - n > 600) {
       const a = o - n + 1, u = t - n + 1, d = Math.log(a), f = 0.5 * Math.exp(2 * d / 3), h = 0.5 * Math.sqrt(d * f * (a - f) / a) * (u - a / 2 < 0 ? -1 : 1), g = Math.max(n, Math.floor(t - u * f / a + h)), m = Math.min(o, Math.floor(t + (a - u) * f / a + h));
@@ -6509,10 +6513,10 @@ function Ze(e, t, n) {
   const o = e[t];
   e[t] = e[n], e[n] = o;
 }
-function pr(e, t) {
+function yr(e, t) {
   return e < t ? -1 : e > t ? 1 : 0;
 }
-class yr {
+class _r {
   constructor(t = 9) {
     this._maxEntries = Math.max(4, t), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
   }
@@ -6574,7 +6578,7 @@ class yr {
     return t && this._insert(t, this.data.height - 1), this;
   }
   clear() {
-    return this.data = ze([]), this;
+    return this.data = Fe([]), this;
   }
   remove(t, n) {
     if (!t) return this;
@@ -6583,7 +6587,7 @@ class yr {
     let l, a, u;
     for (; o || s.length; ) {
       if (o || (o = s.pop(), a = s[s.length - 1], l = r.pop(), u = !0), o.leaf) {
-        const d = _r(t, o.children, n);
+        const d = wr(t, o.children, n);
         if (d !== -1)
           return o.children.splice(d, 1), s.push(o), this._condense(s), this;
       }
@@ -6616,8 +6620,8 @@ class yr {
     const s = o - n + 1;
     let r = this._maxEntries, l;
     if (s <= r)
-      return l = ze(t.slice(n, o + 1)), Ge(l, this.toBBox), l;
-    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = ze([]), l.leaf = !1, l.height = i;
+      return l = Fe(t.slice(n, o + 1)), Ge(l, this.toBBox), l;
+    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = Fe([]), l.leaf = !1, l.height = i;
     const a = Math.ceil(s / r), u = a * Math.ceil(Math.sqrt(r));
     Vn(t, n, o, u, this.compareMinX);
     for (let d = n; d <= o; d += u) {
@@ -6634,7 +6638,7 @@ class yr {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
       let s = 1 / 0, r = 1 / 0, l;
       for (let a = 0; a < n.children.length; a++) {
-        const u = n.children[a], d = Ut(u), f = Er(t, u) - d;
+        const u = n.children[a], d = Ut(u), f = vr(t, u) - d;
         f < r ? (r = f, s = d < s ? d : s, l = u) : f === r && d < s && (s = d, l = u);
       }
       n = l || n.children[0];
@@ -6651,23 +6655,23 @@ class yr {
   _split(t, n) {
     const o = t[n], i = o.children.length, s = this._minEntries;
     this._chooseSplitAxis(o, s, i);
-    const r = this._chooseSplitIndex(o, s, i), l = ze(o.children.splice(r, o.children.length - r));
+    const r = this._chooseSplitIndex(o, s, i), l = Fe(o.children.splice(r, o.children.length - r));
     l.height = o.height, l.leaf = o.leaf, Ge(o, this.toBBox), Ge(l, this.toBBox), n ? t[n - 1].children.push(l) : this._splitRoot(o, l);
   }
   _splitRoot(t, n) {
-    this.data = ze([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, Ge(this.data, this.toBBox);
+    this.data = Fe([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, Ge(this.data, this.toBBox);
   }
   _chooseSplitIndex(t, n, o) {
     let i, s = 1 / 0, r = 1 / 0;
     for (let l = n; l <= o - n; l++) {
-      const a = Je(t, 0, l, this.toBBox), u = Je(t, l, o, this.toBBox), d = vr(a, u), f = Ut(a) + Ut(u);
+      const a = Je(t, 0, l, this.toBBox), u = Je(t, l, o, this.toBBox), d = Sr(a, u), f = Ut(a) + Ut(u);
       d < s ? (s = d, i = l, r = f < r ? f : r) : d === s && f < r && (r = f, i = l);
     }
     return i || o - n;
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(t, n, o) {
-    const i = t.leaf ? this.compareMinX : wr, s = t.leaf ? this.compareMinY : br, r = this._allDistMargin(t, n, o, i), l = this._allDistMargin(t, n, o, s);
+    const i = t.leaf ? this.compareMinX : br, s = t.leaf ? this.compareMinY : Er, r = this._allDistMargin(t, n, o, i), l = this._allDistMargin(t, n, o, s);
     r < l && t.children.sort(i);
   }
   // total margin of all possible split distributions where each node is at least m full
@@ -6694,7 +6698,7 @@ class yr {
       t[n].children.length === 0 ? n > 0 ? (o = t[n - 1].children, o.splice(o.indexOf(t[n]), 1)) : this.clear() : Ge(t[n], this.toBBox);
   }
 }
-function _r(e, t, n) {
+function wr(e, t, n) {
   if (!n) return t.indexOf(e);
   for (let o = 0; o < t.length; o++)
     if (n(e, t[o])) return o;
@@ -6704,7 +6708,7 @@ function Ge(e, t) {
   Je(e, 0, e.children.length, t, e);
 }
 function Je(e, t, n, o, i) {
-  i || (i = ze(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
+  i || (i = Fe(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
   for (let s = t; s < n; s++) {
     const r = e.children[s];
     Qe(i, e.leaf ? o(r) : r);
@@ -6714,10 +6718,10 @@ function Je(e, t, n, o, i) {
 function Qe(e, t) {
   return e.minX = Math.min(e.minX, t.minX), e.minY = Math.min(e.minY, t.minY), e.maxX = Math.max(e.maxX, t.maxX), e.maxY = Math.max(e.maxY, t.maxY), e;
 }
-function wr(e, t) {
+function br(e, t) {
   return e.minX - t.minX;
 }
-function br(e, t) {
+function Er(e, t) {
   return e.minY - t.minY;
 }
 function Ut(e) {
@@ -6726,10 +6730,10 @@ function Ut(e) {
 function at(e) {
   return e.maxX - e.minX + (e.maxY - e.minY);
 }
-function Er(e, t) {
+function vr(e, t) {
   return (Math.max(t.maxX, e.maxX) - Math.min(t.minX, e.minX)) * (Math.max(t.maxY, e.maxY) - Math.min(t.minY, e.minY));
 }
-function vr(e, t) {
+function Sr(e, t) {
   const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), s = Math.min(e.maxY, t.maxY);
   return Math.max(0, i - n) * Math.max(0, s - o);
 }
@@ -6739,7 +6743,7 @@ function Rt(e, t) {
 function ct(e, t) {
   return t.minX <= e.maxX && t.minY <= e.maxY && t.maxX >= e.minX && t.maxY >= e.minY;
 }
-function ze(e) {
+function Fe(e) {
   return {
     children: e,
     height: 1,
@@ -6759,7 +6763,7 @@ function Vn(e, t, n, o, i) {
   }
 }
 const Ar = () => {
-  const e = new yr(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
+  const e = new _r(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
     e.clear(), t.clear();
   }, i = (f) => {
     if (!ht(f)) return;
@@ -6794,8 +6798,8 @@ const Ar = () => {
       h && o();
       const g = f.reduce((m, p) => {
         if (ht(p)) {
-          const { minX: k, minY: b, maxX: A, maxY: w } = p.selector.geometry.bounds;
-          return [...m, { minX: k, minY: b, maxX: A, maxY: w, target: p }];
+          const { minX: k, minY: b, maxX: S, maxY: w } = p.selector.geometry.bounds;
+          return [...m, { minX: k, minY: b, maxX: S, maxY: w, target: p }];
         } else
           return m;
       }, []);
@@ -6806,14 +6810,14 @@ const Ar = () => {
       s(f), i(h);
     }
   };
-}, Sr = (e) => ({
+}, kr = (e) => ({
   ...e,
   subscribe: (n) => {
     const o = (i) => n(i.state);
     return e.observe(o), n(e.all()), () => e.unobserve(o);
   }
-}), kr = (e) => {
-  const t = vi(), n = Ar(), o = ai(t, e.userSelectAction, e.adapter), i = li(t), s = Mi();
+}), Mr = (e) => {
+  const t = Si(), n = Ar(), o = ci(t, e.userSelectAction, e.adapter), i = ai(t), s = Ti();
   return t.observe(({ changes: a }) => {
     n.set((a.created || []).map((u) => u.target), !1), (a.deleted || []).forEach((u) => n.remove(u.target)), (a.updated || []).forEach(({ oldValue: u, newValue: d }) => n.update(u.target, d.target));
   }), {
@@ -6834,13 +6838,13 @@ const Ar = () => {
     hover: i,
     viewport: s
   };
-}, Mr = (e) => {
-  const t = kr(e);
+}, Tr = (e) => {
+  const t = Mr(e);
   return {
     ...t,
-    store: Sr(t.store)
+    store: kr(t.store)
   };
-}, Tr = (e) => {
+}, Pr = (e) => {
   let t, n;
   if (e.nodeName === "CANVAS")
     t = e, n = t.getContext("2d", { willReadFrequently: !0 });
@@ -6855,16 +6859,16 @@ const Ar = () => {
       o += u;
     }
   return o / 81;
-}, Pr = (e) => {
-  const t = Tr(e), n = t > 0.6 ? "dark" : "light";
+}, Lr = (e) => {
+  const t = Pr(e), n = t > 0.6 ? "dark" : "light";
   return console.log(`[Annotorious] Image brightness: ${t.toFixed(1)}. Setting ${n} theme.`), n;
-}, Xn = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? Pr(e) : n), Lr = (e, t) => ({
+}, Xn = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? Lr(e) : n), Ir = (e, t) => ({
   ...e,
   drawingEnabled: e.drawingEnabled === void 0 ? t.drawingEnabled : e.drawingEnabled,
   drawingMode: e.drawingMode || t.drawingMode,
   userSelectAction: e.userSelectAction || t.userSelectAction,
   theme: e.theme || t.theme
-}), Hn = typeof navigator > "u" ? !1 : navigator.userAgent.indexOf("Mac OS X") !== -1, Ir = (e, t) => {
+}), Hn = typeof navigator > "u" ? !1 : navigator.userAgent.indexOf("Mac OS X") !== -1, Cr = (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();
@@ -6877,25 +6881,25 @@ const Ar = () => {
   return Hn ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
     destroy: s
   };
-}, Xr = (e, t = {}) => {
+}, Hr = (e, t = {}) => {
   if (!e)
     throw "Missing argument: image";
-  const n = typeof e == "string" ? document.getElementById(e) : e, o = Lr(t, {
+  const n = typeof e == "string" ? document.getElementById(e) : e, o = Ir(t, {
     drawingEnabled: !0,
     drawingMode: "drag",
     userSelectAction: io.EDIT,
     theme: "light"
-  }), i = Mr(o), { selection: s, store: r } = i, l = ki(r, o.initialHistory), a = Ti(
+  }), i = Tr(o), { selection: s, store: r } = i, l = Mi(r, o.initialHistory), a = Pi(
     i,
     l,
     o.adapter,
     o.autoSave
   ), u = document.createElement("DIV");
   u.style.position = "relative", u.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(u, n), u.appendChild(n);
-  const d = Ir(l);
-  let f = Ni();
+  const d = Cr(l);
+  let f = Yi();
   Xn(n, u, o.theme);
-  const h = new mr({
+  const h = new pr({
     target: u,
     props: {
       drawingEnabled: !!o.drawingEnabled,
@@ -6910,9 +6914,9 @@ const Ar = () => {
     const { originalEvent: v, annotation: y } = _.detail;
     y ? s.userSelect(y.id, v) : s.isEmpty() || s.clear();
   });
-  const g = Li(i, l, o.adapter), m = () => h.cancelDrawing(), p = () => {
+  const g = Ii(i, l, o.adapter), m = () => h.cancelDrawing(), p = () => {
     h.$destroy(), u.parentNode.insertBefore(n, u), u.parentNode.removeChild(u), d.destroy(), l.destroy();
-  }, k = () => h.getDrawingTool(), b = () => f, A = () => h.isDrawingEnabled(), w = (_, v, y) => Ns(_, v, y), S = (_, v) => vs(_, v), T = (_) => {
+  }, k = () => h.getDrawingTool(), b = () => f, S = () => h.isDrawingEnabled(), w = (_, v, y) => Ys(_, v, y), A = (_, v) => Ss(_, v), T = (_) => {
     if (!fo(_))
       throw `No drawing tool named ${_}`;
     h.$set({ toolName: _ });
@@ -6920,7 +6924,7 @@ const Ar = () => {
     console.warn("Filter not implemented yet");
   }, R = (_) => h.$set({ style: _ }), N = (_) => Xn(n, u, _), q = (_) => {
     f = _, h.$set({ user: _ });
-  }, z = (_) => (
+  }, F = (_) => (
     // @ts-ignore
     h.$set({ visible: _ })
   );
@@ -6930,64 +6934,65 @@ const Ar = () => {
     destroy: p,
     getDrawingTool: k,
     getUser: b,
-    isDrawingEnabled: A,
+    isDrawingEnabled: S,
     listDrawingTools: uo,
     on: a.on,
     off: a.off,
     registerDrawingTool: w,
-    registerShapeEditor: S,
+    registerShapeEditor: A,
     setDrawingEnabled: C,
     setDrawingTool: T,
     setFilter: M,
     setStyle: R,
     setTheme: N,
     setUser: q,
-    setVisible: z,
+    setVisible: F,
     element: u,
     state: i
   };
 };
 export {
   Kt as Editor,
-  Ss as EditorMount,
+  ks as EditorMount,
   qe as Handle,
-  Vr as IdentityTransform,
+  Xr as IdentityTransform,
   ao as MidpointHandle,
-  as as PolygonEditor,
-  ds as RectangleEditor,
+  cs as PolygonEditor,
+  hs as RectangleEditor,
   Xo as RectangleUtil,
-  Ls as RubberbandRectangle,
-  mr as SVGAnnotationLayer,
+  Is as RubberbandRectangle,
+  pr as SVGAnnotationLayer,
   x as ShapeType,
-  Ms as ToolMount,
+  Ts as ToolMount,
   io as UserSelectAction,
-  Rr as W3CImageFormat,
-  ir as addEventListeners,
+  Vr as W3CImageFormat,
+  sr as addEventListeners,
   jt as approximateAsPolygon,
   dt as boundsFromMultiPolygonElements,
   ge as boundsFromPoints,
-  Yr as chainStyles,
+  Ur as chainStyles,
   Gt as computeArea,
   mt as computePolygonArea,
   eo as computeSVGPath,
-  Nr as computeStyle,
-  Br as createBody,
-  Xr as createImageAnnotator,
-  kr as createImageAnnotatorState,
-  nr as createSVGTransform,
-  Mr as createSvelteImageAnnotatorState,
-  Ur as defaultColorProvider,
-  Pr as detectTheme,
+  Yr as computeStyle,
+  Nr as createBody,
+  Hr as createImageAnnotator,
+  Mr as createImageAnnotatorState,
+  or as createSVGTransform,
+  Tr as createSvelteImageAnnotatorState,
+  Rr as defaultColorProvider,
+  Lr as detectTheme,
   ft as distance,
   zi as enableResponsive,
-  Lr as fillDefaults,
+  Ir as fillDefaults,
   Yo as getAllCorners,
-  Es as getEditor,
+  vs as getEditor,
   wt as getMaskDimensions,
   ho as getSVGPoint,
   fo as getTool,
-  Ir as initKeyboardCommands,
+  Cr as initKeyboardCommands,
   Co as intersects,
+  Ho as isFragmentSelector,
   yt as isImageAnnotation,
   ht as isImageAnnotationTarget,
   Hn as isMac,
@@ -6995,21 +7000,21 @@ export {
   Le as isTouch,
   uo as listDrawingTools,
   Pe as multipolygonElementToPath,
-  Ho as parseFragmentSelector,
-  xo as parseSVGSelector,
-  Xi as parseW3CImageAnnotation,
+  Go as parseFragmentSelector,
+  $o as parseSVGSelector,
+  Hi as parseW3CImageAnnotation,
   Oo as pointsToPath,
-  vs as registerEditor,
+  Ss as registerEditor,
   We as registerShapeUtil,
-  Ns as registerTool,
-  Tr as sampleBrightness,
-  Go as serializeFragmentSelector,
-  ei as serializeSVGSelector,
-  Hi as serializeW3CImageAnnotation,
+  Ys as registerTool,
+  Pr as sampleBrightness,
+  jo as serializeFragmentSelector,
+  ti as serializeSVGSelector,
+  Gi as serializeW3CImageAnnotation,
   Xn as setTheme,
-  Or as simplifyMultiPolygon,
+  Dr as simplifyMultiPolygon,
   xn as simplifyPoints,
-  Dr as simplifyPolygon,
-  Sr as toSvelteStore
+  Br as simplifyPolygon,
+  kr as toSvelteStore
 };
 //# sourceMappingURL=annotorious.es.js.map