@annotorious/annotorious 3.0.6 → 3.0.8

package/dist/annotorious.es.js

@@ -55,19 +55,19 @@ function wn(e, t, n, o) {
     if (t.dirty === void 0)
       return i;
     if (typeof i == "object") {
-      const r = [], s = Math.max(t.dirty.length, i.length);
-      for (let l = 0; l < s; l += 1)
-        r[l] = t.dirty[l] | i[l];
-      return r;
+      const s = [], r = Math.max(t.dirty.length, i.length);
+      for (let l = 0; l < r; l += 1)
+        s[l] = t.dirty[l] | i[l];
+      return s;
     }
     return t.dirty | i;
   }
   return t.dirty;
 }
-function bn(e, t, n, o, i, r) {
+function bn(e, t, n, o, i, s) {
   if (i) {
-    const s = xt(t, n, o, r);
-    e.p(s, i);
+    const r = xt(t, n, o, s);
+    e.p(r, i);
   }
 }
 function En(e) {
@@ -143,15 +143,15 @@ function ke() {
   return (t, n, { cancelable: o = !1 } = {}) => {
     const i = e.$$.callbacks[t];
     if (i) {
-      const r = Sn(
+      const s = Sn(
         /** @type {string} */
         t,
         n,
         { cancelable: o }
       );
-      return i.slice().forEach((s) => {
-        s.call(e, r);
-      }), !r.defaultPrevented;
+      return i.slice().forEach((r) => {
+        r.call(e, s);
+      }), !s.defaultPrevented;
     }
     return !0;
   };
@@ -209,7 +209,7 @@ function Ln(e) {
 }
 const We = /* @__PURE__ */ new Set();
 let we;
-function re() {
+function se() {
   we = {
     r: 0,
     c: [],
@@ -217,7 +217,7 @@ function re() {
     // parent group
   };
 }
-function se() {
+function re() {
   we.r || ge(we.c), we = we.p;
 }
 function P(e, t) {
@@ -240,8 +240,8 @@ function ee(e) {
 function x(e, t, n) {
   const { fragment: o, after_update: i } = e.$$;
   o && o.m(t, n), gt(() => {
-    const r = e.$$.on_mount.map(Qt).filter(W);
-    e.$$.on_destroy ? e.$$.on_destroy.push(...r) : ge(r), e.$$.on_mount = [];
+    const s = e.$$.on_mount.map(Qt).filter(W);
+    e.$$.on_destroy ? e.$$.on_destroy.push(...s) : ge(s), e.$$.on_mount = [];
   }), i.forEach(gt);
 }
 function $(e, t) {
@@ -251,14 +251,14 @@ function $(e, t) {
 function kn(e, t) {
   e.$$.dirty[0] === -1 && (ve.push(e), Tn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
 }
-function te(e, t, n, o, i, r, s = null, l = [-1]) {
+function te(e, t, n, o, i, s, r = null, l = [-1]) {
   const a = Re;
   Xe(e);
   const c = e.$$ = {
     fragment: null,
     ctx: [],
     // state
-    props: r,
+    props: s,
     update: j,
     not_equal: i,
     bound: Et(),
@@ -275,15 +275,15 @@ function te(e, t, n, o, i, r, s = null, l = [-1]) {
     skip_bound: !1,
     root: t.target || a.$$.root
   };
-  s && s(c.root);
-  let d = !1;
-  if (c.ctx = n ? n(e, t.props || {}, (f, h, ...g) => {
+  r && r(c.root);
+  let f = !1;
+  if (c.ctx = n ? n(e, t.props || {}, (d, h, ...g) => {
     const m = g.length ? g[0] : h;
-    return c.ctx && i(c.ctx[f], c.ctx[f] = m) && (!c.skip_bound && c.bound[f] && c.bound[f](m), d && kn(e, f)), h;
-  }) : [], c.update(), d = !0, ge(c.before_update), c.fragment = o ? o(c.ctx) : !1, t.target) {
+    return c.ctx && i(c.ctx[d], c.ctx[d] = m) && (!c.skip_bound && c.bound[d] && c.bound[d](m), f && kn(e, d)), h;
+  }) : [], c.update(), f = !0, ge(c.before_update), c.fragment = o ? o(c.ctx) : !1, t.target) {
     if (t.hydrate) {
-      const f = An(t.target);
-      c.fragment && c.fragment.l(f), f.forEach(O);
+      const d = An(t.target);
+      c.fragment && c.fragment.l(d), d.forEach(O);
     } else
       c.fragment && c.fragment.c();
     t.intro && P(e.$$.fragment), x(e, t.target, t.anchor), tn();
@@ -341,14 +341,14 @@ typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__
 var F = /* @__PURE__ */ ((e) => (e.ELLIPSE = "ELLIPSE", e.POLYGON = "POLYGON", e.RECTANGLE = "RECTANGLE", e))(F || {});
 const yt = {}, _t = (e, t) => yt[e] = t, mt = (e) => yt[e.type].area(e), On = (e, t, n) => yt[e.type].intersects(e, t, n), Qe = (e) => {
   let t = 1 / 0, n = 1 / 0, o = -1 / 0, i = -1 / 0;
-  return e.forEach(([r, s]) => {
-    t = Math.min(t, r), n = Math.min(n, s), o = Math.max(o, r), i = Math.max(i, s);
+  return e.forEach(([s, r]) => {
+    t = Math.min(t, s), n = Math.min(n, r), o = Math.max(o, s), i = Math.max(i, r);
   }), { minX: t, minY: n, maxX: o, maxY: i };
 }, Bn = {
   area: (e) => Math.PI * e.geometry.rx * e.geometry.ry,
   intersects: (e, t, n) => {
-    const { cx: o, cy: i, rx: r, ry: s } = e.geometry, l = 0, a = Math.cos(l), c = Math.sin(l), d = t - o, f = n - i, h = a * d + c * f, g = c * d - a * f;
-    return h * h / (r * r) + g * g / (s * s) <= 1;
+    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, l = 0, a = Math.cos(l), c = Math.sin(l), f = t - o, d = n - i, h = a * f + c * d, g = c * f - a * d;
+    return h * h / (s * s) + g * g / (r * r) <= 1;
   }
 };
 _t(F.ELLIPSE, Bn);
@@ -363,9 +363,9 @@ const Dn = {
   intersects: (e, t, n) => {
     const { points: o } = e.geometry;
     let i = !1;
-    for (let r = 0, s = o.length - 1; r < o.length; s = r++) {
-      const l = o[r][0], a = o[r][1], c = o[s][0], d = o[s][1];
-      a > n != d > n && t < (c - l) * (n - a) / (d - a) + l && (i = !i);
+    for (let s = 0, r = o.length - 1; s < o.length; r = s++) {
+      const l = o[s][0], a = o[s][1], c = o[r][0], f = o[r][1];
+      a > n != f > n && t < (c - l) * (n - a) / (f - a) + l && (i = !i);
     }
     return i;
   }
@@ -380,10 +380,10 @@ const Ze = (e) => qe(e.target), qe = (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;
 }, Yn = (e, t = !1) => {
-  const n = typeof e == "string" ? e : e.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [r, s, l, a, c, d, f] = i;
-  if (s !== "xywh") throw new Error("Unsupported MediaFragment: " + n);
+  const n = typeof e == "string" ? e : e.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [s, r, l, a, c, f, d] = 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, y] = [a, c, d, f].map(parseFloat);
+  const [h, g, m, y] = [a, c, f, d].map(parseFloat);
   return {
     type: F.RECTANGLE,
     geometry: {
@@ -420,7 +420,7 @@ const Ze = (e) => qe(e.target), qe = (e) => {
   const n = new DOMParser().parseFromString(e, "image/svg+xml"), o = n.lookupPrefix(nn), i = n.lookupNamespaceURI(null);
   return o || i ? vt(n).firstChild : vt(Xn(n)).firstChild;
 }, Nn = (e) => {
-  const [t, n, o] = e.match(/(<polygon points=["|'])([^("|')]*)/) || [], i = o.split(" ").map((r) => r.split(",").map(parseFloat));
+  const [t, n, o] = e.match(/(<polygon points=["|'])([^("|')]*)/) || [], i = o.split(" ").map((s) => s.split(",").map(parseFloat));
   return {
     type: F.POLYGON,
     geometry: {
@@ -429,11 +429,11 @@ const Ze = (e) => qe(e.target), qe = (e) => {
     }
   };
 }, Un = (e) => {
-  const t = Rn(e), n = parseFloat(t.getAttribute("cx")), o = parseFloat(t.getAttribute("cy")), i = parseFloat(t.getAttribute("rx")), r = parseFloat(t.getAttribute("ry")), s = {
+  const t = Rn(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 - r,
+    minY: o - s,
     maxX: n + i,
-    maxY: o + r
+    maxY: o + s
   };
   return {
     type: F.ELLIPSE,
@@ -441,8 +441,8 @@ const Ze = (e) => qe(e.target), qe = (e) => {
       cx: n,
       cy: o,
       rx: i,
-      ry: r,
-      bounds: s
+      ry: s,
+      bounds: r
     }
   };
 }, Vn = (e) => {
@@ -530,25 +530,25 @@ function wt(e, t = ot) {
       }
     }
   }
-  function r(l) {
+  function s(l) {
     i(l(e));
   }
-  function s(l, a = ot) {
+  function r(l, a = ot) {
     const c = [l, a];
-    return o.add(c), o.size === 1 && (n = t(i, r) || ot), l(e), () => {
+    return o.add(c), o.size === 1 && (n = t(i, s) || ot), l(e), () => {
       o.delete(c), o.size === 0 && n && (n(), n = null);
     };
   }
-  return { set: i, update: r, subscribe: s };
+  return { set: i, update: s, subscribe: r };
 }
 const qn = (e) => {
   const { subscribe: t, set: n } = wt();
   let o;
   return t((i) => o = i), e.observe(({ changes: i }) => {
     if (o) {
-      (i.deleted || []).some((s) => s.id === o) && n(void 0);
-      const r = (i.updated || []).find(({ oldValue: s }) => s.id === o);
-      r && n(r.newValue.id);
+      (i.deleted || []).some((r) => r.id === o) && n(void 0);
+      const s = (i.updated || []).find(({ oldValue: r }) => r.id === o);
+      s && n(s.newValue.id);
     }
   }), {
     get current() {
@@ -558,28 +558,28 @@ const qn = (e) => {
     set: n
   };
 };
-var rn = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(rn || {});
+var sn = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(sn || {});
 const je = { selected: [] }, Kn = (e, t, n) => {
   const { subscribe: o, set: i } = wt(je);
-  let r = t, s = je;
-  o((m) => s = m);
+  let s = t, r = je;
+  o((m) => r = m);
   const l = () => {
-    ye(s, je) || i(je);
+    ye(r, je) || i(je);
   }, a = () => {
     var m;
-    return ((m = s.selected) == null ? void 0 : m.length) === 0;
+    return ((m = r.selected) == null ? void 0 : m.length) === 0;
   }, c = (m) => {
     if (a())
       return !1;
     const y = typeof m == "string" ? m : m.id;
-    return s.selected.some((v) => v.id === y);
-  }, d = (m, y) => {
+    return r.selected.some((v) => v.id === y);
+  }, f = (m, y) => {
     const v = e.getAnnotation(m);
     if (!v) {
       console.warn("Invalid selection: " + m);
       return;
     }
-    switch (Lt(v, r, n)) {
+    switch (Lt(v, s, n)) {
       case "EDIT":
         i({ selected: [{ id: m, editable: !0 }], event: y });
         break;
@@ -589,39 +589,39 @@ const je = { selected: [] }, Kn = (e, t, n) => {
       default:
         i({ selected: [], event: y });
     }
-  }, f = (m, y) => {
+  }, d = (m, y) => {
     const v = Array.isArray(m) ? m : [m], p = v.map((w) => e.getAnnotation(w)).filter((w) => !!w);
     i({
       selected: p.map((w) => {
-        const _ = y === void 0 ? Lt(w, r, n) === "EDIT" : y;
+        const _ = y === void 0 ? Lt(w, s, n) === "EDIT" : y;
         return { id: w.id, editable: _ };
       })
     }), p.length !== v.length && console.warn("Invalid selection", m);
   }, h = (m) => {
     if (a())
       return !1;
-    const { selected: y } = s;
+    const { selected: y } = r;
     y.some(({ id: v }) => m.includes(v)) && i({ selected: y.filter(({ id: v }) => !m.includes(v)) });
-  }, g = (m) => r = m;
+  }, g = (m) => s = m;
   return e.observe(
     ({ changes: m }) => h((m.deleted || []).map((y) => y.id))
   ), {
     get event() {
-      return s ? s.event : null;
+      return r ? r.event : null;
     },
     get selected() {
-      return s ? [...s.selected] : null;
+      return r ? [...r.selected] : null;
     },
     get userSelectAction() {
-      return r;
+      return s;
     },
     clear: l,
     isEmpty: a,
     isSelected: c,
-    setSelected: f,
+    setSelected: d,
     setUserSelectAction: g,
     subscribe: o,
-    userSelect: d
+    userSelect: f
   };
 }, Lt = (e, t, n) => {
   const o = n ? n.serialize(e) : e;
@@ -643,14 +643,14 @@ var xn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(cryp
 const kt = {
   randomUUID: xn
 };
-function sn(e, t, n) {
+function rn(e, t, n) {
   if (kt.randomUUID && !t && !e)
     return kt.randomUUID();
   e = e || {};
   var o = e.random || (e.rng || Zn)();
   return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Jn(o);
 }
-const rt = (e) => {
+const st = (e) => {
   const t = (n) => {
     const o = { ...n };
     return n.created && typeof n.created == "string" && (o.created = new Date(n.created)), n.updated && typeof n.updated == "string" && (o.updated = new Date(n.updated)), o;
@@ -661,7 +661,7 @@ const rt = (e) => {
     target: t(e.target)
   };
 }, Fi = (e, t, n, o) => ({
-  id: sn(),
+  id: rn(),
   annotation: typeof e == "string" ? e : e.id,
   created: n || /* @__PURE__ */ new Date(),
   creator: o,
@@ -689,47 +689,47 @@ const rt = (e) => {
 var G = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e.SILENT = "SILENT", e))(G || {});
 const oo = (e, t) => {
   var n, o;
-  const { changes: i, origin: r } = t;
-  if (!(e.options.origin ? e.options.origin === r : r !== "SILENT"))
+  const { changes: i, origin: s } = t;
+  if (!(e.options.origin ? e.options.origin === s : s !== "SILENT"))
     return !1;
   if (e.options.ignore) {
-    const { ignore: s } = e.options, l = (a) => a && a.length > 0;
+    const { ignore: r } = e.options, l = (a) => a && a.length > 0;
     if (!(l(i.created) || l(i.deleted))) {
-      const a = (n = i.updated) == null ? void 0 : n.some((d) => l(d.bodiesCreated) || l(d.bodiesDeleted) || l(d.bodiesUpdated)), c = (o = i.updated) == null ? void 0 : o.some((d) => d.targetUpdated);
-      if (s === "BODY_ONLY" && a && !c || s === "TARGET_ONLY" && c && !a)
+      const a = (n = i.updated) == null ? void 0 : n.some((f) => l(f.bodiesCreated) || l(f.bodiesDeleted) || l(f.bodiesUpdated)), c = (o = i.updated) == null ? void 0 : o.some((f) => f.targetUpdated);
+      if (r === "BODY_ONLY" && a && !c || r === "TARGET_ONLY" && c && !a)
         return !1;
     }
   }
   if (e.options.annotations) {
-    const s = /* @__PURE__ */ new Set([
+    const r = /* @__PURE__ */ new Set([
       ...(i.created || []).map((l) => l.id),
       ...(i.deleted || []).map((l) => l.id),
       ...(i.updated || []).map(({ oldValue: l }) => l.id)
     ]);
-    return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((l) => s.has(l));
+    return !!(Array.isArray(e.options.annotations) ? e.options.annotations : [e.options.annotations]).find((l) => r.has(l));
   } else
     return !0;
 }, io = (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)), r = new Set((t.deleted || []).map((f) => f.id)), s = 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) => !r.has(f.id)).map((f) => s.has(f.id) ? t.updated.find(({ oldValue: h }) => h.id === f.id).newValue : f),
+  const n = new Set((e.created || []).map((d) => d.id)), o = new Set((e.updated || []).map(({ newValue: d }) => d.id)), i = new Set((t.created || []).map((d) => d.id)), s = new Set((t.deleted || []).map((d) => d.id)), r = new Set((t.updated || []).map(({ oldValue: d }) => d.id)), l = new Set((t.updated || []).filter(({ oldValue: d }) => n.has(d.id) || o.has(d.id)).map(({ oldValue: d }) => d.id)), a = [
+    ...(e.created || []).filter((d) => !s.has(d.id)).map((d) => r.has(d.id) ? t.updated.find(({ oldValue: h }) => h.id === d.id).newValue : d),
     ...t.created || []
   ], c = [
-    ...(e.deleted || []).filter((f) => !i.has(f.id)),
-    ...(t.deleted || []).filter((f) => !n.has(f.id))
-  ], d = [
-    ...(e.updated || []).filter(({ newValue: f }) => !r.has(f.id)).map((f) => {
-      const { oldValue: h, newValue: g } = f;
-      if (s.has(g.id)) {
+    ...(e.deleted || []).filter((d) => !i.has(d.id)),
+    ...(t.deleted || []).filter((d) => !n.has(d.id))
+  ], f = [
+    ...(e.updated || []).filter(({ newValue: d }) => !s.has(d.id)).map((d) => {
+      const { oldValue: h, newValue: g } = d;
+      if (r.has(g.id)) {
         const m = t.updated.find((y) => y.oldValue.id === g.id).newValue;
         return ln(h, m);
       } else
-        return f;
+        return d;
     }),
-    ...(t.updated || []).filter(({ oldValue: f }) => !l.has(f.id))
+    ...(t.updated || []).filter(({ oldValue: d }) => !l.has(d.id))
   ];
-  return { created: a, deleted: c, updated: d };
-}, st = (e) => {
-  const t = e.id === void 0 ? sn() : e.id;
+  return { created: a, deleted: c, updated: f };
+}, rt = (e) => {
+  const t = e.id === void 0 ? rn() : e.id;
   return {
     ...e,
     id: t,
@@ -742,13 +742,13 @@ const oo = (e, t) => {
       annotation: t
     }
   };
-}, ro = (e) => e.id !== void 0, so = () => {
+}, so = (e) => e.id !== void 0, ro = () => {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (A, S = {}) => {
     n.push({ onChange: A, options: S });
   }, i = (A) => {
     const S = n.findIndex((b) => b.onChange == A);
     S > -1 && n.splice(S, 1);
-  }, r = (A, S) => {
+  }, s = (A, S) => {
     const b = {
       origin: A,
       changes: {
@@ -761,53 +761,53 @@ const oo = (e, t) => {
     n.forEach((T) => {
       oo(T, b) && T.onChange(b);
     });
-  }, s = (A, S = G.LOCAL) => {
+  }, r = (A, S = G.LOCAL) => {
     if (A.id && e.get(A.id))
       throw Error(`Cannot add annotation ${A.id} - exists already`);
     {
-      const b = st(A);
-      e.set(b.id, b), b.bodies.forEach((T) => t.set(T.id, b.id)), r(S, { created: [b] });
+      const b = rt(A);
+      e.set(b.id, b), b.bodies.forEach((T) => t.set(T.id, b.id)), s(S, { created: [b] });
     }
   }, l = (A, S) => {
-    const b = st(typeof A == "string" ? S : A), T = typeof A == "string" ? A : A.id, Y = T && e.get(T);
+    const b = rt(typeof A == "string" ? S : A), T = typeof A == "string" ? A : A.id, Y = T && e.get(T);
     if (Y) {
       const D = ln(Y, b);
       return T === b.id ? e.set(T, b) : (e.delete(T), e.set(b.id, b)), Y.bodies.forEach((z) => t.delete(z.id)), b.bodies.forEach((z) => t.set(z.id, b.id)), D;
     } else
       console.warn(`Cannot update annotation ${T} - does not exist`);
   }, a = (A, S = G.LOCAL, b = G.LOCAL) => {
-    const T = ro(S) ? b : S, Y = l(A, S);
-    Y && r(T, { updated: [Y] });
+    const T = so(S) ? b : S, Y = l(A, S);
+    Y && s(T, { updated: [Y] });
   }, c = (A, S = G.LOCAL) => {
     const b = A.reduce((T, Y) => {
       const D = l(Y);
       return D ? [...T, D] : T;
     }, []);
-    b.length > 0 && r(S, { updated: b });
-  }, d = (A, S = G.LOCAL) => {
+    b.length > 0 && s(S, { updated: b });
+  }, f = (A, S = G.LOCAL) => {
     const b = e.get(A.annotation);
     if (b) {
       const T = {
         ...b,
         bodies: [...b.bodies, A]
       };
-      e.set(b.id, T), t.set(A.id, T.id), r(S, { updated: [{
+      e.set(b.id, T), t.set(A.id, T.id), s(S, { updated: [{
         oldValue: b,
         newValue: T,
         bodiesCreated: [A]
       }] });
     } else
       console.warn(`Attempt to add body to missing annotation: ${A.annotation}`);
-  }, f = () => [...e.values()], h = (A = G.LOCAL) => {
+  }, d = () => [...e.values()], h = (A = G.LOCAL) => {
     const S = [...e.values()];
-    e.clear(), t.clear(), r(A, { deleted: S });
+    e.clear(), t.clear(), s(A, { deleted: S });
   }, g = (A, S = !0, b = G.LOCAL) => {
-    const T = A.map(st);
+    const T = A.map(rt);
     if (S) {
       const Y = [...e.values()];
       e.clear(), t.clear(), T.forEach((D) => {
         e.set(D.id, D), D.bodies.forEach((z) => t.set(z.id, D.id));
-      }), r(b, { created: T, deleted: Y });
+      }), s(b, { created: T, deleted: Y });
     } else {
       const Y = A.reduce((D, z) => {
         const oe = z.id && e.get(z.id);
@@ -817,7 +817,7 @@ const oo = (e, t) => {
         throw Error(`Bulk insert would overwrite the following annotations: ${Y.map((D) => D.id).join(", ")}`);
       T.forEach((D) => {
         e.set(D.id, D), D.bodies.forEach((z) => t.set(z.id, D.id));
-      }), r(b, { created: T });
+      }), s(b, { created: T });
     }
   }, m = (A) => {
     const S = typeof A == "string" ? A : A.id, b = e.get(S);
@@ -826,13 +826,13 @@ const oo = (e, t) => {
     console.warn(`Attempt to delete missing annotation: ${S}`);
   }, y = (A, S = G.LOCAL) => {
     const b = m(A);
-    b && r(S, { deleted: [b] });
+    b && s(S, { deleted: [b] });
   }, v = (A, S = G.LOCAL) => {
     const b = A.reduce((T, Y) => {
       const D = m(Y);
       return D ? [...T, D] : T;
     }, []);
-    b.length > 0 && r(S, { deleted: b });
+    b.length > 0 && s(S, { deleted: b });
   }, p = (A) => {
     const S = e.get(A.annotation);
     if (S) {
@@ -854,10 +854,10 @@ const oo = (e, t) => {
       console.warn(`Attempt to delete body from missing annotation ${A.annotation}`);
   }, w = (A, S = G.LOCAL) => {
     const b = p(A);
-    b && r(S, { updated: [b] });
+    b && s(S, { updated: [b] });
   }, _ = (A, S = G.LOCAL) => {
     const b = A.map((T) => p(T)).filter(Boolean);
-    b.length > 0 && r(S, { updated: b });
+    b.length > 0 && s(S, { updated: b });
   }, E = (A) => {
     const S = e.get(A);
     return S ? { ...S } : void 0;
@@ -888,10 +888,10 @@ const oo = (e, t) => {
       console.warn(`Attempt to add body to missing annotation ${A.annotation}`);
   }, U = (A, S, b = G.LOCAL) => {
     const T = R(A, S);
-    T && r(b, { updated: [T] });
+    T && s(b, { updated: [T] });
   }, V = (A, S = G.LOCAL) => {
     const b = A.map((T) => R({ id: T.id, annotation: T.annotation }, T)).filter(Boolean);
-    r(S, { updated: b });
+    s(S, { updated: b });
   }, Z = (A) => {
     const S = e.get(A.annotation);
     if (S) {
@@ -914,9 +914,9 @@ const oo = (e, t) => {
       console.warn(`Attempt to update target on missing annotation: ${A.annotation}`);
   };
   return {
-    addAnnotation: s,
-    addBody: d,
-    all: f,
+    addAnnotation: r,
+    addBody: f,
+    all: d,
     bulkAddAnnotation: g,
     bulkDeleteAnnotation: v,
     bulkDeleteBodies: _,
@@ -924,7 +924,7 @@ const oo = (e, t) => {
     bulkUpdateBodies: V,
     bulkUpdateTargets: (A, S = G.LOCAL) => {
       const b = A.map((T) => Z(T)).filter(Boolean);
-      b.length > 0 && r(S, { updated: b });
+      b.length > 0 && s(S, { updated: b });
     },
     clear: h,
     deleteAnnotation: y,
@@ -937,7 +937,7 @@ const oo = (e, t) => {
     updateBody: U,
     updateTarget: (A, S = G.LOCAL) => {
       const b = Z(A);
-      b && r(S, { updated: [b] });
+      b && s(S, { updated: [b] });
     }
   };
 }, lo = (e) => ({
@@ -963,39 +963,39 @@ let ao = () => ({
 });
 const co = 250, fo = (e) => {
   const t = ao(), n = [];
-  let o = -1, i = !1, r = 0;
-  const s = (g) => {
+  let o = -1, i = !1, s = 0;
+  const r = (g) => {
     if (!i) {
       const { changes: m } = g, y = performance.now();
-      if (y - r > co)
+      if (y - s > co)
         n.splice(o + 1), n.push(m), o = n.length - 1;
       else {
         const v = n.length - 1;
         n[v] = io(n[v], m);
       }
-      r = y;
+      s = y;
     }
     i = !1;
   };
-  e.observe(s, { origin: G.LOCAL });
-  const l = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g), a = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), c = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ oldValue: m }) => m)), d = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ newValue: m }) => m)), f = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), h = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g);
+  e.observe(r, { origin: G.LOCAL });
+  const l = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g), a = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), c = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ oldValue: m }) => m)), f = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ newValue: m }) => m)), d = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), h = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g);
   return {
     canRedo: () => n.length - 1 > o,
     canUndo: () => o > -1,
-    destroy: () => e.unobserve(s),
+    destroy: () => e.unobserve(r),
     on: (g, m) => t.on(g, m),
     redo: () => {
       if (n.length - 1 > o) {
         i = !0;
         const { created: g, updated: m, deleted: y } = n[o + 1];
-        a(g), d(m), h(y), t.emit("redo", n[o + 1]), o += 1;
+        a(g), f(m), h(y), t.emit("redo", n[o + 1]), o += 1;
       }
     },
     undo: () => {
       if (o > -1) {
         i = !0;
         const { created: g, updated: m, deleted: y } = n[o];
-        l(g), c(m), f(y), t.emit("undo", n[o]), o -= 1;
+        l(g), c(m), d(y), t.emit("undo", n[o]), o -= 1;
       }
     }
   };
@@ -1006,8 +1006,8 @@ const co = 250, fo = (e) => {
     set: t
   };
 }, ho = (e, t, n, o) => {
-  const { hover: i, selection: r, store: s, viewport: l } = e, a = /* @__PURE__ */ new Map();
-  let c = [], d, f;
+  const { hover: i, selection: s, store: r, viewport: l } = e, a = /* @__PURE__ */ new Map();
+  let c = [], f, d;
   const h = (p, w) => {
     a.has(p) ? a.get(p).push(w) : a.set(p, [w]);
   }, g = (p, w) => {
@@ -1027,39 +1027,39 @@ const co = 250, fo = (e) => {
       });
     }, 1);
   }, y = () => {
-    const { selected: p } = r, w = (p || []).map(({ id: _ }) => s.getAnnotation(_));
+    const { selected: p } = s, w = (p || []).map(({ id: _ }) => r.getAnnotation(_));
     w.forEach((_) => {
       const E = c.find((I) => I.id === _.id);
       (!E || !ye(E, _)) && m("updateAnnotation", _, E);
     }), c = c.map((_) => w.find(({ id: I }) => I === _.id) || _);
   };
-  r.subscribe(({ selected: p }) => {
+  s.subscribe(({ selected: p }) => {
     if (!(c.length === 0 && p.length === 0)) {
       if (c.length === 0 && p.length > 0)
-        c = p.map(({ id: w }) => s.getAnnotation(w));
+        c = p.map(({ id: w }) => r.getAnnotation(w));
       else if (c.length > 0 && p.length === 0)
         c.forEach((w) => {
-          const _ = s.getAnnotation(w.id);
+          const _ = r.getAnnotation(w.id);
           _ && !ye(_, w) && m("updateAnnotation", _, w);
         }), c = [];
       else {
         const w = new Set(c.map((E) => E.id)), _ = new Set(p.map(({ id: E }) => E));
         c.filter((E) => !_.has(E.id)).forEach((E) => {
-          const I = s.getAnnotation(E.id);
+          const I = r.getAnnotation(E.id);
           I && !ye(I, E) && m("updateAnnotation", I, E);
         }), c = [
           // Remove annotations that were deselected
           ...c.filter((E) => _.has(E.id)),
           // Add editable annotations that were selected
-          ...p.filter(({ id: E }) => !w.has(E)).map(({ id: E }) => s.getAnnotation(E))
+          ...p.filter(({ id: E }) => !w.has(E)).map(({ id: E }) => r.getAnnotation(E))
         ];
       }
       m("selectionChanged", c);
     }
   }), i.subscribe((p) => {
-    !d && p ? m("mouseEnterAnnotation", s.getAnnotation(p)) : d && !p ? m("mouseLeaveAnnotation", s.getAnnotation(d)) : d && p && (m("mouseLeaveAnnotation", s.getAnnotation(d)), m("mouseEnterAnnotation", s.getAnnotation(p))), d = p;
-  }), l == null || l.subscribe((p) => m("viewportIntersect", p.map((w) => s.getAnnotation(w)))), s.observe((p) => {
-    o && (f && clearTimeout(f), f = setTimeout(y, 1e3));
+    !f && p ? m("mouseEnterAnnotation", r.getAnnotation(p)) : f && !p ? m("mouseLeaveAnnotation", r.getAnnotation(f)) : f && p && (m("mouseLeaveAnnotation", r.getAnnotation(f)), m("mouseEnterAnnotation", r.getAnnotation(p))), f = p;
+  }), l == null || l.subscribe((p) => m("viewportIntersect", p.map((w) => r.getAnnotation(w)))), r.observe((p) => {
+    o && (d && clearTimeout(d), d = setTimeout(y, 1e3));
     const { created: w, deleted: _ } = p.changes;
     (w || []).forEach((E) => m("createAnnotation", E)), (_ || []).forEach((E) => m("deleteAnnotation", E)), (p.changes.updated || []).filter((E) => [
       ...E.bodiesCreated || [],
@@ -1069,7 +1069,7 @@ const co = 250, fo = (e) => {
       const R = c.find((U) => U.id === E.id) || E;
       c = c.map((U) => U.id === E.id ? I : U), m("updateAnnotation", I, R);
     });
-  }, { origin: G.LOCAL }), s.observe((p) => {
+  }, { origin: G.LOCAL }), r.observe((p) => {
     if (c) {
       const w = new Set(c.map((E) => E.id)), _ = (p.changes.updated || []).filter(({ newValue: E }) => w.has(E.id)).map(({ newValue: E }) => E);
       _.length > 0 && (c = c.map((E) => _.find((R) => R.id === E.id) || E));
@@ -1081,8 +1081,8 @@ const co = 250, fo = (e) => {
   };
   return t.on("undo", v(!0)), t.on("redo", v(!1)), { on: h, off: g, emit: m };
 }, go = (e) => (t) => t.reduce((n, o) => {
-  const { parsed: i, error: r } = e.parse(o);
-  return r ? {
+  const { parsed: i, error: s } = e.parse(o);
+  return s ? {
     parsed: n.parsed,
     failed: [...n.failed, o]
   } : i ? {
@@ -1092,20 +1092,20 @@ const co = 250, fo = (e) => {
     ...n
   };
 }, { parsed: [], failed: [] }), mo = (e, t, n) => {
-  const { store: o, selection: i } = e, r = (p) => {
+  const { store: o, selection: i } = e, s = (p) => {
     if (n) {
       const { parsed: w, error: _ } = n.parse(p);
       w ? o.addAnnotation(w, G.REMOTE) : console.error(_);
     } else
-      o.addAnnotation(rt(p), G.REMOTE);
-  }, s = () => i.clear(), l = () => o.clear(), a = (p) => {
+      o.addAnnotation(st(p), G.REMOTE);
+  }, r = () => i.clear(), l = () => o.clear(), a = (p) => {
     const w = o.getAnnotation(p);
     return n && w ? n.serialize(w) : w;
-  }, c = () => n ? o.all().map(n.serialize) : o.all(), d = () => {
+  }, c = () => n ? o.all().map(n.serialize) : o.all(), f = () => {
     var p;
     const w = (((p = i.selected) == null ? void 0 : p.map((_) => _.id)) || []).map((_) => o.getAnnotation(_)).filter(Boolean);
     return n ? w.map(n.serialize) : w;
-  }, f = (p, w = !0) => fetch(p).then((_) => _.json()).then((_) => (g(_, w), _)), h = (p) => {
+  }, d = (p, w = !0) => fetch(p).then((_) => _.json()).then((_) => (g(_, w), _)), h = (p) => {
     if (typeof p == "string") {
       const w = o.getAnnotation(p);
       if (o.deleteAnnotation(p), w)
@@ -1120,7 +1120,7 @@ const co = 250, fo = (e) => {
       const _ = n.parseAll || go(n), { parsed: E, failed: I } = _(p);
       I.length > 0 && console.warn(`Discarded ${I.length} invalid annotations`, I), o.bulkAddAnnotation(E, w, G.REMOTE);
     } else
-      o.bulkAddAnnotation(p.map(rt), w, G.REMOTE);
+      o.bulkAddAnnotation(p.map(st), w, G.REMOTE);
   }, m = (p, w) => {
     p ? i.setSelected(p, w) : i.clear();
   }, y = (p) => {
@@ -1131,19 +1131,19 @@ const co = 250, fo = (e) => {
       return o.updateAnnotation(w), _;
     } else {
       const w = o.getAnnotation(p.id);
-      return o.updateAnnotation(rt(p)), w;
+      return o.updateAnnotation(st(p)), w;
     }
   };
   return {
-    addAnnotation: r,
-    cancelSelected: s,
+    addAnnotation: s,
+    cancelSelected: r,
     canRedo: t.canRedo,
     canUndo: t.canUndo,
     clearAnnotations: l,
     getAnnotationById: a,
     getAnnotations: c,
-    getSelected: d,
-    loadAnnotations: f,
+    getSelected: f,
+    loadAnnotations: d,
     redo: t.redo,
     removeAnnotation: h,
     setAnnotations: g,
@@ -1152,15 +1152,24 @@ const co = 250, fo = (e) => {
     undo: t.undo,
     updateAnnotation: v
   };
+}, Wi = (e, t, n) => typeof t == "function" ? t(e, n) : t, qi = (e, t) => typeof e != "function" && typeof t != "function" ? {
+  ...e || {},
+  ...t || {}
+} : (n, o) => {
+  const i = typeof e == "function" ? e(n, o) : e, s = typeof t == "function" ? t(n, o) : t;
+  return {
+    ...i || {},
+    ...s || {}
+  };
 }, po = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 let yo = (e) => crypto.getRandomValues(new Uint8Array(e)), _o = (e, t, n) => {
   let o = (2 << Math.log(e.length - 1) / Math.LN2) - 1, i = -~(1.6 * o * t / e.length);
-  return (r = t) => {
-    let s = "";
+  return (s = t) => {
+    let r = "";
     for (; ; ) {
       let l = n(i), a = i;
       for (; a--; )
-        if (s += e[l[a] & o] || "", s.length === r) return s;
+        if (r += e[l[a] & o] || "", r.length === s) return r;
     }
   };
 }, wo = (e, t = 21) => _o(e, t, yo), bo = (e = 21) => {
@@ -1173,29 +1182,29 @@ const Eo = () => ({ isGuest: !0, id: wo("1234567890abcdefghijklmnopqrstuvwxyzABC
   const t = JSON.stringify(e);
   let n = 0;
   for (let o = 0, i = t.length; o < i; o++) {
-    let r = t.charCodeAt(o);
-    n = (n << 5) - n + r, n |= 0;
+    let s = t.charCodeAt(o);
+    n = (n << 5) - n + s, n |= 0;
   }
   return `${n}`;
 }, an = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, So = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
-  const { id: o, type: i, purpose: r, value: s, created: l, modified: a, creator: c, ...d } = n;
+  const { id: o, type: i, purpose: s, value: r, created: l, modified: a, creator: c, ...f } = n;
   return {
     id: o || `temp-${Ao(n)}`,
     annotation: t,
     type: i,
-    purpose: r,
-    value: s,
+    purpose: s,
+    value: r,
     creator: an(c),
     created: l ? new Date(l) : void 0,
     updated: a ? new Date(a) : void 0,
-    ...d
+    ...f
   };
 }), vo = (e) => e.map((t) => {
   var n;
-  const { annotation: o, created: i, updated: r, ...s } = t, l = {
-    ...s,
+  const { annotation: o, created: i, updated: s, ...r } = t, l = {
+    ...r,
     created: i == null ? void 0 : i.toISOString(),
-    modified: r == null ? void 0 : r.toISOString()
+    modified: s == null ? void 0 : s.toISOString()
   };
   return (n = l.id) != null && n.startsWith("temp-") && delete l.id, l;
 }), To = [
@@ -1217,7 +1226,7 @@ const Eo = () => ({ isGuest: !0, id: wo("1234567890abcdefghijklmnopqrstuvwxyzABC
   // cyan
   "#023eff"
   // blue
-], Wi = () => {
+], Ki = () => {
   const e = [...To];
   return { assignRandomColor: () => {
     const t = Math.floor(Math.random() * e.length), n = e[t];
@@ -1225,15 +1234,15 @@ const Eo = () => ({ isGuest: !0, id: wo("1234567890abcdefghijklmnopqrstuvwxyzABC
   }, releaseColor: (t) => e.push(t) };
 };
 bo();
-const qi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Mo(i, t), serialize: (i) => Lo(i, e, t) }), Mo = (e, t = { strict: !0, invertY: !1 }) => {
+const Ji = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Mo(i, t), serialize: (i) => Lo(i, e, t) }), Mo = (e, t = { strict: !0, invertY: !1 }) => {
   const n = e.id || on(), {
     creator: o,
     created: i,
-    modified: r,
-    body: s,
+    modified: s,
+    body: r,
     ...l
-  } = e, a = So(s || [], n), c = Array.isArray(e.target) ? e.target[0] : e.target, d = Array.isArray(c.selector) ? c.selector[0] : c.selector, f = (d == null ? void 0 : d.type) === "FragmentSelector" ? Yn(d, t.invertY) : (d == null ? void 0 : d.type) === "SvgSelector" ? Vn(d) : void 0;
-  return f || !t.strict ? {
+  } = e, a = So(r || [], n), c = Array.isArray(e.target) ? e.target[0] : e.target, f = Array.isArray(c.selector) ? c.selector[0] : c.selector, d = (f == null ? void 0 : f.type) === "FragmentSelector" ? Yn(f, t.invertY) : (f == null ? void 0 : f.type) === "SvgSelector" ? Vn(f) : void 0;
+  return d || !t.strict ? {
     parsed: {
       ...l,
       id: n,
@@ -1241,21 +1250,21 @@ const qi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Mo(i, t), se
       target: {
         created: i ? new Date(i) : void 0,
         creator: an(o),
-        updated: r ? new Date(r) : void 0,
+        updated: s ? new Date(s) : void 0,
         ...Array.isArray(l.target) ? l.target[0] : l.target,
         annotation: n,
-        selector: f || d
+        selector: d || f
       }
     }
   } : {
-    error: Error(`Invalid selector: ${JSON.stringify(d)}`)
+    error: Error(`Invalid selector: ${JSON.stringify(f)}`)
   };
 }, Lo = (e, t, n = { strict: !0, invertY: !1 }) => {
   const {
     selector: o,
     creator: i,
-    created: r,
-    updated: s,
+    created: s,
+    updated: r,
     updatedBy: l,
     // Excluded from serialization
     ...a
@@ -1263,27 +1272,27 @@ const qi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => Mo(i, t), se
   let c;
   try {
     c = o.type == F.RECTANGLE ? Cn(o.geometry) : Gn(o);
-  } catch (f) {
+  } catch (d) {
     if (n.strict)
-      throw f;
+      throw d;
     c = o;
   }
-  const d = {
+  const f = {
     ...e,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
     type: "Annotation",
     body: vo(e.bodies),
-    created: r == null ? void 0 : r.toISOString(),
+    created: s == null ? void 0 : s.toISOString(),
     creator: i,
-    modified: s == null ? void 0 : s.toISOString(),
+    modified: r == null ? void 0 : r.toISOString(),
     target: {
       ...a,
       source: t,
       selector: c
     }
   };
-  return delete d.bodies, "annotation" in d.target && delete d.target.annotation, d;
+  return delete f.bodies, "annotation" in f.target && delete f.target.annotation, f;
 };
 function It(e, t, n) {
   const o = e.slice();
@@ -1322,14 +1331,14 @@ function Ot(e) {
     },
     p(o, i) {
       e = o;
-      const r = {};
+      const s = {};
       i & /*geom*/
-      16 && (r.x = /*point*/
+      16 && (s.x = /*point*/
       e[10][0]), i & /*geom*/
-      16 && (r.y = /*point*/
+      16 && (s.y = /*point*/
       e[10][1]), i & /*viewportScale*/
-      8 && (r.scale = /*viewportScale*/
-      e[3]), t.$set(r);
+      8 && (s.scale = /*viewportScale*/
+      e[3]), t.$set(s);
     },
     i(o) {
       n || (P(t.$$.fragment, o), n = !0);
@@ -1343,7 +1352,7 @@ function Ot(e) {
   };
 }
 function ko(e) {
-  let t, n, o, i, r, s, l, a, c, d, f, h = Le(
+  let t, n, o, i, s, r, l, a, c, f, d, h = Le(
     /*geom*/
     e[4].points
   ), g = [];
@@ -1354,37 +1363,37 @@ function ko(e) {
   });
   return {
     c() {
-      t = X("polygon"), i = ie(), r = X("polygon"), l = ie();
+      t = X("polygon"), i = ie(), s = X("polygon"), l = ie();
       for (let y = 0; y < g.length; y += 1)
         g[y].c();
       a = le(), u(t, "class", "a9s-outer"), u(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), u(t, "points", o = /*geom*/
-      e[4].points.map(Bt).join(" ")), u(r, "class", "a9s-inner a9s-shape-handle"), u(
-        r,
+      e[4].points.map(Bt).join(" ")), u(s, "class", "a9s-inner a9s-shape-handle"), u(
+        s,
         "style",
         /*computedStyle*/
         e[1]
-      ), u(r, "points", s = /*geom*/
+      ), u(s, "points", r = /*geom*/
       e[4].points.map(Dt).join(" "));
     },
     m(y, v) {
-      B(y, t, v), B(y, i, v), B(y, r, v), B(y, l, v);
+      B(y, t, v), B(y, i, v), B(y, s, v), B(y, l, v);
       for (let p = 0; p < g.length; p += 1)
         g[p] && g[p].m(y, v);
-      B(y, a, v), c = !0, d || (f = [
+      B(y, a, v), c = !0, f || (d = [
         H(t, "pointerdown", function() {
           W(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         }),
-        H(r, "pointerdown", function() {
+        H(s, "pointerdown", function() {
           W(
             /*grab*/
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         })
-      ], d = !0);
+      ], f = !0);
     },
     p(y, v) {
       if (e = y, (!c || v & /*computedStyle*/
@@ -1393,13 +1402,13 @@ function ko(e) {
       16 && o !== (o = /*geom*/
       e[4].points.map(Bt).join(" "))) && u(t, "points", o), (!c || v & /*computedStyle*/
       2) && u(
-        r,
+        s,
         "style",
         /*computedStyle*/
         e[1]
       ), (!c || v & /*geom*/
-      16 && s !== (s = /*geom*/
-      e[4].points.map(Dt).join(" "))) && u(r, "points", s), v & /*geom, viewportScale, grab*/
+      16 && r !== (r = /*geom*/
+      e[4].points.map(Dt).join(" "))) && u(s, "points", r), v & /*geom, viewportScale, grab*/
       536) {
         h = Le(
           /*geom*/
@@ -1410,9 +1419,9 @@ function ko(e) {
           const w = It(e, h, p);
           g[p] ? (g[p].p(w, v), P(g[p], 1)) : (g[p] = Ot(w), g[p].c(), P(g[p], 1), g[p].m(a.parentNode, a));
         }
-        for (re(), p = h.length; p < g.length; p += 1)
+        for (se(), p = h.length; p < g.length; p += 1)
           m(p);
-        se();
+        re();
       }
     },
     i(y) {
@@ -1429,13 +1438,13 @@ function ko(e) {
       c = !1;
     },
     d(y) {
-      y && (O(t), O(i), O(r), O(l), O(a)), pt(g, y), d = !1, ge(f);
+      y && (O(t), O(i), O(s), O(l), O(a)), pt(g, y), f = !1, ge(d);
     }
   };
 }
 function Io(e) {
   let t, n;
-  return t = new fn({
+  return t = new dn({
     props: {
       shape: (
         /*shape*/
@@ -1478,13 +1487,13 @@ function Io(e) {
       x(t, o, i), n = !0;
     },
     p(o, [i]) {
-      const r = {};
+      const s = {};
       i & /*shape*/
-      1 && (r.shape = /*shape*/
+      1 && (s.shape = /*shape*/
       o[0]), i & /*transform*/
-      4 && (r.transform = /*transform*/
+      4 && (s.transform = /*transform*/
       o[2]), i & /*$$scope, geom, viewportScale, grab, computedStyle*/
-      8730 && (r.$$scope = { dirty: i, ctx: o }), t.$set(r);
+      8730 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
       n || (P(t.$$.fragment, o), n = !0);
@@ -1499,7 +1508,7 @@ function Io(e) {
 }
 const Bt = (e) => e.join(","), Dt = (e) => e.join(",");
 function Oo(e, t, n) {
-  let o, { shape: i } = t, { computedStyle: r } = t, { transform: s } = t, { viewportScale: l = 1 } = t;
+  let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
   const a = (h, g, m) => {
     let y;
     const v = h.geometry;
@@ -1510,27 +1519,27 @@ function Oo(e, t, n) {
   function c(h) {
     me.call(this, e, h);
   }
-  function d(h) {
+  function f(h) {
     me.call(this, e, h);
   }
-  function f(h) {
+  function d(h) {
     me.call(this, e, h);
   }
   return e.$$set = (h) => {
-    "shape" in h && n(0, i = h.shape), "computedStyle" in h && n(1, r = h.computedStyle), "transform" in h && n(2, s = h.transform), "viewportScale" in h && n(3, l = h.viewportScale);
+    "shape" in h && n(0, i = h.shape), "computedStyle" in h && n(1, s = h.computedStyle), "transform" in h && n(2, r = h.transform), "viewportScale" in h && n(3, l = h.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
     1 && n(4, o = i.geometry);
   }, [
     i,
-    r,
     s,
+    r,
     l,
     o,
     a,
     c,
-    d,
-    f
+    f,
+    d
   ];
 }
 class Bo extends ne {
@@ -1562,23 +1571,23 @@ function Do(e, t = j) {
       }
     }
   }
-  function r(l) {
+  function s(l) {
     i(l(e));
   }
-  function s(l, a = j) {
+  function r(l, a = j) {
     const c = [l, a];
-    return o.add(c), o.size === 1 && (n = t(i, r) || j), l(e), () => {
+    return o.add(c), o.size === 1 && (n = t(i, s) || j), l(e), () => {
       o.delete(c), o.size === 0 && n && (n(), n = null);
     };
   }
-  return { set: i, update: r, subscribe: s };
+  return { set: i, update: s, subscribe: r };
 }
 const Po = (e, t) => {
   const { naturalWidth: n, naturalHeight: o } = e;
   if (!n && !o) {
-    const { width: i, height: r } = e;
-    t.setAttribute("viewBox", `0 0 ${i} ${r}`), e.addEventListener("load", (s) => {
-      const l = s.target;
+    const { width: i, height: s } = e;
+    t.setAttribute("viewBox", `0 0 ${i} ${s}`), e.addEventListener("load", (r) => {
+      const l = r.target;
       t.setAttribute("viewBox", `0 0 ${l.naturalWidth} ${l.naturalHeight}`);
     });
   } else
@@ -1588,9 +1597,9 @@ const Po = (e, t) => {
   const { subscribe: n, set: o } = Do(1);
   let i;
   return window.ResizeObserver && (i = new ResizeObserver(() => {
-    const s = t.getBoundingClientRect(), { width: l, height: a } = t.viewBox.baseVal, c = Math.max(
-      s.width / l,
-      s.height / a
+    const r = t.getBoundingClientRect(), { width: l, height: a } = t.viewBox.baseVal, c = Math.max(
+      r.width / l,
+      r.height / a
     );
     o(c);
   }), i.observe(t.parentElement)), { destroy: () => {
@@ -1599,7 +1608,7 @@ const Po = (e, t) => {
 }, Co = typeof window > "u" || typeof navigator > "u" ? !1 : "ontouchstart" in window || navigator.maxTouchPoints > 0 || // @ts-ignore
 navigator.msMaxTouchPoints > 0;
 function Xo(e) {
-  let t, n, o, i, r, s;
+  let t, n, o, i, s, r;
   return {
     c() {
       t = X("rect"), u(t, "class", n = Ke(`a9s-handle ${/*$$props*/
@@ -1620,12 +1629,12 @@ function Xo(e) {
       );
     },
     m(l, a) {
-      B(l, t, a), r || (s = H(
+      B(l, t, a), s || (r = H(
         t,
         "pointerdown",
         /*pointerdown_handler_2*/
         e[11]
-      ), r = !0);
+      ), s = !0);
     },
     p(l, a) {
       a & /*$$props*/
@@ -1651,12 +1660,12 @@ function Xo(e) {
       );
     },
     d(l) {
-      l && O(t), r = !1, s();
+      l && O(t), s = !1, r();
     }
   };
 }
 function Ro(e) {
-  let t, n, o, i, r, s, l, a, c;
+  let t, n, o, i, s, r, l, a, c;
   return {
     c() {
       t = X("g"), n = X("circle"), i = X("rect"), u(
@@ -1676,8 +1685,8 @@ function Ro(e) {
         "touched",
         /*touched*/
         e[4]
-      ), u(i, "class", r = Ke(`a9s-handle ${/*$$props*/
-      e[8].class || ""}`.trim()) + " svelte-1sgkh33"), u(i, "x", s = /*x*/
+      ), u(i, "class", s = Ke(`a9s-handle ${/*$$props*/
+      e[8].class || ""}`.trim()) + " svelte-1sgkh33"), u(i, "x", r = /*x*/
       e[0] - /*handleSize*/
       e[5] / 2), u(i, "y", l = /*y*/
       e[1] - /*handleSize*/
@@ -1693,8 +1702,8 @@ function Ro(e) {
         e[5]
       ), u(t, "class", "a9s-touch-handle");
     },
-    m(d, f) {
-      B(d, t, f), he(t, n), he(t, i), a || (c = [
+    m(f, d) {
+      B(f, t, d), he(t, n), he(t, i), a || (c = [
         H(
           n,
           "pointerdown",
@@ -1733,58 +1742,58 @@ function Ro(e) {
         )
       ], a = !0);
     },
-    p(d, f) {
-      f & /*x*/
+    p(f, d) {
+      d & /*x*/
       1 && u(
         n,
         "cx",
         /*x*/
-        d[0]
-      ), f & /*y*/
+        f[0]
+      ), d & /*y*/
       2 && u(
         n,
         "cy",
         /*y*/
-        d[1]
-      ), f & /*radius, scale*/
+        f[1]
+      ), d & /*radius, scale*/
       12 && o !== (o = /*radius*/
-      d[3] / /*scale*/
-      d[2]) && u(n, "r", o), f & /*touched*/
+      f[3] / /*scale*/
+      f[2]) && u(n, "r", o), d & /*touched*/
       16 && pe(
         n,
         "touched",
         /*touched*/
-        d[4]
-      ), f & /*$$props*/
-      256 && r !== (r = Ke(`a9s-handle ${/*$$props*/
-      d[8].class || ""}`.trim()) + " svelte-1sgkh33") && u(i, "class", r), f & /*x, handleSize*/
-      33 && s !== (s = /*x*/
-      d[0] - /*handleSize*/
-      d[5] / 2) && u(i, "x", s), f & /*y, handleSize*/
+        f[4]
+      ), d & /*$$props*/
+      256 && s !== (s = Ke(`a9s-handle ${/*$$props*/
+      f[8].class || ""}`.trim()) + " svelte-1sgkh33") && u(i, "class", s), d & /*x, handleSize*/
+      33 && r !== (r = /*x*/
+      f[0] - /*handleSize*/
+      f[5] / 2) && u(i, "x", r), d & /*y, handleSize*/
       34 && l !== (l = /*y*/
-      d[1] - /*handleSize*/
-      d[5] / 2) && u(i, "y", l), f & /*handleSize*/
+      f[1] - /*handleSize*/
+      f[5] / 2) && u(i, "y", l), d & /*handleSize*/
       32 && u(
         i,
         "width",
         /*handleSize*/
-        d[5]
-      ), f & /*handleSize*/
+        f[5]
+      ), d & /*handleSize*/
       32 && u(
         i,
         "height",
         /*handleSize*/
-        d[5]
+        f[5]
       );
     },
-    d(d) {
-      d && O(t), a = !1, ge(c);
+    d(f) {
+      f && O(t), a = !1, ge(c);
     }
   };
 }
 function No(e) {
   let t;
-  function n(r, s) {
+  function n(s, r) {
     return Co ? Ro : Xo;
   }
   let i = n()(e);
@@ -1792,25 +1801,25 @@ function No(e) {
     c() {
       i.c(), t = le();
     },
-    m(r, s) {
-      i.m(r, s), B(r, t, s);
+    m(s, r) {
+      i.m(s, r), B(s, t, r);
     },
-    p(r, [s]) {
-      i.p(r, s);
+    p(s, [r]) {
+      i.p(s, r);
     },
     i: j,
     o: j,
-    d(r) {
-      r && O(t), i.d(r);
+    d(s) {
+      s && O(t), i.d(s);
     }
   };
 }
 function Uo(e, t, n) {
-  let o, { x: i } = t, { y: r } = t, { scale: s } = t, { radius: l = 30 } = t, a = !1;
+  let o, { x: i } = t, { y: s } = t, { scale: r } = t, { radius: l = 30 } = t, a = !1;
   const c = (m) => {
     m.pointerType === "touch" && n(4, a = !0);
-  }, d = () => n(4, a = !1);
-  function f(m) {
+  }, f = () => n(4, a = !1);
+  function d(m) {
     me.call(this, e, m);
   }
   function h(m) {
@@ -1820,21 +1829,21 @@ function Uo(e, t, n) {
     me.call(this, e, m);
   }
   return e.$$set = (m) => {
-    n(8, t = ut(ut({}, t), At(m))), "x" in m && n(0, i = m.x), "y" in m && n(1, r = m.y), "scale" in m && n(2, s = m.scale), "radius" in m && n(3, l = m.radius);
+    n(8, t = ut(ut({}, t), At(m))), "x" in m && n(0, i = m.x), "y" in m && n(1, s = m.y), "scale" in m && n(2, r = m.scale), "radius" in m && n(3, l = m.radius);
   }, e.$$.update = () => {
     e.$$.dirty & /*scale*/
-    4 && n(5, o = 10 / s);
+    4 && n(5, o = 10 / r);
   }, t = At(t), [
     i,
-    r,
     s,
+    r,
     l,
     a,
     o,
     c,
-    d,
-    t,
     f,
+    t,
+    d,
     h,
     g
   ];
@@ -1845,7 +1854,7 @@ class Pe extends ne {
   }
 }
 function Vo(e) {
-  let t, n, o, i, r, s, l, a, c, d, f, h, g, m, y, v, p, w, _, E, I, R, U, V, Z, A, S, b, T, Y, D, z, oe, ae, Ie, ce, Oe, fe, Be, de, N, k, J;
+  let t, n, o, i, s, r, l, a, c, f, d, h, g, m, y, v, p, w, _, E, I, R, U, V, Z, A, S, b, T, Y, D, z, oe, ae, Ie, ce, Oe, de, Be, fe, N, k, J;
   return ae = new Pe({
     props: {
       class: "a9s-corner-handle-topleft",
@@ -1889,7 +1898,7 @@ function Vo(e) {
       /*grab*/
       e[9]("TOP_RIGHT")
     ) && e[9]("TOP_RIGHT").apply(this, arguments);
-  }), fe = new Pe({
+  }), de = new Pe({
     props: {
       class: "a9s-corner-handle-bottomright",
       x: (
@@ -1907,12 +1916,12 @@ function Vo(e) {
         e[3]
       )
     }
-  }), fe.$on("pointerdown", function() {
+  }), de.$on("pointerdown", function() {
     W(
       /*grab*/
       e[9]("BOTTOM_RIGHT")
     ) && e[9]("BOTTOM_RIGHT").apply(this, arguments);
-  }), de = new Pe({
+  }), fe = new Pe({
     props: {
       class: "a9s-corner-handle-bottomleft",
       x: (
@@ -1929,26 +1938,26 @@ function Vo(e) {
         e[3]
       )
     }
-  }), de.$on("pointerdown", function() {
+  }), fe.$on("pointerdown", function() {
     W(
       /*grab*/
       e[9]("BOTTOM_LEFT")
     ) && e[9]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = X("rect"), l = ie(), a = X("rect"), g = ie(), m = X("rect"), w = ie(), _ = X("rect"), U = ie(), V = X("rect"), b = ie(), T = X("rect"), oe = ie(), ee(ae.$$.fragment), Ie = ie(), ee(ce.$$.fragment), Oe = ie(), ee(fe.$$.fragment), Be = ie(), ee(de.$$.fragment), u(t, "class", "a9s-outer"), u(t, "style", n = /*computedStyle*/
+      t = X("rect"), l = ie(), a = X("rect"), g = ie(), m = X("rect"), w = ie(), _ = X("rect"), U = ie(), V = X("rect"), b = ie(), T = X("rect"), oe = ie(), ee(ae.$$.fragment), Ie = ie(), ee(ce.$$.fragment), Oe = ie(), ee(de.$$.fragment), Be = ie(), ee(fe.$$.fragment), u(t, "class", "a9s-outer"), u(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), u(t, "x", o = /*geom*/
       e[4].x), u(t, "y", i = /*geom*/
-      e[4].y), u(t, "width", r = /*geom*/
-      e[4].w), u(t, "height", s = /*geom*/
+      e[4].y), u(t, "width", s = /*geom*/
+      e[4].w), u(t, "height", r = /*geom*/
       e[4].h), u(a, "class", "a9s-inner a9s-shape-handle"), u(
         a,
         "style",
         /*computedStyle*/
         e[1]
       ), u(a, "x", c = /*geom*/
-      e[4].x), u(a, "y", d = /*geom*/
-      e[4].y), u(a, "width", f = /*geom*/
+      e[4].x), u(a, "y", f = /*geom*/
+      e[4].y), u(a, "width", d = /*geom*/
       e[4].w), u(a, "height", h = /*geom*/
       e[4].h), u(m, "class", "a9s-edge-handle a9s-edge-handle-top"), u(m, "x", y = /*geom*/
       e[4].x), u(m, "y", v = /*geom*/
@@ -1967,7 +1976,7 @@ function Vo(e) {
       e[4].h), u(T, "width", 1);
     },
     m(L, M) {
-      B(L, t, M), B(L, l, M), B(L, a, M), B(L, g, M), B(L, m, M), B(L, w, M), B(L, _, M), B(L, U, M), B(L, V, M), B(L, b, M), B(L, T, M), B(L, oe, M), x(ae, L, M), B(L, Ie, M), x(ce, L, M), B(L, Oe, M), x(fe, L, M), B(L, Be, M), x(de, L, M), N = !0, k || (J = [
+      B(L, t, M), B(L, l, M), B(L, a, M), B(L, g, M), B(L, m, M), B(L, w, M), B(L, _, M), B(L, U, M), B(L, V, M), B(L, b, M), B(L, T, M), B(L, oe, M), x(ae, L, M), B(L, Ie, M), x(ce, L, M), B(L, Oe, M), x(de, L, M), B(L, Be, M), x(fe, L, M), N = !0, k || (J = [
         H(t, "pointerdown", function() {
           W(
             /*grab*/
@@ -2014,10 +2023,10 @@ function Vo(e) {
       e[4].x)) && u(t, "x", o), (!N || M & /*geom*/
       16 && i !== (i = /*geom*/
       e[4].y)) && u(t, "y", i), (!N || M & /*geom*/
-      16 && r !== (r = /*geom*/
-      e[4].w)) && u(t, "width", r), (!N || M & /*geom*/
       16 && s !== (s = /*geom*/
-      e[4].h)) && u(t, "height", s), (!N || M & /*computedStyle*/
+      e[4].w)) && u(t, "width", s), (!N || M & /*geom*/
+      16 && r !== (r = /*geom*/
+      e[4].h)) && u(t, "height", r), (!N || M & /*computedStyle*/
       2) && u(
         a,
         "style",
@@ -2026,10 +2035,10 @@ function Vo(e) {
       ), (!N || M & /*geom*/
       16 && c !== (c = /*geom*/
       e[4].x)) && u(a, "x", c), (!N || M & /*geom*/
-      16 && d !== (d = /*geom*/
-      e[4].y)) && u(a, "y", d), (!N || M & /*geom*/
       16 && f !== (f = /*geom*/
-      e[4].w)) && u(a, "width", f), (!N || M & /*geom*/
+      e[4].y)) && u(a, "y", f), (!N || M & /*geom*/
+      16 && d !== (d = /*geom*/
+      e[4].w)) && u(a, "width", d), (!N || M & /*geom*/
       16 && h !== (h = /*geom*/
       e[4].h)) && u(a, "height", h), (!N || M & /*geom*/
       16 && y !== (y = /*geom*/
@@ -2084,7 +2093,7 @@ function Vo(e) {
       e[4].y + /*geom*/
       e[4].h), M & /*viewportScale*/
       8 && (Ue.scale = /*viewportScale*/
-      e[3]), fe.$set(Ue);
+      e[3]), de.$set(Ue);
       const Ve = {};
       M & /*geom*/
       16 && (Ve.x = /*geom*/
@@ -2093,22 +2102,22 @@ function Vo(e) {
       e[4].y + /*geom*/
       e[4].h), M & /*viewportScale*/
       8 && (Ve.scale = /*viewportScale*/
-      e[3]), de.$set(Ve);
+      e[3]), fe.$set(Ve);
     },
     i(L) {
-      N || (P(ae.$$.fragment, L), P(ce.$$.fragment, L), P(fe.$$.fragment, L), P(de.$$.fragment, L), N = !0);
+      N || (P(ae.$$.fragment, L), P(ce.$$.fragment, L), P(de.$$.fragment, L), P(fe.$$.fragment, L), N = !0);
     },
     o(L) {
-      C(ae.$$.fragment, L), C(ce.$$.fragment, L), C(fe.$$.fragment, L), C(de.$$.fragment, L), N = !1;
+      C(ae.$$.fragment, L), C(ce.$$.fragment, L), C(de.$$.fragment, L), C(fe.$$.fragment, L), N = !1;
     },
     d(L) {
-      L && (O(t), O(l), O(a), O(g), O(m), O(w), O(_), O(U), O(V), O(b), O(T), O(oe), O(Ie), O(Oe), O(Be)), $(ae, L), $(ce, L), $(fe, L), $(de, L), k = !1, ge(J);
+      L && (O(t), O(l), O(a), O(g), O(m), O(w), O(_), O(U), O(V), O(b), O(T), O(oe), O(Ie), O(Oe), O(Be)), $(ae, L), $(ce, L), $(de, L), $(fe, L), k = !1, ge(J);
     }
   };
 }
 function Go(e) {
   let t, n;
-  return t = new fn({
+  return t = new dn({
     props: {
       shape: (
         /*shape*/
@@ -2151,13 +2160,13 @@ function Go(e) {
       x(t, o, i), n = !0;
     },
     p(o, [i]) {
-      const r = {};
+      const s = {};
       i & /*shape*/
-      1 && (r.shape = /*shape*/
+      1 && (s.shape = /*shape*/
       o[0]), i & /*transform*/
-      4 && (r.transform = /*transform*/
+      4 && (s.transform = /*transform*/
       o[2]), i & /*$$scope, geom, viewportScale, grab, computedStyle*/
-      1562 && (r.$$scope = { dirty: i, ctx: o }), t.$set(r);
+      1562 && (s.$$scope = { dirty: i, ctx: o }), t.$set(s);
     },
     i(o) {
       n || (P(t.$$.fragment, o), n = !0);
@@ -2171,7 +2180,7 @@ function Go(e) {
   };
 }
 function jo(e, t, n) {
-  let o, { shape: i } = t, { computedStyle: r } = t, { transform: s } = t, { viewportScale: l = 1 } = t;
+  let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
   const a = (h, g, m) => {
     const y = h.geometry.bounds;
     let [v, p] = [y.minX, y.minY], [w, _] = [y.maxX, y.maxY];
@@ -2228,27 +2237,27 @@ function jo(e, t, n) {
   function c(h) {
     me.call(this, e, h);
   }
-  function d(h) {
+  function f(h) {
     me.call(this, e, h);
   }
-  function f(h) {
+  function d(h) {
     me.call(this, e, h);
   }
   return e.$$set = (h) => {
-    "shape" in h && n(0, i = h.shape), "computedStyle" in h && n(1, r = h.computedStyle), "transform" in h && n(2, s = h.transform), "viewportScale" in h && n(3, l = h.viewportScale);
+    "shape" in h && n(0, i = h.shape), "computedStyle" in h && n(1, s = h.computedStyle), "transform" in h && n(2, r = h.transform), "viewportScale" in h && n(3, l = h.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*shape*/
     1 && n(4, o = i.geometry);
   }, [
     i,
-    r,
     s,
+    r,
     l,
     o,
     a,
     c,
-    d,
-    f
+    f,
+    d
   ];
 }
 class zo extends ne {
@@ -2270,11 +2279,11 @@ const cn = /* @__PURE__ */ new Map([
 ) });
 function qo(e) {
   let t, n, o, i;
-  const r = (
+  const s = (
     /*#slots*/
     e[7].default
-  ), s = _n(
-    r,
+  ), r = _n(
+    s,
     e,
     /*$$scope*/
     e[6],
@@ -2282,10 +2291,10 @@ function qo(e) {
   );
   return {
     c() {
-      t = X("g"), s && s.c(), u(t, "class", "a9s-annotation selected");
+      t = X("g"), r && r.c(), u(t, "class", "a9s-annotation selected");
     },
     m(l, a) {
-      B(l, t, a), s && s.m(t, null), n = !0, o || (i = [
+      B(l, t, a), r && r.m(t, null), n = !0, o || (i = [
         H(
           t,
           "pointerup",
@@ -2301,15 +2310,15 @@ function qo(e) {
       ], o = !0);
     },
     p(l, [a]) {
-      s && s.p && (!n || a & /*$$scope*/
+      r && r.p && (!n || a & /*$$scope*/
       64) && bn(
-        s,
         r,
+        s,
         l,
         /*$$scope*/
         l[6],
         n ? wn(
-          r,
+          s,
           /*$$scope*/
           l[6],
           a,
@@ -2322,35 +2331,35 @@ function qo(e) {
       );
     },
     i(l) {
-      n || (P(s, l), n = !0);
+      n || (P(r, l), n = !0);
     },
     o(l) {
-      C(s, l), n = !1;
+      C(r, l), n = !1;
     },
     d(l) {
-      l && O(t), s && s.d(l), o = !1, ge(i);
+      l && O(t), r && r.d(l), o = !1, ge(i);
     }
   };
 }
 function Ko(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
-  const r = ke();
-  let { shape: s } = t, { editor: l } = t, { transform: a } = t, c, d, f;
+  const s = ke();
+  let { shape: r } = t, { editor: l } = t, { transform: a } = t, c, f, d;
   const h = (y) => (v) => {
-    c = y, d = a.elementToImage(v.offsetX, v.offsetY), f = s, v.target.setPointerCapture(v.pointerId), r("grab", v);
+    c = y, f = a.elementToImage(v.offsetX, v.offsetY), d = r, v.target.setPointerCapture(v.pointerId), s("grab", v);
   }, g = (y) => {
     if (c) {
-      const [v, p] = a.elementToImage(y.offsetX, y.offsetY), w = [v - d[0], p - d[1]];
-      n(3, s = l(f, c, w)), r("change", s);
+      const [v, p] = a.elementToImage(y.offsetX, y.offsetY), w = [v - f[0], p - f[1]];
+      n(3, r = l(d, c, w)), s("change", r);
     }
   }, m = (y) => {
-    y.target.releasePointerCapture(y.pointerId), c = void 0, f = s, r("release", y);
+    y.target.releasePointerCapture(y.pointerId), c = void 0, d = r, s("release", y);
   };
   return e.$$set = (y) => {
-    "shape" in y && n(3, s = y.shape), "editor" in y && n(4, l = y.editor), "transform" in y && n(5, a = y.transform), "$$scope" in y && n(6, i = y.$$scope);
-  }, [h, g, m, s, l, a, i, o];
+    "shape" in y && n(3, r = y.shape), "editor" in y && n(4, l = y.editor), "transform" in y && n(5, a = y.transform), "$$scope" in y && n(6, i = y.$$scope);
+  }, [h, g, m, r, l, a, i, o];
 }
-class fn extends ne {
+class dn extends ne {
   constructor(t) {
     super(), te(this, t, Ko, qo, Q, { shape: 3, editor: 4, transform: 5 });
   }
@@ -2358,36 +2367,46 @@ class fn extends ne {
 const xe = (e, t) => {
   const n = typeof t == "function" ? t(e) : t;
   if (n) {
-    const { fill: o, fillOpacity: i, stroke: r, strokeWidth: s, strokeOpacity: l } = n;
+    const { fill: o, fillOpacity: i, stroke: s, strokeWidth: r, strokeOpacity: l } = n;
     let a = "";
-    return o && (a += `fill:${o};`, a += `fill-opacity:${i || "0.25"};`), r && (a += `stroke:${r};`, a += `stroke-width:${s || "1"};`, a += `stroke-opacity:${l || "1"};`), a;
+    return o && (a += `fill:${o};`, a += `fill-opacity:${i || "0.25"};`), s && (a += `stroke:${s};`, a += `stroke-width:${r || "1"};`, a += `stroke-opacity:${l || "1"};`), a;
   }
 };
 function Jo(e, t, n) {
   let o;
   const i = ke();
-  let { annotation: r } = t, { editor: s } = t, { style: l } = t, { target: a } = t, { transform: c } = t, { viewportScale: d } = t, f;
-  return Ne(() => (n(6, f = new s({
+  let { annotation: s } = t, { editor: r } = t, { style: l } = t, { target: a } = t, { transform: c } = t, { viewportScale: f } = t, d;
+  return Ne(() => (n(6, d = new r({
     target: a,
     props: {
-      shape: r.target.selector,
+      shape: s.target.selector,
       computedStyle: o,
       transform: c,
-      viewportScale: d
+      viewportScale: f
     }
-  })), f.$on("change", (h) => {
-    f.$$set({ shape: h.detail }), i("change", h.detail);
-  }), f.$on("grab", (h) => i("grab", h.detail)), f.$on("release", (h) => i("release", h.detail)), () => {
-    f.$destroy();
+  })), d.$on("change", (h) => {
+    d.$$set({ shape: h.detail }), i("change", h.detail);
+  }), d.$on("grab", (h) => i("grab", h.detail)), d.$on("release", (h) => i("release", h.detail)), () => {
+    d.$destroy();
   })), e.$$set = (h) => {
-    "annotation" in h && n(0, r = h.annotation), "editor" in h && n(1, s = h.editor), "style" in h && n(2, l = h.style), "target" in h && n(3, a = h.target), "transform" in h && n(4, c = h.transform), "viewportScale" in h && n(5, d = h.viewportScale);
+    "annotation" in h && n(0, s = h.annotation), "editor" in h && n(1, r = h.editor), "style" in h && n(2, l = h.style), "target" in h && n(3, a = h.target), "transform" in h && n(4, c = h.transform), "viewportScale" in h && n(5, f = h.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    5 && (o = xe(r, l)), e.$$.dirty & /*annotation, editorComponent*/
-    65 && r && (f == null || f.$set({ shape: r.target.selector })), e.$$.dirty & /*editorComponent, transform*/
-    80 && f && f.$set({ transform: c }), e.$$.dirty & /*editorComponent, viewportScale*/
-    96 && f && f.$set({ viewportScale: d });
-  }, [r, s, l, a, c, d, f];
+    5 && n(7, o = xe(s, l)), e.$$.dirty & /*annotation, editorComponent*/
+    65 && s && (d == null || d.$set({ shape: s.target.selector })), e.$$.dirty & /*editorComponent, transform*/
+    80 && d && d.$set({ transform: c }), e.$$.dirty & /*editorComponent, viewportScale*/
+    96 && d && d.$set({ viewportScale: f }), e.$$.dirty & /*editorComponent, computedStyle*/
+    192 && d && o && d.$set({ computedStyle: o });
+  }, [
+    s,
+    r,
+    l,
+    a,
+    c,
+    f,
+    d,
+    o
+  ];
 }
 class Qo extends ne {
   constructor(t) {
@@ -2403,13 +2422,13 @@ class Qo extends ne {
 }
 function Zo(e, t, n) {
   const o = ke();
-  let { drawingMode: i } = t, { target: r } = t, { tool: s } = t, { transform: l } = t, { viewportScale: a } = t, c;
+  let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: l } = t, { viewportScale: a } = t, c;
   return Ne(() => {
-    const d = r.closest("svg"), f = [], h = (g, m, y) => {
-      d == null || d.addEventListener(g, m, y), f.push(() => d == null ? void 0 : d.removeEventListener(g, m, y));
+    const f = s.closest("svg"), d = [], h = (g, m, y) => {
+      f == null || f.addEventListener(g, m, y), d.push(() => f == null ? void 0 : f.removeEventListener(g, m, y));
     };
-    return n(5, c = new s({
-      target: r,
+    return n(5, c = new r({
+      target: s,
       props: {
         addEventListener: h,
         drawingMode: i,
@@ -2417,15 +2436,15 @@ function Zo(e, t, n) {
         viewportScale: a
       }
     })), c.$on("create", (g) => o("create", g.detail)), () => {
-      f.forEach((g) => g()), c.$destroy();
+      d.forEach((g) => g()), c.$destroy();
     };
-  }), e.$$set = (d) => {
-    "drawingMode" in d && n(0, i = d.drawingMode), "target" in d && n(1, r = d.target), "tool" in d && n(2, s = d.tool), "transform" in d && n(3, l = d.transform), "viewportScale" in d && n(4, a = d.viewportScale);
+  }), e.$$set = (f) => {
+    "drawingMode" in f && n(0, i = f.drawingMode), "target" in f && n(1, s = f.target), "tool" in f && n(2, r = f.tool), "transform" in f && n(3, l = f.transform), "viewportScale" in f && n(4, a = f.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*toolComponent, transform*/
     40 && c && c.$set({ transform: l }), e.$$.dirty & /*toolComponent, viewportScale*/
     48 && c && c.$set({ viewportScale: a });
-  }, [i, r, s, l, a, c];
+  }, [i, s, r, l, a, c];
 }
 class xo extends ne {
   constructor(t) {
@@ -2568,18 +2587,18 @@ function $o(e) {
 }
 function ei(e, t, n) {
   const o = ke();
-  let { addEventListener: i } = t, { drawingMode: r } = t, { transform: s } = t, l, a, c, d, f, h, g;
+  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, l, a, c, f, d, h, g;
   const m = (w) => {
     const _ = w;
-    l = performance.now(), r === "drag" && (n(0, a = s.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, d = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, g = 1));
+    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, f = a[0]), n(2, d = a[1]), n(3, h = 1), n(4, g = 1));
   }, y = (w) => {
     const _ = w;
-    a && (c = s.elementToImage(_.offsetX, _.offsetY), n(1, d = Math.min(c[0], a[0])), n(2, f = Math.min(c[1], a[1])), n(3, h = Math.abs(c[0] - a[0])), n(4, g = Math.abs(c[1] - a[1])));
+    a && (c = r.elementToImage(_.offsetX, _.offsetY), n(1, f = Math.min(c[0], a[0])), n(2, d = Math.min(c[1], a[1])), n(3, h = Math.abs(c[0] - a[0])), n(4, g = Math.abs(c[1] - a[1])));
   }, v = (w) => {
     const _ = w, E = performance.now() - l;
-    if (r === "click") {
+    if (s === "click") {
       if (E > 300) return;
-      a ? p() : (n(0, a = s.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, d = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, g = 1));
+      a ? p() : (n(0, a = r.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, f = a[0]), n(2, d = a[1]), n(3, h = 1), n(4, g = 1));
     } else a && (E > 300 || h * g > 100 ? (_.stopPropagation(), p()) : (n(0, a = void 0), c = void 0));
   }, p = () => {
     if (h * g > 15) {
@@ -2587,13 +2606,13 @@ function ei(e, t, n) {
         type: F.RECTANGLE,
         geometry: {
           bounds: {
-            minX: d,
-            minY: f,
-            maxX: d + h,
-            maxY: f + g
+            minX: f,
+            minY: d,
+            maxX: f + h,
+            maxY: d + g
           },
-          x: d,
-          y: f,
+          x: f,
+          y: d,
           w: h,
           h: g
         }
@@ -2605,8 +2624,8 @@ function ei(e, t, n) {
   return Ne(() => {
     i("pointerdown", m), i("pointermove", y), i("pointerup", v, !0);
   }), e.$$set = (w) => {
-    "addEventListener" in w && n(5, i = w.addEventListener), "drawingMode" in w && n(6, r = w.drawingMode), "transform" in w && n(7, s = w.transform);
-  }, [a, d, f, h, g, i, r, s];
+    "addEventListener" in w && n(5, i = w.addEventListener), "drawingMode" in w && n(6, s = w.drawingMode), "transform" in w && n(7, r = w.transform);
+  }, [a, f, d, h, g, i, s, r];
 }
 class ti extends ne {
   constructor(t) {
@@ -2633,18 +2652,18 @@ function at(e) {
   return t[16] = n, t;
 }
 function Ct(e) {
-  let t, n, o, i, r, s = (
+  let t, n, o, i, s, r = (
     /*isClosable*/
     e[2] && Xt(e)
   );
   return {
     c() {
-      t = X("polygon"), o = X("polygon"), s && s.c(), r = le(), u(t, "class", "a9s-outer"), u(t, "points", n = /*coords*/
+      t = X("polygon"), o = X("polygon"), r && r.c(), s = le(), u(t, "class", "a9s-outer"), u(t, "points", n = /*coords*/
       e[16]), u(o, "class", "a9s-inner"), u(o, "points", i = /*coords*/
       e[16]);
     },
     m(l, a) {
-      B(l, t, a), B(l, o, a), s && s.m(l, a), B(l, r, a);
+      B(l, t, a), B(l, o, a), r && r.m(l, a), B(l, s, a);
     },
     p(l, a) {
       a & /*isClosable, points, cursor*/
@@ -2652,10 +2671,10 @@ function Ct(e) {
       l[16]) && u(t, "points", n), a & /*isClosable, points, cursor*/
       7 && i !== (i = /*coords*/
       l[16]) && u(o, "points", i), /*isClosable*/
-      l[2] ? s ? s.p(l, a) : (s = Xt(l), s.c(), s.m(r.parentNode, r)) : s && (s.d(1), s = null);
+      l[2] ? r ? r.p(l, a) : (r = Xt(l), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
     },
     d(l) {
-      l && (O(t), O(o), O(r)), s && s.d(l);
+      l && (O(t), O(o), O(s)), r && r.d(l);
     }
   };
 }
@@ -2679,23 +2698,23 @@ function Xt(e) {
         e[3]
       );
     },
-    m(i, r) {
-      B(i, t, r);
+    m(i, s) {
+      B(i, t, s);
     },
-    p(i, r) {
-      r & /*points, handleSize*/
+    p(i, s) {
+      s & /*points, handleSize*/
       9 && n !== (n = /*points*/
       i[0][0][0] - /*handleSize*/
-      i[3] / 2) && u(t, "x", n), r & /*points, handleSize*/
+      i[3] / 2) && u(t, "x", n), s & /*points, handleSize*/
       9 && o !== (o = /*points*/
       i[0][0][1] - /*handleSize*/
-      i[3] / 2) && u(t, "y", o), r & /*handleSize*/
+      i[3] / 2) && u(t, "y", o), s & /*handleSize*/
       8 && u(
         t,
         "height",
         /*handleSize*/
         i[3]
-      ), r & /*handleSize*/
+      ), s & /*handleSize*/
       8 && u(
         t,
         "width",
@@ -2732,21 +2751,21 @@ function ni(e) {
   };
 }
 const oi = 20, ii = 1500;
-function ri(e, t, n) {
+function si(e, t, n) {
   let o;
   const i = ke();
-  let { addEventListener: r } = t, { drawingMode: s } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, d = [], f, h, g = !1;
+  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, f = [], d, h, g = !1;
   const m = (_) => {
     const E = _, { timeStamp: I, offsetX: R, offsetY: U } = E;
-    if (c = { timeStamp: I, offsetX: R, offsetY: U }, s === "drag" && d.length === 0) {
+    if (c = { timeStamp: I, offsetX: R, offsetY: U }, r === "drag" && f.length === 0) {
       const V = l.elementToImage(E.offsetX, E.offsetY);
-      d.push(V), n(1, f = V);
+      f.push(V), n(1, d = V);
     }
   }, y = (_) => {
     const E = _;
-    if (h && clearTimeout(h), d.length > 0) {
-      if (n(1, f = l.elementToImage(E.offsetX, E.offsetY)), d.length > 2) {
-        const I = lt(f, d[0]) * a;
+    if (h && clearTimeout(h), f.length > 0) {
+      if (n(1, d = l.elementToImage(E.offsetX, E.offsetY)), f.length > 2) {
+        const I = lt(d, f[0]) * a;
         n(2, g = I < oi);
       }
       E.pointerType === "touch" && (h = setTimeout(
@@ -2758,61 +2777,61 @@ function ri(e, t, n) {
     }
   }, v = (_) => {
     const E = _;
-    if (h && clearTimeout(h), s === "click") {
+    if (h && clearTimeout(h), r === "click") {
       const I = E.timeStamp - c.timeStamp, R = lt([c.offsetX, c.offsetY], [E.offsetX, E.offsetY]);
       if (I > 300 || R > 15) return;
       if (g)
         w();
-      else if (d.length === 0) {
+      else if (f.length === 0) {
         const U = l.elementToImage(E.offsetX, E.offsetY);
-        d.push(U), n(1, f = U);
+        f.push(U), n(1, d = U);
       } else
-        d.push(f);
+        f.push(d);
     } else {
-      if (d.length === 1 && lt(d[0], f) <= 4) {
-        n(0, d = []), n(1, f = void 0);
+      if (f.length === 1 && lt(f[0], d) <= 4) {
+        n(0, f = []), n(1, d = void 0);
         return;
       }
-      E.stopImmediatePropagation(), g ? w() : d.push(f);
+      E.stopImmediatePropagation(), g ? w() : f.push(d);
     }
   }, p = () => {
-    if (!f) return;
-    const _ = [...d, f], E = {
+    if (!d) return;
+    const _ = [...f, d], E = {
       type: F.POLYGON,
       geometry: { bounds: Qe(_), points: _ }
     };
-    mt(E) > 4 && (n(0, d = []), n(1, f = void 0), i("create", E));
+    mt(E) > 4 && (n(0, f = []), n(1, d = void 0), i("create", E));
   }, w = () => {
     const _ = {
       type: F.POLYGON,
       geometry: {
-        bounds: Qe(d),
-        points: [...d]
+        bounds: Qe(f),
+        points: [...f]
       }
     };
-    n(0, d = []), n(1, f = void 0), i("create", _);
+    n(0, f = []), n(1, d = void 0), i("create", _);
   };
   return Ne(() => {
-    r("pointerdown", m, !0), r("pointermove", y), r("pointerup", v, !0), r("dblclick", p, !0);
+    s("pointerdown", m, !0), s("pointermove", y), s("pointerup", v, !0), s("dblclick", p, !0);
   }), e.$$set = (_) => {
-    "addEventListener" in _ && n(4, r = _.addEventListener), "drawingMode" in _ && n(5, s = _.drawingMode), "transform" in _ && n(6, l = _.transform), "viewportScale" in _ && n(7, a = _.viewportScale);
+    "addEventListener" in _ && n(4, s = _.addEventListener), "drawingMode" in _ && n(5, r = _.drawingMode), "transform" in _ && n(6, l = _.transform), "viewportScale" in _ && n(7, a = _.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*viewportScale*/
     128 && n(3, o = 10 / a);
   }, [
-    d,
     f,
+    d,
     g,
     o,
-    r,
     s,
+    r,
     l,
     a
   ];
 }
-class si extends ne {
+class ri extends ne {
   constructor(t) {
-    super(), te(this, t, ri, ni, Q, {
+    super(), te(this, t, si, ni, Q, {
       addEventListener: 4,
       drawingMode: 5,
       transform: 6,
@@ -2822,10 +2841,10 @@ class si extends ne {
 }
 const bt = /* @__PURE__ */ new Map([
   ["rectangle", { tool: ti }],
-  ["polygon", { tool: si }]
-]), dn = () => [...bt.keys()], un = (e) => bt.get(e), li = (e, t, n) => bt.set(e, { tool: t, opts: n });
+  ["polygon", { tool: ri }]
+]), fn = () => [...bt.keys()], un = (e) => bt.get(e), li = (e, t, n) => bt.set(e, { tool: t, opts: n });
 function ai(e) {
-  let t, n, o, i, r;
+  let t, n, o, i, s;
   return {
     c() {
       t = X("g"), n = X("ellipse"), i = X("ellipse"), u(n, "class", "a9s-outer"), u(n, "style", o = /*computedStyle*/
@@ -2874,49 +2893,49 @@ function ai(e) {
         "ry",
         /*ry*/
         e[5]
-      ), u(t, "class", "a9s-annotation"), u(t, "data-id", r = /*annotation*/
+      ), u(t, "class", "a9s-annotation"), u(t, "data-id", s = /*annotation*/
       e[0].id);
     },
-    m(s, l) {
-      B(s, t, l), he(t, n), he(t, i);
+    m(r, l) {
+      B(r, t, l), he(t, n), he(t, i);
     },
-    p(s, [l]) {
+    p(r, [l]) {
       l & /*computedStyle*/
       2 && o !== (o = /*computedStyle*/
-      s[1] ? "display:none;" : void 0) && u(n, "style", o), l & /*computedStyle*/
+      r[1] ? "display:none;" : void 0) && u(n, "style", o), l & /*computedStyle*/
       2 && u(
         i,
         "style",
         /*computedStyle*/
-        s[1]
+        r[1]
       ), l & /*annotation*/
-      1 && r !== (r = /*annotation*/
-      s[0].id) && u(t, "data-id", r);
+      1 && s !== (s = /*annotation*/
+      r[0].id) && u(t, "data-id", s);
     },
     i: j,
     o: j,
-    d(s) {
-      s && O(t);
+    d(r) {
+      r && O(t);
     }
   };
 }
 function ci(e, t, n) {
-  let o, { annotation: i } = t, { geom: r } = t, { style: s } = t;
-  const { cx: l, cy: a, rx: c, ry: d } = r;
-  return e.$$set = (f) => {
-    "annotation" in f && n(0, i = f.annotation), "geom" in f && n(6, r = f.geom), "style" in f && n(7, s = f.style);
+  let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
+  const { cx: l, cy: a, rx: c, ry: f } = s;
+  return e.$$set = (d) => {
+    "annotation" in d && n(0, i = d.annotation), "geom" in d && n(6, s = d.geom), "style" in d && n(7, r = d.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    129 && n(1, o = xe(i, s));
-  }, [i, o, l, a, c, d, r, s];
+    129 && n(1, o = xe(i, r));
+  }, [i, o, l, a, c, f, s, r];
 }
-class fi extends ne {
+class di extends ne {
   constructor(t) {
     super(), te(this, t, ci, ai, Q, { annotation: 0, geom: 6, style: 7 });
   }
 }
-function di(e) {
-  let t, n, o, i, r;
+function fi(e) {
+  let t, n, o, i, s;
   return {
     c() {
       t = X("g"), n = X("polygon"), i = X("polygon"), u(n, "class", "a9s-outer"), u(n, "style", o = /*computedStyle*/
@@ -2935,50 +2954,50 @@ function di(e) {
         "points",
         /*points*/
         e[2].map(hi).join(" ")
-      ), u(t, "class", "a9s-annotation"), u(t, "data-id", r = /*annotation*/
+      ), u(t, "class", "a9s-annotation"), u(t, "data-id", s = /*annotation*/
       e[0].id);
     },
-    m(s, l) {
-      B(s, t, l), he(t, n), he(t, i);
+    m(r, l) {
+      B(r, t, l), he(t, n), he(t, i);
     },
-    p(s, [l]) {
+    p(r, [l]) {
       l & /*computedStyle*/
       2 && o !== (o = /*computedStyle*/
-      s[1] ? "display:none;" : void 0) && u(n, "style", o), l & /*computedStyle*/
+      r[1] ? "display:none;" : void 0) && u(n, "style", o), l & /*computedStyle*/
       2 && u(
         i,
         "style",
         /*computedStyle*/
-        s[1]
+        r[1]
       ), l & /*annotation*/
-      1 && r !== (r = /*annotation*/
-      s[0].id) && u(t, "data-id", r);
+      1 && s !== (s = /*annotation*/
+      r[0].id) && u(t, "data-id", s);
     },
     i: j,
     o: j,
-    d(s) {
-      s && O(t);
+    d(r) {
+      r && O(t);
     }
   };
 }
 const ui = (e) => e.join(","), hi = (e) => e.join(",");
 function gi(e, t, n) {
-  let o, { annotation: i } = t, { geom: r } = t, { style: s } = t;
-  const { points: l } = r;
+  let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
+  const { points: l } = s;
   return e.$$set = (a) => {
-    "annotation" in a && n(0, i = a.annotation), "geom" in a && n(3, r = a.geom), "style" in a && n(4, s = a.style);
+    "annotation" in a && n(0, i = a.annotation), "geom" in a && n(3, s = a.geom), "style" in a && n(4, r = a.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    17 && n(1, o = xe(i, s));
-  }, [i, o, l, r, s];
+    17 && n(1, o = xe(i, r));
+  }, [i, o, l, s, r];
 }
 class mi extends ne {
   constructor(t) {
-    super(), te(this, t, gi, di, Q, { annotation: 0, geom: 3, style: 4 });
+    super(), te(this, t, gi, fi, Q, { annotation: 0, geom: 3, style: 4 });
   }
 }
 function pi(e) {
-  let t, n, o, i, r;
+  let t, n, o, i, s;
   return {
     c() {
       t = X("g"), n = X("rect"), i = X("rect"), u(n, "class", "a9s-outer"), u(n, "style", o = /*computedStyle*/
@@ -3027,116 +3046,116 @@ function pi(e) {
         "height",
         /*h*/
         e[1]
-      ), u(t, "class", "a9s-annotation"), u(t, "data-id", r = /*annotation*/
+      ), u(t, "class", "a9s-annotation"), u(t, "data-id", s = /*annotation*/
       e[0].id);
     },
-    m(s, l) {
-      B(s, t, l), he(t, n), he(t, i);
+    m(r, l) {
+      B(r, t, l), he(t, n), he(t, i);
     },
-    p(s, [l]) {
+    p(r, [l]) {
       l & /*computedStyle*/
       32 && o !== (o = /*computedStyle*/
-      s[5] ? "display:none;" : void 0) && u(n, "style", o), l & /*x*/
+      r[5] ? "display:none;" : void 0) && u(n, "style", o), l & /*x*/
       16 && u(
         n,
         "x",
         /*x*/
-        s[4]
+        r[4]
       ), l & /*y*/
       8 && u(
         n,
         "y",
         /*y*/
-        s[3]
+        r[3]
       ), l & /*w*/
       4 && u(
         n,
         "width",
         /*w*/
-        s[2]
+        r[2]
       ), l & /*h*/
       2 && u(
         n,
         "height",
         /*h*/
-        s[1]
+        r[1]
       ), l & /*computedStyle*/
       32 && u(
         i,
         "style",
         /*computedStyle*/
-        s[5]
+        r[5]
       ), l & /*x*/
       16 && u(
         i,
         "x",
         /*x*/
-        s[4]
+        r[4]
       ), l & /*y*/
       8 && u(
         i,
         "y",
         /*y*/
-        s[3]
+        r[3]
       ), l & /*w*/
       4 && u(
         i,
         "width",
         /*w*/
-        s[2]
+        r[2]
       ), l & /*h*/
       2 && u(
         i,
         "height",
         /*h*/
-        s[1]
+        r[1]
       ), l & /*annotation*/
-      1 && r !== (r = /*annotation*/
-      s[0].id) && u(t, "data-id", r);
+      1 && s !== (s = /*annotation*/
+      r[0].id) && u(t, "data-id", s);
     },
     i: j,
     o: j,
-    d(s) {
-      s && O(t);
+    d(r) {
+      r && O(t);
     }
   };
 }
 function yi(e, t, n) {
-  let o, i, r, s, l, { annotation: a } = t, { geom: c } = t, { style: d } = t;
-  return e.$$set = (f) => {
-    "annotation" in f && n(0, a = f.annotation), "geom" in f && n(6, c = f.geom), "style" in f && n(7, d = f.style);
+  let o, i, s, r, l, { annotation: a } = t, { geom: c } = t, { style: f } = t;
+  return e.$$set = (d) => {
+    "annotation" in d && n(0, a = d.annotation), "geom" in d && n(6, c = d.geom), "style" in d && n(7, f = d.style);
   }, e.$$.update = () => {
     e.$$.dirty & /*annotation, style*/
-    129 && n(5, o = xe(a, d)), e.$$.dirty & /*geom*/
-    64 && n(4, { x: i, y: r, w: s, h: l } = c, i, (n(3, r), n(6, c)), (n(2, s), n(6, c)), (n(1, l), n(6, c)));
-  }, [a, l, s, r, i, o, c, d];
+    129 && n(5, o = xe(a, f)), e.$$.dirty & /*geom*/
+    64 && n(4, { x: i, y: s, w: r, h: l } = c, i, (n(3, s), n(6, c)), (n(2, r), n(6, c)), (n(1, l), n(6, c)));
+  }, [a, l, r, s, i, o, c, f];
 }
 class _i extends ne {
   constructor(t) {
     super(), te(this, t, yi, pi, Q, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const Ki = {
+const Qi = {
   elementToImage: (e, t) => [e, t]
 }, wi = (e) => ({
   elementToImage: (t, n) => {
     const o = e.getBoundingClientRect(), i = e.createSVGPoint();
     i.x = t + o.x, i.y = n + o.y;
-    const { x: r, y: s } = i.matrixTransform(e.getScreenCTM().inverse());
-    return [r, s];
+    const { x: s, y: r } = i.matrixTransform(e.getScreenCTM().inverse());
+    return [s, r];
   }
 }), bi = 250, Ei = (e, t) => {
   const n = ke();
   let o;
-  return { onPointerDown: () => o = performance.now(), onPointerUp: (s) => {
+  return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
     if (performance.now() - o < bi) {
-      const { x: a, y: c } = hn(s, e), d = t.getAt(a, c);
-      d ? n("click", { originalEvent: s, annotation: d }) : n("click", { originalEvent: s });
+      const { x: a, y: c } = hn(r, e), f = t.getAt(a, c);
+      f ? n("click", { originalEvent: r, annotation: f }) : n("click", { originalEvent: r });
     }
   } };
 }, hn = (e, t) => {
-  const n = t.createSVGPoint(), o = t.getBoundingClientRect(), i = e.clientX - o.x, r = e.clientY - o.y, { left: s, top: l } = t.getBoundingClientRect();
-  return n.x = i + s, n.y = r + l, n.matrixTransform(t.getScreenCTM().inverse());
+  const n = t.createSVGPoint(), o = t.getBoundingClientRect(), i = e.clientX - o.x, s = e.clientY - o.y, { left: r, top: l } = t.getBoundingClientRect();
+  return n.x = i + r, n.y = s + l, n.matrixTransform(t.getScreenCTM().inverse());
 };
 function Rt(e, t, n) {
   const o = e.slice();
@@ -3170,22 +3189,22 @@ function Ut(e) {
     c() {
       i.c(), n = le();
     },
-    m(r, s) {
-      i.m(r, s), B(r, n, s), o = !0;
+    m(s, r) {
+      i.m(s, r), B(s, n, r), o = !0;
     },
-    p(r, s) {
-      s[0] & /*$store*/
+    p(s, r) {
+      r[0] & /*$store*/
       32768 && Q(t, t = /*annotation*/
-      r[41].id) ? (re(), C(i, 1, 1, j), se(), i = Vt(r), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(r, s);
+      s[41].id) ? (se(), C(i, 1, 1, j), re(), i = Vt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
-    i(r) {
+    i(s) {
       o || (P(i), o = !0);
     },
-    o(r) {
+    o(s) {
       C(i), o = !1;
     },
-    d(r) {
-      r && O(n), i.d(r);
+    d(s) {
+      s && O(n), i.d(s);
     }
   };
 }
@@ -3214,14 +3233,14 @@ function Ai(e) {
       x(t, o, i), n = !0;
     },
     p(o, i) {
-      const r = {};
+      const s = {};
       i[0] & /*$store*/
-      32768 && (r.annotation = /*annotation*/
+      32768 && (s.annotation = /*annotation*/
       o[41]), i[0] & /*$store*/
-      32768 && (r.geom = /*selector*/
+      32768 && (s.geom = /*selector*/
       o[44].geometry), i[0] & /*style*/
-      2 && (r.style = /*style*/
-      o[1]), t.$set(r);
+      2 && (s.style = /*style*/
+      o[1]), t.$set(s);
     },
     i(o) {
       n || (P(t.$$.fragment, o), n = !0);
@@ -3259,14 +3278,14 @@ function Si(e) {
       x(t, o, i), n = !0;
     },
     p(o, i) {
-      const r = {};
+      const s = {};
       i[0] & /*$store*/
-      32768 && (r.annotation = /*annotation*/
+      32768 && (s.annotation = /*annotation*/
       o[41]), i[0] & /*$store*/
-      32768 && (r.geom = /*selector*/
+      32768 && (s.geom = /*selector*/
       o[44].geometry), i[0] & /*style*/
-      2 && (r.style = /*style*/
-      o[1]), t.$set(r);
+      2 && (s.style = /*style*/
+      o[1]), t.$set(s);
     },
     i(o) {
       n || (P(t.$$.fragment, o), n = !0);
@@ -3282,7 +3301,7 @@ function Si(e) {
 function vi(e) {
   var o;
   let t, n;
-  return t = new fi({
+  return t = new di({
     props: {
       annotation: (
         /*annotation*/
@@ -3301,19 +3320,19 @@ function vi(e) {
     c() {
       ee(t.$$.fragment);
     },
-    m(i, r) {
-      x(t, i, r), n = !0;
+    m(i, s) {
+      x(t, i, s), n = !0;
     },
-    p(i, r) {
+    p(i, s) {
       var l;
-      const s = {};
-      r[0] & /*$store*/
-      32768 && (s.annotation = /*annotation*/
-      i[41]), r[0] & /*$store*/
-      32768 && (s.geom = /*selector*/
-      (l = i[44]) == null ? void 0 : l.geometry), r[0] & /*style*/
-      2 && (s.style = /*style*/
-      i[1]), t.$set(s);
+      const r = {};
+      s[0] & /*$store*/
+      32768 && (r.annotation = /*annotation*/
+      i[41]), s[0] & /*$store*/
+      32768 && (r.geom = /*selector*/
+      (l = i[44]) == null ? void 0 : l.geometry), s[0] & /*style*/
+      2 && (r.style = /*style*/
+      i[1]), t.$set(r);
     },
     i(i) {
       n || (P(t.$$.fragment, i), n = !0);
@@ -3328,32 +3347,32 @@ function vi(e) {
 }
 function Vt(e) {
   let t, n, o, i;
-  const r = [vi, Si, Ai], s = [];
+  const s = [vi, Si, Ai], r = [];
   function l(a, c) {
-    var d, f, h;
+    var f, d, h;
     return (
       /*selector*/
-      ((d = a[44]) == null ? void 0 : d.type) === F.ELLIPSE ? 0 : (
+      ((f = a[44]) == null ? void 0 : f.type) === F.ELLIPSE ? 0 : (
         /*selector*/
-        ((f = a[44]) == null ? void 0 : f.type) === F.RECTANGLE ? 1 : (
+        ((d = a[44]) == null ? void 0 : d.type) === F.RECTANGLE ? 1 : (
           /*selector*/
           ((h = a[44]) == null ? void 0 : h.type) === F.POLYGON ? 2 : -1
         )
       )
     );
   }
-  return ~(t = l(e)) && (n = s[t] = r[t](e)), {
+  return ~(t = l(e)) && (n = r[t] = s[t](e)), {
     c() {
       n && n.c(), o = le();
     },
     m(a, c) {
-      ~t && s[t].m(a, c), B(a, o, c), i = !0;
+      ~t && r[t].m(a, c), B(a, o, c), i = !0;
     },
     p(a, c) {
-      let d = t;
-      t = l(a), t === d ? ~t && s[t].p(a, c) : (n && (re(), C(s[d], 1, 1, () => {
-        s[d] = null;
-      }), se()), ~t ? (n = s[t], n ? n.p(a, c) : (n = s[t] = r[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
+      let f = t;
+      t = l(a), t === f ? ~t && r[t].p(a, c) : (n && (se(), C(r[f], 1, 1, () => {
+        r[f] = null;
+      }), re()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
       i || (P(n), i = !0);
@@ -3362,7 +3381,7 @@ function Vt(e) {
       C(n), i = !1;
     },
     d(a) {
-      a && O(o), ~t && s[t].d(a);
+      a && O(o), ~t && r[t].d(a);
     }
   };
 }
@@ -3379,37 +3398,37 @@ function Gt(e) {
     c() {
       i && i.c(), n = le();
     },
-    m(r, s) {
-      i && i.m(r, s), B(r, n, s), o = !0;
+    m(s, r) {
+      i && i.m(s, r), B(s, n, r), o = !0;
     },
-    p(r, s) {
-      s[0] & /*$store, isEditable*/
+    p(s, r) {
+      r[0] & /*$store, isEditable*/
       33024 && (t = Ze(
         /*annotation*/
-        r[41]
+        s[41]
       ) && !/*isEditable*/
-      r[8](
+      s[8](
         /*annotation*/
-        r[41]
-      )), t ? i ? (i.p(ct(r), s), s[0] & /*$store, isEditable*/
-      33024 && P(i, 1)) : (i = Ut(ct(r)), i.c(), P(i, 1), i.m(n.parentNode, n)) : i && (re(), C(i, 1, 1, () => {
+        s[41]
+      )), t ? i ? (i.p(ct(s), r), r[0] & /*$store, isEditable*/
+      33024 && P(i, 1)) : (i = Ut(ct(s)), i.c(), P(i, 1), i.m(n.parentNode, n)) : i && (se(), C(i, 1, 1, () => {
         i = null;
-      }), se());
+      }), re());
     },
-    i(r) {
+    i(s) {
       o || (P(i), o = !0);
     },
-    o(r) {
+    o(s) {
       C(i), o = !1;
     },
-    d(r) {
-      r && O(n), i && i.d(r);
+    d(s) {
+      s && O(n), i && i.d(s);
     }
   };
 }
 function jt(e) {
   let t, n, o, i;
-  const r = [Mi, Ti], s = [];
+  const s = [Mi, Ti], r = [];
   function l(a, c) {
     return (
       /*editableAnnotations*/
@@ -3420,18 +3439,18 @@ function jt(e) {
       )
     );
   }
-  return ~(t = l(e)) && (n = s[t] = r[t](e)), {
+  return ~(t = l(e)) && (n = r[t] = s[t](e)), {
     c() {
       n && n.c(), o = le();
     },
     m(a, c) {
-      ~t && s[t].m(a, c), B(a, o, c), i = !0;
+      ~t && r[t].m(a, c), B(a, o, c), i = !0;
     },
     p(a, c) {
-      let d = t;
-      t = l(a), t === d ? ~t && s[t].p(a, c) : (n && (re(), C(s[d], 1, 1, () => {
-        s[d] = null;
-      }), se()), ~t ? (n = s[t], n ? n.p(a, c) : (n = s[t] = r[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
+      let f = t;
+      t = l(a), t === f ? ~t && r[t].p(a, c) : (n && (se(), C(r[f], 1, 1, () => {
+        r[f] = null;
+      }), re()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
     },
     i(a) {
       i || (P(n), i = !0);
@@ -3440,7 +3459,7 @@ function jt(e) {
       C(n), i = !1;
     },
     d(a) {
-      a && O(o), ~t && s[t].d(a);
+      a && O(o), ~t && r[t].d(a);
     }
   };
 }
@@ -3453,22 +3472,22 @@ function Ti(e) {
     c() {
       i.c(), n = le();
     },
-    m(r, s) {
-      i.m(r, s), B(r, n, s), o = !0;
+    m(s, r) {
+      i.m(s, r), B(s, n, r), o = !0;
     },
-    p(r, s) {
-      s[0] & /*toolName*/
+    p(s, r) {
+      r[0] & /*toolName*/
       4 && Q(t, t = /*toolName*/
-      r[2]) ? (re(), C(i, 1, 1, j), se(), i = zt(r), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(r, s);
+      s[2]) ? (se(), C(i, 1, 1, j), re(), i = zt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
-    i(r) {
+    i(s) {
       o || (P(i), o = !0);
     },
-    o(r) {
+    o(s) {
       C(i), o = !1;
     },
-    d(r) {
-      r && O(n), i.d(r);
+    d(s) {
+      s && O(n), i.d(s);
     }
   };
 }
@@ -3477,54 +3496,54 @@ function Mi(e) {
     /*editableAnnotations*/
     e[7]
   ), i = [];
-  for (let s = 0; s < o.length; s += 1)
-    i[s] = Wt(Rt(e, o, s));
-  const r = (s) => C(i[s], 1, 1, () => {
-    i[s] = null;
+  for (let r = 0; r < o.length; r += 1)
+    i[r] = Wt(Rt(e, o, r));
+  const s = (r) => C(i[r], 1, 1, () => {
+    i[r] = null;
   });
   return {
     c() {
-      for (let s = 0; s < i.length; s += 1)
-        i[s].c();
+      for (let r = 0; r < i.length; r += 1)
+        i[r].c();
       t = le();
     },
-    m(s, l) {
+    m(r, l) {
       for (let a = 0; a < i.length; a += 1)
-        i[a] && i[a].m(s, l);
-      B(s, t, l), n = !0;
+        i[a] && i[a].m(r, l);
+      B(r, t, l), n = !0;
     },
-    p(s, l) {
+    p(r, l) {
       if (l[0] & /*editableAnnotations, drawingEl, getEditor, style, transform, $scale, onChangeSelected*/
       10553506) {
         o = Le(
           /*editableAnnotations*/
-          s[7]
+          r[7]
         );
         let a;
         for (a = 0; a < o.length; a += 1) {
-          const c = Rt(s, o, a);
+          const c = Rt(r, o, a);
           i[a] ? (i[a].p(c, l), P(i[a], 1)) : (i[a] = Wt(c), i[a].c(), P(i[a], 1), i[a].m(t.parentNode, t));
         }
-        for (re(), a = o.length; a < i.length; a += 1)
-          r(a);
-        se();
+        for (se(), a = o.length; a < i.length; a += 1)
+          s(a);
+        re();
       }
     },
-    i(s) {
+    i(r) {
       if (!n) {
         for (let l = 0; l < o.length; l += 1)
           P(i[l]);
         n = !0;
       }
     },
-    o(s) {
+    o(r) {
       i = i.filter(Boolean);
       for (let l = 0; l < i.length; l += 1)
         C(i[l]);
       n = !1;
     },
-    d(s) {
-      s && O(t), pt(i, s);
+    d(r) {
+      r && O(t), pt(i, r);
     }
   };
 }
@@ -3565,18 +3584,18 @@ function zt(e) {
       x(t, o, i), n = !0;
     },
     p(o, i) {
-      const r = {};
+      const s = {};
       i[0] & /*drawingEl*/
-      32 && (r.target = /*drawingEl*/
+      32 && (s.target = /*drawingEl*/
       o[5]), i[0] & /*tool*/
-      8192 && (r.tool = /*tool*/
+      8192 && (s.tool = /*tool*/
       o[13]), i[0] & /*drawingMode*/
-      4096 && (r.drawingMode = /*drawingMode*/
+      4096 && (s.drawingMode = /*drawingMode*/
       o[12]), i[0] & /*transform*/
-      2048 && (r.transform = /*transform*/
+      2048 && (s.transform = /*transform*/
       o[11]), i[0] & /*$scale*/
-      65536 && (r.viewportScale = /*$scale*/
-      o[16]), t.$set(r);
+      65536 && (s.viewportScale = /*$scale*/
+      o[16]), t.$set(s);
     },
     i(o) {
       n || (P(t.$$.fragment, o), n = !0);
@@ -3598,22 +3617,22 @@ function Ht(e) {
     c() {
       i.c(), n = le();
     },
-    m(r, s) {
-      i.m(r, s), B(r, n, s), o = !0;
+    m(s, r) {
+      i.m(s, r), B(s, n, r), o = !0;
     },
-    p(r, s) {
-      s[0] & /*editableAnnotations*/
+    p(s, r) {
+      r[0] & /*editableAnnotations*/
       128 && Q(t, t = /*editable*/
-      r[37].id) ? (re(), C(i, 1, 1, j), se(), i = Ft(r), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(r, s);
+      s[37].id) ? (se(), C(i, 1, 1, j), re(), i = Ft(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
-    i(r) {
+    i(s) {
       o || (P(i), o = !0);
     },
-    o(r) {
+    o(s) {
       C(i), o = !1;
     },
-    d(r) {
-      r && O(n), i.d(r);
+    d(s) {
+      s && O(n), i.d(s);
     }
   };
 }
@@ -3669,23 +3688,23 @@ function Ft(e) {
     },
     p(o, i) {
       e = o;
-      const r = {};
+      const s = {};
       i[0] & /*drawingEl*/
-      32 && (r.target = /*drawingEl*/
+      32 && (s.target = /*drawingEl*/
       e[5]), i[0] & /*editableAnnotations*/
-      128 && (r.editor = /*getEditor*/
+      128 && (s.editor = /*getEditor*/
       e[23](
         /*editable*/
         e[37].target.selector
       )), i[0] & /*editableAnnotations*/
-      128 && (r.annotation = /*editable*/
+      128 && (s.annotation = /*editable*/
       e[37]), i[0] & /*style*/
-      2 && (r.style = /*style*/
+      2 && (s.style = /*style*/
       e[1]), i[0] & /*transform*/
-      2048 && (r.transform = /*transform*/
+      2048 && (s.transform = /*transform*/
       e[11]), i[0] & /*$scale*/
-      65536 && (r.viewportScale = /*$scale*/
-      e[16]), t.$set(r);
+      65536 && (s.viewportScale = /*$scale*/
+      e[16]), t.$set(s);
     },
     i(o) {
       n || (P(t.$$.fragment, o), n = !0);
@@ -3707,15 +3726,15 @@ function Wt(e) {
     c() {
       o && o.c(), t = le();
     },
-    m(i, r) {
-      o && o.m(i, r), B(i, t, r), n = !0;
+    m(i, s) {
+      o && o.m(i, s), B(i, t, s), n = !0;
     },
-    p(i, r) {
+    p(i, s) {
       /*editor*/
-      i[38] ? o ? (o.p(i, r), r[0] & /*editableAnnotations*/
-      128 && P(o, 1)) : (o = Ht(i), o.c(), P(o, 1), o.m(t.parentNode, t)) : o && (re(), C(o, 1, 1, () => {
+      i[38] ? o ? (o.p(i, s), s[0] & /*editableAnnotations*/
+      128 && P(o, 1)) : (o = Ht(i), o.c(), P(o, 1), o.m(t.parentNode, t)) : o && (se(), C(o, 1, 1, () => {
         o = null;
-      }), se());
+      }), re());
     },
     i(i) {
       n || (P(o), n = !0);
@@ -3729,28 +3748,28 @@ function Wt(e) {
   };
 }
 function Li(e) {
-  let t, n, o, i, r, s, l = Le(
+  let t, n, o, i, s, r, l = Le(
     /*$store*/
     e[15].filter(
       /*func*/
       e[32]
     )
   ), a = [];
-  for (let f = 0; f < l.length; f += 1)
-    a[f] = Gt(Nt(e, l, f));
-  const c = (f) => C(a[f], 1, 1, () => {
-    a[f] = null;
+  for (let d = 0; d < l.length; d += 1)
+    a[d] = Gt(Nt(e, l, d));
+  const c = (d) => C(a[d], 1, 1, () => {
+    a[d] = null;
   });
-  let d = (
+  let f = (
     /*drawingEl*/
     e[5] && jt(e)
   );
   return {
     c() {
       t = X("svg"), n = X("g");
-      for (let f = 0; f < a.length; f += 1)
-        a[f].c();
-      o = X("g"), d && d.c(), u(o, "class", "drawing"), u(t, "class", "a9s-annotationlayer"), pe(
+      for (let d = 0; d < a.length; d += 1)
+        a[d].c();
+      o = X("g"), f && f.c(), u(o, "class", "drawing"), u(t, "class", "a9s-annotationlayer"), pe(
         t,
         "drawing",
         /*tool*/
@@ -3763,11 +3782,11 @@ function Li(e) {
         e[14]
       );
     },
-    m(f, h) {
-      B(f, t, h), he(t, n);
+    m(d, h) {
+      B(d, t, h), he(t, n);
       for (let g = 0; g < a.length; g += 1)
         a[g] && a[g].m(n, null);
-      he(t, o), d && d.m(o, null), e[33](o), e[34](t), i = !0, r || (s = [
+      he(t, o), f && f.m(o, null), e[33](o), e[34](t), i = !0, s || (r = [
         H(t, "pointerup", function() {
           W(
             /*onPointerUp*/
@@ -3786,10 +3805,10 @@ function Li(e) {
           /*onPointerMove*/
           e[22]
         )
-      ], r = !0);
+      ], s = !0);
     },
-    p(f, h) {
-      if (e = f, h[0] & /*$store, style, isEditable*/
+    p(d, h) {
+      if (e = d, h[0] & /*$store, style, isEditable*/
       33026) {
         l = Le(
           /*$store*/
@@ -3803,15 +3822,15 @@ function Li(e) {
           const m = Nt(e, l, g);
           a[g] ? (a[g].p(m, h), P(a[g], 1)) : (a[g] = Gt(m), a[g].c(), P(a[g], 1), a[g].m(n, null));
         }
-        for (re(), g = l.length; g < a.length; g += 1)
+        for (se(), g = l.length; g < a.length; g += 1)
           c(g);
-        se();
+        re();
       }
       /*drawingEl*/
-      e[5] ? d ? (d.p(e, h), h[0] & /*drawingEl*/
-      32 && P(d, 1)) : (d = jt(e), d.c(), P(d, 1), d.m(o, null)) : d && (re(), C(d, 1, 1, () => {
-        d = null;
-      }), se()), (!i || h[0] & /*tool*/
+      e[5] ? f ? (f.p(e, h), h[0] & /*drawingEl*/
+      32 && P(f, 1)) : (f = jt(e), f.c(), P(f, 1), f.m(o, null)) : f && (se(), C(f, 1, 1, () => {
+        f = null;
+      }), re()), (!i || h[0] & /*tool*/
       8192) && pe(
         t,
         "drawing",
@@ -3827,33 +3846,33 @@ function Li(e) {
         e[14]
       );
     },
-    i(f) {
+    i(d) {
       if (!i) {
         for (let h = 0; h < l.length; h += 1)
           P(a[h]);
-        P(d), i = !0;
+        P(f), i = !0;
       }
     },
-    o(f) {
+    o(d) {
       a = a.filter(Boolean);
       for (let h = 0; h < a.length; h += 1)
         C(a[h]);
-      C(d), i = !1;
+      C(f), i = !1;
     },
-    d(f) {
-      f && O(t), pt(a, f), d && d.d(), e[33](null), e[34](null), r = !1, ge(s);
+    d(d) {
+      d && O(t), pt(a, d), f && f.d(), e[33](null), e[34](null), s = !1, ge(r);
     }
   };
 }
 function ki(e, t, n) {
-  let o, i, r, s, l, a, c, d, f, h, g, m = j, y = () => (m(), m = Zt(b, (k) => n(16, g = k)), b);
+  let o, i, s, r, l, a, c, f, d, h, g, m = j, y = () => (m(), m = Zt(b, (k) => n(16, g = k)), b);
   e.$$.on_destroy.push(() => m());
-  let { drawingEnabled: v } = t, { image: p } = t, { preferredDrawingMode: w } = t, { state: _ } = t, { style: E = void 0 } = t, { toolName: I = dn()[0] } = t, { user: R } = t, { visible: U = !0 } = t;
+  let { drawingEnabled: v } = t, { image: p } = t, { preferredDrawingMode: w } = t, { state: _ } = t, { style: E = void 0 } = t, { toolName: I = fn()[0] } = t, { user: R } = t, { visible: U = !0 } = t;
   const V = () => I, Z = () => v;
   let A, S, b;
   Ne(() => y(n(6, b = Yo(p, S))));
   const { hover: T, selection: Y, store: D } = _;
-  et(e, T, (k) => n(14, d = k)), et(e, Y, (k) => n(31, f = k)), et(e, D, (k) => n(15, h = k));
+  et(e, T, (k) => n(14, f = k)), et(e, Y, (k) => n(31, d = k)), et(e, D, (k) => n(15, h = k));
   let z, oe;
   const ae = (k) => {
     z && D.unobserve(z);
@@ -3886,9 +3905,9 @@ function ki(e, t, n) {
     });
   }, Oe = (k) => {
     const { x: J, y: L } = hn(k, S), M = D.getAt(J, L);
-    M ? d !== M.id && T.set(M.id) : T.set(void 0);
-  }, fe = (k) => Ho(k), Be = (k) => Ze(k);
-  function de(k) {
+    M ? f !== M.id && T.set(M.id) : T.set(void 0);
+  }, de = (k) => Ho(k), Be = (k) => Ze(k);
+  function fe(k) {
     Je[k ? "unshift" : "push"](() => {
       A = k, n(5, A);
     });
@@ -3903,11 +3922,11 @@ function ki(e, t, n) {
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
     4 && n(13, { tool: o, opts: i } = un(I) || { tool: void 0, opts: void 0 }, o, (n(30, i), n(2, I))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
-    1107296256 && n(12, r = (i == null ? void 0 : i.drawingMode) || w), e.$$.dirty[0] & /*svgEl*/
-    16 && n(11, s = wi(S)), e.$$.dirty[0] & /*svgEl*/
+    1107296256 && n(12, s = (i == null ? void 0 : i.drawingMode) || w), e.$$.dirty[0] & /*svgEl*/
+    16 && n(11, r = wi(S)), e.$$.dirty[0] & /*svgEl*/
     16 && n(10, { onPointerDown: l, onPointerUp: a } = Ei(S, D), l, (n(9, a), n(4, S))), e.$$.dirty[1] & /*$selection*/
-    1 && n(8, c = (k) => f.selected.find((J) => J.id === k.id && J.editable)), e.$$.dirty[1] & /*$selection*/
-    1 && ae(f.selected);
+    1 && n(8, c = (k) => d.selected.find((J) => J.id === k.id && J.editable)), e.$$.dirty[1] & /*$selection*/
+    1 && ae(d.selected);
   }, [
     v,
     E,
@@ -3920,10 +3939,10 @@ function ki(e, t, n) {
     c,
     a,
     l,
-    s,
     r,
+    s,
     o,
-    d,
+    f,
     h,
     g,
     T,
@@ -3932,7 +3951,7 @@ function ki(e, t, n) {
     Ie,
     ce,
     Oe,
-    fe,
+    de,
     p,
     w,
     _,
@@ -3940,9 +3959,9 @@ function ki(e, t, n) {
     V,
     Z,
     i,
-    f,
+    d,
     Be,
-    de,
+    fe,
     N
   ];
 }
@@ -3980,16 +3999,16 @@ class Ii extends ne {
 function gn(e, t, n = 0, o = e.length - 1, i = Oi) {
   for (; o > n; ) {
     if (o - n > 600) {
-      const a = o - n + 1, c = 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) * (c - a / 2 < 0 ? -1 : 1), g = Math.max(n, Math.floor(t - c * f / a + h)), m = Math.min(o, Math.floor(t + (a - c) * f / a + h));
+      const a = o - n + 1, c = t - n + 1, f = Math.log(a), d = 0.5 * Math.exp(2 * f / 3), h = 0.5 * Math.sqrt(f * d * (a - d) / a) * (c - a / 2 < 0 ? -1 : 1), g = Math.max(n, Math.floor(t - c * d / a + h)), m = Math.min(o, Math.floor(t + (a - c) * d / a + h));
       gn(e, t, g, m, i);
     }
-    const r = e[t];
-    let s = n, l = o;
-    for (De(e, n, t), i(e[o], r) > 0 && De(e, n, o); s < l; ) {
-      for (De(e, s, l), s++, l--; i(e[s], r) < 0; ) s++;
-      for (; i(e[l], r) > 0; ) l--;
+    const s = e[t];
+    let r = n, l = o;
+    for (De(e, n, t), i(e[o], s) > 0 && De(e, n, o); r < l; ) {
+      for (De(e, r, l), r++, l--; i(e[r], s) < 0; ) r++;
+      for (; i(e[l], s) > 0; ) l--;
     }
-    i(e[n], r) === 0 ? De(e, n, l) : (l++, De(e, l, o)), l <= t && (n = l + 1), t <= l && (o = l - 1);
+    i(e[n], s) === 0 ? De(e, n, l) : (l++, De(e, l, o)), l <= t && (n = l + 1), t <= l && (o = l - 1);
   }
 }
 function De(e, t, n) {
@@ -4010,13 +4029,13 @@ class Bi {
     let n = this.data;
     const o = [];
     if (!Fe(t, n)) return o;
-    const i = this.toBBox, r = [];
+    const i = this.toBBox, s = [];
     for (; n; ) {
-      for (let s = 0; s < n.children.length; s++) {
-        const l = n.children[s], a = n.leaf ? i(l) : l;
-        Fe(t, a) && (n.leaf ? o.push(l) : dt(t, a) ? this._all(l, o) : r.push(l));
+      for (let r = 0; r < n.children.length; r++) {
+        const l = n.children[r], a = n.leaf ? i(l) : l;
+        Fe(t, a) && (n.leaf ? o.push(l) : ft(t, a) ? this._all(l, o) : s.push(l));
       }
-      n = r.pop();
+      n = s.pop();
     }
     return o;
   }
@@ -4026,10 +4045,10 @@ class Bi {
     const o = [];
     for (; n; ) {
       for (let i = 0; i < n.children.length; i++) {
-        const r = n.children[i], s = n.leaf ? this.toBBox(r) : r;
-        if (Fe(t, s)) {
-          if (n.leaf || dt(t, s)) return !0;
-          o.push(r);
+        const s = n.children[i], r = n.leaf ? this.toBBox(s) : s;
+        if (Fe(t, r)) {
+          if (n.leaf || ft(t, r)) return !0;
+          o.push(s);
         }
       }
       n = o.pop();
@@ -4066,15 +4085,15 @@ class Bi {
   remove(t, n) {
     if (!t) return this;
     let o = this.data;
-    const i = this.toBBox(t), r = [], s = [];
+    const i = this.toBBox(t), s = [], r = [];
     let l, a, c;
-    for (; o || r.length; ) {
-      if (o || (o = r.pop(), a = r[r.length - 1], l = s.pop(), c = !0), o.leaf) {
-        const d = Di(t, o.children, n);
-        if (d !== -1)
-          return o.children.splice(d, 1), r.push(o), this._condense(r), this;
+    for (; o || s.length; ) {
+      if (o || (o = s.pop(), a = s[s.length - 1], l = r.pop(), c = !0), o.leaf) {
+        const f = Di(t, o.children, n);
+        if (f !== -1)
+          return o.children.splice(f, 1), s.push(o), this._condense(s), this;
       }
-      !c && !o.leaf && dt(o, i) ? (r.push(o), s.push(l), l = 0, a = o, o = o.children[0]) : a ? (l++, o = a.children[l], c = !1) : o = null;
+      !c && !o.leaf && ft(o, i) ? (s.push(o), r.push(l), l = 0, a = o, o = o.children[0]) : a ? (l++, o = a.children[l], c = !1) : o = null;
     }
     return this;
   }
@@ -4100,18 +4119,18 @@ class Bi {
     return n;
   }
   _build(t, n, o, i) {
-    const r = o - n + 1;
-    let s = this._maxEntries, l;
-    if (r <= s)
+    const s = o - n + 1;
+    let r = this._maxEntries, l;
+    if (s <= r)
       return l = Te(t.slice(n, o + 1)), Se(l, this.toBBox), l;
-    i || (i = Math.ceil(Math.log(r) / Math.log(s)), s = Math.ceil(r / Math.pow(s, i - 1))), l = Te([]), l.leaf = !1, l.height = i;
-    const a = Math.ceil(r / s), c = a * Math.ceil(Math.sqrt(s));
+    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = Te([]), l.leaf = !1, l.height = i;
+    const a = Math.ceil(s / r), c = a * Math.ceil(Math.sqrt(r));
     qt(t, n, o, c, this.compareMinX);
-    for (let d = n; d <= o; d += c) {
-      const f = Math.min(d + c - 1, o);
-      qt(t, d, f, a, this.compareMinY);
-      for (let h = d; h <= f; h += a) {
-        const g = Math.min(h + a - 1, f);
+    for (let f = n; f <= o; f += c) {
+      const d = Math.min(f + c - 1, o);
+      qt(t, f, d, a, this.compareMinY);
+      for (let h = f; h <= d; h += a) {
+        const g = Math.min(h + a - 1, d);
         l.children.push(this._build(t, h, g, i - 1));
       }
     }
@@ -4119,56 +4138,56 @@ class Bi {
   }
   _chooseSubtree(t, n, o, i) {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
-      let r = 1 / 0, s = 1 / 0, l;
+      let s = 1 / 0, r = 1 / 0, l;
       for (let a = 0; a < n.children.length; a++) {
-        const c = n.children[a], d = ft(c), f = Ci(t, c) - d;
-        f < s ? (s = f, r = d < r ? d : r, l = c) : f === s && d < r && (r = d, l = c);
+        const c = n.children[a], f = dt(c), d = Ci(t, c) - f;
+        d < r ? (r = d, s = f < s ? f : s, l = c) : d === r && f < s && (s = f, l = c);
       }
       n = l || n.children[0];
     }
     return n;
   }
   _insert(t, n, o) {
-    const i = o ? t : this.toBBox(t), r = [], s = this._chooseSubtree(i, this.data, n, r);
-    for (s.children.push(t), Ce(s, i); n >= 0 && r[n].children.length > this._maxEntries; )
-      this._split(r, n), n--;
-    this._adjustParentBBoxes(i, r, n);
+    const i = o ? t : this.toBBox(t), s = [], r = this._chooseSubtree(i, this.data, n, s);
+    for (r.children.push(t), Ce(r, i); n >= 0 && s[n].children.length > this._maxEntries; )
+      this._split(s, n), n--;
+    this._adjustParentBBoxes(i, s, n);
   }
   // split overflowed node into two
   _split(t, n) {
-    const o = t[n], i = o.children.length, r = this._minEntries;
-    this._chooseSplitAxis(o, r, i);
-    const s = this._chooseSplitIndex(o, r, i), l = Te(o.children.splice(s, o.children.length - s));
+    const o = t[n], i = o.children.length, s = this._minEntries;
+    this._chooseSplitAxis(o, s, i);
+    const r = this._chooseSplitIndex(o, s, i), l = Te(o.children.splice(r, o.children.length - r));
     l.height = o.height, l.leaf = o.leaf, Se(o, this.toBBox), Se(l, this.toBBox), n ? t[n - 1].children.push(l) : this._splitRoot(o, l);
   }
   _splitRoot(t, n) {
     this.data = Te([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, Se(this.data, this.toBBox);
   }
   _chooseSplitIndex(t, n, o) {
-    let i, r = 1 / 0, s = 1 / 0;
+    let i, s = 1 / 0, r = 1 / 0;
     for (let l = n; l <= o - n; l++) {
-      const a = Ye(t, 0, l, this.toBBox), c = Ye(t, l, o, this.toBBox), d = Xi(a, c), f = ft(a) + ft(c);
-      d < r ? (r = d, i = l, s = f < s ? f : s) : d === r && f < s && (s = f, i = l);
+      const a = Ye(t, 0, l, this.toBBox), c = Ye(t, l, o, this.toBBox), f = Xi(a, c), d = dt(a) + dt(c);
+      f < s ? (s = f, i = l, r = d < r ? d : r) : f === s && d < r && (r = d, 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 : Pi, r = t.leaf ? this.compareMinY : Yi, s = this._allDistMargin(t, n, o, i), l = this._allDistMargin(t, n, o, r);
-    s < l && t.children.sort(i);
+    const i = t.leaf ? this.compareMinX : Pi, s = t.leaf ? this.compareMinY : Yi, 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
   _allDistMargin(t, n, o, i) {
     t.children.sort(i);
-    const r = this.toBBox, s = Ye(t, 0, n, r), l = Ye(t, o - n, o, r);
-    let a = He(s) + He(l);
+    const s = this.toBBox, r = Ye(t, 0, n, s), l = Ye(t, o - n, o, s);
+    let a = He(r) + He(l);
     for (let c = n; c < o - n; c++) {
-      const d = t.children[c];
-      Ce(s, t.leaf ? r(d) : d), a += He(s);
+      const f = t.children[c];
+      Ce(r, t.leaf ? s(f) : f), a += He(r);
     }
     for (let c = o - n - 1; c >= n; c--) {
-      const d = t.children[c];
-      Ce(l, t.leaf ? r(d) : d), a += He(l);
+      const f = t.children[c];
+      Ce(l, t.leaf ? s(f) : f), a += He(l);
     }
     return a;
   }
@@ -4192,9 +4211,9 @@ function Se(e, t) {
 }
 function Ye(e, t, n, o, i) {
   i || (i = Te(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
-  for (let r = t; r < n; r++) {
-    const s = e.children[r];
-    Ce(i, e.leaf ? o(s) : s);
+  for (let s = t; s < n; s++) {
+    const r = e.children[s];
+    Ce(i, e.leaf ? o(r) : r);
   }
   return i;
 }
@@ -4207,7 +4226,7 @@ function Pi(e, t) {
 function Yi(e, t) {
   return e.minY - t.minY;
 }
-function ft(e) {
+function dt(e) {
   return (e.maxX - e.minX) * (e.maxY - e.minY);
 }
 function He(e) {
@@ -4217,10 +4236,10 @@ function Ci(e, t) {
   return (Math.max(t.maxX, e.maxX) - Math.min(t.minX, e.minX)) * (Math.max(t.maxY, e.maxY) - Math.min(t.minY, e.minY));
 }
 function Xi(e, t) {
-  const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), r = Math.min(e.maxY, t.maxY);
-  return Math.max(0, i - n) * Math.max(0, r - o);
+  const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), s = Math.min(e.maxY, t.maxY);
+  return Math.max(0, i - n) * Math.max(0, s - o);
 }
-function dt(e, t) {
+function ft(e, t) {
   return e.minX <= t.minX && e.minY <= t.minY && t.maxX <= e.maxX && t.maxY <= e.maxY;
 }
 function Fe(e, t) {
@@ -4238,49 +4257,49 @@ function Te(e) {
   };
 }
 function qt(e, t, n, o, i) {
-  const r = [t, n];
-  for (; r.length; ) {
-    if (n = r.pop(), t = r.pop(), n - t <= o) continue;
-    const s = t + Math.ceil((n - t) / o / 2) * o;
-    gn(e, s, t, n, i), r.push(t, s, s, n);
+  const s = [t, n];
+  for (; s.length; ) {
+    if (n = s.pop(), t = s.pop(), n - t <= o) continue;
+    const r = t + Math.ceil((n - t) / o / 2) * o;
+    gn(e, r, t, n, i), s.push(t, r, r, n);
   }
 }
 const Ri = () => {
   const e = new Bi(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
     e.clear(), t.clear();
-  }, i = (f) => {
-    if (!qe(f)) return;
-    const { minX: h, minY: g, maxX: m, maxY: y } = f.selector.geometry.bounds, v = { minX: h, minY: g, maxX: m, maxY: y, target: f };
-    e.insert(v), t.set(f.annotation, v);
-  }, r = (f) => {
-    if (!qe(f)) return;
-    const h = t.get(f.annotation);
-    h && e.remove(h), t.delete(f.annotation);
+  }, i = (d) => {
+    if (!qe(d)) return;
+    const { minX: h, minY: g, maxX: m, maxY: y } = d.selector.geometry.bounds, v = { minX: h, minY: g, maxX: m, maxY: y, target: d };
+    e.insert(v), t.set(d.annotation, v);
+  }, s = (d) => {
+    if (!qe(d)) return;
+    const h = t.get(d.annotation);
+    h && e.remove(h), t.delete(d.annotation);
   };
   return {
     all: n,
     clear: o,
-    getAt: (f, h) => {
+    getAt: (d, h) => {
       const m = e.search({
-        minX: f,
+        minX: d,
         minY: h,
-        maxX: f,
+        maxX: d,
         maxY: h
-      }).map((y) => y.target).filter((y) => y.selector.type === F.RECTANGLE || On(y.selector, f, h));
+      }).map((y) => y.target).filter((y) => y.selector.type === F.RECTANGLE || On(y.selector, d, h));
       if (m.length > 0)
         return m.sort((y, v) => mt(y.selector) - mt(v.selector)), m[0];
     },
-    getIntersecting: (f, h, g, m) => e.search({
-      minX: f,
+    getIntersecting: (d, h, g, m) => e.search({
+      minX: d,
       minY: h,
-      maxX: f + g,
+      maxX: d + g,
       maxY: h + m
     }).map((y) => y.target),
     insert: i,
-    remove: r,
-    set: (f, h = !0) => {
+    remove: s,
+    set: (d, h = !0) => {
       h && o();
-      const g = f.reduce((m, y) => {
+      const g = d.reduce((m, y) => {
         if (qe(y)) {
           const { minX: v, minY: p, maxX: w, maxY: _ } = y.selector.geometry.bounds;
           return [...m, { minX: v, minY: p, maxX: w, maxY: _, target: y }];
@@ -4290,26 +4309,26 @@ const Ri = () => {
       g.forEach((m) => t.set(m.target.annotation, m)), e.load(g);
     },
     size: () => e.all().length,
-    update: (f, h) => {
-      r(f), i(h);
+    update: (d, h) => {
+      s(d), i(h);
     }
   };
 }, Ni = (e) => {
-  const t = so(), n = Ri(), o = Kn(t, e.userSelectAction, e.adapter), i = qn(t), r = uo();
+  const t = ro(), n = Ri(), o = Kn(t, e.userSelectAction, e.adapter), i = qn(t), s = uo();
   return t.observe(({ changes: a }) => {
-    n.set((a.created || []).map((c) => c.target), !1), (a.deleted || []).forEach((c) => n.remove(c.target)), (a.updated || []).forEach(({ oldValue: c, newValue: d }) => n.update(c.target, d.target));
+    n.set((a.created || []).map((c) => c.target), !1), (a.deleted || []).forEach((c) => n.remove(c.target)), (a.updated || []).forEach(({ oldValue: c, newValue: f }) => n.update(c.target, f.target));
   }), {
     store: {
       ...t,
       getAt: (a, c) => {
-        const d = n.getAt(a, c);
-        return d ? t.getAnnotation(d.annotation) : void 0;
+        const f = n.getAt(a, c);
+        return f ? t.getAnnotation(f.annotation) : void 0;
       },
-      getIntersecting: (a, c, d, f) => n.getIntersecting(a, c, d, f).map((h) => t.getAnnotation(h.annotation))
+      getIntersecting: (a, c, f, d) => n.getIntersecting(a, c, f, d).map((h) => t.getAnnotation(h.annotation))
     },
     selection: o,
     hover: i,
-    viewport: r
+    viewport: s
   };
 }, Ui = (e) => {
   const t = Ni(e);
@@ -4327,8 +4346,8 @@ const Ri = () => {
   }
   let o = 0;
   for (let i = 1; i < 10; i++)
-    for (let r = 1; r < 10; r++) {
-      const s = Math.round(r * t.width / 10), l = Math.round(i * t.height / 10), a = n.getImageData(s, l, 1, 1).data, c = (0.299 * a[0] + 0.587 * a[1] + 0.114 * a[2]) / 255;
+    for (let s = 1; s < 10; s++) {
+      const r = Math.round(s * t.width / 10), l = Math.round(i * t.height / 10), a = n.getImageData(r, l, 1, 1).data, c = (0.299 * a[0] + 0.587 * a[1] + 0.114 * a[2]) / 255;
       o += c;
     }
   return o / 81;
@@ -4342,35 +4361,35 @@ const Ri = () => {
   userSelectAction: e.userSelectAction || t.userSelectAction,
   theme: e.theme || t.theme
 }), Jt = typeof navigator > "u" ? !1 : navigator.userAgent.indexOf("Mac OS X") !== -1, zi = (e, t) => {
-  const n = t || document, o = (s) => {
-    const l = s;
+  const n = t || document, o = (r) => {
+    const l = r;
     l.key === "z" && l.ctrlKey ? e.undo() : l.key === "y" && l.ctrlKey && e.redo();
-  }, i = (s) => {
-    const l = s;
+  }, i = (r) => {
+    const l = r;
     l.key === "z" && l.metaKey && (l.shiftKey ? e.redo() : e.undo());
-  }, r = () => {
+  }, s = () => {
     Jt ? n.removeEventListener("keydown", i) : n.removeEventListener("keydown", o);
   };
   return Jt ? n.addEventListener("keydown", i) : n.addEventListener("keydown", o), {
-    destroy: r
+    destroy: s
   };
-}, Ji = (e, t = {}) => {
+}, Zi = (e, t = {}) => {
   if (!e)
     throw "Missing argument: image";
   const n = typeof e == "string" ? document.getElementById(e) : e, o = ji(t, {
     drawingEnabled: !0,
     drawingMode: "drag",
-    userSelectAction: rn.EDIT,
+    userSelectAction: sn.EDIT,
     theme: "light"
-  }), i = Ui(o), { selection: r, store: s } = i, l = fo(s), a = ho(
+  }), i = Ui(o), { selection: s, store: r } = i, l = fo(r), a = ho(
     i,
     l,
     o.adapter,
     o.autoSave
   ), c = document.createElement("DIV");
   c.style.position = "relative", c.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(c, n), c.appendChild(n);
-  const d = zi(l);
-  let f = Eo();
+  const f = zi(l);
+  let d = Eo();
   Kt(n, c, o.theme);
   const h = new Ii({
     target: c,
@@ -4380,25 +4399,25 @@ const Ri = () => {
       preferredDrawingMode: o.drawingMode,
       state: i,
       style: o.style,
-      user: f
+      user: d
     }
   });
   h.$on("click", (b) => {
     const { originalEvent: T, annotation: Y } = b.detail;
-    Y ? r.userSelect(Y.id, T) : r.isEmpty() || r.clear();
+    Y ? s.userSelect(Y.id, T) : s.isEmpty() || s.clear();
   });
   const g = mo(i, l, o.adapter), m = () => {
     h.$set({ drawingEnabled: !1 }), setTimeout(() => h.$set({ drawingEnabled: !0 }), 1);
   }, y = () => {
-    h.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), d.destroy(), l.destroy();
-  }, v = () => h.getDrawingTool(), p = () => f, w = () => h.isDrawingEnabled(), _ = (b, T, Y) => li(b, T, Y), E = (b, T) => Fo(b, T), I = (b) => {
+    h.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), f.destroy(), l.destroy();
+  }, v = () => h.getDrawingTool(), p = () => d, w = () => h.isDrawingEnabled(), _ = (b, T, Y) => li(b, T, Y), E = (b, T) => Fo(b, T), I = (b) => {
     if (!un(b))
       throw `No drawing tool named ${b}`;
     h.$set({ toolName: b });
   }, R = (b) => h.$set({ drawingEnabled: b }), U = (b) => {
     console.warn("Filter not implemented yet");
   }, V = (b) => h.$set({ style: b }), Z = (b) => Kt(n, c, b), A = (b) => {
-    f = b, h.$set({ user: b });
+    d = b, h.$set({ user: b });
   }, S = (b) => (
     // @ts-ignore
     h.$set({ visible: b })
@@ -4410,7 +4429,7 @@ const Ri = () => {
     getDrawingTool: v,
     getUser: p,
     isDrawingEnabled: w,
-    listDrawingTools: dn,
+    listDrawingTools: fn,
     on: a.on,
     off: a.off,
     registerDrawingTool: _,
@@ -4427,10 +4446,10 @@ const Ri = () => {
   };
 };
 export {
-  fn as Editor,
+  dn as Editor,
   Qo as EditorMount,
   Pe as Handle,
-  Ki as IdentityTransform,
+  Qi as IdentityTransform,
   Bo as PolygonEditor,
   zo as RectangleEditor,
   Pn as RectangleUtil,
@@ -4438,17 +4457,19 @@ export {
   Ii as SVGAnnotationLayer,
   F as ShapeType,
   xo as ToolMount,
-  rn as UserSelectAction,
-  qi as W3CImageFormat,
+  sn as UserSelectAction,
+  Ji as W3CImageFormat,
   Ei as addEventListeners,
   Qe as boundsFromPoints,
+  qi as chainStyles,
   mt as computeArea,
+  Wi as computeStyle,
   Fi as createBody,
-  Ji as createImageAnnotator,
+  Zi as createImageAnnotator,
   Ni as createImageAnnotatorState,
   wi as createSVGTransform,
   Ui as createSvelteImageAnnotatorState,
-  Wi as defaultColorProvider,
+  Ki as defaultColorProvider,
   Gi as detectTheme,
   lt as distance,
   Yo as enableResponsive,
@@ -4462,7 +4483,7 @@ export {
   qe as isImageAnnotationTarget,
   Jt as isMac,
   Co as isTouch,
-  dn as listDrawingTools,
+  fn as listDrawingTools,
   Yn as parseFragmentSelector,
   Vn as parseSVGSelector,
   Mo as parseW3CImageAnnotation,