@annotorious/annotorious 3.0.15 → 3.0.17

package/dist/annotorious.es.js

@@ -90,10 +90,10 @@ function We(e) {
 function he(e, t) {
   e.appendChild(t);
 }
-function B(e, t, n) {
+function O(e, t, n) {
   e.insertBefore(t, n || null);
 }
-function O(e) {
+function B(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
 function gt(e, t) {
@@ -127,15 +127,15 @@ function pe(e, t, n) {
 function En(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
   return new CustomEvent(e, { detail: t, bubbles: n, cancelable: o });
 }
-let Re;
+let Ue;
 function Xe(e) {
-  Re = e;
+  Ue = e;
 }
 function xt() {
-  if (!Re) throw new Error("Function called outside component initialization");
-  return Re;
+  if (!Ue) throw new Error("Function called outside component initialization");
+  return Ue;
 }
-function Ne(e) {
+function Re(e) {
   xt().$$.on_mount.push(e);
 }
 function ke() {
@@ -161,21 +161,21 @@ function me(e, t) {
   n && n.slice().forEach((o) => o.call(this, t));
 }
 const Te = [], qe = [];
-let Me = [];
+let ve = [];
 const Et = [], An = /* @__PURE__ */ Promise.resolve();
 let ut = !1;
 function Sn() {
   ut || (ut = !0, An.then($t));
 }
 function dt(e) {
-  Me.push(e);
+  ve.push(e);
 }
 const $e = /* @__PURE__ */ new Set();
 let be = 0;
 function $t() {
   if (be !== 0)
     return;
-  const e = Re;
+  const e = Ue;
   do {
     try {
       for (; be < Te.length; ) {
@@ -186,11 +186,11 @@ function $t() {
       throw Te.length = 0, be = 0, t;
     }
     for (Xe(null), Te.length = 0, be = 0; qe.length; ) qe.pop()();
-    for (let t = 0; t < Me.length; t += 1) {
-      const n = Me[t];
+    for (let t = 0; t < ve.length; t += 1) {
+      const n = ve[t];
       $e.has(n) || ($e.add(n), n());
     }
-    Me.length = 0;
+    ve.length = 0;
   } while (Te.length);
   for (; Et.length; )
     Et.pop()();
@@ -203,9 +203,9 @@ function Tn(e) {
     e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(dt);
   }
 }
-function vn(e) {
+function Mn(e) {
   const t = [], n = [];
-  Me.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), Me = t;
+  ve.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), ve = t;
 }
 const He = /* @__PURE__ */ new Set();
 let we;
@@ -246,13 +246,13 @@ function x(e, t, n) {
 }
 function $(e, t) {
   const n = e.$$;
-  n.fragment !== null && (vn(n.after_update), ge(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
+  n.fragment !== null && (Mn(n.after_update), ge(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
 }
-function Mn(e, t) {
+function vn(e, t) {
   e.$$.dirty[0] === -1 && (Te.push(e), Sn(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
 }
 function te(e, t, n, o, i, s, r = null, l = [-1]) {
-  const a = Re;
+  const a = Ue;
   Xe(e);
   const c = e.$$ = {
     fragment: null,
@@ -277,13 +277,13 @@ function te(e, t, n, o, i, s, r = null, l = [-1]) {
   };
   r && r(c.root);
   let u = !1;
-  if (c.ctx = n ? n(e, t.props || {}, (f, h, ...g) => {
-    const m = g.length ? g[0] : h;
-    return c.ctx && i(c.ctx[f], c.ctx[f] = m) && (!c.skip_bound && c.bound[f] && c.bound[f](m), u && Mn(e, f)), h;
+  if (c.ctx = n ? n(e, t.props || {}, (f, h, ...p) => {
+    const g = p.length ? p[0] : h;
+    return c.ctx && i(c.ctx[f], c.ctx[f] = g) && (!c.skip_bound && c.bound[f] && c.bound[f](g), u && vn(e, f)), h;
   }) : [], c.update(), u = !0, ge(c.before_update), c.fragment = o ? o(c.ctx) : !1, t.target) {
     if (t.hydrate) {
       const f = bn(t.target);
-      c.fragment && c.fragment.l(f), f.forEach(O);
+      c.fragment && c.fragment.l(f), f.forEach(B);
     } else
       c.fragment && c.fragment.c();
     t.intro && Y(e.$$.fragment), x(e, t.target, t.anchor), $t();
@@ -347,12 +347,12 @@ const mt = {}, pt = (e, t) => mt[e] = t, ht = (e) => mt[e.type].area(e), kn = (e
 }, In = {
   area: (e) => Math.PI * e.geometry.rx * e.geometry.ry,
   intersects: (e, t, n) => {
-    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, l = 0, a = Math.cos(l), c = Math.sin(l), u = t - o, f = n - i, h = a * u + c * f, g = c * u - a * f;
-    return h * h / (s * s) + g * g / (r * r) <= 1;
+    const { cx: o, cy: i, rx: s, ry: r } = e.geometry, l = 0, a = Math.cos(l), c = Math.sin(l), u = t - o, f = n - i, h = a * u + c * f, p = c * u - a * f;
+    return h * h / (s * s) + p * p / (r * r) <= 1;
   }
 };
 pt(F.ELLIPSE, In);
-const On = {
+const Bn = {
   area: (e) => {
     const { points: t } = e.geometry;
     let n = 0, o = t.length - 1;
@@ -370,12 +370,12 @@ const On = {
     return i;
   }
 };
-pt(F.POLYGON, On);
-const Bn = {
+pt(F.POLYGON, Bn);
+const On = {
   area: (e) => e.geometry.w * e.geometry.h,
   intersects: (e, t, n) => t >= e.geometry.x && t <= e.geometry.x + e.geometry.w && n >= e.geometry.y && n <= e.geometry.y + e.geometry.h
 };
-pt(F.RECTANGLE, Bn);
+pt(F.RECTANGLE, On);
 const Je = (e) => Fe(e.target), Fe = (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;
@@ -383,19 +383,19 @@ const Je = (e) => Fe(e.target), Fe = (e) => {
   const n = typeof e == "string" ? e : e.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, i = [...n.matchAll(o)][0], [s, r, l, a, c, u, f] = i;
   if (r !== "xywh") throw new Error("Unsupported MediaFragment: " + n);
   if (l && l !== "pixel") throw new Error(`Unsupported MediaFragment unit: ${l}`);
-  const [h, g, m, w] = [a, c, u, f].map(parseFloat);
+  const [h, p, g, _] = [a, c, u, f].map(parseFloat);
   return {
     type: F.RECTANGLE,
     geometry: {
       x: h,
-      y: g,
-      w: m,
-      h: w,
+      y: p,
+      w: g,
+      h: _,
       bounds: {
         minX: h,
-        minY: t ? g - w : g,
-        maxX: h + m,
-        maxY: t ? g : g + w
+        minY: t ? p - _ : p,
+        maxX: h + g,
+        maxY: t ? p : p + _
       }
     }
   };
@@ -428,7 +428,7 @@ const Je = (e) => Fe(e.target), Fe = (e) => {
       bounds: Ke(i)
     }
   };
-}, Rn = (e) => {
+}, Un = (e) => {
   const t = Cn(e), n = parseFloat(t.getAttribute("cx")), o = parseFloat(t.getAttribute("cy")), i = parseFloat(t.getAttribute("rx")), s = parseFloat(t.getAttribute("ry")), r = {
     minX: n - i,
     minY: o - s,
@@ -445,14 +445,14 @@ const Je = (e) => Fe(e.target), Fe = (e) => {
       bounds: r
     }
   };
-}, Nn = (e) => {
+}, Rn = (e) => {
   const t = typeof e == "string" ? e : e.value;
   if (t.includes("<polygon points="))
     return Xn(t);
   if (t.includes("<ellipse "))
-    return Rn(t);
+    return Un(t);
   throw "Unsupported SVG shape: " + t;
-}, Un = (e) => {
+}, Nn = (e) => {
   let t;
   if (e.type === F.POLYGON) {
     const n = e.geometry, { points: o } = n;
@@ -562,53 +562,53 @@ var nn = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE =
 const Ge = { selected: [] }, Wn = (e, t, n) => {
   const { subscribe: o, set: i } = yt(Ge);
   let s = t, r = Ge;
-  o((m) => r = m);
+  o((g) => r = g);
   const l = () => {
     ye(r, Ge) || i(Ge);
   }, a = () => {
-    var m;
-    return ((m = r.selected) == null ? void 0 : m.length) === 0;
-  }, c = (m) => {
+    var g;
+    return ((g = r.selected) == null ? void 0 : g.length) === 0;
+  }, c = (g) => {
     if (a())
       return !1;
-    const w = typeof m == "string" ? m : m.id;
-    return r.selected.some((T) => T.id === w);
-  }, u = (m, w) => {
-    let T;
-    if (Array.isArray(m)) {
-      if (T = m.map((p) => e.getAnnotation(p)).filter(Boolean), T.length < m.length) {
-        console.warn("Invalid selection: " + m.filter((p) => !T.some((_) => _.id === p)));
+    const _ = typeof g == "string" ? g : g.id;
+    return r.selected.some((A) => A.id === _);
+  }, u = (g, _) => {
+    let A;
+    if (Array.isArray(g)) {
+      if (A = g.map((y) => e.getAnnotation(y)).filter(Boolean), A.length < g.length) {
+        console.warn("Invalid selection: " + g.filter((y) => !A.some((w) => w.id === y)));
         return;
       }
     } else {
-      const p = e.getAnnotation(m);
-      if (!p) {
-        console.warn("Invalid selection: " + m);
+      const y = e.getAnnotation(g);
+      if (!y) {
+        console.warn("Invalid selection: " + g);
         return;
       }
-      T = [p];
+      A = [y];
     }
-    const y = T.reduce((p, _) => {
-      const E = vt(_, s, n);
-      return E === "EDIT" ? [...p, { id: _.id, editable: !0 }] : E === "SELECT" ? [...p, { id: _.id }] : p;
+    const m = A.reduce((y, w) => {
+      const E = Mt(w, s, n);
+      return E === "EDIT" ? [...y, { id: w.id, editable: !0 }] : E === "SELECT" ? [...y, { id: w.id }] : y;
     }, []);
-    i({ selected: y, event: w });
-  }, f = (m, w) => {
-    const T = Array.isArray(m) ? m : [m], y = T.map((p) => e.getAnnotation(p)).filter((p) => !!p);
+    i({ selected: m, event: _ });
+  }, f = (g, _) => {
+    const A = Array.isArray(g) ? g : [g], m = A.map((y) => e.getAnnotation(y)).filter((y) => !!y);
     i({
-      selected: y.map((p) => {
-        const _ = w === void 0 ? vt(p, s, n) === "EDIT" : w;
-        return { id: p.id, editable: _ };
+      selected: m.map((y) => {
+        const w = _ === void 0 ? Mt(y, s, n) === "EDIT" : _;
+        return { id: y.id, editable: w };
       })
-    }), y.length !== T.length && console.warn("Invalid selection", m);
-  }, h = (m) => {
+    }), m.length !== A.length && console.warn("Invalid selection", g);
+  }, h = (g) => {
     if (a())
       return !1;
-    const { selected: w } = r;
-    w.some(({ id: T }) => m.includes(T)) && i({ selected: w.filter(({ id: T }) => !m.includes(T)) });
-  }, g = (m) => s = m;
+    const { selected: _ } = r;
+    _.some(({ id: A }) => g.includes(A)) && i({ selected: _.filter(({ id: A }) => !g.includes(A)) });
+  }, p = (g) => s = g;
   return e.observe(
-    ({ changes: m }) => h((m.deleted || []).map((w) => w.id))
+    ({ changes: g }) => h((g.deleted || []).map((_) => _.id))
   ), {
     get event() {
       return r ? r.event : null;
@@ -623,11 +623,11 @@ const Ge = { selected: [] }, Wn = (e, t, n) => {
     isEmpty: a,
     isSelected: c,
     setSelected: f,
-    setUserSelectAction: g,
+    setUserSelectAction: p,
     subscribe: o,
     userSelect: u
   };
-}, vt = (e, t, n) => {
+}, Mt = (e, t, n) => {
   const o = n ? n.serialize(e) : e;
   return typeof t == "function" ? t(o) : t || "EDIT";
 }, K = [];
@@ -646,10 +646,10 @@ function Jn() {
   }
   return nt(Kn);
 }
-const Qn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Mt = { randomUUID: Qn };
+const Qn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), vt = { randomUUID: Qn };
 function on(e, t, n) {
-  if (Mt.randomUUID && !t && !e)
-    return Mt.randomUUID();
+  if (vt.randomUUID && !t && !e)
+    return vt.randomUUID();
   e = e || {};
   const o = e.random || (e.rng || Jn)();
   return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, qn(o);
@@ -722,10 +722,10 @@ const to = (e, t) => {
     ...(t.deleted || []).filter((f) => !n.has(f.id))
   ], u = [
     ...(e.updated || []).filter(({ newValue: f }) => !s.has(f.id)).map((f) => {
-      const { oldValue: h, newValue: g } = f;
-      if (r.has(g.id)) {
-        const m = t.updated.find((w) => w.oldValue.id === g.id).newValue;
-        return sn(h, m);
+      const { oldValue: h, newValue: p } = f;
+      if (r.has(p.id)) {
+        const g = t.updated.find((_) => _.oldValue.id === p.id).newValue;
+        return sn(h, g);
       } else
         return f;
     }),
@@ -747,201 +747,201 @@ const to = (e, t) => {
     }
   };
 }, oo = (e) => e.id !== void 0, io = () => {
-  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);
-  }, s = (A, S) => {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (S, T = {}) => {
+    n.push({ onChange: S, options: T });
+  }, i = (S) => {
+    const T = n.findIndex((b) => b.onChange == S);
+    T > -1 && n.splice(T, 1);
+  }, s = (S, T) => {
     const b = {
-      origin: A,
+      origin: S,
       changes: {
-        created: S.created || [],
-        updated: S.updated || [],
-        deleted: S.deleted || []
+        created: T.created || [],
+        updated: T.updated || [],
+        deleted: T.deleted || []
       },
       state: [...e.values()]
     };
-    n.forEach((v) => {
-      to(v, b) && v.onChange(b);
+    n.forEach((M) => {
+      to(M, b) && M.onChange(b);
     });
-  }, r = (A, S = G.LOCAL) => {
-    if (A.id && e.get(A.id))
-      throw Error(`Cannot add annotation ${A.id} - exists already`);
+  }, r = (S, T = G.LOCAL) => {
+    if (S.id && e.get(S.id))
+      throw Error(`Cannot add annotation ${S.id} - exists already`);
     {
-      const b = it(A);
-      e.set(b.id, b), b.bodies.forEach((v) => t.set(v.id, b.id)), s(S, { created: [b] });
+      const b = it(S);
+      e.set(b.id, b), b.bodies.forEach((M) => t.set(M.id, b.id)), s(T, { created: [b] });
     }
-  }, l = (A, S) => {
-    const b = it(typeof A == "string" ? S : A), v = typeof A == "string" ? A : A.id, P = v && e.get(v);
+  }, l = (S, T) => {
+    const b = it(typeof S == "string" ? T : S), M = typeof S == "string" ? S : S.id, P = M && e.get(M);
     if (P) {
       const D = sn(P, b);
-      return v === b.id ? e.set(v, b) : (e.delete(v), e.set(b.id, b)), P.bodies.forEach((z) => t.delete(z.id)), b.bodies.forEach((z) => t.set(z.id, b.id)), D;
+      return M === b.id ? e.set(M, b) : (e.delete(M), e.set(b.id, b)), P.bodies.forEach((z) => t.delete(z.id)), b.bodies.forEach((z) => t.set(z.id, b.id)), D;
     } else
-      console.warn(`Cannot update annotation ${v} - does not exist`);
-  }, a = (A, S = G.LOCAL, b = G.LOCAL) => {
-    const v = oo(S) ? b : S, P = l(A, S);
-    P && s(v, { updated: [P] });
-  }, c = (A, S = G.LOCAL) => {
-    const b = A.reduce((v, P) => {
+      console.warn(`Cannot update annotation ${M} - does not exist`);
+  }, a = (S, T = G.LOCAL, b = G.LOCAL) => {
+    const M = oo(T) ? b : T, P = l(S, T);
+    P && s(M, { updated: [P] });
+  }, c = (S, T = G.LOCAL) => {
+    const b = S.reduce((M, P) => {
       const D = l(P);
-      return D ? [...v, D] : v;
+      return D ? [...M, D] : M;
     }, []);
-    b.length > 0 && s(S, { updated: b });
-  }, u = (A, S = G.LOCAL) => {
-    const b = e.get(A.annotation);
+    b.length > 0 && s(T, { updated: b });
+  }, u = (S, T = G.LOCAL) => {
+    const b = e.get(S.annotation);
     if (b) {
-      const v = {
+      const M = {
         ...b,
-        bodies: [...b.bodies, A]
+        bodies: [...b.bodies, S]
       };
-      e.set(b.id, v), t.set(A.id, v.id), s(S, { updated: [{
+      e.set(b.id, M), t.set(S.id, M.id), s(T, { updated: [{
         oldValue: b,
-        newValue: v,
-        bodiesCreated: [A]
+        newValue: M,
+        bodiesCreated: [S]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${A.annotation}`);
-  }, f = () => [...e.values()], h = (A = G.LOCAL) => {
-    const S = [...e.values()];
-    e.clear(), t.clear(), s(A, { deleted: S });
-  }, g = (A, S = !0, b = G.LOCAL) => {
-    const v = A.map(it);
-    if (S) {
+      console.warn(`Attempt to add body to missing annotation: ${S.annotation}`);
+  }, f = () => [...e.values()], h = (S = G.LOCAL) => {
+    const T = [...e.values()];
+    e.clear(), t.clear(), s(S, { deleted: T });
+  }, p = (S, T = !0, b = G.LOCAL) => {
+    const M = S.map(it);
+    if (T) {
       const P = [...e.values()];
-      e.clear(), t.clear(), v.forEach((D) => {
+      e.clear(), t.clear(), M.forEach((D) => {
         e.set(D.id, D), D.bodies.forEach((z) => t.set(z.id, D.id));
-      }), s(b, { created: v, deleted: P });
+      }), s(b, { created: M, deleted: P });
     } else {
-      const P = A.reduce((D, z) => {
+      const P = S.reduce((D, z) => {
         const oe = z.id && e.get(z.id);
         return oe ? [...D, oe] : D;
       }, []);
       if (P.length > 0)
         throw Error(`Bulk insert would overwrite the following annotations: ${P.map((D) => D.id).join(", ")}`);
-      v.forEach((D) => {
+      M.forEach((D) => {
         e.set(D.id, D), D.bodies.forEach((z) => t.set(z.id, D.id));
-      }), s(b, { created: v });
+      }), s(b, { created: M });
     }
-  }, m = (A) => {
-    const S = typeof A == "string" ? A : A.id, b = e.get(S);
+  }, g = (S) => {
+    const T = typeof S == "string" ? S : S.id, b = e.get(T);
     if (b)
-      return e.delete(S), b.bodies.forEach((v) => t.delete(v.id)), b;
-    console.warn(`Attempt to delete missing annotation: ${S}`);
-  }, w = (A, S = G.LOCAL) => {
-    const b = m(A);
-    b && s(S, { deleted: [b] });
-  }, T = (A, S = G.LOCAL) => {
-    const b = A.reduce((v, P) => {
-      const D = m(P);
-      return D ? [...v, D] : v;
+      return e.delete(T), b.bodies.forEach((M) => t.delete(M.id)), b;
+    console.warn(`Attempt to delete missing annotation: ${T}`);
+  }, _ = (S, T = G.LOCAL) => {
+    const b = g(S);
+    b && s(T, { deleted: [b] });
+  }, A = (S, T = G.LOCAL) => {
+    const b = S.reduce((M, P) => {
+      const D = g(P);
+      return D ? [...M, D] : M;
     }, []);
-    b.length > 0 && s(S, { deleted: b });
-  }, y = (A) => {
-    const S = e.get(A.annotation);
-    if (S) {
-      const b = S.bodies.find((v) => v.id === A.id);
+    b.length > 0 && s(T, { deleted: b });
+  }, m = (S) => {
+    const T = e.get(S.annotation);
+    if (T) {
+      const b = T.bodies.find((M) => M.id === S.id);
       if (b) {
         t.delete(b.id);
-        const v = {
-          ...S,
-          bodies: S.bodies.filter((P) => P.id !== A.id)
+        const M = {
+          ...T,
+          bodies: T.bodies.filter((P) => P.id !== S.id)
         };
-        return e.set(S.id, v), {
-          oldValue: S,
-          newValue: v,
+        return e.set(T.id, M), {
+          oldValue: T,
+          newValue: M,
           bodiesDeleted: [b]
         };
       } else
-        console.warn(`Attempt to delete missing body ${A.id} from annotation ${A.annotation}`);
+        console.warn(`Attempt to delete missing body ${S.id} from annotation ${S.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${A.annotation}`);
-  }, p = (A, S = G.LOCAL) => {
-    const b = y(A);
-    b && s(S, { updated: [b] });
-  }, _ = (A, S = G.LOCAL) => {
-    const b = A.map((v) => y(v)).filter(Boolean);
-    b.length > 0 && s(S, { updated: b });
-  }, E = (A) => {
-    const S = e.get(A);
-    return S ? { ...S } : void 0;
-  }, I = (A) => {
-    const S = t.get(A);
-    if (S) {
-      const b = E(S).bodies.find((v) => v.id === A);
+      console.warn(`Attempt to delete body from missing annotation ${S.annotation}`);
+  }, y = (S, T = G.LOCAL) => {
+    const b = m(S);
+    b && s(T, { updated: [b] });
+  }, w = (S, T = G.LOCAL) => {
+    const b = S.map((M) => m(M)).filter(Boolean);
+    b.length > 0 && s(T, { updated: b });
+  }, E = (S) => {
+    const T = e.get(S);
+    return T ? { ...T } : void 0;
+  }, I = (S) => {
+    const T = t.get(S);
+    if (T) {
+      const b = E(T).bodies.find((M) => M.id === S);
       if (b)
         return b;
-      console.error(`Store integrity error: body ${A} in index, but not in annotation`);
+      console.error(`Store integrity error: body ${S} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${A}`);
-  }, R = (A, S) => {
-    if (A.annotation !== S.annotation)
+      console.warn(`Attempt to retrieve missing body: ${S}`);
+  }, U = (S, T) => {
+    if (S.annotation !== T.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const b = e.get(A.annotation);
+    const b = e.get(S.annotation);
     if (b) {
-      const v = b.bodies.find((D) => D.id === A.id), P = {
+      const M = b.bodies.find((D) => D.id === S.id), P = {
         ...b,
-        bodies: b.bodies.map((D) => D.id === v.id ? S : D)
+        bodies: b.bodies.map((D) => D.id === M.id ? T : D)
       };
-      return e.set(b.id, P), v.id !== S.id && (t.delete(v.id), t.set(S.id, P.id)), {
+      return e.set(b.id, P), M.id !== T.id && (t.delete(M.id), t.set(T.id, P.id)), {
         oldValue: b,
         newValue: P,
-        bodiesUpdated: [{ oldBody: v, newBody: S }]
+        bodiesUpdated: [{ oldBody: M, newBody: T }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${A.annotation}`);
-  }, U = (A, S, b = G.LOCAL) => {
-    const v = R(A, S);
-    v && s(b, { updated: [v] });
-  }, V = (A, S = G.LOCAL) => {
-    const b = A.map((v) => R({ id: v.id, annotation: v.annotation }, v)).filter(Boolean);
-    s(S, { updated: b });
-  }, Z = (A) => {
-    const S = e.get(A.annotation);
-    if (S) {
+      console.warn(`Attempt to add body to missing annotation ${S.annotation}`);
+  }, N = (S, T, b = G.LOCAL) => {
+    const M = U(S, T);
+    M && s(b, { updated: [M] });
+  }, V = (S, T = G.LOCAL) => {
+    const b = S.map((M) => U({ id: M.id, annotation: M.annotation }, M)).filter(Boolean);
+    s(T, { updated: b });
+  }, Z = (S) => {
+    const T = e.get(S.annotation);
+    if (T) {
       const b = {
-        ...S,
+        ...T,
         target: {
-          ...S.target,
-          ...A
+          ...T.target,
+          ...S
         }
       };
-      return e.set(S.id, b), {
-        oldValue: S,
+      return e.set(T.id, b), {
+        oldValue: T,
         newValue: b,
         targetUpdated: {
-          oldTarget: S.target,
-          newTarget: A
+          oldTarget: T.target,
+          newTarget: S
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${A.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${S.annotation}`);
   };
   return {
     addAnnotation: r,
     addBody: u,
     all: f,
-    bulkAddAnnotation: g,
-    bulkDeleteAnnotation: T,
-    bulkDeleteBodies: _,
+    bulkAddAnnotation: p,
+    bulkDeleteAnnotation: A,
+    bulkDeleteBodies: w,
     bulkUpdateAnnotation: c,
     bulkUpdateBodies: V,
-    bulkUpdateTargets: (A, S = G.LOCAL) => {
-      const b = A.map((v) => Z(v)).filter(Boolean);
-      b.length > 0 && s(S, { updated: b });
+    bulkUpdateTargets: (S, T = G.LOCAL) => {
+      const b = S.map((M) => Z(M)).filter(Boolean);
+      b.length > 0 && s(T, { updated: b });
     },
     clear: h,
-    deleteAnnotation: w,
-    deleteBody: p,
+    deleteAnnotation: _,
+    deleteBody: y,
     getAnnotation: E,
     getBody: I,
     observe: o,
     unobserve: i,
     updateAnnotation: a,
-    updateBody: U,
-    updateTarget: (A, S = G.LOCAL) => {
-      const b = Z(A);
-      b && s(S, { updated: [b] });
+    updateBody: N,
+    updateTarget: (S, T = G.LOCAL) => {
+      const b = Z(S);
+      b && s(T, { updated: [b] });
     }
   };
 }, so = (e) => ({
@@ -965,41 +965,42 @@ let ro = () => ({
     };
   }
 });
-const lo = 250, ao = (e) => {
-  const t = ro(), n = [];
-  let o = -1, i = !1, s = 0;
-  const r = (g) => {
-    if (!i) {
-      const { changes: m } = g, w = performance.now();
-      if (w - s > lo)
-        n.splice(o + 1), n.push(m), o = n.length - 1;
+const lo = 250, ao = (e, t) => {
+  const n = ro(), o = t || [];
+  let i = -1, s = !1, r = 0;
+  const l = (g) => {
+    if (!s) {
+      const { changes: _ } = g, A = performance.now();
+      if (A - r > lo)
+        o.splice(i + 1), o.push(_), i = o.length - 1;
       else {
-        const T = n.length - 1;
-        n[T] = no(n[T], m);
+        const m = o.length - 1;
+        o[m] = no(o[m], _);
       }
-      s = w;
+      r = A;
     }
-    i = !1;
+    s = !1;
   };
-  e.observe(r, { origin: G.LOCAL });
-  const l = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g), a = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), c = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ oldValue: m }) => m)), u = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ newValue: m }) => m)), f = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), h = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g);
+  e.observe(l, { origin: G.LOCAL });
+  const a = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g), c = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), u = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ oldValue: _ }) => _)), f = (g) => g && g.length > 0 && e.bulkUpdateAnnotation(g.map(({ newValue: _ }) => _)), h = (g) => g && g.length > 0 && e.bulkAddAnnotation(g, !1), p = (g) => g && g.length > 0 && e.bulkDeleteAnnotation(g);
   return {
-    canRedo: () => n.length - 1 > o,
-    canUndo: () => o > -1,
-    destroy: () => e.unobserve(r),
-    on: (g, m) => t.on(g, m),
+    canRedo: () => o.length - 1 > i,
+    canUndo: () => i > -1,
+    destroy: () => e.unobserve(l),
+    getHistory: () => [...o],
+    on: (g, _) => n.on(g, _),
     redo: () => {
-      if (n.length - 1 > o) {
-        i = !0;
-        const { created: g, updated: m, deleted: w } = n[o + 1];
-        a(g), u(m), h(w), t.emit("redo", n[o + 1]), o += 1;
+      if (o.length - 1 > i) {
+        s = !0;
+        const { created: g, updated: _, deleted: A } = o[i + 1];
+        c(g), f(_), p(A), n.emit("redo", o[i + 1]), i += 1;
       }
     },
     undo: () => {
-      if (o > -1) {
-        i = !0;
-        const { created: g, updated: m, deleted: w } = n[o];
-        l(g), c(m), f(w), t.emit("undo", n[o]), o -= 1;
+      if (i > -1) {
+        s = !0;
+        const { created: g, updated: _, deleted: A } = o[i];
+        a(g), u(_), h(A), n.emit("undo", o[i]), i -= 1;
       }
     }
   };
@@ -1012,78 +1013,78 @@ const lo = 250, ao = (e) => {
 }, fo = (e, t, n, o) => {
   const { hover: i, selection: s, store: r, viewport: l } = e, a = /* @__PURE__ */ new Map();
   let c = [], u, f;
-  const h = (y, p) => {
-    a.has(y) ? a.get(y).push(p) : a.set(y, [p]);
-  }, g = (y, p) => {
-    const _ = a.get(y);
-    if (_) {
-      const E = _.indexOf(p);
-      E !== -1 && _.splice(E, 1);
+  const h = (m, y) => {
+    a.has(m) ? a.get(m).push(y) : a.set(m, [y]);
+  }, p = (m, y) => {
+    const w = a.get(m);
+    if (w) {
+      const E = w.indexOf(y);
+      E !== -1 && w.splice(E, 1);
     }
-  }, m = (y, p, _) => {
-    a.has(y) && setTimeout(() => {
-      a.get(y).forEach((E) => {
+  }, g = (m, y, w) => {
+    a.has(m) && setTimeout(() => {
+      a.get(m).forEach((E) => {
         if (n) {
-          const I = Array.isArray(p) ? p.map((U) => n.serialize(U)) : n.serialize(p), R = _ ? _ instanceof PointerEvent ? _ : n.serialize(_) : void 0;
-          E(I, R);
+          const I = Array.isArray(y) ? y.map((N) => n.serialize(N)) : n.serialize(y), U = w ? w instanceof PointerEvent ? w : n.serialize(w) : void 0;
+          E(I, U);
         } else
-          E(p, _);
+          E(y, w);
       });
     }, 1);
-  }, w = () => {
-    const { selected: y } = s, p = (y || []).map(({ id: _ }) => r.getAnnotation(_));
-    p.forEach((_) => {
-      const E = c.find((I) => I.id === _.id);
-      (!E || !ye(E, _)) && m("updateAnnotation", _, E);
-    }), c = c.map((_) => p.find(({ id: I }) => I === _.id) || _);
+  }, _ = () => {
+    const { selected: m } = s, y = (m || []).map(({ id: w }) => r.getAnnotation(w));
+    y.forEach((w) => {
+      const E = c.find((I) => I.id === w.id);
+      (!E || !ye(E, w)) && g("updateAnnotation", w, E);
+    }), c = c.map((w) => y.find(({ id: I }) => I === w.id) || w);
   };
-  s.subscribe(({ selected: y }) => {
-    if (!(c.length === 0 && y.length === 0)) {
-      if (c.length === 0 && y.length > 0)
-        c = y.map(({ id: p }) => r.getAnnotation(p));
-      else if (c.length > 0 && y.length === 0)
-        c.forEach((p) => {
-          const _ = r.getAnnotation(p.id);
-          _ && !ye(_, p) && m("updateAnnotation", _, p);
+  s.subscribe(({ selected: m }) => {
+    if (!(c.length === 0 && m.length === 0)) {
+      if (c.length === 0 && m.length > 0)
+        c = m.map(({ id: y }) => r.getAnnotation(y));
+      else if (c.length > 0 && m.length === 0)
+        c.forEach((y) => {
+          const w = r.getAnnotation(y.id);
+          w && !ye(w, y) && g("updateAnnotation", w, y);
         }), c = [];
       else {
-        const p = new Set(c.map((E) => E.id)), _ = new Set(y.map(({ id: E }) => E));
-        c.filter((E) => !_.has(E.id)).forEach((E) => {
+        const y = new Set(c.map((E) => E.id)), w = new Set(m.map(({ id: E }) => E));
+        c.filter((E) => !w.has(E.id)).forEach((E) => {
           const I = r.getAnnotation(E.id);
-          I && !ye(I, E) && m("updateAnnotation", I, E);
+          I && !ye(I, E) && g("updateAnnotation", I, E);
         }), c = [
           // Remove annotations that were deselected
-          ...c.filter((E) => _.has(E.id)),
+          ...c.filter((E) => w.has(E.id)),
           // Add editable annotations that were selected
-          ...y.filter(({ id: E }) => !p.has(E)).map(({ id: E }) => r.getAnnotation(E))
+          ...m.filter(({ id: E }) => !y.has(E)).map(({ id: E }) => r.getAnnotation(E))
         ];
       }
-      m("selectionChanged", c);
+      g("selectionChanged", c);
     }
-  }), i.subscribe((y) => {
-    !u && y ? m("mouseEnterAnnotation", r.getAnnotation(y)) : u && !y ? m("mouseLeaveAnnotation", r.getAnnotation(u)) : u && y && (m("mouseLeaveAnnotation", r.getAnnotation(u)), m("mouseEnterAnnotation", r.getAnnotation(y))), u = y;
-  }), l == null || l.subscribe((y) => m("viewportIntersect", y.map((p) => r.getAnnotation(p)))), r.observe((y) => {
-    o && (f && clearTimeout(f), f = setTimeout(w, 1e3));
-    const { created: p, deleted: _ } = y.changes;
-    (p || []).forEach((E) => m("createAnnotation", E)), (_ || []).forEach((E) => m("deleteAnnotation", E)), (y.changes.updated || []).filter((E) => [
+  }), i.subscribe((m) => {
+    !u && m ? g("mouseEnterAnnotation", r.getAnnotation(m)) : u && !m ? g("mouseLeaveAnnotation", r.getAnnotation(u)) : u && m && (g("mouseLeaveAnnotation", r.getAnnotation(u)), g("mouseEnterAnnotation", r.getAnnotation(m))), u = m;
+  }), l == null || l.subscribe((m) => g("viewportIntersect", m.map((y) => r.getAnnotation(y)))), r.observe((m) => {
+    o && (f && clearTimeout(f), f = setTimeout(_, 1e3));
+    const { created: y, deleted: w } = m.changes;
+    (y || []).forEach((E) => g("createAnnotation", E)), (w || []).forEach((E) => g("deleteAnnotation", E)), (m.changes.updated || []).filter((E) => [
       ...E.bodiesCreated || [],
       ...E.bodiesDeleted || [],
       ...E.bodiesUpdated || []
     ].length > 0).forEach(({ oldValue: E, newValue: I }) => {
-      const R = c.find((U) => U.id === E.id) || E;
-      c = c.map((U) => U.id === E.id ? I : U), m("updateAnnotation", I, R);
+      const U = c.find((N) => N.id === E.id) || E;
+      c = c.map((N) => N.id === E.id ? I : N), g("updateAnnotation", I, U);
     });
-  }, { origin: G.LOCAL }), r.observe((y) => {
+  }, { origin: G.LOCAL }), r.observe((m) => {
     if (c) {
-      const p = new Set(c.map((E) => E.id)), _ = (y.changes.updated || []).filter(({ newValue: E }) => p.has(E.id)).map(({ newValue: E }) => E);
-      _.length > 0 && (c = c.map((E) => _.find((R) => R.id === E.id) || E));
+      const y = new Set(c.map((E) => E.id)), w = (m.changes.updated || []).filter(({ newValue: E }) => y.has(E.id)).map(({ newValue: E }) => E);
+      w.length > 0 && (c = c.map((E) => w.find((U) => U.id === E.id) || E));
     }
   }, { origin: G.REMOTE });
-  const T = (y) => (p) => {
-    const { updated: _ } = p;
-    y ? (_ || []).forEach((E) => m("updateAnnotation", E.oldValue, E.newValue)) : (_ || []).forEach((E) => m("updateAnnotation", E.newValue, E.oldValue));
+  const A = (m) => (y) => {
+    const { updated: w } = y;
+    m ? (w || []).forEach((E) => g("updateAnnotation", E.oldValue, E.newValue)) : (w || []).forEach((E) => g("updateAnnotation", E.newValue, E.oldValue));
   };
-  return t.on("undo", T(!0)), t.on("redo", T(!1)), { on: h, off: g, emit: m };
+  return t.on("undo", A(!0)), t.on("redo", A(!1)), { on: h, off: p, emit: g };
 }, uo = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
@@ -1096,46 +1097,46 @@ const lo = 250, ao = (e) => {
     ...n
   };
 }, { parsed: [], failed: [] }), ho = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (y) => {
+  const { store: o, selection: i } = e, s = (m) => {
     if (n) {
-      const { parsed: p, error: _ } = n.parse(y);
-      p ? o.addAnnotation(p, G.REMOTE) : console.error(_);
+      const { parsed: y, error: w } = n.parse(m);
+      y ? o.addAnnotation(y, G.REMOTE) : console.error(w);
     } else
-      o.addAnnotation(ot(y), G.REMOTE);
-  }, r = () => i.clear(), l = () => o.clear(), a = (y) => {
-    const p = o.getAnnotation(y);
-    return n && p ? n.serialize(p) : p;
+      o.addAnnotation(ot(m), G.REMOTE);
+  }, r = () => i.clear(), l = () => o.clear(), a = (m) => {
+    const y = o.getAnnotation(m);
+    return n && y ? n.serialize(y) : y;
   }, c = () => n ? o.all().map(n.serialize) : o.all(), u = () => {
-    var y;
-    const p = (((y = i.selected) == null ? void 0 : y.map((_) => _.id)) || []).map((_) => o.getAnnotation(_)).filter(Boolean);
-    return n ? p.map(n.serialize) : p;
-  }, f = (y, p = !0) => fetch(y).then((_) => _.json()).then((_) => (g(_, p), _)), h = (y) => {
-    if (typeof y == "string") {
-      const p = o.getAnnotation(y);
-      if (o.deleteAnnotation(y), p)
-        return n ? n.serialize(p) : p;
+    var m;
+    const y = (((m = i.selected) == null ? void 0 : m.map((w) => w.id)) || []).map((w) => o.getAnnotation(w)).filter(Boolean);
+    return n ? y.map(n.serialize) : y;
+  }, f = (m, y = !0) => fetch(m).then((w) => w.json()).then((w) => (p(w, y), w)), h = (m) => {
+    if (typeof m == "string") {
+      const y = o.getAnnotation(m);
+      if (o.deleteAnnotation(m), y)
+        return n ? n.serialize(y) : y;
     } else {
-      const p = n ? n.parse(y).parsed : y;
-      if (p)
-        return o.deleteAnnotation(p), y;
+      const y = n ? n.parse(m).parsed : m;
+      if (y)
+        return o.deleteAnnotation(y), m;
     }
-  }, g = (y, p = !0) => {
+  }, p = (m, y = !0) => {
     if (n) {
-      const _ = n.parseAll || uo(n), { parsed: E, failed: I } = _(y);
-      I.length > 0 && console.warn(`Discarded ${I.length} invalid annotations`, I), o.bulkAddAnnotation(E, p, G.REMOTE);
+      const w = n.parseAll || uo(n), { parsed: E, failed: I } = w(m);
+      I.length > 0 && console.warn(`Discarded ${I.length} invalid annotations`, I), o.bulkAddAnnotation(E, y, G.REMOTE);
     } else
-      o.bulkAddAnnotation(y.map(ot), p, G.REMOTE);
-  }, m = (y, p) => {
-    y ? i.setSelected(y, p) : i.clear();
-  }, w = (y) => {
-    i.clear(), i.setUserSelectAction(y);
-  }, T = (y) => {
+      o.bulkAddAnnotation(m.map(ot), y, G.REMOTE);
+  }, g = (m, y) => {
+    m ? i.setSelected(m, y) : i.clear();
+  }, _ = (m) => {
+    i.clear(), i.setUserSelectAction(m);
+  }, A = (m) => {
     if (n) {
-      const p = n.parse(y).parsed, _ = n.serialize(o.getAnnotation(p.id));
-      return o.updateAnnotation(p), _;
+      const y = n.parse(m).parsed, w = n.serialize(o.getAnnotation(y.id));
+      return o.updateAnnotation(y), w;
     } else {
-      const p = o.getAnnotation(y.id);
-      return o.updateAnnotation(ot(y)), p;
+      const y = o.getAnnotation(m.id);
+      return o.updateAnnotation(ot(m)), y;
     }
   };
   return {
@@ -1146,15 +1147,16 @@ const lo = 250, ao = (e) => {
     clearAnnotations: l,
     getAnnotationById: a,
     getAnnotations: c,
+    getHistory: t.getHistory,
     getSelected: u,
     loadAnnotations: f,
     redo: t.redo,
     removeAnnotation: h,
-    setAnnotations: g,
-    setSelected: m,
-    setUserSelectAction: w,
+    setAnnotations: p,
+    setSelected: g,
+    setUserSelectAction: _,
     undo: t.undo,
-    updateAnnotation: T
+    updateAnnotation: A
   };
 }, Hi = (e, t, n) => typeof t == "function" ? t(e, n) : t, Fi = (e, t) => typeof e != "function" && typeof t != "function" ? {
   ...e || {},
@@ -1238,14 +1240,14 @@ const wo = () => ({ isGuest: !0, id: yo("1234567890abcdefghijklmnopqrstuvwxyzABC
   }, releaseColor: (t) => e.push(t) };
 };
 _o();
-const qi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => To(i, t), serialize: (i) => vo(i, e, t) }), To = (e, t = { strict: !0, invertY: !1 }) => {
+const qi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => To(i, t), serialize: (i) => Mo(i, e, t) }), To = (e, t = { strict: !0, invertY: !1 }) => {
   const n = e.id || tn(), {
     creator: o,
     created: i,
     modified: s,
     body: r,
     ...l
-  } = e, a = Eo(r || [], n), c = Array.isArray(e.target) ? e.target[0] : e.target, u = Array.isArray(c.selector) ? c.selector[0] : c.selector, f = (u == null ? void 0 : u.type) === "FragmentSelector" ? Dn(u, t.invertY) : (u == null ? void 0 : u.type) === "SvgSelector" ? Nn(u) : void 0;
+  } = e, a = Eo(r || [], n), c = Array.isArray(e.target) ? e.target[0] : e.target, u = Array.isArray(c.selector) ? c.selector[0] : c.selector, f = (u == null ? void 0 : u.type) === "FragmentSelector" ? Dn(u, t.invertY) : (u == null ? void 0 : u.type) === "SvgSelector" ? Rn(u) : void 0;
   return f || !t.strict ? {
     parsed: {
       ...l,
@@ -1263,7 +1265,7 @@ const qi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => To(i, t), se
   } : {
     error: Error(`Invalid selector: ${JSON.stringify(u)}`)
   };
-}, vo = (e, t, n = { strict: !0, invertY: !1 }) => {
+}, Mo = (e, t, n = { strict: !0, invertY: !1 }) => {
   const {
     selector: o,
     creator: i,
@@ -1275,7 +1277,7 @@ const qi = (e, t = { strict: !0, invertY: !1 }) => ({ parse: (i) => To(i, t), se
   } = e.target;
   let c;
   try {
-    c = o.type == F.RECTANGLE ? Yn(o.geometry) : Un(o);
+    c = o.type == F.RECTANGLE ? Yn(o.geometry) : Nn(o);
   } catch (f) {
     if (n.strict)
       throw f;
@@ -1355,21 +1357,21 @@ function kt(e) {
     }
   };
 }
-function Mo(e) {
+function vo(e) {
   let t, n, o, i, s, r, l, a, c, u, f, h = Le(
     /*geom*/
     e[4].points
-  ), g = [];
-  for (let w = 0; w < h.length; w += 1)
-    g[w] = kt(Lt(e, h, w));
-  const m = (w) => C(g[w], 1, 1, () => {
-    g[w] = null;
+  ), p = [];
+  for (let _ = 0; _ < h.length; _ += 1)
+    p[_] = kt(Lt(e, h, _));
+  const g = (_) => C(p[_], 1, 1, () => {
+    p[_] = null;
   });
   return {
     c() {
       t = X("polygon"), i = ie(), s = X("polygon"), l = ie();
-      for (let w = 0; w < g.length; w += 1)
-        g[w].c();
+      for (let _ = 0; _ < p.length; _ += 1)
+        p[_].c();
       a = le(), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), d(t, "points", o = /*geom*/
       e[4].points.map(It).join(" ")), d(s, "class", "a9s-inner a9s-shape-handle"), d(
@@ -1378,13 +1380,13 @@ function Mo(e) {
         /*computedStyle*/
         e[1]
       ), d(s, "points", r = /*geom*/
-      e[4].points.map(Ot).join(" "));
+      e[4].points.map(Bt).join(" "));
     },
-    m(w, T) {
-      B(w, t, T), B(w, i, T), B(w, s, T), B(w, l, T);
-      for (let y = 0; y < g.length; y += 1)
-        g[y] && g[y].m(w, T);
-      B(w, a, T), c = !0, u || (f = [
+    m(_, A) {
+      O(_, t, A), O(_, i, A), O(_, s, A), O(_, l, A);
+      for (let m = 0; m < p.length; m += 1)
+        p[m] && p[m].m(_, A);
+      O(_, a, A), c = !0, u || (f = [
         H(t, "pointerdown", function() {
           W(
             /*grab*/
@@ -1399,50 +1401,50 @@ function Mo(e) {
         })
       ], u = !0);
     },
-    p(w, T) {
-      if (e = w, (!c || T & /*computedStyle*/
+    p(_, A) {
+      if (e = _, (!c || A & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!c || T & /*geom*/
+      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!c || A & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].points.map(It).join(" "))) && d(t, "points", o), (!c || T & /*computedStyle*/
+      e[4].points.map(It).join(" "))) && d(t, "points", o), (!c || A & /*computedStyle*/
       2) && d(
         s,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!c || T & /*geom*/
+      ), (!c || A & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].points.map(Ot).join(" "))) && d(s, "points", r), T & /*geom, viewportScale, grab*/
+      e[4].points.map(Bt).join(" "))) && d(s, "points", r), A & /*geom, viewportScale, grab*/
       536) {
         h = Le(
           /*geom*/
           e[4].points
         );
-        let y;
-        for (y = 0; y < h.length; y += 1) {
-          const p = Lt(e, h, y);
-          g[y] ? (g[y].p(p, T), Y(g[y], 1)) : (g[y] = kt(p), g[y].c(), Y(g[y], 1), g[y].m(a.parentNode, a));
+        let m;
+        for (m = 0; m < h.length; m += 1) {
+          const y = Lt(e, h, m);
+          p[m] ? (p[m].p(y, A), Y(p[m], 1)) : (p[m] = kt(y), p[m].c(), Y(p[m], 1), p[m].m(a.parentNode, a));
         }
-        for (se(), y = h.length; y < g.length; y += 1)
-          m(y);
+        for (se(), m = h.length; m < p.length; m += 1)
+          g(m);
         re();
       }
     },
-    i(w) {
+    i(_) {
       if (!c) {
-        for (let T = 0; T < h.length; T += 1)
-          Y(g[T]);
+        for (let A = 0; A < h.length; A += 1)
+          Y(p[A]);
         c = !0;
       }
     },
-    o(w) {
-      g = g.filter(Boolean);
-      for (let T = 0; T < g.length; T += 1)
-        C(g[T]);
+    o(_) {
+      p = p.filter(Boolean);
+      for (let A = 0; A < p.length; A += 1)
+        C(p[A]);
       c = !1;
     },
-    d(w) {
-      w && (O(t), O(i), O(s), O(l), O(a)), gt(g, w), u = !1, ge(f);
+    d(_) {
+      _ && (B(t), B(i), B(s), B(l), B(a)), gt(p, _), u = !1, ge(f);
     }
   };
 }
@@ -1464,7 +1466,7 @@ function Lo(e) {
       ),
       $$slots: {
         default: [
-          Mo,
+          vo,
           ({ grab: o }) => ({ 9: o }),
           ({ grab: o }) => o ? 512 : 0
         ]
@@ -1510,15 +1512,15 @@ function Lo(e) {
     }
   };
 }
-const It = (e) => e.join(","), Ot = (e) => e.join(",");
+const It = (e) => e.join(","), Bt = (e) => e.join(",");
 function ko(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
-  const a = (h, g, m) => {
-    let w;
-    const T = h.geometry;
-    g === "SHAPE" ? w = T.points.map(([p, _]) => [p + m[0], _ + m[1]]) : w = T.points.map(([p, _], E) => g === `HANDLE-${E}` ? [p + m[0], _ + m[1]] : [p, _]);
-    const y = Ke(w);
-    return { ...h, geometry: { points: w, bounds: y } };
+  const a = (h, p, g) => {
+    let _;
+    const A = h.geometry;
+    p === "SHAPE" ? _ = A.points.map(([y, w]) => [y + g[0], w + g[1]]) : _ = A.points.map(([y, w], E) => p === `HANDLE-${E}` ? [y + g[0], w + g[1]] : [y, w]);
+    const m = Ke(_);
+    return { ...h, geometry: { points: _, bounds: m } };
   };
   function c(h) {
     me.call(this, e, h);
@@ -1560,7 +1562,7 @@ const st = (e, t) => {
   const n = Math.abs(t[0] - e[0]), o = Math.abs(t[1] - e[1]);
   return Math.sqrt(Math.pow(n, 2) + Math.pow(o, 2));
 }, Ae = [];
-function Oo(e, t = j) {
+function Bo(e, t = j) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
@@ -1586,7 +1588,7 @@ function Oo(e, t = j) {
   }
   return { set: i, update: s, subscribe: r };
 }
-const Bo = (e, t) => {
+const Oo = (e, t) => {
   const { naturalWidth: n, naturalHeight: o } = e;
   if (!n && !o) {
     const { width: i, height: s } = e;
@@ -1597,8 +1599,8 @@ const Bo = (e, t) => {
   } else
     t.setAttribute("viewBox", `0 0 ${n} ${o}`);
 }, Do = (e, t) => {
-  Bo(e, t);
-  const { subscribe: n, set: o } = Oo(1);
+  Oo(e, t);
+  const { subscribe: n, set: o } = Bo(1);
   let i;
   return window.ResizeObserver && (i = new ResizeObserver(() => {
     const r = t.getBoundingClientRect(), { width: l, height: a } = t.viewBox.baseVal, c = Math.max(
@@ -1633,7 +1635,7 @@ function Po(e) {
       );
     },
     m(l, a) {
-      B(l, t, a), s || (r = H(
+      O(l, t, a), s || (r = H(
         t,
         "pointerdown",
         /*pointerdown_handler_2*/
@@ -1664,7 +1666,7 @@ function Po(e) {
       );
     },
     d(l) {
-      l && O(t), s = !1, r();
+      l && B(t), s = !1, r();
     }
   };
 }
@@ -1707,7 +1709,7 @@ function Co(e) {
       ), d(t, "class", "a9s-touch-handle");
     },
     m(u, f) {
-      B(u, t, f), he(t, n), he(t, i), a || (c = [
+      O(u, t, f), he(t, n), he(t, i), a || (c = [
         H(
           n,
           "pointerdown",
@@ -1791,7 +1793,7 @@ function Co(e) {
       );
     },
     d(u) {
-      u && O(t), a = !1, ge(c);
+      u && B(t), a = !1, ge(c);
     }
   };
 }
@@ -1806,7 +1808,7 @@ function Xo(e) {
       i.c(), t = le();
     },
     m(s, r) {
-      i.m(s, r), B(s, t, r);
+      i.m(s, r), O(s, t, r);
     },
     p(s, [r]) {
       i.p(s, r);
@@ -1814,26 +1816,26 @@ function Xo(e) {
     i: j,
     o: j,
     d(s) {
-      s && O(t), i.d(s);
+      s && B(t), i.d(s);
     }
   };
 }
-function Ro(e, t, n) {
+function Uo(e, t, n) {
   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);
+  const c = (g) => {
+    g.pointerType === "touch" && n(4, a = !0);
   }, u = () => n(4, a = !1);
-  function f(m) {
-    me.call(this, e, m);
+  function f(g) {
+    me.call(this, e, g);
   }
-  function h(m) {
-    me.call(this, e, m);
+  function h(g) {
+    me.call(this, e, g);
   }
-  function g(m) {
-    me.call(this, e, m);
+  function p(g) {
+    me.call(this, e, g);
   }
-  return e.$$set = (m) => {
-    n(8, t = ft(ft({}, t), bt(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);
+  return e.$$set = (g) => {
+    n(8, t = ft(ft({}, t), bt(g))), "x" in g && n(0, i = g.x), "y" in g && n(1, s = g.y), "scale" in g && n(2, r = g.scale), "radius" in g && n(3, l = g.radius);
   }, e.$$.update = () => {
     e.$$.dirty & /*scale*/
     4 && n(5, o = 10 / r);
@@ -1849,16 +1851,16 @@ function Ro(e, t, n) {
     t,
     f,
     h,
-    g
+    p
   ];
 }
 class Ye extends ne {
   constructor(t) {
-    super(), te(this, t, Ro, Xo, Q, { x: 0, y: 1, scale: 2, radius: 3 });
+    super(), te(this, t, Uo, Xo, Q, { x: 0, y: 1, scale: 2, radius: 3 });
   }
 }
-function No(e) {
-  let t, n, o, i, s, r, l, a, c, u, f, h, g, m, w, T, y, p, _, E, I, R, U, V, Z, A, S, b, v, P, D, z, oe, ae, Ie, ce, Oe, fe, Be, ue, N, k, J;
+function Ro(e) {
+  let t, n, o, i, s, r, l, a, c, u, f, h, p, g, _, A, m, y, w, E, I, U, N, V, Z, S, T, b, M, P, D, z, oe, ae, Ie, ce, Be, fe, Oe, ue, R, k, J;
   return ae = new Ye({
     props: {
       class: "a9s-corner-handle-topleft",
@@ -1949,7 +1951,7 @@ function No(e) {
     ) && e[9]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = X("rect"), l = ie(), a = X("rect"), g = ie(), m = X("rect"), p = ie(), _ = X("rect"), U = ie(), V = X("rect"), b = ie(), v = X("rect"), oe = ie(), ee(ae.$$.fragment), Ie = ie(), ee(ce.$$.fragment), Oe = ie(), ee(fe.$$.fragment), Be = ie(), ee(ue.$$.fragment), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
+      t = X("rect"), l = ie(), a = X("rect"), p = ie(), g = X("rect"), y = ie(), w = X("rect"), N = ie(), V = X("rect"), b = ie(), M = X("rect"), oe = ie(), ee(ae.$$.fragment), Ie = ie(), ee(ce.$$.fragment), Be = ie(), ee(fe.$$.fragment), Oe = ie(), ee(ue.$$.fragment), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), d(t, "x", o = /*geom*/
       e[4].x), d(t, "y", i = /*geom*/
       e[4].y), d(t, "width", s = /*geom*/
@@ -1963,24 +1965,24 @@ function No(e) {
       e[4].x), d(a, "y", u = /*geom*/
       e[4].y), d(a, "width", f = /*geom*/
       e[4].w), d(a, "height", h = /*geom*/
-      e[4].h), d(m, "class", "a9s-edge-handle a9s-edge-handle-top"), d(m, "x", w = /*geom*/
-      e[4].x), d(m, "y", T = /*geom*/
-      e[4].y), d(m, "height", 1), d(m, "width", y = /*geom*/
-      e[4].w), d(_, "class", "a9s-edge-handle a9s-edge-handle-right"), d(_, "x", E = /*geom*/
+      e[4].h), d(g, "class", "a9s-edge-handle a9s-edge-handle-top"), d(g, "x", _ = /*geom*/
+      e[4].x), d(g, "y", A = /*geom*/
+      e[4].y), d(g, "height", 1), d(g, "width", m = /*geom*/
+      e[4].w), d(w, "class", "a9s-edge-handle a9s-edge-handle-right"), d(w, "x", E = /*geom*/
       e[4].x + /*geom*/
-      e[4].w), d(_, "y", I = /*geom*/
-      e[4].y), d(_, "height", R = /*geom*/
-      e[4].h), d(_, "width", 1), d(V, "class", "a9s-edge-handle a9s-edge-handle-bottom"), d(V, "x", Z = /*geom*/
-      e[4].x), d(V, "y", A = /*geom*/
+      e[4].w), d(w, "y", I = /*geom*/
+      e[4].y), d(w, "height", U = /*geom*/
+      e[4].h), d(w, "width", 1), d(V, "class", "a9s-edge-handle a9s-edge-handle-bottom"), d(V, "x", Z = /*geom*/
+      e[4].x), d(V, "y", S = /*geom*/
       e[4].y + /*geom*/
-      e[4].h), d(V, "height", 1), d(V, "width", S = /*geom*/
-      e[4].w), d(v, "class", "a9s-edge-handle a9s-edge-handle-left"), d(v, "x", P = /*geom*/
-      e[4].x), d(v, "y", D = /*geom*/
-      e[4].y), d(v, "height", z = /*geom*/
-      e[4].h), d(v, "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, p, M), B(L, _, M), B(L, U, M), B(L, V, M), B(L, b, M), B(L, v, 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(ue, L, M), N = !0, k || (J = [
+      e[4].h), d(V, "height", 1), d(V, "width", T = /*geom*/
+      e[4].w), d(M, "class", "a9s-edge-handle a9s-edge-handle-left"), d(M, "x", P = /*geom*/
+      e[4].x), d(M, "y", D = /*geom*/
+      e[4].y), d(M, "height", z = /*geom*/
+      e[4].h), d(M, "width", 1);
+    },
+    m(L, v) {
+      O(L, t, v), O(L, l, v), O(L, a, v), O(L, p, v), O(L, g, v), O(L, y, v), O(L, w, v), O(L, N, v), O(L, V, v), O(L, b, v), O(L, M, v), O(L, oe, v), x(ae, L, v), O(L, Ie, v), x(ce, L, v), O(L, Be, v), x(fe, L, v), O(L, Oe, v), x(ue, L, v), R = !0, k || (J = [
         H(t, "pointerdown", function() {
           W(
             /*grab*/
@@ -1993,13 +1995,13 @@ function No(e) {
             e[9]("SHAPE")
           ) && e[9]("SHAPE").apply(this, arguments);
         }),
-        H(m, "pointerdown", function() {
+        H(g, "pointerdown", function() {
           W(
             /*grab*/
             e[9]("TOP")
           ) && e[9]("TOP").apply(this, arguments);
         }),
-        H(_, "pointerdown", function() {
+        H(w, "pointerdown", function() {
           W(
             /*grab*/
             e[9]("RIGHT")
@@ -2011,7 +2013,7 @@ function No(e) {
             e[9]("BOTTOM")
           ) && e[9]("BOTTOM").apply(this, arguments);
         }),
-        H(v, "pointerdown", function() {
+        H(M, "pointerdown", function() {
           W(
             /*grab*/
             e[9]("LEFT")
@@ -2019,107 +2021,107 @@ function No(e) {
         })
       ], k = !0);
     },
-    p(L, M) {
-      e = L, (!N || M & /*computedStyle*/
+    p(L, v) {
+      e = L, (!R || v & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!N || M & /*geom*/
+      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!R || v & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].x)) && d(t, "x", o), (!N || M & /*geom*/
+      e[4].x)) && d(t, "x", o), (!R || v & /*geom*/
       16 && i !== (i = /*geom*/
-      e[4].y)) && d(t, "y", i), (!N || M & /*geom*/
+      e[4].y)) && d(t, "y", i), (!R || v & /*geom*/
       16 && s !== (s = /*geom*/
-      e[4].w)) && d(t, "width", s), (!N || M & /*geom*/
+      e[4].w)) && d(t, "width", s), (!R || v & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].h)) && d(t, "height", r), (!N || M & /*computedStyle*/
+      e[4].h)) && d(t, "height", r), (!R || v & /*computedStyle*/
       2) && d(
         a,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!N || M & /*geom*/
+      ), (!R || v & /*geom*/
       16 && c !== (c = /*geom*/
-      e[4].x)) && d(a, "x", c), (!N || M & /*geom*/
+      e[4].x)) && d(a, "x", c), (!R || v & /*geom*/
       16 && u !== (u = /*geom*/
-      e[4].y)) && d(a, "y", u), (!N || M & /*geom*/
+      e[4].y)) && d(a, "y", u), (!R || v & /*geom*/
       16 && f !== (f = /*geom*/
-      e[4].w)) && d(a, "width", f), (!N || M & /*geom*/
+      e[4].w)) && d(a, "width", f), (!R || v & /*geom*/
       16 && h !== (h = /*geom*/
-      e[4].h)) && d(a, "height", h), (!N || M & /*geom*/
-      16 && w !== (w = /*geom*/
-      e[4].x)) && d(m, "x", w), (!N || M & /*geom*/
-      16 && T !== (T = /*geom*/
-      e[4].y)) && d(m, "y", T), (!N || M & /*geom*/
-      16 && y !== (y = /*geom*/
-      e[4].w)) && d(m, "width", y), (!N || M & /*geom*/
+      e[4].h)) && d(a, "height", h), (!R || v & /*geom*/
+      16 && _ !== (_ = /*geom*/
+      e[4].x)) && d(g, "x", _), (!R || v & /*geom*/
+      16 && A !== (A = /*geom*/
+      e[4].y)) && d(g, "y", A), (!R || v & /*geom*/
+      16 && m !== (m = /*geom*/
+      e[4].w)) && d(g, "width", m), (!R || v & /*geom*/
       16 && E !== (E = /*geom*/
       e[4].x + /*geom*/
-      e[4].w)) && d(_, "x", E), (!N || M & /*geom*/
+      e[4].w)) && d(w, "x", E), (!R || v & /*geom*/
       16 && I !== (I = /*geom*/
-      e[4].y)) && d(_, "y", I), (!N || M & /*geom*/
-      16 && R !== (R = /*geom*/
-      e[4].h)) && d(_, "height", R), (!N || M & /*geom*/
+      e[4].y)) && d(w, "y", I), (!R || v & /*geom*/
+      16 && U !== (U = /*geom*/
+      e[4].h)) && d(w, "height", U), (!R || v & /*geom*/
       16 && Z !== (Z = /*geom*/
-      e[4].x)) && d(V, "x", Z), (!N || M & /*geom*/
-      16 && A !== (A = /*geom*/
-      e[4].y + /*geom*/
-      e[4].h)) && d(V, "y", A), (!N || M & /*geom*/
+      e[4].x)) && d(V, "x", Z), (!R || v & /*geom*/
       16 && S !== (S = /*geom*/
-      e[4].w)) && d(V, "width", S), (!N || M & /*geom*/
+      e[4].y + /*geom*/
+      e[4].h)) && d(V, "y", S), (!R || v & /*geom*/
+      16 && T !== (T = /*geom*/
+      e[4].w)) && d(V, "width", T), (!R || v & /*geom*/
       16 && P !== (P = /*geom*/
-      e[4].x)) && d(v, "x", P), (!N || M & /*geom*/
+      e[4].x)) && d(M, "x", P), (!R || v & /*geom*/
       16 && D !== (D = /*geom*/
-      e[4].y)) && d(v, "y", D), (!N || M & /*geom*/
+      e[4].y)) && d(M, "y", D), (!R || v & /*geom*/
       16 && z !== (z = /*geom*/
-      e[4].h)) && d(v, "height", z);
+      e[4].h)) && d(M, "height", z);
       const de = {};
-      M & /*geom*/
+      v & /*geom*/
       16 && (de.x = /*geom*/
-      e[4].x), M & /*geom*/
+      e[4].x), v & /*geom*/
       16 && (de.y = /*geom*/
-      e[4].y), M & /*viewportScale*/
+      e[4].y), v & /*viewportScale*/
       8 && (de.scale = /*viewportScale*/
       e[3]), ae.$set(de);
       const _e = {};
-      M & /*geom*/
+      v & /*geom*/
       16 && (_e.x = /*geom*/
       e[4].x + /*geom*/
-      e[4].w), M & /*geom*/
+      e[4].w), v & /*geom*/
       16 && (_e.y = /*geom*/
-      e[4].y), M & /*viewportScale*/
+      e[4].y), v & /*viewportScale*/
       8 && (_e.scale = /*viewportScale*/
       e[3]), ce.$set(_e);
-      const Ue = {};
-      M & /*geom*/
-      16 && (Ue.x = /*geom*/
+      const Ne = {};
+      v & /*geom*/
+      16 && (Ne.x = /*geom*/
       e[4].x + /*geom*/
-      e[4].w), M & /*geom*/
-      16 && (Ue.y = /*geom*/
+      e[4].w), v & /*geom*/
+      16 && (Ne.y = /*geom*/
       e[4].y + /*geom*/
-      e[4].h), M & /*viewportScale*/
-      8 && (Ue.scale = /*viewportScale*/
-      e[3]), fe.$set(Ue);
+      e[4].h), v & /*viewportScale*/
+      8 && (Ne.scale = /*viewportScale*/
+      e[3]), fe.$set(Ne);
       const Ve = {};
-      M & /*geom*/
+      v & /*geom*/
       16 && (Ve.x = /*geom*/
-      e[4].x), M & /*geom*/
+      e[4].x), v & /*geom*/
       16 && (Ve.y = /*geom*/
       e[4].y + /*geom*/
-      e[4].h), M & /*viewportScale*/
+      e[4].h), v & /*viewportScale*/
       8 && (Ve.scale = /*viewportScale*/
       e[3]), ue.$set(Ve);
     },
     i(L) {
-      N || (Y(ae.$$.fragment, L), Y(ce.$$.fragment, L), Y(fe.$$.fragment, L), Y(ue.$$.fragment, L), N = !0);
+      R || (Y(ae.$$.fragment, L), Y(ce.$$.fragment, L), Y(fe.$$.fragment, L), Y(ue.$$.fragment, L), R = !0);
     },
     o(L) {
-      C(ae.$$.fragment, L), C(ce.$$.fragment, L), C(fe.$$.fragment, L), C(ue.$$.fragment, L), N = !1;
+      C(ae.$$.fragment, L), C(ce.$$.fragment, L), C(fe.$$.fragment, L), C(ue.$$.fragment, L), R = !1;
     },
     d(L) {
-      L && (O(t), O(l), O(a), O(g), O(m), O(p), O(_), O(U), O(V), O(b), O(v), O(oe), O(Ie), O(Oe), O(Be)), $(ae, L), $(ce, L), $(fe, L), $(ue, L), k = !1, ge(J);
+      L && (B(t), B(l), B(a), B(p), B(g), B(y), B(w), B(N), B(V), B(b), B(M), B(oe), B(Ie), B(Be), B(Oe)), $(ae, L), $(ce, L), $(fe, L), $(ue, L), k = !1, ge(J);
     }
   };
 }
-function Uo(e) {
+function No(e) {
   let t, n;
   return t = new an({
     props: {
@@ -2137,7 +2139,7 @@ function Uo(e) {
       ),
       $$slots: {
         default: [
-          No,
+          Ro,
           ({ grab: o }) => ({ 9: o }),
           ({ grab: o }) => o ? 512 : 0
         ]
@@ -2185,55 +2187,55 @@ function Uo(e) {
 }
 function Vo(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
-  const a = (h, g, m) => {
-    const w = h.geometry.bounds;
-    let [T, y] = [w.minX, w.minY], [p, _] = [w.maxX, w.maxY];
-    const [E, I] = m;
-    if (g === "SHAPE")
-      T += E, p += E, y += I, _ += I;
+  const a = (h, p, g) => {
+    const _ = h.geometry.bounds;
+    let [A, m] = [_.minX, _.minY], [y, w] = [_.maxX, _.maxY];
+    const [E, I] = g;
+    if (p === "SHAPE")
+      A += E, y += E, m += I, w += I;
     else {
-      switch (g) {
+      switch (p) {
         case "TOP":
         case "TOP_LEFT":
         case "TOP_RIGHT": {
-          y += I;
+          m += I;
           break;
         }
         case "BOTTOM":
         case "BOTTOM_LEFT":
         case "BOTTOM_RIGHT": {
-          _ += I;
+          w += I;
           break;
         }
       }
-      switch (g) {
+      switch (p) {
         case "LEFT":
         case "TOP_LEFT":
         case "BOTTOM_LEFT": {
-          T += E;
+          A += E;
           break;
         }
         case "RIGHT":
         case "TOP_RIGHT":
         case "BOTTOM_RIGHT": {
-          p += E;
+          y += E;
           break;
         }
       }
     }
-    const R = Math.min(T, p), U = Math.min(y, _), V = Math.abs(p - T), Z = Math.abs(_ - y);
+    const U = Math.min(A, y), N = Math.min(m, w), V = Math.abs(y - A), Z = Math.abs(w - m);
     return {
       ...h,
       geometry: {
-        x: R,
-        y: U,
+        x: U,
+        y: N,
         w: V,
         h: Z,
         bounds: {
-          minX: R,
-          minY: U,
-          maxX: R + V,
-          maxY: U + Z
+          minX: U,
+          minY: N,
+          maxX: U + V,
+          maxY: N + Z
         }
       }
     };
@@ -2266,7 +2268,7 @@ function Vo(e, t, n) {
 }
 class Go extends ne {
   constructor(t) {
-    super(), te(this, t, Vo, Uo, Q, {
+    super(), te(this, t, Vo, No, Q, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -2277,7 +2279,7 @@ class Go extends ne {
 const ln = /* @__PURE__ */ new Map([
   [F.RECTANGLE, Go],
   [F.POLYGON, Io]
-]), jo = (e) => ln.get(e.type), zo = (e, t) => ln.set(e, t), Ho = (e) => ({}), Bt = (e) => ({ grab: (
+]), jo = (e) => ln.get(e.type), zo = (e, t) => ln.set(e, t), Ho = (e) => ({}), Ot = (e) => ({ grab: (
   /*onGrab*/
   e[0]
 ) });
@@ -2291,14 +2293,14 @@ function Fo(e) {
     e,
     /*$$scope*/
     e[6],
-    Bt
+    Ot
   );
   return {
     c() {
       t = X("g"), r && r.c(), d(t, "class", "a9s-annotation selected");
     },
     m(l, a) {
-      B(l, t, a), r && r.m(t, null), n = !0, o || (i = [
+      O(l, t, a), r && r.m(t, null), n = !0, o || (i = [
         H(
           t,
           "pointerup",
@@ -2331,7 +2333,7 @@ function Fo(e) {
           /*$$scope*/
           l[6]
         ),
-        Bt
+        Ot
       );
     },
     i(l) {
@@ -2341,7 +2343,7 @@ function Fo(e) {
       C(r, l), n = !1;
     },
     d(l) {
-      l && O(t), r && r.d(l), o = !1, ge(i);
+      l && B(t), r && r.d(l), o = !1, ge(i);
     }
   };
 }
@@ -2349,19 +2351,19 @@ function Wo(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
   const s = ke();
   let { shape: r } = t, { editor: l } = t, { transform: a } = t, c, u, f;
-  const h = (w) => (T) => {
-    c = w, u = a.elementToImage(T.offsetX, T.offsetY), f = r, T.target.setPointerCapture(T.pointerId), s("grab", T);
-  }, g = (w) => {
+  const h = (_) => (A) => {
+    c = _, u = a.elementToImage(A.offsetX, A.offsetY), f = r, A.target.setPointerCapture(A.pointerId), s("grab", A);
+  }, p = (_) => {
     if (c) {
-      const [T, y] = a.elementToImage(w.offsetX, w.offsetY), p = [T - u[0], y - u[1]];
-      n(3, r = l(f, c, p)), s("change", r);
+      const [A, m] = a.elementToImage(_.offsetX, _.offsetY), y = [A - u[0], m - u[1]];
+      n(3, r = l(f, c, y)), s("change", r);
     }
-  }, m = (w) => {
-    w.target.releasePointerCapture(w.pointerId), c = void 0, f = r, s("release", w);
+  }, g = (_) => {
+    _.target.releasePointerCapture(_.pointerId), c = void 0, f = r, s("release", _);
   };
-  return e.$$set = (w) => {
-    "shape" in w && n(3, r = w.shape), "editor" in w && n(4, l = w.editor), "transform" in w && n(5, a = w.transform), "$$scope" in w && n(6, i = w.$$scope);
-  }, [h, g, m, r, l, a, i, o];
+  return e.$$set = (_) => {
+    "shape" in _ && n(3, r = _.shape), "editor" in _ && n(4, l = _.editor), "transform" in _ && n(5, a = _.transform), "$$scope" in _ && n(6, i = _.$$scope);
+  }, [h, p, g, r, l, a, i, o];
 }
 class an extends ne {
   constructor(t) {
@@ -2380,7 +2382,7 @@ function qo(e, t, n) {
   let o;
   const i = ke();
   let { annotation: s } = t, { editor: r } = t, { style: l } = t, { target: a } = t, { transform: c } = t, { viewportScale: u } = t, f;
-  return Ne(() => (n(6, f = new r({
+  return Re(() => (n(6, f = new r({
     target: a,
     props: {
       shape: s.target.selector,
@@ -2427,9 +2429,9 @@ class Ko extends ne {
 function Jo(e, t, n) {
   const o = ke();
   let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: l } = t, { viewportScale: a } = t, c;
-  return Ne(() => {
-    const u = s.closest("svg"), f = [], h = (g, m, w) => {
-      u == null || u.addEventListener(g, m, w), f.push(() => u == null ? void 0 : u.removeEventListener(g, m, w));
+  return Re(() => {
+    const u = s.closest("svg"), f = [], h = (p, g, _) => {
+      u == null || u.addEventListener(p, g, _), f.push(() => u == null ? void 0 : u.removeEventListener(p, g, _));
     };
     return n(5, c = new r({
       target: s,
@@ -2439,8 +2441,8 @@ function Jo(e, t, n) {
         transform: l,
         viewportScale: a
       }
-    })), c.$on("create", (g) => o("create", g.detail)), () => {
-      f.forEach((g) => g()), c.$destroy();
+    })), c.$on("create", (p) => o("create", p.detail)), () => {
+      f.forEach((p) => p()), c.$destroy();
     };
   }), e.$$set = (u) => {
     "drawingMode" in u && n(0, i = u.drawingMode), "target" in u && n(1, s = u.target), "tool" in u && n(2, r = u.tool), "transform" in u && n(3, l = u.transform), "viewportScale" in u && n(4, a = u.viewportScale);
@@ -2508,7 +2510,7 @@ function Dt(e) {
       );
     },
     m(o, i) {
-      B(o, t, i), B(o, n, i);
+      O(o, t, i), O(o, n, i);
     },
     p(o, i) {
       i & /*x*/
@@ -2562,7 +2564,7 @@ function Dt(e) {
       );
     },
     d(o) {
-      o && (O(t), O(n));
+      o && (B(t), B(n));
     }
   };
 }
@@ -2576,7 +2578,7 @@ function Zo(e) {
       t = X("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      B(o, t, i), n && n.m(t, null);
+      O(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*origin*/
@@ -2585,51 +2587,51 @@ function Zo(e) {
     i: j,
     o: j,
     d(o) {
-      o && O(t), n && n.d();
+      o && B(t), n && n.d();
     }
   };
 }
 function xo(e, t, n) {
   const o = ke();
-  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, l, a, c, u, f, h, g;
-  const m = (p) => {
-    const _ = p;
-    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, g = 1));
-  }, w = (p) => {
-    const _ = p;
-    a && (c = r.elementToImage(_.offsetX, _.offsetY), n(1, u = Math.min(c[0], a[0])), n(2, f = Math.min(c[1], a[1])), n(3, h = Math.abs(c[0] - a[0])), n(4, g = Math.abs(c[1] - a[1])));
-  }, T = (p) => {
-    const _ = p, E = performance.now() - l;
+  let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, l, a, c, u, f, h, p;
+  const g = (y) => {
+    const w = y;
+    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, p = 1));
+  }, _ = (y) => {
+    const w = y;
+    a && (c = r.elementToImage(w.offsetX, w.offsetY), n(1, u = Math.min(c[0], a[0])), n(2, f = Math.min(c[1], a[1])), n(3, h = Math.abs(c[0] - a[0])), n(4, p = Math.abs(c[1] - a[1])));
+  }, A = (y) => {
+    const w = y, E = performance.now() - l;
     if (s === "click") {
       if (E > 300) return;
-      a ? y() : (n(0, a = r.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, g = 1));
-    } else a && (E > 300 || h * g > 100 ? (_.stopPropagation(), y()) : (n(0, a = void 0), c = void 0));
-  }, y = () => {
-    if (h * g > 15) {
-      const p = {
+      a ? m() : (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, p = 1));
+    } else a && (E > 300 || h * p > 100 ? (w.stopPropagation(), m()) : (n(0, a = void 0), c = void 0));
+  }, m = () => {
+    if (h * p > 15) {
+      const y = {
         type: F.RECTANGLE,
         geometry: {
           bounds: {
             minX: u,
             minY: f,
             maxX: u + h,
-            maxY: f + g
+            maxY: f + p
           },
           x: u,
           y: f,
           w: h,
-          h: g
+          h: p
         }
       };
-      o("create", p);
+      o("create", y);
     }
     n(0, a = void 0), c = void 0;
   };
-  return Ne(() => {
-    i("pointerdown", m), i("pointermove", w), i("pointerup", T, !0);
-  }), e.$$set = (p) => {
-    "addEventListener" in p && n(5, i = p.addEventListener), "drawingMode" in p && n(6, s = p.drawingMode), "transform" in p && n(7, r = p.transform);
-  }, [a, u, f, h, g, i, s, r];
+  return Re(() => {
+    i("pointerdown", g), i("pointermove", _), i("pointerup", A, !0);
+  }), e.$$set = (y) => {
+    "addEventListener" in y && n(5, i = y.addEventListener), "drawingMode" in y && n(6, s = y.drawingMode), "transform" in y && n(7, r = y.transform);
+  }, [a, u, f, h, p, i, s, r];
 }
 class $o extends ne {
   constructor(t) {
@@ -2667,7 +2669,7 @@ function Yt(e) {
       e[16]);
     },
     m(l, a) {
-      B(l, t, a), B(l, o, a), r && r.m(l, a), B(l, s, a);
+      O(l, t, a), O(l, o, a), r && r.m(l, a), O(l, s, a);
     },
     p(l, a) {
       a & /*isClosable, points, cursor*/
@@ -2678,7 +2680,7 @@ function Yt(e) {
       l[2] ? r ? r.p(l, a) : (r = Pt(l), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
     },
     d(l) {
-      l && (O(t), O(o), O(s)), r && r.d(l);
+      l && (B(t), B(o), B(s)), r && r.d(l);
     }
   };
 }
@@ -2703,7 +2705,7 @@ function Pt(e) {
       );
     },
     m(i, s) {
-      B(i, t, s);
+      O(i, t, s);
     },
     p(i, s) {
       s & /*points, handleSize*/
@@ -2727,7 +2729,7 @@ function Pt(e) {
       );
     },
     d(i) {
-      i && O(t);
+      i && B(t);
     }
   };
 }
@@ -2741,7 +2743,7 @@ function ei(e) {
       t = X("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
     },
     m(o, i) {
-      B(o, t, i), n && n.m(t, null);
+      O(o, t, i), n && n.m(t, null);
     },
     p(o, [i]) {
       /*cursor*/
@@ -2750,7 +2752,7 @@ function ei(e) {
     i: j,
     o: j,
     d(o) {
-      o && O(t), n && n.d();
+      o && B(t), n && n.d();
     }
   };
 }
@@ -2758,37 +2760,37 @@ const ti = 20, ni = 1500;
 function oi(e, t, n) {
   let o;
   const i = ke();
-  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, u = [], f, h, g = !1;
-  const m = (_) => {
-    const E = _, { timeStamp: I, offsetX: R, offsetY: U } = E;
-    if (c = { timeStamp: I, offsetX: R, offsetY: U }, r === "drag" && u.length === 0) {
+  let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, u = [], f, h, p = !1;
+  const g = (w) => {
+    const E = w, { timeStamp: I, offsetX: U, offsetY: N } = E;
+    if (c = { timeStamp: I, offsetX: U, offsetY: N }, r === "drag" && u.length === 0) {
       const V = l.elementToImage(E.offsetX, E.offsetY);
       u.push(V), n(1, f = V);
     }
-  }, w = (_) => {
-    const E = _;
+  }, _ = (w) => {
+    const E = w;
     if (h && clearTimeout(h), u.length > 0) {
       if (n(1, f = l.elementToImage(E.offsetX, E.offsetY)), u.length > 2) {
         const I = st(f, u[0]) * a;
-        n(2, g = I < ti);
+        n(2, p = I < ti);
       }
       E.pointerType === "touch" && (h = setTimeout(
         () => {
-          y();
+          m();
         },
         ni
       ));
     }
-  }, T = (_) => {
-    const E = _;
+  }, A = (w) => {
+    const E = w;
     if (h && clearTimeout(h), r === "click") {
-      const I = E.timeStamp - c.timeStamp, R = st([c.offsetX, c.offsetY], [E.offsetX, E.offsetY]);
-      if (I > 300 || R > 15) return;
-      if (g)
-        p();
+      const I = E.timeStamp - c.timeStamp, U = st([c.offsetX, c.offsetY], [E.offsetX, E.offsetY]);
+      if (I > 300 || U > 15) return;
+      if (p)
+        y();
       else if (u.length === 0) {
-        const U = l.elementToImage(E.offsetX, E.offsetY);
-        u.push(U), n(1, f = U);
+        const N = l.elementToImage(E.offsetX, E.offsetY);
+        u.push(N), n(1, f = N);
       } else
         u.push(f);
     } else {
@@ -2796,36 +2798,36 @@ function oi(e, t, n) {
         n(0, u = []), n(1, f = void 0);
         return;
       }
-      E.stopImmediatePropagation(), g ? p() : u.push(f);
+      E.stopImmediatePropagation(), p ? y() : u.push(f);
     }
-  }, y = () => {
+  }, m = () => {
     if (!f) return;
-    const _ = [...u, f], E = {
+    const w = [...u, f], E = {
       type: F.POLYGON,
-      geometry: { bounds: Ke(_), points: _ }
+      geometry: { bounds: Ke(w), points: w }
     };
     ht(E) > 4 && (n(0, u = []), n(1, f = void 0), i("create", E));
-  }, p = () => {
-    const _ = {
+  }, y = () => {
+    const w = {
       type: F.POLYGON,
       geometry: {
         bounds: Ke(u),
         points: [...u]
       }
     };
-    n(0, u = []), n(1, f = void 0), i("create", _);
+    n(0, u = []), n(1, f = void 0), i("create", w);
   };
-  return Ne(() => {
-    s("pointerdown", m, !0), s("pointermove", w), s("pointerup", T, !0), s("dblclick", y, !0);
-  }), e.$$set = (_) => {
-    "addEventListener" in _ && n(4, s = _.addEventListener), "drawingMode" in _ && n(5, r = _.drawingMode), "transform" in _ && n(6, l = _.transform), "viewportScale" in _ && n(7, a = _.viewportScale);
+  return Re(() => {
+    s("pointerdown", g, !0), s("pointermove", _), s("pointerup", A, !0), s("dblclick", m, !0);
+  }), e.$$set = (w) => {
+    "addEventListener" in w && n(4, s = w.addEventListener), "drawingMode" in w && n(5, r = w.drawingMode), "transform" in w && n(6, l = w.transform), "viewportScale" in w && n(7, a = w.viewportScale);
   }, e.$$.update = () => {
     e.$$.dirty & /*viewportScale*/
     128 && n(3, o = 10 / a);
   }, [
     u,
     f,
-    g,
+    p,
     o,
     s,
     r,
@@ -2901,7 +2903,7 @@ function ri(e) {
       e[0].id);
     },
     m(r, l) {
-      B(r, t, l), he(t, n), he(t, i);
+      O(r, t, l), he(t, n), he(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -2919,7 +2921,7 @@ function ri(e) {
     i: j,
     o: j,
     d(r) {
-      r && O(t);
+      r && B(t);
     }
   };
 }
@@ -2962,7 +2964,7 @@ function ci(e) {
       e[0].id);
     },
     m(r, l) {
-      B(r, t, l), he(t, n), he(t, i);
+      O(r, t, l), he(t, n), he(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -2980,7 +2982,7 @@ function ci(e) {
     i: j,
     o: j,
     d(r) {
-      r && O(t);
+      r && B(t);
     }
   };
 }
@@ -3054,7 +3056,7 @@ function gi(e) {
       e[0].id);
     },
     m(r, l) {
-      B(r, t, l), he(t, n), he(t, i);
+      O(r, t, l), he(t, n), he(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -3120,7 +3122,7 @@ function gi(e) {
     i: j,
     o: j,
     d(r) {
-      r && O(t);
+      r && B(t);
     }
   };
 }
@@ -3184,22 +3186,22 @@ function lt(e) {
   );
   return t[44] = n, t;
 }
-function Rt(e) {
+function Ut(e) {
   let t = (
     /*annotation*/
     e[41].id
-  ), n, o, i = Nt(e);
+  ), n, o, i = Rt(e);
   return {
     c() {
       i.c(), n = le();
     },
     m(s, r) {
-      i.m(s, r), B(s, n, r), o = !0;
+      i.m(s, r), O(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*$store*/
       32768 && Q(t, t = /*annotation*/
-      s[41].id) ? (se(), C(i, 1, 1, j), re(), i = Nt(s), i.c(), Y(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[41].id) ? (se(), C(i, 1, 1, j), re(), i = Rt(s), i.c(), Y(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
       o || (Y(i), o = !0);
@@ -3208,7 +3210,7 @@ function Rt(e) {
       C(i), o = !1;
     },
     d(s) {
-      s && O(n), i.d(s);
+      s && B(n), i.d(s);
     }
   };
 }
@@ -3349,7 +3351,7 @@ function Ai(e) {
     }
   };
 }
-function Nt(e) {
+function Rt(e) {
   let t, n, o, i;
   const s = [Ai, Ei, bi], r = [];
   function l(a, c) {
@@ -3370,7 +3372,7 @@ function Nt(e) {
       n && n.c(), o = le();
     },
     m(a, c) {
-      ~t && r[t].m(a, c), B(a, o, c), i = !0;
+      ~t && r[t].m(a, c), O(a, o, c), i = !0;
     },
     p(a, c) {
       let u = t;
@@ -3385,11 +3387,11 @@ function Nt(e) {
       C(n), i = !1;
     },
     d(a) {
-      a && O(o), ~t && r[t].d(a);
+      a && B(o), ~t && r[t].d(a);
     }
   };
 }
-function Ut(e) {
+function Nt(e) {
   let t = Je(
     /*annotation*/
     e[41]
@@ -3397,13 +3399,13 @@ function Ut(e) {
   e[8](
     /*annotation*/
     e[41]
-  ), n, o, i = t && Rt(lt(e));
+  ), n, o, i = t && Ut(lt(e));
   return {
     c() {
       i && i.c(), n = le();
     },
     m(s, r) {
-      i && i.m(s, r), B(s, n, r), o = !0;
+      i && i.m(s, r), O(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*$store, isEditable*/
@@ -3415,7 +3417,7 @@ function Ut(e) {
         /*annotation*/
         s[41]
       )), t ? i ? (i.p(lt(s), r), r[0] & /*$store, isEditable*/
-      33024 && Y(i, 1)) : (i = Rt(lt(s)), i.c(), Y(i, 1), i.m(n.parentNode, n)) : i && (se(), C(i, 1, 1, () => {
+      33024 && Y(i, 1)) : (i = Ut(lt(s)), i.c(), Y(i, 1), i.m(n.parentNode, n)) : i && (se(), C(i, 1, 1, () => {
         i = null;
       }), re());
     },
@@ -3426,7 +3428,7 @@ function Ut(e) {
       C(i), o = !1;
     },
     d(s) {
-      s && O(n), i && i.d(s);
+      s && B(n), i && i.d(s);
     }
   };
 }
@@ -3448,7 +3450,7 @@ function Vt(e) {
       n && n.c(), o = le();
     },
     m(a, c) {
-      ~t && r[t].m(a, c), B(a, o, c), i = !0;
+      ~t && r[t].m(a, c), O(a, o, c), i = !0;
     },
     p(a, c) {
       let u = t;
@@ -3463,7 +3465,7 @@ function Vt(e) {
       C(n), i = !1;
     },
     d(a) {
-      a && O(o), ~t && r[t].d(a);
+      a && B(o), ~t && r[t].d(a);
     }
   };
 }
@@ -3477,7 +3479,7 @@ function Si(e) {
       i.c(), n = le();
     },
     m(s, r) {
-      i.m(s, r), B(s, n, r), o = !0;
+      i.m(s, r), O(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*toolName*/
@@ -3491,7 +3493,7 @@ function Si(e) {
       C(i), o = !1;
     },
     d(s) {
-      s && O(n), i.d(s);
+      s && B(n), i.d(s);
     }
   };
 }
@@ -3514,7 +3516,7 @@ function Ti(e) {
     m(r, l) {
       for (let a = 0; a < i.length; a += 1)
         i[a] && i[a].m(r, l);
-      B(r, t, l), n = !0;
+      O(r, t, l), n = !0;
     },
     p(r, l) {
       if (l[0] & /*editableAnnotations, drawingEl, getEditor, style, transform, $scale, onChangeSelected*/
@@ -3547,7 +3549,7 @@ function Ti(e) {
       n = !1;
     },
     d(r) {
-      r && O(t), gt(i, r);
+      r && B(t), gt(i, r);
     }
   };
 }
@@ -3622,7 +3624,7 @@ function jt(e) {
       i.c(), n = le();
     },
     m(s, r) {
-      i.m(s, r), B(s, n, r), o = !0;
+      i.m(s, r), O(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*editableAnnotations*/
@@ -3636,7 +3638,7 @@ function jt(e) {
       C(i), o = !1;
     },
     d(s) {
-      s && O(n), i.d(s);
+      s && B(n), i.d(s);
     }
   };
 }
@@ -3731,7 +3733,7 @@ function Ht(e) {
       o && o.c(), t = le();
     },
     m(i, s) {
-      o && o.m(i, s), B(i, t, s), n = !0;
+      o && o.m(i, s), O(i, t, s), n = !0;
     },
     p(i, s) {
       /*editor*/
@@ -3747,11 +3749,11 @@ function Ht(e) {
       C(o), n = !1;
     },
     d(i) {
-      i && O(t), o && o.d(i);
+      i && B(t), o && o.d(i);
     }
   };
 }
-function vi(e) {
+function Mi(e) {
   let t, n, o, i, s, r, l = Le(
     /*$store*/
     e[15].filter(
@@ -3760,7 +3762,7 @@ function vi(e) {
     )
   ), a = [];
   for (let f = 0; f < l.length; f += 1)
-    a[f] = Ut(Xt(e, l, f));
+    a[f] = Nt(Xt(e, l, f));
   const c = (f) => C(a[f], 1, 1, () => {
     a[f] = null;
   });
@@ -3787,9 +3789,9 @@ function vi(e) {
       );
     },
     m(f, h) {
-      B(f, t, h), he(t, n);
-      for (let g = 0; g < a.length; g += 1)
-        a[g] && a[g].m(n, null);
+      O(f, t, h), he(t, n);
+      for (let p = 0; p < a.length; p += 1)
+        a[p] && a[p].m(n, null);
       he(t, o), u && u.m(o, null), e[33](o), e[34](t), i = !0, s || (r = [
         H(t, "pointerup", function() {
           W(
@@ -3821,13 +3823,13 @@ function vi(e) {
             e[32]
           )
         );
-        let g;
-        for (g = 0; g < l.length; g += 1) {
-          const m = Xt(e, l, g);
-          a[g] ? (a[g].p(m, h), Y(a[g], 1)) : (a[g] = Ut(m), a[g].c(), Y(a[g], 1), a[g].m(n, null));
+        let p;
+        for (p = 0; p < l.length; p += 1) {
+          const g = Xt(e, l, p);
+          a[p] ? (a[p].p(g, h), Y(a[p], 1)) : (a[p] = Nt(g), a[p].c(), Y(a[p], 1), a[p].m(n, null));
         }
-        for (se(), g = l.length; g < a.length; g += 1)
-          c(g);
+        for (se(), p = l.length; p < a.length; p += 1)
+          c(p);
         re();
       }
       /*drawingEl*/
@@ -3864,26 +3866,26 @@ function vi(e) {
       C(u), i = !1;
     },
     d(f) {
-      f && O(t), gt(a, f), u && u.d(), e[33](null), e[34](null), s = !1, ge(r);
+      f && B(t), gt(a, f), u && u.d(), e[33](null), e[34](null), s = !1, ge(r);
     }
   };
 }
-function Mi(e, t, n) {
-  let o, i, s, r, l, a, c, u, f, h, g, m = j, w = () => (m(), m = Jt(b, (k) => n(16, g = k)), b);
-  e.$$.on_destroy.push(() => m());
-  let { drawingEnabled: T } = t, { image: y } = t, { preferredDrawingMode: p } = t, { state: _ } = t, { style: E = void 0 } = t, { toolName: I = cn()[0] } = t, { user: R } = t, { visible: U = !0 } = t;
-  const V = () => I, Z = () => T;
-  let A, S, b;
-  Ne(() => w(n(6, b = Do(y, S))));
-  const { hover: v, selection: P, store: D } = _;
-  xe(e, v, (k) => n(14, u = k)), xe(e, P, (k) => n(31, f = k)), xe(e, D, (k) => n(15, h = k));
+function vi(e, t, n) {
+  let o, i, s, r, l, a, c, u, f, h, p, g = j, _ = () => (g(), g = Jt(b, (k) => n(16, p = k)), b);
+  e.$$.on_destroy.push(() => g());
+  let { drawingEnabled: A } = t, { image: m } = t, { preferredDrawingMode: y } = t, { state: w } = t, { style: E = void 0 } = t, { toolName: I = cn()[0] } = t, { user: U } = t, { visible: N = !0 } = t;
+  const V = () => I, Z = () => A;
+  let S, T, b;
+  Re(() => _(n(6, b = Do(m, T))));
+  const { hover: M, selection: P, store: D } = w;
+  xe(e, M, (k) => n(14, u = k)), xe(e, P, (k) => n(31, f = k)), xe(e, D, (k) => n(15, h = k));
   let z, oe;
   const ae = (k) => {
     z && D.unobserve(z);
     const J = k.filter(({ editable: L }) => L).map(({ id: L }) => L);
     J.length > 0 ? (n(7, oe = J.map((L) => D.getAnnotation(L)).filter((L) => L && Je(L))), z = (L) => {
-      const { updated: M } = L.changes;
-      n(7, oe = M == null ? void 0 : M.map((de) => de.newValue));
+      const { updated: v } = L.changes;
+      n(7, oe = v == null ? void 0 : v.map((de) => de.newValue));
     }, D.observe(z, { annotations: J })) : n(7, oe = void 0);
   }, Ie = (k) => {
     const J = tn(), L = {
@@ -3892,52 +3894,52 @@ function Mi(e, t, n) {
       target: {
         annotation: J,
         selector: k.detail,
-        creator: R,
+        creator: U,
         created: /* @__PURE__ */ new Date()
       }
     };
     D.addAnnotation(L), P.setSelected(L.id);
   }, ce = (k) => (J) => {
     var _e;
-    const { target: L } = k, M = 10 * 60 * 1e3, de = ((_e = L.creator) == null ? void 0 : _e.id) !== R.id || !L.created || (/* @__PURE__ */ new Date()).getTime() - L.created.getTime() > M;
+    const { target: L } = k, v = 10 * 60 * 1e3, de = ((_e = L.creator) == null ? void 0 : _e.id) !== U.id || !L.created || (/* @__PURE__ */ new Date()).getTime() - L.created.getTime() > v;
     D.updateTarget({
       ...L,
       selector: J.detail,
       created: de ? L.created : /* @__PURE__ */ new Date(),
       updated: de ? /* @__PURE__ */ new Date() : void 0,
-      updatedBy: de ? R : void 0
+      updatedBy: de ? U : void 0
     });
-  }, Oe = (k) => {
-    const { x: J, y: L } = un(k, S), M = D.getAt(J, L);
-    M ? u !== M.id && v.set(M.id) : v.set(void 0);
-  }, fe = (k) => jo(k), Be = (k) => Je(k);
+  }, Be = (k) => {
+    const { x: J, y: L } = un(k, T), v = D.getAt(J, L);
+    v ? u !== v.id && M.set(v.id) : M.set(void 0);
+  }, fe = (k) => jo(k), Oe = (k) => Je(k);
   function ue(k) {
     qe[k ? "unshift" : "push"](() => {
-      A = k, n(5, A);
+      S = k, n(5, S);
     });
   }
-  function N(k) {
+  function R(k) {
     qe[k ? "unshift" : "push"](() => {
-      S = k, n(4, S);
+      T = k, n(4, T);
     });
   }
   return e.$$set = (k) => {
-    "drawingEnabled" in k && n(0, T = k.drawingEnabled), "image" in k && n(24, y = k.image), "preferredDrawingMode" in k && n(25, p = k.preferredDrawingMode), "state" in k && n(26, _ = k.state), "style" in k && n(1, E = k.style), "toolName" in k && n(2, I = k.toolName), "user" in k && n(27, R = k.user), "visible" in k && n(3, U = k.visible);
+    "drawingEnabled" in k && n(0, A = k.drawingEnabled), "image" in k && n(24, m = k.image), "preferredDrawingMode" in k && n(25, y = k.preferredDrawingMode), "state" in k && n(26, w = k.state), "style" in k && n(1, E = k.style), "toolName" in k && n(2, I = k.toolName), "user" in k && n(27, U = k.user), "visible" in k && n(3, N = k.visible);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
     4 && n(13, { tool: o, opts: i } = fn(I) || { tool: void 0, opts: void 0 }, o, (n(30, i), n(2, I))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
-    1107296256 && n(12, s = (i == null ? void 0 : i.drawingMode) || p), e.$$.dirty[0] & /*svgEl*/
-    16 && n(11, r = yi(S)), e.$$.dirty[0] & /*svgEl*/
-    16 && n(10, { onPointerDown: l, onPointerUp: a } = wi(S, D), l, (n(9, a), n(4, S))), e.$$.dirty[1] & /*$selection*/
+    1107296256 && n(12, s = (i == null ? void 0 : i.drawingMode) || y), e.$$.dirty[0] & /*svgEl*/
+    16 && n(11, r = yi(T)), e.$$.dirty[0] & /*svgEl*/
+    16 && n(10, { onPointerDown: l, onPointerUp: a } = wi(T, D), l, (n(9, a), n(4, T))), 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);
   }, [
-    T,
+    A,
     E,
     I,
-    U,
+    N,
+    T,
     S,
-    A,
     b,
     oe,
     c,
@@ -3948,25 +3950,25 @@ function Mi(e, t, n) {
     o,
     u,
     h,
-    g,
-    v,
+    p,
+    M,
     P,
     D,
     Ie,
     ce,
-    Oe,
+    Be,
     fe,
+    m,
     y,
-    p,
-    _,
-    R,
+    w,
+    U,
     V,
     Z,
     i,
     f,
-    Be,
+    Oe,
     ue,
-    N
+    R
   ];
 }
 class Li extends ne {
@@ -3974,8 +3976,8 @@ class Li extends ne {
     super(), te(
       this,
       t,
-      Mi,
       vi,
+      Mi,
       Q,
       {
         drawingEnabled: 0,
@@ -4003,8 +4005,8 @@ class Li extends ne {
 function dn(e, t, n = 0, o = e.length - 1, i = ki) {
   for (; o > n; ) {
     if (o - n > 600) {
-      const a = o - n + 1, c = t - n + 1, u = Math.log(a), f = 0.5 * Math.exp(2 * u / 3), h = 0.5 * Math.sqrt(u * 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));
-      dn(e, t, g, m, i);
+      const a = o - n + 1, c = t - n + 1, u = Math.log(a), f = 0.5 * Math.exp(2 * u / 3), h = 0.5 * Math.sqrt(u * f * (a - f) / a) * (c - a / 2 < 0 ? -1 : 1), p = Math.max(n, Math.floor(t - c * f / a + h)), g = Math.min(o, Math.floor(t + (a - c) * f / a + h));
+      dn(e, t, p, g, i);
     }
     const s = e[t];
     let r = n, l = o;
@@ -4084,7 +4086,7 @@ class Ii {
     return t && this._insert(t, this.data.height - 1), this;
   }
   clear() {
-    return this.data = ve([]), this;
+    return this.data = Me([]), this;
   }
   remove(t, n) {
     if (!t) return this;
@@ -4093,7 +4095,7 @@ class Ii {
     let l, a, c;
     for (; o || s.length; ) {
       if (o || (o = s.pop(), a = s[s.length - 1], l = r.pop(), c = !0), o.leaf) {
-        const u = Oi(t, o.children, n);
+        const u = Bi(t, o.children, n);
         if (u !== -1)
           return o.children.splice(u, 1), s.push(o), this._condense(s), this;
       }
@@ -4126,16 +4128,16 @@ class Ii {
     const s = o - n + 1;
     let r = this._maxEntries, l;
     if (s <= r)
-      return l = ve(t.slice(n, o + 1)), Se(l, this.toBBox), l;
-    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = ve([]), l.leaf = !1, l.height = i;
+      return l = Me(t.slice(n, o + 1)), Se(l, this.toBBox), l;
+    i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = Me([]), l.leaf = !1, l.height = i;
     const a = Math.ceil(s / r), c = a * Math.ceil(Math.sqrt(r));
     Ft(t, n, o, c, this.compareMinX);
     for (let u = n; u <= o; u += c) {
       const f = Math.min(u + c - 1, o);
       Ft(t, u, f, a, this.compareMinY);
       for (let h = u; h <= f; h += a) {
-        const g = Math.min(h + a - 1, f);
-        l.children.push(this._build(t, h, g, i - 1));
+        const p = Math.min(h + a - 1, f);
+        l.children.push(this._build(t, h, p, i - 1));
       }
     }
     return Se(l, this.toBBox), l;
@@ -4161,11 +4163,11 @@ class Ii {
   _split(t, n) {
     const o = t[n], i = o.children.length, s = this._minEntries;
     this._chooseSplitAxis(o, s, i);
-    const r = this._chooseSplitIndex(o, s, i), l = ve(o.children.splice(r, o.children.length - r));
+    const r = this._chooseSplitIndex(o, s, i), l = Me(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 = ve([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, Se(this.data, this.toBBox);
+    this.data = Me([t, n]), this.data.height = t.height + 1, this.data.leaf = !1, Se(this.data, this.toBBox);
   }
   _chooseSplitIndex(t, n, o) {
     let i, s = 1 / 0, r = 1 / 0;
@@ -4177,7 +4179,7 @@ class Ii {
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(t, n, o) {
-    const i = t.leaf ? this.compareMinX : Bi, s = t.leaf ? this.compareMinY : Di, r = this._allDistMargin(t, n, o, i), l = this._allDistMargin(t, n, o, s);
+    const i = t.leaf ? this.compareMinX : Oi, s = t.leaf ? this.compareMinY : Di, 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
@@ -4204,7 +4206,7 @@ class Ii {
       t[n].children.length === 0 ? n > 0 ? (o = t[n - 1].children, o.splice(o.indexOf(t[n]), 1)) : this.clear() : Se(t[n], this.toBBox);
   }
 }
-function Oi(e, t, n) {
+function Bi(e, t, n) {
   if (!n) return t.indexOf(e);
   for (let o = 0; o < t.length; o++)
     if (n(e, t[o])) return o;
@@ -4214,7 +4216,7 @@ function Se(e, t) {
   Pe(e, 0, e.children.length, t, e);
 }
 function Pe(e, t, n, o, i) {
-  i || (i = ve(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
+  i || (i = Me(null)), i.minX = 1 / 0, i.minY = 1 / 0, i.maxX = -1 / 0, i.maxY = -1 / 0;
   for (let s = t; s < n; s++) {
     const r = e.children[s];
     Ce(i, e.leaf ? o(r) : r);
@@ -4224,7 +4226,7 @@ function Pe(e, t, n, o, i) {
 function Ce(e, t) {
   return e.minX = Math.min(e.minX, t.minX), e.minY = Math.min(e.minY, t.minY), e.maxX = Math.max(e.maxX, t.maxX), e.maxY = Math.max(e.maxY, t.maxY), e;
 }
-function Bi(e, t) {
+function Oi(e, t) {
   return e.minX - t.minX;
 }
 function Di(e, t) {
@@ -4249,7 +4251,7 @@ function ct(e, t) {
 function ze(e, t) {
   return t.minX <= e.maxX && t.minY <= e.maxY && t.maxX >= e.minX && t.maxY >= e.minY;
 }
-function ve(e) {
+function Me(e) {
   return {
     children: e,
     height: 1,
@@ -4273,8 +4275,8 @@ const Ci = () => {
     e.clear(), t.clear();
   }, i = (f) => {
     if (!Fe(f)) return;
-    const { minX: h, minY: g, maxX: m, maxY: w } = f.selector.geometry.bounds, T = { minX: h, minY: g, maxX: m, maxY: w, target: f };
-    e.insert(T), t.set(f.annotation, T);
+    const { minX: h, minY: p, maxX: g, maxY: _ } = f.selector.geometry.bounds, A = { minX: h, minY: p, maxX: g, maxY: _, target: f };
+    e.insert(A), t.set(f.annotation, A);
   }, s = (f) => {
     if (!Fe(f)) return;
     const h = t.get(f.annotation);
@@ -4284,33 +4286,33 @@ const Ci = () => {
     all: n,
     clear: o,
     getAt: (f, h) => {
-      const m = e.search({
+      const g = e.search({
         minX: f,
         minY: h,
         maxX: f,
         maxY: h
-      }).map((w) => w.target).filter((w) => w.selector.type === F.RECTANGLE || kn(w.selector, f, h));
-      if (m.length > 0)
-        return m.sort((w, T) => ht(w.selector) - ht(T.selector)), m[0];
+      }).map((_) => _.target).filter((_) => _.selector.type === F.RECTANGLE || kn(_.selector, f, h));
+      if (g.length > 0)
+        return g.sort((_, A) => ht(_.selector) - ht(A.selector)), g[0];
     },
-    getIntersecting: (f, h, g, m) => e.search({
+    getIntersecting: (f, h, p, g) => e.search({
       minX: f,
       minY: h,
-      maxX: f + g,
-      maxY: h + m
-    }).map((w) => w.target),
+      maxX: f + p,
+      maxY: h + g
+    }).map((_) => _.target),
     insert: i,
     remove: s,
     set: (f, h = !0) => {
       h && o();
-      const g = f.reduce((m, w) => {
-        if (Fe(w)) {
-          const { minX: T, minY: y, maxX: p, maxY: _ } = w.selector.geometry.bounds;
-          return [...m, { minX: T, minY: y, maxX: p, maxY: _, target: w }];
+      const p = f.reduce((g, _) => {
+        if (Fe(_)) {
+          const { minX: A, minY: m, maxX: y, maxY: w } = _.selector.geometry.bounds;
+          return [...g, { minX: A, minY: m, maxX: y, maxY: w, target: _ }];
         } else
-          return m;
+          return g;
       }, []);
-      g.forEach((m) => t.set(m.target.annotation, m)), e.load(g);
+      p.forEach((g) => t.set(g.target.annotation, g)), e.load(p);
     },
     size: () => e.all().length,
     update: (f, h) => {
@@ -4334,13 +4336,13 @@ const Ci = () => {
     hover: i,
     viewport: s
   };
-}, Ri = (e) => {
+}, Ui = (e) => {
   const t = Xi(e);
   return {
     ...t,
     store: so(t.store)
   };
-}, Ni = (e) => {
+}, Ri = (e) => {
   let t, n;
   if (e.nodeName === "CANVAS")
     t = e, n = t.getContext("2d", { willReadFrequently: !0 });
@@ -4355,10 +4357,10 @@ const Ci = () => {
       o += c;
     }
   return o / 81;
-}, Ui = (e) => {
-  const t = Ni(e), n = t > 0.6 ? "dark" : "light";
+}, Ni = (e) => {
+  const t = Ri(e), n = t > 0.6 ? "dark" : "light";
   return console.log(`[Annotorious] Image brightness: ${t.toFixed(1)}. Setting ${n} theme.`), n;
-}, Wt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? Ui(e) : n), Vi = (e, t) => ({
+}, Wt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? Ni(e) : n), Vi = (e, t) => ({
   ...e,
   drawingEnabled: e.drawingEnabled === void 0 ? t.drawingEnabled : e.drawingEnabled,
   drawingMode: e.drawingMode || t.drawingMode,
@@ -4385,7 +4387,7 @@ const Ci = () => {
     drawingMode: "drag",
     userSelectAction: nn.EDIT,
     theme: "light"
-  }), i = Ri(o), { selection: s, store: r } = i, l = ao(r), a = fo(
+  }), i = Ui(o), { selection: s, store: r } = i, l = ao(r, o.initialHistory), a = fo(
     i,
     l,
     o.adapter,
@@ -4407,44 +4409,44 @@ const Ci = () => {
     }
   });
   h.$on("click", (b) => {
-    const { originalEvent: v, annotation: P } = b.detail;
-    P ? s.userSelect(P.id, v) : s.isEmpty() || s.clear();
+    const { originalEvent: M, annotation: P } = b.detail;
+    P ? s.userSelect(P.id, M) : s.isEmpty() || s.clear();
   });
-  const g = ho(i, l, o.adapter), m = () => {
+  const p = ho(i, l, o.adapter), g = () => {
     h.$set({ drawingEnabled: !1 }), setTimeout(() => h.$set({ drawingEnabled: !0 }), 1);
-  }, w = () => {
+  }, _ = () => {
     h.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), u.destroy(), l.destroy();
-  }, T = () => h.getDrawingTool(), y = () => f, p = () => h.isDrawingEnabled(), _ = (b, v, P) => si(b, v, P), E = (b, v) => zo(b, v), I = (b) => {
+  }, A = () => h.getDrawingTool(), m = () => f, y = () => h.isDrawingEnabled(), w = (b, M, P) => si(b, M, P), E = (b, M) => zo(b, M), I = (b) => {
     if (!fn(b))
       throw `No drawing tool named ${b}`;
     h.$set({ toolName: b });
-  }, R = (b) => h.$set({ drawingEnabled: b }), U = (b) => {
+  }, U = (b) => h.$set({ drawingEnabled: b }), N = (b) => {
     console.warn("Filter not implemented yet");
-  }, V = (b) => h.$set({ style: b }), Z = (b) => Wt(n, c, b), A = (b) => {
+  }, V = (b) => h.$set({ style: b }), Z = (b) => Wt(n, c, b), S = (b) => {
     f = b, h.$set({ user: b });
-  }, S = (b) => (
+  }, T = (b) => (
     // @ts-ignore
     h.$set({ visible: b })
   );
   return {
-    ...g,
-    cancelDrawing: m,
-    destroy: w,
-    getDrawingTool: T,
-    getUser: y,
-    isDrawingEnabled: p,
+    ...p,
+    cancelDrawing: g,
+    destroy: _,
+    getDrawingTool: A,
+    getUser: m,
+    isDrawingEnabled: y,
     listDrawingTools: cn,
     on: a.on,
     off: a.off,
-    registerDrawingTool: _,
+    registerDrawingTool: w,
     registerShapeEditor: E,
-    setDrawingEnabled: R,
+    setDrawingEnabled: U,
     setDrawingTool: I,
-    setFilter: U,
+    setFilter: N,
     setStyle: V,
     setTheme: Z,
-    setUser: A,
-    setVisible: S,
+    setUser: S,
+    setVisible: T,
     element: c,
     state: i
   };
@@ -4456,7 +4458,7 @@ export {
   Ki as IdentityTransform,
   Io as PolygonEditor,
   Go as RectangleEditor,
-  Bn as RectangleUtil,
+  On as RectangleUtil,
   $o as RubberbandRectangle,
   Li as SVGAnnotationLayer,
   F as ShapeType,
@@ -4472,9 +4474,9 @@ export {
   Ji as createImageAnnotator,
   Xi as createImageAnnotatorState,
   yi as createSVGTransform,
-  Ri as createSvelteImageAnnotatorState,
+  Ui as createSvelteImageAnnotatorState,
   Wi as defaultColorProvider,
-  Ui as detectTheme,
+  Ni as detectTheme,
   st as distance,
   Do as enableResponsive,
   Vi as fillDefaults,
@@ -4489,15 +4491,15 @@ export {
   Yo as isTouch,
   cn as listDrawingTools,
   Dn as parseFragmentSelector,
-  Nn as parseSVGSelector,
+  Rn as parseSVGSelector,
   To as parseW3CImageAnnotation,
   zo as registerEditor,
   pt as registerShapeUtil,
   si as registerTool,
-  Ni as sampleBrightness,
+  Ri as sampleBrightness,
   Yn as serializeFragmentSelector,
-  Un as serializeSVGSelector,
-  vo as serializeW3CImageAnnotation,
+  Nn as serializeSVGSelector,
+  Mo as serializeW3CImageAnnotation,
   Wt as setTheme
 };
 //# sourceMappingURL=annotorious.es.js.map