@annotorious/annotorious 3.0.0-rc.19 → 3.0.0-rc.20

package/dist/annotorious.es.js

@@ -96,17 +96,17 @@ const fn = typeof window < "u" ? window : typeof globalThis < "u" ? globalThis :
 function se(e, t) {
   e.appendChild(t);
 }
-function B(e, t, n) {
+function O(e, t, n) {
   e.insertBefore(t, n || null);
 }
-function k(e) {
+function L(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
 function rt(e, t) {
   for (let n = 0; n < e.length; n += 1)
     e[n] && e[n].d(t);
 }
-function U(e) {
+function R(e) {
   return document.createElementNS("http://www.w3.org/2000/svg", e);
 }
 function zt(e) {
@@ -231,7 +231,7 @@ function le() {
 function P(e, t) {
   e && e.i && (Ve.delete(e), e.i(t));
 }
-function C(e, t, n, o) {
+function D(e, t, n, o) {
   if (e && e.o) {
     if (Ve.has(e))
       return;
@@ -293,7 +293,7 @@ function ee(e, t, n, o, i, s, r = null, l = [-1]) {
   }) : [], c.update(), u = !0, ae(c.before_update), c.fragment = o ? o(c.ctx) : !1, t.target) {
     if (t.hydrate) {
       const f = un(t.target);
-      c.fragment && c.fragment.l(f), f.forEach(k);
+      c.fragment && c.fragment.l(f), f.forEach(L);
     } else
       c.fragment && c.fragment.c();
     t.intro && P(e.$$.fragment), Q(e, t.target, t.anchor), Ft();
@@ -487,8 +487,8 @@ for (let e = 0; e < 256; ++e)
 function Yn(e, t = 0) {
   return K[e[t + 0]] + K[e[t + 1]] + K[e[t + 2]] + K[e[t + 3]] + "-" + K[e[t + 4]] + K[e[t + 5]] + "-" + K[e[t + 6]] + K[e[t + 7]] + "-" + K[e[t + 8]] + K[e[t + 9]] + "-" + K[e[t + 10]] + K[e[t + 11]] + K[e[t + 12]] + K[e[t + 13]] + K[e[t + 14]] + K[e[t + 15]];
 }
-const Dn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), yt = {
-  randomUUID: Dn
+const Cn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), yt = {
+  randomUUID: Cn
 };
 function qt(e, t, n) {
   if (yt.randomUUID && !t && !e)
@@ -531,7 +531,7 @@ function he(e, t) {
 }
 function Je() {
 }
-function Xn(e, t) {
+function Dn(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
 const ye = [];
@@ -539,7 +539,7 @@ function ct(e, t = Je) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
-    if (Xn(e, l) && (e = l, n)) {
+    if (Dn(e, l) && (e = l, n)) {
       const a = !ye.length;
       for (const c of o)
         c[1](), ye.push(c, e);
@@ -561,7 +561,7 @@ function ct(e, t = Je) {
   }
   return { set: i, update: s, subscribe: r };
 }
-const Cn = (e) => {
+const Xn = (e) => {
   const { subscribe: t, set: n } = ct();
   let o;
   return t((i) => o = i), e.observe(({ changes: i }) => {
@@ -709,19 +709,19 @@ const Fn = (e, t) => {
       throw Error(`Cannot add annotation ${p.id} - exists already`);
     e.set(p.id, p), p.bodies.forEach((S) => t.set(S.id, p.id)), s(T, { created: [p] });
   }, l = (p, T) => {
-    const S = typeof p == "string" ? T : p, M = typeof p == "string" ? p : p.id, O = e.get(M);
-    if (O) {
-      const X = Wt(O, S);
-      return M === S.id ? e.set(M, S) : (e.delete(M), e.set(S.id, S)), O.bodies.forEach((Z) => t.delete(Z.id)), S.bodies.forEach((Z) => t.set(Z.id, S.id)), X;
+    const S = typeof p == "string" ? T : p, M = typeof p == "string" ? p : p.id, k = e.get(M);
+    if (k) {
+      const C = Wt(k, S);
+      return M === S.id ? e.set(M, S) : (e.delete(M), e.set(S.id, S)), k.bodies.forEach((Z) => t.delete(Z.id)), S.bodies.forEach((Z) => t.set(Z.id, S.id)), C;
     } else
       console.warn(`Cannot update annotation ${M} - does not exist`);
   }, a = (p, T = G.LOCAL, S = G.LOCAL) => {
-    const M = qn(T) ? S : T, O = l(p, T);
-    O && s(M, { updated: [O] });
+    const M = qn(T) ? S : T, k = l(p, T);
+    k && s(M, { updated: [k] });
   }, c = (p, T = G.LOCAL) => {
-    const S = p.reduce((M, O) => {
-      const X = l(O);
-      return X ? [...M, X] : M;
+    const S = p.reduce((M, k) => {
+      const C = l(k);
+      return C ? [...M, C] : M;
     }, []);
     S.length > 0 && s(T, { updated: S });
   }, u = (p, T = G.LOCAL) => {
@@ -744,18 +744,18 @@ const Fn = (e, t) => {
   }, g = (p, T = !0, S = G.LOCAL) => {
     if (T) {
       const M = [...e.values()];
-      e.clear(), t.clear(), p.forEach((O) => {
-        e.set(O.id, O), O.bodies.forEach((X) => t.set(X.id, O.id));
+      e.clear(), t.clear(), p.forEach((k) => {
+        e.set(k.id, k), k.bodies.forEach((C) => t.set(C.id, k.id));
       }), s(S, { created: p, deleted: M });
     } else {
-      const M = p.reduce((O, X) => {
-        const Z = e.get(X.id);
-        return Z ? [...O, Z] : O;
+      const M = p.reduce((k, C) => {
+        const Z = e.get(C.id);
+        return Z ? [...k, Z] : k;
       }, []);
       if (M.length > 0)
-        throw Error(`Bulk insert would overwrite the following annotations: ${M.map((O) => O.id).join(", ")}`);
-      p.forEach((O) => {
-        e.set(O.id, O), O.bodies.forEach((X) => t.set(X.id, O.id));
+        throw Error(`Bulk insert would overwrite the following annotations: ${M.map((k) => k.id).join(", ")}`);
+      p.forEach((k) => {
+        e.set(k.id, k), k.bodies.forEach((C) => t.set(C.id, k.id));
       }), s(S, { created: p });
     }
   }, m = (p) => {
@@ -766,66 +766,66 @@ const Fn = (e, t) => {
   }, _ = (p, T = G.LOCAL) => {
     const S = m(p);
     S && s(T, { deleted: [S] });
-  }, w = (p, T = G.LOCAL) => {
-    const S = p.reduce((M, O) => {
-      const X = m(O);
-      return X ? [...M, X] : M;
+  }, b = (p, T = G.LOCAL) => {
+    const S = p.reduce((M, k) => {
+      const C = m(k);
+      return C ? [...M, C] : M;
     }, []);
     S.length > 0 && s(T, { deleted: S });
   }, y = (p, T = G.LOCAL) => {
     const S = e.get(p.annotation);
     if (S) {
-      const M = S.bodies.find((O) => O.id === p.id);
+      const M = S.bodies.find((k) => k.id === p.id);
       if (M) {
         t.delete(M.id);
-        const O = {
+        const k = {
           ...S,
-          bodies: S.bodies.filter((X) => X.id !== p.id)
+          bodies: S.bodies.filter((C) => C.id !== p.id)
         };
-        e.set(S.id, O), s(T, { updated: [{
+        e.set(S.id, k), s(T, { updated: [{
           oldValue: S,
-          newValue: O,
+          newValue: k,
           bodiesDeleted: [M]
         }] });
       } else
         console.warn(`Attempt to delete missing body ${p.id} from annotation ${p.annotation}`);
     } else
       console.warn(`Attempt to delete body from missing annotation ${p.annotation}`);
-  }, E = (p) => {
+  }, A = (p) => {
     const T = e.get(p);
     return T ? { ...T } : void 0;
-  }, b = (p) => {
+  }, w = (p) => {
     const T = t.get(p);
     if (T) {
-      const S = E(T).bodies.find((M) => M.id === p);
+      const S = A(T).bodies.find((M) => M.id === p);
       if (S)
         return S;
       console.error(`Store integrity error: body ${p} in index, but not in annotation`);
     } else
       console.warn(`Attempt to retrieve missing body: ${p}`);
-  }, A = (p, T) => {
+  }, E = (p, T) => {
     if (p.annotation !== T.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
     const S = e.get(p.annotation);
     if (S) {
-      const M = S.bodies.find((X) => X.id === p.id), O = {
+      const M = S.bodies.find((C) => C.id === p.id), k = {
         ...S,
-        bodies: S.bodies.map((X) => X.id === M.id ? T : X)
+        bodies: S.bodies.map((C) => C.id === M.id ? T : C)
       };
-      return e.set(S.id, O), M.id !== T.id && (t.delete(M.id), t.set(T.id, O.id)), {
+      return e.set(S.id, k), M.id !== T.id && (t.delete(M.id), t.set(T.id, k.id)), {
         oldValue: S,
-        newValue: O,
+        newValue: k,
         bodiesUpdated: [{ oldBody: M, newBody: T }]
       };
     } else
       console.warn(`Attempt to add body to missing annotation ${p.annotation}`);
-  }, L = (p, T, S = G.LOCAL) => {
-    const M = A(p, T);
+  }, B = (p, T, S = G.LOCAL) => {
+    const M = E(p, T);
     M && s(S, { updated: [M] });
-  }, D = (p, T = G.LOCAL) => {
-    const S = p.map((M) => A({ id: M.id, annotation: M.annotation }, M)).filter(Boolean);
+  }, U = (p, T = G.LOCAL) => {
+    const S = p.map((M) => E({ id: M.id, annotation: M.annotation }, M)).filter(Boolean);
     s(T, { updated: S });
-  }, R = (p) => {
+  }, X = (p) => {
     const T = e.get(p.annotation);
     if (T) {
       const S = {
@@ -851,24 +851,24 @@ const Fn = (e, t) => {
     addBody: u,
     all: f,
     bulkAddAnnotation: g,
-    bulkDeleteAnnotation: w,
+    bulkDeleteAnnotation: b,
     bulkUpdateAnnotation: c,
-    bulkUpdateBodies: D,
+    bulkUpdateBodies: U,
     bulkUpdateTargets: (p, T = G.LOCAL) => {
-      const S = p.map((M) => R(M)).filter(Boolean);
+      const S = p.map((M) => X(M)).filter(Boolean);
       S.length > 0 && s(T, { updated: S });
     },
     clear: h,
     deleteAnnotation: _,
     deleteBody: y,
-    getAnnotation: E,
-    getBody: b,
+    getAnnotation: A,
+    getBody: w,
     observe: o,
     unobserve: i,
     updateAnnotation: a,
-    updateBody: L,
+    updateBody: B,
     updateTarget: (p, T = G.LOCAL) => {
-      const S = R(p);
+      const S = X(p);
       S && s(T, { updated: [S] });
     }
   };
@@ -902,8 +902,8 @@ const Zn = 250, Qn = (e) => {
       if (_ - s > Zn)
         n.splice(o + 1), n.push(m), o = n.length - 1;
       else {
-        const w = n.length - 1;
-        n[w] = jn(n[w], m);
+        const b = n.length - 1;
+        n[b] = jn(n[b], m);
       }
       s = _;
     }
@@ -940,75 +940,75 @@ const Zn = 250, Qn = (e) => {
 }, $n = (e, t, n, o) => {
   const { store: i, selection: s, hover: r, viewport: l } = e, a = /* @__PURE__ */ new Map();
   let c = [], u, f;
-  const h = (y, E) => {
-    a.has(y) ? a.get(y).push(E) : a.set(y, [E]);
-  }, g = (y, E) => {
-    const b = a.get(y);
-    b && b.indexOf(E) > 0 && b.splice(b.indexOf(E), 1);
-  }, m = (y, E, b) => {
+  const h = (y, A) => {
+    a.has(y) ? a.get(y).push(A) : a.set(y, [A]);
+  }, g = (y, A) => {
+    const w = a.get(y);
+    w && w.indexOf(A) > 0 && w.splice(w.indexOf(A), 1);
+  }, m = (y, A, w) => {
     a.has(y) && setTimeout(() => {
-      a.get(y).forEach((A) => {
+      a.get(y).forEach((E) => {
         if (n) {
-          const L = Array.isArray(E) ? E.map((R) => n.serialize(R)) : n.serialize(E), D = b ? b instanceof PointerEvent ? b : n.serialize(b) : void 0;
-          A(L, D);
+          const B = Array.isArray(A) ? A.map((X) => n.serialize(X)) : n.serialize(A), U = w ? w instanceof PointerEvent ? w : n.serialize(w) : void 0;
+          E(B, U);
         } else
-          A(E, b);
+          E(A, w);
       });
     }, 1);
   }, _ = () => {
-    const { selected: y } = s, E = (y || []).map(({ id: b }) => i.getAnnotation(b));
-    E.forEach((b) => {
-      const A = c.find((L) => L.id === b.id);
-      (!A || !he(A, b)) && m("updateAnnotation", b, A);
-    }), c = c.map((b) => E.find(({ id: L }) => L === b.id) || b);
+    const { selected: y } = s, A = (y || []).map(({ id: w }) => i.getAnnotation(w));
+    A.forEach((w) => {
+      const E = c.find((B) => B.id === w.id);
+      (!E || !he(E, w)) && m("updateAnnotation", w, E);
+    }), c = c.map((w) => A.find(({ id: B }) => B === w.id) || w);
   };
   s.subscribe(({ selected: y }) => {
     if (!(c.length === 0 && y.length === 0)) {
       if (c.length === 0 && y.length > 0)
-        c = y.map(({ id: E }) => i.getAnnotation(E));
+        c = y.map(({ id: A }) => i.getAnnotation(A));
       else if (c.length > 0 && y.length === 0)
-        c.forEach((E) => {
-          const b = i.getAnnotation(E.id);
-          b && !he(b, E) && m("updateAnnotation", b, E);
+        c.forEach((A) => {
+          const w = i.getAnnotation(A.id);
+          w && !he(w, A) && m("updateAnnotation", w, A);
         }), c = [];
       else {
-        const E = new Set(c.map((A) => A.id)), b = new Set(y.map(({ id: A }) => A));
-        c.filter((A) => !b.has(A.id)).forEach((A) => {
-          const L = i.getAnnotation(A.id);
-          L && !he(L, A) && m("updateAnnotation", L, A);
+        const A = new Set(c.map((E) => E.id)), w = new Set(y.map(({ id: E }) => E));
+        c.filter((E) => !w.has(E.id)).forEach((E) => {
+          const B = i.getAnnotation(E.id);
+          B && !he(B, E) && m("updateAnnotation", B, E);
         }), c = [
           // Remove annotations that were deselected
-          ...c.filter((A) => b.has(A.id)),
+          ...c.filter((E) => w.has(E.id)),
           // Add editable annotations that were selected
-          ...y.filter(({ id: A }) => !E.has(A)).map(({ id: A }) => i.getAnnotation(A))
+          ...y.filter(({ id: E }) => !A.has(E)).map(({ id: E }) => i.getAnnotation(E))
         ];
       }
       m("selectionChanged", c);
     }
   }), r.subscribe((y) => {
     !u && y ? m("mouseEnterAnnotation", i.getAnnotation(y)) : u && !y ? m("mouseLeaveAnnotation", i.getAnnotation(u)) : u && y && (m("mouseLeaveAnnotation", i.getAnnotation(u)), m("mouseEnterAnnotation", i.getAnnotation(y))), u = y;
-  }), l == null || l.subscribe((y) => m("viewportIntersect", y.map((E) => i.getAnnotation(E)))), i.observe((y) => {
+  }), l == null || l.subscribe((y) => m("viewportIntersect", y.map((A) => i.getAnnotation(A)))), i.observe((y) => {
     o && (f && clearTimeout(f), f = setTimeout(_, 1e3));
-    const { created: E, deleted: b } = y.changes;
-    (E || []).forEach((A) => m("createAnnotation", A)), (b || []).forEach((A) => m("deleteAnnotation", A)), (y.changes.updated || []).filter((A) => [
-      ...A.bodiesCreated || [],
-      ...A.bodiesDeleted || [],
-      ...A.bodiesUpdated || []
-    ].length > 0).forEach(({ oldValue: A, newValue: L }) => {
-      const D = c.find((R) => R.id === A.id) || A;
-      c = c.map((R) => R.id === A.id ? L : R), m("updateAnnotation", L, D);
+    const { created: A, deleted: w } = y.changes;
+    (A || []).forEach((E) => m("createAnnotation", E)), (w || []).forEach((E) => m("deleteAnnotation", E)), (y.changes.updated || []).filter((E) => [
+      ...E.bodiesCreated || [],
+      ...E.bodiesDeleted || [],
+      ...E.bodiesUpdated || []
+    ].length > 0).forEach(({ oldValue: E, newValue: B }) => {
+      const U = c.find((X) => X.id === E.id) || E;
+      c = c.map((X) => X.id === E.id ? B : X), m("updateAnnotation", B, U);
     });
   }, { origin: G.LOCAL }), i.observe((y) => {
     if (c) {
-      const E = new Set(c.map((A) => A.id)), b = (y.changes.updated || []).filter(({ newValue: A }) => E.has(A.id)).map(({ newValue: A }) => A);
-      b.length > 0 && (c = c.map((A) => b.find((D) => D.id === A.id) || A));
+      const A = new Set(c.map((E) => E.id)), w = (y.changes.updated || []).filter(({ newValue: E }) => A.has(E.id)).map(({ newValue: E }) => E);
+      w.length > 0 && (c = c.map((E) => w.find((U) => U.id === E.id) || E));
     }
   }, { origin: G.REMOTE });
-  const w = (y) => (E) => {
-    const { created: b, deleted: A, updated: L } = E;
-    (b || []).forEach((D) => m("createAnnotation", D)), (A || []).forEach((D) => m("deleteAnnotation", D)), y ? (L || []).forEach((D) => m("updateAnnotation", D.oldValue, D.newValue)) : (L || []).forEach((D) => m("updateAnnotation", D.newValue, D.oldValue));
+  const b = (y) => (A) => {
+    const { updated: w } = A;
+    y ? (w || []).forEach((E) => m("updateAnnotation", E.oldValue, E.newValue)) : (w || []).forEach((E) => m("updateAnnotation", E.newValue, E.oldValue));
   };
-  return t.on("undo", w(!0)), t.on("redo", w(!1)), { on: h, off: g, emit: m };
+  return t.on("undo", b(!0)), t.on("redo", b(!1)), { on: h, off: g, emit: m };
 }, eo = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
@@ -1021,44 +1021,44 @@ const Zn = 250, Qn = (e) => {
     ...n
   };
 }, { parsed: [], failed: [] }), to = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (w) => {
+  const { store: o, selection: i } = e, s = (b) => {
     if (n) {
-      const { parsed: y, error: E } = n.parse(w);
-      y ? o.addAnnotation(y, G.REMOTE) : console.error(E);
+      const { parsed: y, error: A } = n.parse(b);
+      y ? o.addAnnotation(y, G.REMOTE) : console.error(A);
     } else
-      o.addAnnotation(w, G.REMOTE);
-  }, r = () => i.clear(), l = () => o.clear(), a = (w) => {
-    const y = o.getAnnotation(w);
+      o.addAnnotation(b, G.REMOTE);
+  }, r = () => i.clear(), l = () => o.clear(), a = (b) => {
+    const y = o.getAnnotation(b);
     return n && y ? n.serialize(y) : y;
   }, c = () => n ? o.all().map(n.serialize) : o.all(), u = () => {
-    var w;
-    const y = (((w = i.selected) == null ? void 0 : w.map((E) => E.id)) || []).map((E) => o.getAnnotation(E)).filter(Boolean);
+    var b;
+    const y = (((b = i.selected) == null ? void 0 : b.map((A) => A.id)) || []).map((A) => o.getAnnotation(A)).filter(Boolean);
     return n ? y.map(n.serialize) : y;
-  }, f = (w) => fetch(w).then((y) => y.json()).then((y) => (g(y), y)), h = (w) => {
-    if (typeof w == "string") {
-      const y = o.getAnnotation(w);
-      if (o.deleteAnnotation(w), y)
+  }, f = (b, y = !0) => fetch(b).then((A) => A.json()).then((A) => (g(A, y), A)), h = (b) => {
+    if (typeof b == "string") {
+      const y = o.getAnnotation(b);
+      if (o.deleteAnnotation(b), y)
         return n ? n.serialize(y) : y;
     } else {
-      const y = n ? n.parse(w).parsed : w;
+      const y = n ? n.parse(b).parsed : b;
       if (y)
-        return o.deleteAnnotation(y), w;
+        return o.deleteAnnotation(y), b;
     }
-  }, g = (w) => {
+  }, g = (b, y = !0) => {
     if (n) {
-      const { parsed: y, failed: E } = eo(n)(w);
-      E.length > 0 && console.warn(`Discarded ${E.length} invalid annotations`, E), o.bulkAddAnnotation(y, !0, G.REMOTE);
+      const { parsed: A, failed: w } = eo(n)(b);
+      w.length > 0 && console.warn(`Discarded ${w.length} invalid annotations`, w), o.bulkAddAnnotation(A, y, G.REMOTE);
     } else
-      o.bulkAddAnnotation(w, !0, G.REMOTE);
-  }, m = (w) => {
-    w ? i.setSelected(w) : i.clear();
-  }, _ = (w) => {
+      o.bulkAddAnnotation(b, y, G.REMOTE);
+  }, m = (b) => {
+    b ? i.setSelected(b) : i.clear();
+  }, _ = (b) => {
     if (n) {
-      const y = n.parse(w).parsed, E = n.serialize(o.getAnnotation(y.id));
-      return o.updateAnnotation(y), E;
+      const y = n.parse(b).parsed, A = n.serialize(o.getAnnotation(y.id));
+      return o.updateAnnotation(y), A;
     } else {
-      const y = o.getAnnotation(w.id);
-      return o.updateAnnotation(w), y;
+      const y = o.getAnnotation(b.id);
+      return o.updateAnnotation(b), y;
     }
   };
   return {
@@ -1078,8 +1078,8 @@ const Zn = 250, Qn = (e) => {
     undo: t.undo,
     updateAnnotation: _
   };
-};
-let no = (e) => crypto.getRandomValues(new Uint8Array(e)), oo = (e, t, n) => {
+}, no = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let oo = (e) => crypto.getRandomValues(new Uint8Array(e)), io = (e, t, n) => {
   let o = (2 << Math.log(e.length - 1) / Math.LN2) - 1, i = -~(1.6 * o * t / e.length);
   return (s = t) => {
     let r = "";
@@ -1090,8 +1090,13 @@ let no = (e) => crypto.getRandomValues(new Uint8Array(e)), oo = (e, t, n) => {
           return r;
     }
   };
-}, io = (e, t = 21) => oo(e, t, no), so = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, n) => (n &= 63, n < 36 ? t += n.toString(36) : n < 62 ? t += (n - 26).toString(36).toUpperCase() : n > 62 ? t += "-" : t += "_", t), "");
-const ro = () => ({ isGuest: !0, id: io("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), lo = (e) => {
+}, so = (e, t = 21) => io(e, t, oo), ro = (e = 21) => {
+  let t = "", n = crypto.getRandomValues(new Uint8Array(e));
+  for (; e--; )
+    t += no[n[e] & 63];
+  return t;
+};
+const lo = () => ({ isGuest: !0, id: so("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), ao = (e) => {
   const t = JSON.stringify(e);
   let n = 0;
   for (let o = 0, i = t.length; o < i; o++) {
@@ -1099,10 +1104,10 @@ const ro = () => ({ isGuest: !0, id: io("1234567890abcdefghijklmnopqrstuvwxyzABC
     n = (n << 5) - n + s, n |= 0;
   }
   return `${n}`;
-}, Jt = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, ao = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
+}, Jt = (e) => e ? typeof e == "object" ? { ...e } : e : void 0, co = (e, t) => (Array.isArray(e) ? e : [e]).map((n) => {
   const { id: o, type: i, purpose: s, value: r, created: l, creator: a, ...c } = n;
   return {
-    id: o || `temp-${lo(n)}`,
+    id: o || `temp-${ao(n)}`,
     annotation: t,
     type: i,
     purpose: s,
@@ -1111,20 +1116,20 @@ const ro = () => ({ isGuest: !0, id: io("1234567890abcdefghijklmnopqrstuvwxyzABC
     creator: Jt(a),
     ...c
   };
-}), co = (e) => e.map((t) => {
+}), fo = (e) => e.map((t) => {
   var n, o;
   const i = { ...t };
   return delete i.annotation, (n = i.id) != null && n.startsWith("temp-") && delete i.id, { ...i, created: (o = i.created) == null ? void 0 : o.toISOString() };
 });
-so();
-const Pi = (e, t = !1) => ({ parse: (i) => fo(i, t), serialize: (i) => uo(i, e) }), fo = (e, t = !1) => {
+ro();
+const Yi = (e, t = !1) => ({ parse: (i) => uo(i, t), serialize: (i) => ho(i, e) }), uo = (e, t = !1) => {
   const n = e.id || qt(), {
     creator: o,
     created: i,
     modified: s,
     body: r,
     ...l
-  } = e, a = ao(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" ? Sn(u, t) : (u == null ? void 0 : u.type) === "SvgSelector" ? On(u) : void 0;
+  } = e, a = co(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" ? Sn(u, t) : (u == null ? void 0 : u.type) === "SvgSelector" ? On(u) : void 0;
   return f ? {
     parsed: {
       ...l,
@@ -1142,7 +1147,7 @@ const Pi = (e, t = !1) => ({ parse: (i) => fo(i, t), serialize: (i) => uo(i, e)
   } : {
     error: Error(`Invalid selector: ${JSON.stringify(u)}`)
   };
-}, uo = (e, t) => {
+}, ho = (e, t) => {
   const {
     selector: n,
     creator: o,
@@ -1156,7 +1161,7 @@ const Pi = (e, t = !1) => ({ parse: (i) => fo(i, t), serialize: (i) => uo(i, e)
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
     type: "Annotation",
-    body: co(e.bodies),
+    body: fo(e.bodies),
     created: i == null ? void 0 : i.toISOString(),
     creator: o,
     modified: s == null ? void 0 : s.toISOString(),
@@ -1218,26 +1223,26 @@ function bt(e) {
       n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      D(t.$$.fragment, o), n = !1;
     },
     d(o) {
       x(t, o);
     }
   };
 }
-function ho(e) {
+function go(e) {
   let t, n, o, i, s, r, l, a, c, u, f, h = Se(
     /*geom*/
     e[4].points
   ), g = [];
   for (let _ = 0; _ < h.length; _ += 1)
     g[_] = bt(wt(e, h, _));
-  const m = (_) => C(g[_], 1, 1, () => {
+  const m = (_) => D(g[_], 1, 1, () => {
     g[_] = null;
   });
   return {
     c() {
-      t = U("polygon"), i = oe(), s = U("polygon"), l = oe();
+      t = R("polygon"), i = oe(), s = R("polygon"), l = oe();
       for (let _ = 0; _ < g.length; _ += 1)
         g[_].c();
       a = ce(), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
@@ -1250,11 +1255,11 @@ function ho(e) {
       ), d(s, "points", r = /*geom*/
       e[4].points.map(At).join(" "));
     },
-    m(_, w) {
-      B(_, t, w), B(_, i, w), B(_, s, w), B(_, l, w);
+    m(_, b) {
+      O(_, t, b), O(_, i, b), O(_, s, b), O(_, l, b);
       for (let y = 0; y < g.length; y += 1)
-        g[y] && g[y].m(_, w);
-      B(_, a, w), c = !0, u || (f = [
+        g[y] && g[y].m(_, b);
+      O(_, a, b), c = !0, u || (f = [
         F(t, "pointerdown", function() {
           q(
             /*grab*/
@@ -1269,20 +1274,20 @@ function ho(e) {
         })
       ], u = !0);
     },
-    p(_, w) {
-      if (e = _, (!c || w & /*computedStyle*/
+    p(_, b) {
+      if (e = _, (!c || b & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!c || w & /*geom*/
+      e[1] ? "display:none;" : void 0)) && d(t, "style", n), (!c || b & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].points.map(Et).join(" "))) && d(t, "points", o), (!c || w & /*computedStyle*/
+      e[4].points.map(Et).join(" "))) && d(t, "points", o), (!c || b & /*computedStyle*/
       2) && d(
         s,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!c || w & /*geom*/
+      ), (!c || b & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].points.map(At).join(" "))) && d(s, "points", r), w & /*geom, viewportScale, grab*/
+      e[4].points.map(At).join(" "))) && d(s, "points", r), b & /*geom, viewportScale, grab*/
       536) {
         h = Se(
           /*geom*/
@@ -1290,8 +1295,8 @@ function ho(e) {
         );
         let y;
         for (y = 0; y < h.length; y += 1) {
-          const E = wt(e, h, y);
-          g[y] ? (g[y].p(E, w), P(g[y], 1)) : (g[y] = bt(E), g[y].c(), P(g[y], 1), g[y].m(a.parentNode, a));
+          const A = wt(e, h, y);
+          g[y] ? (g[y].p(A, b), P(g[y], 1)) : (g[y] = bt(A), g[y].c(), P(g[y], 1), g[y].m(a.parentNode, a));
         }
         for (re(), y = h.length; y < g.length; y += 1)
           m(y);
@@ -1300,23 +1305,23 @@ function ho(e) {
     },
     i(_) {
       if (!c) {
-        for (let w = 0; w < h.length; w += 1)
-          P(g[w]);
+        for (let b = 0; b < h.length; b += 1)
+          P(g[b]);
         c = !0;
       }
     },
     o(_) {
       g = g.filter(Boolean);
-      for (let w = 0; w < g.length; w += 1)
-        C(g[w]);
+      for (let b = 0; b < g.length; b += 1)
+        D(g[b]);
       c = !1;
     },
     d(_) {
-      _ && (k(t), k(i), k(s), k(l), k(a)), rt(g, _), u = !1, ae(f);
+      _ && (L(t), L(i), L(s), L(l), L(a)), rt(g, _), u = !1, ae(f);
     }
   };
 }
-function go(e) {
+function mo(e) {
   let t, n;
   return t = new Qt({
     props: {
@@ -1334,7 +1339,7 @@ function go(e) {
       ),
       $$slots: {
         default: [
-          ho,
+          go,
           ({ grab: o }) => ({ 9: o }),
           ({ grab: o }) => o ? 512 : 0
         ]
@@ -1373,7 +1378,7 @@ function go(e) {
       n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      D(t.$$.fragment, o), n = !1;
     },
     d(o) {
       x(t, o);
@@ -1381,12 +1386,12 @@ function go(e) {
   };
 }
 const Et = (e) => e.join(","), At = (e) => e.join(",");
-function mo(e, t, n) {
+function po(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
   const a = (h, g, m) => {
     let _;
-    const w = h.geometry;
-    g === "SHAPE" ? _ = w.points.map(([E, b]) => [E + m[0], b + m[1]]) : _ = w.points.map(([E, b], A) => g === `HANDLE-${A}` ? [E + m[0], b + m[1]] : [E, b]);
+    const b = h.geometry;
+    g === "SHAPE" ? _ = b.points.map(([A, w]) => [A + m[0], w + m[1]]) : _ = b.points.map(([A, w], E) => g === `HANDLE-${E}` ? [A + m[0], w + m[1]] : [A, w]);
     const y = Fe(_);
     return { ...h, geometry: { points: _, bounds: y } };
   };
@@ -1416,9 +1421,9 @@ function mo(e, t, n) {
     f
   ];
 }
-class po extends te {
+class yo extends te {
   constructor(t) {
-    super(), ee(this, t, mo, go, W, {
+    super(), ee(this, t, po, mo, W, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -1430,7 +1435,7 @@ const Qe = (e, t) => {
   const n = Math.abs(t[0] - e[0]), o = Math.abs(t[1] - e[1]);
   return Math.sqrt(Math.pow(n, 2) + Math.pow(o, 2));
 }, _e = [];
-function yo(e, t = V) {
+function _o(e, t = V) {
   let n;
   const o = /* @__PURE__ */ new Set();
   function i(l) {
@@ -1456,7 +1461,7 @@ function yo(e, t = V) {
   }
   return { set: i, update: s, subscribe: r };
 }
-const _o = (e, t) => {
+const wo = (e, t) => {
   const { naturalWidth: n, naturalHeight: o } = e;
   if (!n && !o) {
     const { width: i, height: s } = e;
@@ -1466,9 +1471,9 @@ const _o = (e, t) => {
     });
   } else
     t.setAttribute("viewBox", `0 0 ${n} ${o}`);
-}, wo = (e, t) => {
-  _o(e, t);
-  const { subscribe: n, set: o } = yo(1);
+}, bo = (e, t) => {
+  wo(e, t);
+  const { subscribe: n, set: o } = _o(1);
   let i;
   return window.ResizeObserver && (i = new ResizeObserver(() => {
     const r = t.getBoundingClientRect(), { width: l, height: a } = t.viewBox.baseVal, c = Math.max(
@@ -1479,12 +1484,12 @@ const _o = (e, t) => {
   }), i.observe(t.parentElement)), { destroy: () => {
     i && i.disconnect();
   }, subscribe: n };
-}, bo = "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
-function Eo(e) {
+}, Eo = "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+function Ao(e) {
   let t, n, o, i, s, r;
   return {
     c() {
-      t = U("rect"), d(t, "class", n = Ge(`a9s-handle ${/*$$props*/
+      t = R("rect"), d(t, "class", n = Ge(`a9s-handle ${/*$$props*/
       e[8].class || ""}`.trim()) + " svelte-1sgkh33"), d(t, "x", o = /*x*/
       e[0] - /*handleSize*/
       e[5] / 2), d(t, "y", i = /*y*/
@@ -1502,7 +1507,7 @@ function Eo(e) {
       );
     },
     m(l, a) {
-      B(l, t, a), s || (r = F(
+      O(l, t, a), s || (r = F(
         t,
         "pointerdown",
         /*pointerdown_handler_2*/
@@ -1533,15 +1538,15 @@ function Eo(e) {
       );
     },
     d(l) {
-      l && k(t), s = !1, r();
+      l && L(t), s = !1, r();
     }
   };
 }
-function Ao(e) {
+function So(e) {
   let t, n, o, i, s, r, l, a, c;
   return {
     c() {
-      t = U("g"), n = U("circle"), i = U("rect"), d(
+      t = R("g"), n = R("circle"), i = R("rect"), d(
         n,
         "cx",
         /*x*/
@@ -1576,7 +1581,7 @@ function Ao(e) {
       ), d(t, "class", "a9s-touch-handle");
     },
     m(u, f) {
-      B(u, t, f), se(t, n), se(t, i), a || (c = [
+      O(u, t, f), se(t, n), se(t, i), a || (c = [
         F(
           n,
           "pointerdown",
@@ -1660,14 +1665,14 @@ function Ao(e) {
       );
     },
     d(u) {
-      u && k(t), a = !1, ae(c);
+      u && L(t), a = !1, ae(c);
     }
   };
 }
-function So(e) {
+function To(e) {
   let t;
   function n(s, r) {
-    return bo ? Ao : Eo;
+    return Eo ? So : Ao;
   }
   let i = n()(e);
   return {
@@ -1675,7 +1680,7 @@ function So(e) {
       i.c(), t = ce();
     },
     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);
@@ -1683,11 +1688,11 @@ function So(e) {
     i: V,
     o: V,
     d(s) {
-      s && k(t), i.d(s);
+      s && L(t), i.d(s);
     }
   };
 }
-function To(e, t, n) {
+function Mo(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);
@@ -1723,11 +1728,11 @@ function To(e, t, n) {
 }
 class Le extends te {
   constructor(t) {
-    super(), ee(this, t, To, So, W, { x: 0, y: 1, scale: 2, radius: 3 });
+    super(), ee(this, t, Mo, To, W, { x: 0, y: 1, scale: 2, radius: 3 });
   }
 }
-function Mo(e) {
-  let t, n, o, i, s, r, l, a, c, u, f, h, g, m, _, w, y, E, b, A, L, D, R, p, T, S, M, O, X, Z, ge, me, Me, ie, I, z, H, J, fe, ne, N, qe, ut;
+function vo(e) {
+  let t, n, o, i, s, r, l, a, c, u, f, h, g, m, _, b, y, A, w, E, B, U, X, p, T, S, M, k, C, Z, ge, me, Me, ie, I, z, H, J, fe, ne, N, qe, ut;
   return ie = new Le({
     props: {
       class: "a9s-corner-handle-topleft",
@@ -1818,7 +1823,7 @@ function Mo(e) {
     ) && e[9]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = U("rect"), l = oe(), a = U("rect"), g = oe(), m = U("rect"), E = oe(), b = U("rect"), R = oe(), p = U("rect"), O = oe(), X = U("rect"), Me = oe(), $(ie.$$.fragment), I = oe(), $(z.$$.fragment), H = oe(), $(J.$$.fragment), fe = oe(), $(ne.$$.fragment), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
+      t = R("rect"), l = oe(), a = R("rect"), g = oe(), m = R("rect"), A = oe(), w = R("rect"), X = oe(), p = R("rect"), k = oe(), C = R("rect"), Me = oe(), $(ie.$$.fragment), I = oe(), $(z.$$.fragment), H = oe(), $(J.$$.fragment), fe = oe(), $(ne.$$.fragment), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), d(t, "x", o = /*geom*/
       e[4].x), d(t, "y", i = /*geom*/
       e[4].y), d(t, "width", s = /*geom*/
@@ -1833,23 +1838,23 @@ function Mo(e) {
       e[4].y), d(a, "width", f = /*geom*/
       e[4].w), d(a, "height", h = /*geom*/
       e[4].h), d(m, "class", "a9s-edge-handle a9s-edge-handle-top"), d(m, "x", _ = /*geom*/
-      e[4].x), d(m, "y", w = /*geom*/
+      e[4].x), d(m, "y", b = /*geom*/
       e[4].y), d(m, "height", 1), d(m, "width", y = /*geom*/
-      e[4].w), d(b, "class", "a9s-edge-handle a9s-edge-handle-right"), d(b, "x", A = /*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(b, "y", L = /*geom*/
-      e[4].y), d(b, "height", D = /*geom*/
-      e[4].h), d(b, "width", 1), d(p, "class", "a9s-edge-handle a9s-edge-handle-bottom"), d(p, "x", T = /*geom*/
+      e[4].w), d(w, "y", B = /*geom*/
+      e[4].y), d(w, "height", U = /*geom*/
+      e[4].h), d(w, "width", 1), d(p, "class", "a9s-edge-handle a9s-edge-handle-bottom"), d(p, "x", T = /*geom*/
       e[4].x), d(p, "y", S = /*geom*/
       e[4].y + /*geom*/
       e[4].h), d(p, "height", 1), d(p, "width", M = /*geom*/
-      e[4].w), d(X, "class", "a9s-edge-handle a9s-edge-handle-left"), d(X, "x", Z = /*geom*/
-      e[4].x), d(X, "y", ge = /*geom*/
-      e[4].y), d(X, "height", me = /*geom*/
-      e[4].h), d(X, "width", 1);
+      e[4].w), d(C, "class", "a9s-edge-handle a9s-edge-handle-left"), d(C, "x", Z = /*geom*/
+      e[4].x), d(C, "y", ge = /*geom*/
+      e[4].y), d(C, "height", me = /*geom*/
+      e[4].h), d(C, "width", 1);
     },
     m(Y, v) {
-      B(Y, t, v), B(Y, l, v), B(Y, a, v), B(Y, g, v), B(Y, m, v), B(Y, E, v), B(Y, b, v), B(Y, R, v), B(Y, p, v), B(Y, O, v), B(Y, X, v), B(Y, Me, v), Q(ie, Y, v), B(Y, I, v), Q(z, Y, v), B(Y, H, v), Q(J, Y, v), B(Y, fe, v), Q(ne, Y, v), N = !0, qe || (ut = [
+      O(Y, t, v), O(Y, l, v), O(Y, a, v), O(Y, g, v), O(Y, m, v), O(Y, A, v), O(Y, w, v), O(Y, X, v), O(Y, p, v), O(Y, k, v), O(Y, C, v), O(Y, Me, v), Q(ie, Y, v), O(Y, I, v), Q(z, Y, v), O(Y, H, v), Q(J, Y, v), O(Y, fe, v), Q(ne, Y, v), N = !0, qe || (ut = [
         F(t, "pointerdown", function() {
           q(
             /*grab*/
@@ -1868,7 +1873,7 @@ function Mo(e) {
             e[9]("TOP")
           ) && e[9]("TOP").apply(this, arguments);
         }),
-        F(b, "pointerdown", function() {
+        F(w, "pointerdown", function() {
           q(
             /*grab*/
             e[9]("RIGHT")
@@ -1880,7 +1885,7 @@ function Mo(e) {
             e[9]("BOTTOM")
           ) && e[9]("BOTTOM").apply(this, arguments);
         }),
-        F(X, "pointerdown", function() {
+        F(C, "pointerdown", function() {
           q(
             /*grab*/
             e[9]("LEFT")
@@ -1916,17 +1921,17 @@ function Mo(e) {
       e[4].h)) && d(a, "height", h), (!N || v & /*geom*/
       16 && _ !== (_ = /*geom*/
       e[4].x)) && d(m, "x", _), (!N || v & /*geom*/
-      16 && w !== (w = /*geom*/
-      e[4].y)) && d(m, "y", w), (!N || v & /*geom*/
+      16 && b !== (b = /*geom*/
+      e[4].y)) && d(m, "y", b), (!N || v & /*geom*/
       16 && y !== (y = /*geom*/
       e[4].w)) && d(m, "width", y), (!N || v & /*geom*/
-      16 && A !== (A = /*geom*/
+      16 && E !== (E = /*geom*/
       e[4].x + /*geom*/
-      e[4].w)) && d(b, "x", A), (!N || v & /*geom*/
-      16 && L !== (L = /*geom*/
-      e[4].y)) && d(b, "y", L), (!N || v & /*geom*/
-      16 && D !== (D = /*geom*/
-      e[4].h)) && d(b, "height", D), (!N || v & /*geom*/
+      e[4].w)) && d(w, "x", E), (!N || v & /*geom*/
+      16 && B !== (B = /*geom*/
+      e[4].y)) && d(w, "y", B), (!N || v & /*geom*/
+      16 && U !== (U = /*geom*/
+      e[4].h)) && d(w, "height", U), (!N || v & /*geom*/
       16 && T !== (T = /*geom*/
       e[4].x)) && d(p, "x", T), (!N || v & /*geom*/
       16 && S !== (S = /*geom*/
@@ -1935,11 +1940,11 @@ function Mo(e) {
       16 && M !== (M = /*geom*/
       e[4].w)) && d(p, "width", M), (!N || v & /*geom*/
       16 && Z !== (Z = /*geom*/
-      e[4].x)) && d(X, "x", Z), (!N || v & /*geom*/
+      e[4].x)) && d(C, "x", Z), (!N || v & /*geom*/
       16 && ge !== (ge = /*geom*/
-      e[4].y)) && d(X, "y", ge), (!N || v & /*geom*/
+      e[4].y)) && d(C, "y", ge), (!N || v & /*geom*/
       16 && me !== (me = /*geom*/
-      e[4].h)) && d(X, "height", me);
+      e[4].h)) && d(C, "height", me);
       const Ye = {};
       v & /*geom*/
       16 && (Ye.x = /*geom*/
@@ -1948,47 +1953,47 @@ function Mo(e) {
       e[4].y), v & /*viewportScale*/
       8 && (Ye.scale = /*viewportScale*/
       e[3]), ie.$set(Ye);
+      const Ce = {};
+      v & /*geom*/
+      16 && (Ce.x = /*geom*/
+      e[4].x + /*geom*/
+      e[4].w), v & /*geom*/
+      16 && (Ce.y = /*geom*/
+      e[4].y), v & /*viewportScale*/
+      8 && (Ce.scale = /*viewportScale*/
+      e[3]), z.$set(Ce);
       const De = {};
       v & /*geom*/
       16 && (De.x = /*geom*/
       e[4].x + /*geom*/
       e[4].w), v & /*geom*/
       16 && (De.y = /*geom*/
-      e[4].y), v & /*viewportScale*/
+      e[4].y + /*geom*/
+      e[4].h), v & /*viewportScale*/
       8 && (De.scale = /*viewportScale*/
-      e[3]), z.$set(De);
+      e[3]), J.$set(De);
       const Xe = {};
       v & /*geom*/
       16 && (Xe.x = /*geom*/
-      e[4].x + /*geom*/
-      e[4].w), v & /*geom*/
+      e[4].x), v & /*geom*/
       16 && (Xe.y = /*geom*/
       e[4].y + /*geom*/
       e[4].h), v & /*viewportScale*/
       8 && (Xe.scale = /*viewportScale*/
-      e[3]), J.$set(Xe);
-      const Ce = {};
-      v & /*geom*/
-      16 && (Ce.x = /*geom*/
-      e[4].x), v & /*geom*/
-      16 && (Ce.y = /*geom*/
-      e[4].y + /*geom*/
-      e[4].h), v & /*viewportScale*/
-      8 && (Ce.scale = /*viewportScale*/
-      e[3]), ne.$set(Ce);
+      e[3]), ne.$set(Xe);
     },
     i(Y) {
       N || (P(ie.$$.fragment, Y), P(z.$$.fragment, Y), P(J.$$.fragment, Y), P(ne.$$.fragment, Y), N = !0);
     },
     o(Y) {
-      C(ie.$$.fragment, Y), C(z.$$.fragment, Y), C(J.$$.fragment, Y), C(ne.$$.fragment, Y), N = !1;
+      D(ie.$$.fragment, Y), D(z.$$.fragment, Y), D(J.$$.fragment, Y), D(ne.$$.fragment, Y), N = !1;
     },
     d(Y) {
-      Y && (k(t), k(l), k(a), k(g), k(m), k(E), k(b), k(R), k(p), k(O), k(X), k(Me), k(I), k(H), k(fe)), x(ie, Y), x(z, Y), x(J, Y), x(ne, Y), qe = !1, ae(ut);
+      Y && (L(t), L(l), L(a), L(g), L(m), L(A), L(w), L(X), L(p), L(k), L(C), L(Me), L(I), L(H), L(fe)), x(ie, Y), x(z, Y), x(J, Y), x(ne, Y), qe = !1, ae(ut);
     }
   };
 }
-function vo(e) {
+function Lo(e) {
   let t, n;
   return t = new Qt({
     props: {
@@ -2006,7 +2011,7 @@ function vo(e) {
       ),
       $$slots: {
         default: [
-          Mo,
+          vo,
           ({ grab: o }) => ({ 9: o }),
           ({ grab: o }) => o ? 512 : 0
         ]
@@ -2045,33 +2050,33 @@ function vo(e) {
       n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      D(t.$$.fragment, o), n = !1;
     },
     d(o) {
       x(t, o);
     }
   };
 }
-function Lo(e, t, n) {
+function ko(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
   const a = (h, g, m) => {
     const _ = h.geometry.bounds;
-    let [w, y] = [_.minX, _.minY], [E, b] = [_.maxX, _.maxY];
-    const [A, L] = m;
+    let [b, y] = [_.minX, _.minY], [A, w] = [_.maxX, _.maxY];
+    const [E, B] = m;
     if (g === "SHAPE")
-      w += A, E += A, y += L, b += L;
+      b += E, A += E, y += B, w += B;
     else {
       switch (g) {
         case "TOP":
         case "TOP_LEFT":
         case "TOP_RIGHT": {
-          y += L;
+          y += B;
           break;
         }
         case "BOTTOM":
         case "BOTTOM_LEFT":
         case "BOTTOM_RIGHT": {
-          b += L;
+          w += B;
           break;
         }
       }
@@ -2079,30 +2084,30 @@ function Lo(e, t, n) {
         case "LEFT":
         case "TOP_LEFT":
         case "BOTTOM_LEFT": {
-          w += A;
+          b += E;
           break;
         }
         case "RIGHT":
         case "TOP_RIGHT":
         case "BOTTOM_RIGHT": {
-          E += A;
+          A += E;
           break;
         }
       }
     }
-    const D = Math.min(w, E), R = Math.min(y, b), p = Math.abs(E - w), T = Math.abs(b - y);
+    const U = Math.min(b, A), X = Math.min(y, w), p = Math.abs(A - b), T = Math.abs(w - y);
     return {
       ...h,
       geometry: {
-        x: D,
-        y: R,
+        x: U,
+        y: X,
         w: p,
         h: T,
         bounds: {
-          minX: D,
-          minY: R,
-          maxX: D + p,
-          maxY: R + T
+          minX: U,
+          minY: X,
+          maxX: U + p,
+          maxY: X + T
         }
       }
     };
@@ -2133,9 +2138,9 @@ function Lo(e, t, n) {
     f
   ];
 }
-class ko extends te {
+class Oo extends te {
   constructor(t) {
-    super(), ee(this, t, Lo, vo, W, {
+    super(), ee(this, t, ko, Lo, W, {
       shape: 0,
       computedStyle: 1,
       transform: 2,
@@ -2144,13 +2149,13 @@ class ko extends te {
   }
 }
 const Zt = /* @__PURE__ */ new Map([
-  [j.RECTANGLE, ko],
-  [j.POLYGON, po]
-]), Oo = (e) => Zt.get(e.type), Bo = (e, t) => Zt.set(e, t), Io = (e) => ({}), St = (e) => ({ grab: (
+  [j.RECTANGLE, Oo],
+  [j.POLYGON, yo]
+]), Bo = (e) => Zt.get(e.type), Io = (e, t) => Zt.set(e, t), Po = (e) => ({}), St = (e) => ({ grab: (
   /*onGrab*/
   e[0]
 ) });
-function Po(e) {
+function Yo(e) {
   let t, n, o, i;
   const s = (
     /*#slots*/
@@ -2164,10 +2169,10 @@ function Po(e) {
   );
   return {
     c() {
-      t = U("g"), r && r.c(), d(t, "class", "a9s-annotation selected");
+      t = R("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 = [
         F(
           t,
           "pointerup",
@@ -2195,7 +2200,7 @@ function Po(e) {
           /*$$scope*/
           l[6],
           a,
-          Io
+          Po
         ) : cn(
           /*$$scope*/
           l[6]
@@ -2207,23 +2212,23 @@ function Po(e) {
       n || (P(r, l), n = !0);
     },
     o(l) {
-      C(r, l), n = !1;
+      D(r, l), n = !1;
     },
     d(l) {
-      l && k(t), r && r.d(l), o = !1, ae(i);
+      l && L(t), r && r.d(l), o = !1, ae(i);
     }
   };
 }
-function Yo(e, t, n) {
+function Co(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
   const s = Te();
   let { shape: r } = t, { editor: l } = t, { transform: a } = t, c, u, f;
-  const h = (_) => (w) => {
-    c = _, u = a.elementToImage(w.offsetX, w.offsetY), f = r, w.target.setPointerCapture(w.pointerId), s("grab", w);
+  const h = (_) => (b) => {
+    c = _, u = a.elementToImage(b.offsetX, b.offsetY), f = r, b.target.setPointerCapture(b.pointerId), s("grab", b);
   }, g = (_) => {
     if (c) {
-      const [w, y] = a.elementToImage(_.offsetX, _.offsetY), E = [w - u[0], y - u[1]];
-      n(3, r = l(f, c, E)), s("change", r);
+      const [b, y] = a.elementToImage(_.offsetX, _.offsetY), A = [b - u[0], y - u[1]];
+      n(3, r = l(f, c, A)), s("change", r);
     }
   }, m = (_) => {
     _.target.releasePointerCapture(_.pointerId), c = void 0, f = r, s("release", _);
@@ -2234,7 +2239,7 @@ function Yo(e, t, n) {
 }
 class Qt extends te {
   constructor(t) {
-    super(), ee(this, t, Yo, Po, W, { shape: 3, editor: 4, transform: 5 });
+    super(), ee(this, t, Co, Yo, W, { shape: 3, editor: 4, transform: 5 });
   }
 }
 const je = (e, t) => {
@@ -2283,7 +2288,7 @@ class Xo extends te {
     });
   }
 }
-function Co(e, t, n) {
+function Ro(e, t, n) {
   const o = Te();
   let { drawingMode: i } = t, { target: s } = t, { tool: r } = t, { transform: l } = t, { viewportScale: a } = t, c;
   return Pe(() => {
@@ -2309,9 +2314,9 @@ function Co(e, t, n) {
     48 && c && c.$set({ viewportScale: a });
   }, [i, s, r, l, a, c];
 }
-class Ro extends te {
+class Uo extends te {
   constructor(t) {
-    super(), ee(this, t, Co, null, W, {
+    super(), ee(this, t, Ro, null, W, {
       drawingMode: 0,
       target: 1,
       tool: 2,
@@ -2324,7 +2329,7 @@ function Tt(e) {
   let t, n;
   return {
     c() {
-      t = U("rect"), n = U("rect"), d(t, "class", "a9s-outer"), d(
+      t = R("rect"), n = R("rect"), d(t, "class", "a9s-outer"), d(
         t,
         "x",
         /*x*/
@@ -2367,7 +2372,7 @@ function Tt(e) {
       );
     },
     m(o, i) {
-      B(o, t, i), B(o, n, i);
+      O(o, t, i), O(o, n, i);
     },
     p(o, i) {
       i & /*x*/
@@ -2421,21 +2426,21 @@ function Tt(e) {
       );
     },
     d(o) {
-      o && (k(t), k(n));
+      o && (L(t), L(n));
     }
   };
 }
-function Uo(e) {
+function No(e) {
   let t, n = (
     /*origin*/
     e[0] && Tt(e)
   );
   return {
     c() {
-      t = U("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
+      t = R("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*/
@@ -2444,30 +2449,30 @@ function Uo(e) {
     i: V,
     o: V,
     d(o) {
-      o && k(t), n && n.d();
+      o && L(t), n && n.d();
     }
   };
 }
-function No(e, t, n) {
+function Vo(e, t, n) {
   const o = Te();
   let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, l, a, c, u, f, h, g;
-  const m = (E) => {
-    const b = E;
-    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(b.offsetX, b.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, g = 1));
-  }, _ = (E) => {
-    const b = E;
-    a && (c = r.elementToImage(b.offsetX, b.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])));
-  }, w = (E) => {
-    const b = E, A = performance.now() - l;
+  const m = (A) => {
+    const w = A;
+    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, g = 1));
+  }, _ = (A) => {
+    const w = A;
+    a && (c = r.elementToImage(w.offsetX, w.offsetY), n(1, u = Math.min(c[0], a[0])), n(2, f = Math.min(c[1], a[1])), n(3, h = Math.abs(c[0] - a[0])), n(4, g = Math.abs(c[1] - a[1])));
+  }, b = (A) => {
+    const w = A, E = performance.now() - l;
     if (s === "click") {
-      if (A > 300)
+      if (E > 300)
         return;
-      b.stopPropagation(), a ? y() : (n(0, a = r.elementToImage(b.offsetX, b.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, g = 1));
+      w.stopPropagation(), a ? y() : (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, h = 1), n(4, g = 1));
     } else
-      a && (A > 300 || h * g > 100 ? (b.stopPropagation(), y()) : (n(0, a = void 0), c = void 0));
+      a && (E > 300 || h * g > 100 ? (w.stopPropagation(), y()) : (n(0, a = void 0), c = void 0));
   }, y = () => {
     if (h * g > 15) {
-      const E = {
+      const A = {
         type: j.RECTANGLE,
         geometry: {
           bounds: {
@@ -2482,19 +2487,19 @@ function No(e, t, n) {
           h: g
         }
       };
-      o("create", E);
+      o("create", A);
     }
     n(0, a = void 0), c = void 0;
   };
   return Pe(() => {
-    i("pointerdown", m), i("pointermove", _), i("pointerup", w, !0);
-  }), e.$$set = (E) => {
-    "addEventListener" in E && n(5, i = E.addEventListener), "drawingMode" in E && n(6, s = E.drawingMode), "transform" in E && n(7, r = E.transform);
+    i("pointerdown", m), i("pointermove", _), i("pointerup", b, !0);
+  }), e.$$set = (A) => {
+    "addEventListener" in A && n(5, i = A.addEventListener), "drawingMode" in A && n(6, s = A.drawingMode), "transform" in A && n(7, r = A.transform);
   }, [a, u, f, h, g, i, s, r];
 }
-class Vo extends te {
+class Go extends te {
   constructor(t) {
-    super(), ee(this, t, No, Uo, W, {
+    super(), ee(this, t, Vo, No, W, {
       addEventListener: 5,
       drawingMode: 6,
       transform: 7
@@ -2523,12 +2528,12 @@ function Mt(e) {
   );
   return {
     c() {
-      t = U("polygon"), o = U("polygon"), r && r.c(), s = ce(), d(t, "class", "a9s-outer"), d(t, "points", n = /*coords*/
+      t = R("polygon"), o = R("polygon"), r && r.c(), s = ce(), d(t, "class", "a9s-outer"), d(t, "points", n = /*coords*/
       e[16]), d(o, "class", "a9s-inner"), d(o, "points", i = /*coords*/
       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*/
@@ -2539,7 +2544,7 @@ function Mt(e) {
       l[2] ? r ? r.p(l, a) : (r = vt(l), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
     },
     d(l) {
-      l && (k(t), k(o), k(s)), r && r.d(l);
+      l && (L(t), L(o), L(s)), r && r.d(l);
     }
   };
 }
@@ -2547,7 +2552,7 @@ function vt(e) {
   let t, n, o;
   return {
     c() {
-      t = U("rect"), d(t, "class", "a9s-corner-handle"), d(t, "x", n = /*points*/
+      t = R("rect"), d(t, "class", "a9s-corner-handle"), d(t, "x", n = /*points*/
       e[0][0][0] - /*handleSize*/
       e[3] / 2), d(t, "y", o = /*points*/
       e[0][0][1] - /*handleSize*/
@@ -2564,7 +2569,7 @@ function vt(e) {
       );
     },
     m(i, s) {
-      B(i, t, s);
+      O(i, t, s);
     },
     p(i, s) {
       s & /*points, handleSize*/
@@ -2588,21 +2593,21 @@ function vt(e) {
       );
     },
     d(i) {
-      i && k(t);
+      i && L(t);
     }
   };
 }
-function Go(e) {
+function zo(e) {
   let t, n = (
     /*cursor*/
     e[1] && Mt(xe(e))
   );
   return {
     c() {
-      t = U("g"), n && n.c(), d(t, "class", "a9s-annotation a9s-rubberband");
+      t = R("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*/
@@ -2611,46 +2616,46 @@ function Go(e) {
     i: V,
     o: V,
     d(o) {
-      o && k(t), n && n.d();
+      o && L(t), n && n.d();
     }
   };
 }
-const zo = 20, Ho = 1500;
-function Fo(e, t, n) {
+const Ho = 20, Fo = 1500;
+function jo(e, t, n) {
   let o;
   const i = Te();
   let { addEventListener: s } = t, { drawingMode: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, c, u = [], f, h, g = !1;
-  const m = (b) => {
-    const A = b, { timeStamp: L, offsetX: D, offsetY: R } = A;
-    if (c = { timeStamp: L, offsetX: D, offsetY: R }, r === "drag" && u.length === 0) {
-      const p = l.elementToImage(A.offsetX, A.offsetY);
+  const m = (w) => {
+    const E = w, { timeStamp: B, offsetX: U, offsetY: X } = E;
+    if (c = { timeStamp: B, offsetX: U, offsetY: X }, r === "drag" && u.length === 0) {
+      const p = l.elementToImage(E.offsetX, E.offsetY);
       u.push(p), n(1, f = p);
     }
-  }, _ = (b) => {
-    const A = b;
+  }, _ = (w) => {
+    const E = w;
     if (h && clearTimeout(h), u.length > 0) {
-      if (n(1, f = l.elementToImage(A.offsetX, A.offsetY)), u.length > 2) {
-        const L = Qe(f, u[0]) * a;
-        n(2, g = L < zo);
+      if (n(1, f = l.elementToImage(E.offsetX, E.offsetY)), u.length > 2) {
+        const B = Qe(f, u[0]) * a;
+        n(2, g = B < Ho);
       }
-      A.pointerType === "touch" && (h = setTimeout(
+      E.pointerType === "touch" && (h = setTimeout(
         () => {
           y();
         },
-        Ho
+        Fo
       ));
     }
-  }, w = (b) => {
-    const A = b;
+  }, b = (w) => {
+    const E = w;
     if (h && clearTimeout(h), r === "click") {
-      const L = A.timeStamp - c.timeStamp, D = Qe([c.offsetX, c.offsetY], [A.offsetX, A.offsetY]);
-      if (L > 300 || D > 15)
+      const B = E.timeStamp - c.timeStamp, U = Qe([c.offsetX, c.offsetY], [E.offsetX, E.offsetY]);
+      if (B > 300 || U > 15)
         return;
       if (g)
-        E();
+        A();
       else if (u.length === 0) {
-        const R = l.elementToImage(A.offsetX, A.offsetY);
-        u.push(R), n(1, f = R);
+        const X = l.elementToImage(E.offsetX, E.offsetY);
+        u.push(X), n(1, f = X);
       } else
         u.push(f);
     } else {
@@ -2658,30 +2663,30 @@ function Fo(e, t, n) {
         n(0, u = []), n(1, f = void 0);
         return;
       }
-      A.stopImmediatePropagation(), g ? E() : u.push(f);
+      E.stopImmediatePropagation(), g ? A() : u.push(f);
     }
   }, y = () => {
     if (!f)
       return;
-    const b = [...u, f], A = {
+    const w = [...u, f], E = {
       type: j.POLYGON,
-      geometry: { bounds: Fe(b), points: b }
+      geometry: { bounds: Fe(w), points: w }
     };
-    st(A) > 4 && (n(0, u = []), n(1, f = void 0), i("create", A));
-  }, E = () => {
-    const b = {
+    st(E) > 4 && (n(0, u = []), n(1, f = void 0), i("create", E));
+  }, A = () => {
+    const w = {
       type: j.POLYGON,
       geometry: {
         bounds: Fe(u),
         points: [...u]
       }
     };
-    n(0, u = []), n(1, f = void 0), i("create", b);
+    n(0, u = []), n(1, f = void 0), i("create", w);
   };
   return Pe(() => {
-    s("pointerdown", m, !0), s("pointermove", _), s("pointerup", w, !0), s("dblclick", y, !0);
-  }), e.$$set = (b) => {
-    "addEventListener" in b && n(4, s = b.addEventListener), "drawingMode" in b && n(5, r = b.drawingMode), "transform" in b && n(6, l = b.transform), "viewportScale" in b && n(7, a = b.viewportScale);
+    s("pointerdown", m, !0), s("pointermove", _), s("pointerup", b, !0), s("dblclick", y, !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);
@@ -2696,9 +2701,9 @@ function Fo(e, t, n) {
     a
   ];
 }
-class jo extends te {
+class qo extends te {
   constructor(t) {
-    super(), ee(this, t, Fo, Go, W, {
+    super(), ee(this, t, jo, zo, W, {
       addEventListener: 4,
       drawingMode: 5,
       transform: 6,
@@ -2707,14 +2712,14 @@ class jo extends te {
   }
 }
 const ft = /* @__PURE__ */ new Map([
-  ["rectangle", { tool: Vo }],
-  ["polygon", { tool: jo }]
-]), xt = () => [...ft.keys()], $t = (e) => ft.get(e), qo = (e, t, n) => ft.set(e, { tool: t, opts: n });
-function Ko(e) {
+  ["rectangle", { tool: Go }],
+  ["polygon", { tool: qo }]
+]), xt = () => [...ft.keys()], $t = (e) => ft.get(e), Ko = (e, t, n) => ft.set(e, { tool: t, opts: n });
+function Wo(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = U("g"), n = U("ellipse"), i = U("ellipse"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
+      t = R("g"), n = R("ellipse"), i = R("ellipse"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
       e[1] ? "display:none;" : void 0), d(
         n,
         "cx",
@@ -2764,7 +2769,7 @@ function Ko(e) {
       e[0].id);
     },
     m(r, l) {
-      B(r, t, l), se(t, n), se(t, i);
+      O(r, t, l), se(t, n), se(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -2782,11 +2787,11 @@ function Ko(e) {
     i: V,
     o: V,
     d(r) {
-      r && k(t);
+      r && L(t);
     }
   };
 }
-function Wo(e, t, n) {
+function Jo(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
   const { cx: l, cy: a, rx: c, ry: u } = s;
   return e.$$set = (f) => {
@@ -2796,21 +2801,21 @@ function Wo(e, t, n) {
     129 && n(1, o = je(i, r));
   }, [i, o, l, a, c, u, s, r];
 }
-class Jo extends te {
+class Zo extends te {
   constructor(t) {
-    super(), ee(this, t, Wo, Ko, W, { annotation: 0, geom: 6, style: 7 });
+    super(), ee(this, t, Jo, Wo, W, { annotation: 0, geom: 6, style: 7 });
   }
 }
-function Zo(e) {
+function Qo(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = U("g"), n = U("polygon"), i = U("polygon"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
+      t = R("g"), n = R("polygon"), i = R("polygon"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
       e[1] ? "display:none;" : void 0), d(
         n,
         "points",
         /*points*/
-        e[2].map(Qo).join(" ")
+        e[2].map(xo).join(" ")
       ), d(i, "class", "a9s-inner"), d(
         i,
         "style",
@@ -2820,12 +2825,12 @@ function Zo(e) {
         i,
         "points",
         /*points*/
-        e[2].map(xo).join(" ")
+        e[2].map($o).join(" ")
       ), d(t, "data-id", s = /*annotation*/
       e[0].id);
     },
     m(r, l) {
-      B(r, t, l), se(t, n), se(t, i);
+      O(r, t, l), se(t, n), se(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -2843,12 +2848,12 @@ function Zo(e) {
     i: V,
     o: V,
     d(r) {
-      r && k(t);
+      r && L(t);
     }
   };
 }
-const Qo = (e) => e.join(","), xo = (e) => e.join(",");
-function $o(e, t, n) {
+const xo = (e) => e.join(","), $o = (e) => e.join(",");
+function ei(e, t, n) {
   let o, { annotation: i } = t, { geom: s } = t, { style: r } = t;
   const { points: l } = s;
   return e.$$set = (a) => {
@@ -2858,16 +2863,16 @@ function $o(e, t, n) {
     17 && n(1, o = je(i, r));
   }, [i, o, l, s, r];
 }
-class ei extends te {
+class ti extends te {
   constructor(t) {
-    super(), ee(this, t, $o, Zo, W, { annotation: 0, geom: 3, style: 4 });
+    super(), ee(this, t, ei, Qo, W, { annotation: 0, geom: 3, style: 4 });
   }
 }
-function ti(e) {
+function ni(e) {
   let t, n, o, i, s;
   return {
     c() {
-      t = U("g"), n = U("rect"), i = U("rect"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
+      t = R("g"), n = R("rect"), i = R("rect"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
       e[5] ? "display:none;" : void 0), d(
         n,
         "x",
@@ -2917,7 +2922,7 @@ function ti(e) {
       e[0].id);
     },
     m(r, l) {
-      B(r, t, l), se(t, n), se(t, i);
+      O(r, t, l), se(t, n), se(t, i);
     },
     p(r, [l]) {
       l & /*computedStyle*/
@@ -2983,11 +2988,11 @@ function ti(e) {
     i: V,
     o: V,
     d(r) {
-      r && k(t);
+      r && L(t);
     }
   };
 }
-function ni(e, t, n) {
+function oi(e, t, n) {
   let o, i, s, r, l, { annotation: a } = t, { geom: c } = t, { style: u } = t;
   return e.$$set = (f) => {
     "annotation" in f && n(0, a = f.annotation), "geom" in f && n(6, c = f.geom), "style" in f && n(7, u = f.style);
@@ -2997,30 +3002,30 @@ function ni(e, t, n) {
     64 && n(4, { x: i, y: s, w: r, h: l } = c, i, (n(3, s), n(6, c)), (n(2, r), n(6, c)), (n(1, l), n(6, c)));
   }, [a, l, r, s, i, o, c, u];
 }
-class oi extends te {
+class ii extends te {
   constructor(t) {
-    super(), ee(this, t, ni, ti, W, { annotation: 0, geom: 6, style: 7 });
+    super(), ee(this, t, oi, ni, W, { annotation: 0, geom: 6, style: 7 });
   }
 }
-const Yi = {
+const Ci = {
   elementToImage: (e, t) => [e, t]
-}, ii = (e) => ({
+}, si = (e) => ({
   elementToImage: (t, n) => {
     const o = e.getBoundingClientRect(), i = e.createSVGPoint();
     i.x = t + o.x, i.y = n + o.y;
     const { x: s, y: r } = i.matrixTransform(e.getScreenCTM().inverse());
     return [s, r];
   }
-}), si = 250, ri = (e, t) => {
+}), ri = 250, li = (e, t) => {
   const n = Te();
   let o;
   return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
-    if (performance.now() - o < si) {
-      const { x: a, y: c } = li(r, e), u = t.getAt(a, c);
+    if (performance.now() - o < ri) {
+      const { x: a, y: c } = ai(r, e), u = t.getAt(a, c);
       u ? n("click", { originalEvent: r, annotation: u }) : n("click", { originalEvent: r });
     }
   } };
-}, li = (e, t) => {
+}, ai = (e, t) => {
   const n = t.createSVGPoint(), o = t.getBoundingClientRect(), i = e.clientX - o.x, s = e.clientY - o.y, { left: r, top: l } = t.getBoundingClientRect();
   return n.x = i + r, n.y = s + l, n.matrixTransform(t.getScreenCTM().inverse());
 }, { Boolean: en } = fn;
@@ -3049,27 +3054,27 @@ function Ot(e) {
       i.c(), n = ce();
     },
     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*/
       8192 && W(t, t = /*annotation*/
-      s[33].id) ? (re(), C(i, 1, 1, V), le(), i = Bt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[33].id) ? (re(), D(i, 1, 1, V), le(), i = Bt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
       o || (P(i), o = !0);
     },
     o(s) {
-      C(i), o = !1;
+      D(i), o = !1;
     },
     d(s) {
-      s && k(n), i.d(s);
+      s && L(n), i.d(s);
     }
   };
 }
-function ai(e) {
+function ci(e) {
   let t, n;
-  return t = new ei({
+  return t = new ti({
     props: {
       annotation: (
         /*annotation*/
@@ -3105,16 +3110,16 @@ function ai(e) {
       n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      D(t.$$.fragment, o), n = !1;
     },
     d(o) {
       x(t, o);
     }
   };
 }
-function ci(e) {
+function fi(e) {
   let t, n;
-  return t = new oi({
+  return t = new ii({
     props: {
       annotation: (
         /*annotation*/
@@ -3150,16 +3155,16 @@ function ci(e) {
       n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      D(t.$$.fragment, o), n = !1;
     },
     d(o) {
       x(t, o);
     }
   };
 }
-function fi(e) {
+function ui(e) {
   let t, n;
-  return t = new Jo({
+  return t = new Zo({
     props: {
       annotation: (
         /*annotation*/
@@ -3195,7 +3200,7 @@ function fi(e) {
       n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      D(t.$$.fragment, o), n = !1;
     },
     d(o) {
       x(t, o);
@@ -3204,7 +3209,7 @@ function fi(e) {
 }
 function Bt(e) {
   let t, n, o, i;
-  const s = [fi, ci, ai], r = [];
+  const s = [ui, fi, ci], r = [];
   function l(a, c) {
     return (
       /*selector*/
@@ -3222,11 +3227,11 @@ function Bt(e) {
       n && n.c(), o = ce();
     },
     m(a, c) {
-      ~t && r[t].m(a, c), B(a, o, c), i = !0;
+      ~t && r[t].m(a, c), O(a, o, c), i = !0;
     },
     p(a, c) {
       let u = t;
-      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (re(), C(r[u], 1, 1, () => {
+      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (re(), D(r[u], 1, 1, () => {
         r[u] = null;
       }), le()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
     },
@@ -3234,10 +3239,10 @@ function Bt(e) {
       i || (P(n), i = !0);
     },
     o(a) {
-      C(n), i = !1;
+      D(n), i = !1;
     },
     d(a) {
-      a && k(o), ~t && r[t].d(a);
+      a && L(o), ~t && r[t].d(a);
     }
   };
 }
@@ -3252,7 +3257,7 @@ function It(e) {
       i && i.c(), n = ce();
     },
     m(s, r) {
-      i && i.m(s, r), B(s, n, r), o = !0;
+      i && i.m(s, r), O(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*isEditable, $store*/
@@ -3261,7 +3266,7 @@ function It(e) {
         /*annotation*/
         s[33]
       )), t ? i ? (i.p($e(s), r), r[0] & /*isEditable, $store*/
-      8320 && P(i, 1)) : (i = Ot($e(s)), i.c(), P(i, 1), i.m(n.parentNode, n)) : i && (re(), C(i, 1, 1, () => {
+      8320 && P(i, 1)) : (i = Ot($e(s)), i.c(), P(i, 1), i.m(n.parentNode, n)) : i && (re(), D(i, 1, 1, () => {
         i = null;
       }), le());
     },
@@ -3269,16 +3274,16 @@ function It(e) {
       o || (P(i), o = !0);
     },
     o(s) {
-      C(i), o = !1;
+      D(i), o = !1;
     },
     d(s) {
-      s && k(n), i && i.d(s);
+      s && L(n), i && i.d(s);
     }
   };
 }
 function Pt(e) {
   let t, n, o, i;
-  const s = [di, ui], r = [];
+  const s = [hi, di], r = [];
   function l(a, c) {
     return (
       /*editableAnnotations*/
@@ -3294,11 +3299,11 @@ function Pt(e) {
       n && n.c(), o = ce();
     },
     m(a, c) {
-      ~t && r[t].m(a, c), B(a, o, c), i = !0;
+      ~t && r[t].m(a, c), O(a, o, c), i = !0;
     },
     p(a, c) {
       let u = t;
-      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (re(), C(r[u], 1, 1, () => {
+      t = l(a), t === u ? ~t && r[t].p(a, c) : (n && (re(), D(r[u], 1, 1, () => {
         r[u] = null;
       }), le()), ~t ? (n = r[t], n ? n.p(a, c) : (n = r[t] = s[t](a), n.c()), P(n, 1), n.m(o.parentNode, o)) : n = null);
     },
@@ -3306,14 +3311,14 @@ function Pt(e) {
       i || (P(n), i = !0);
     },
     o(a) {
-      C(n), i = !1;
+      D(n), i = !1;
     },
     d(a) {
-      a && k(o), ~t && r[t].d(a);
+      a && L(o), ~t && r[t].d(a);
     }
   };
 }
-function ui(e) {
+function di(e) {
   let t = (
     /*toolName*/
     e[2]
@@ -3323,32 +3328,32 @@ function ui(e) {
       i.c(), n = ce();
     },
     m(s, r) {
-      i.m(s, r), B(s, n, r), o = !0;
+      i.m(s, r), O(s, n, r), o = !0;
     },
     p(s, r) {
       r[0] & /*toolName*/
       4 && W(t, t = /*toolName*/
-      s[2]) ? (re(), C(i, 1, 1, V), le(), i = Yt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[2]) ? (re(), D(i, 1, 1, V), le(), i = Yt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
       o || (P(i), o = !0);
     },
     o(s) {
-      C(i), o = !1;
+      D(i), o = !1;
     },
     d(s) {
-      s && k(n), i.d(s);
+      s && L(n), i.d(s);
     }
   };
 }
-function di(e) {
+function hi(e) {
   let t, n, o = Se(
     /*editableAnnotations*/
     e[6]
   ), i = [];
   for (let r = 0; r < o.length; r += 1)
-    i[r] = Xt(Lt(e, o, r));
-  const s = (r) => C(i[r], 1, 1, () => {
+    i[r] = Dt(Lt(e, o, r));
+  const s = (r) => D(i[r], 1, 1, () => {
     i[r] = null;
   });
   return {
@@ -3360,7 +3365,7 @@ function di(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*/
@@ -3372,7 +3377,7 @@ function di(e) {
         let a;
         for (a = 0; a < o.length; a += 1) {
           const c = Lt(r, o, a);
-          i[a] ? (i[a].p(c, l), P(i[a], 1)) : (i[a] = Xt(c), i[a].c(), P(i[a], 1), i[a].m(t.parentNode, t));
+          i[a] ? (i[a].p(c, l), P(i[a], 1)) : (i[a] = Dt(c), i[a].c(), P(i[a], 1), i[a].m(t.parentNode, t));
         }
         for (re(), a = o.length; a < i.length; a += 1)
           s(a);
@@ -3389,17 +3394,17 @@ function di(e) {
     o(r) {
       i = i.filter(en);
       for (let l = 0; l < i.length; l += 1)
-        C(i[l]);
+        D(i[l]);
       n = !1;
     },
     d(r) {
-      r && k(t), rt(i, r);
+      r && L(t), rt(i, r);
     }
   };
 }
 function Yt(e) {
   let t, n;
-  return t = new Ro({
+  return t = new Uo({
     props: {
       target: (
         /*drawingEl*/
@@ -3451,14 +3456,14 @@ function Yt(e) {
       n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      D(t.$$.fragment, o), n = !1;
     },
     d(o) {
       x(t, o);
     }
   };
 }
-function Dt(e) {
+function Ct(e) {
   let t, n;
   return t = new Xo({
     props: {
@@ -3532,49 +3537,49 @@ function Dt(e) {
       n || (P(t.$$.fragment, o), n = !0);
     },
     o(o) {
-      C(t.$$.fragment, o), n = !1;
+      D(t.$$.fragment, o), n = !1;
     },
     d(o) {
       x(t, o);
     }
   };
 }
-function Xt(e) {
+function Dt(e) {
   let t = (
     /*editable*/
     e[30].id
-  ), n, o, i = Dt(e);
+  ), n, o, i = Ct(e);
   return {
     c() {
       i.c(), n = ce();
     },
     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*/
       64 && W(t, t = /*editable*/
-      s[30].id) ? (re(), C(i, 1, 1, V), le(), i = Dt(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
+      s[30].id) ? (re(), D(i, 1, 1, V), le(), i = Ct(s), i.c(), P(i, 1), i.m(n.parentNode, n)) : i.p(s, r);
     },
     i(s) {
       o || (P(i), o = !0);
     },
     o(s) {
-      C(i), o = !1;
+      D(i), o = !1;
     },
     d(s) {
-      s && k(n), i.d(s);
+      s && L(n), i.d(s);
     }
   };
 }
-function hi(e) {
+function gi(e) {
   let t, n, o, i, s, r, l = Se(
     /*$store*/
     e[13]
   ), a = [];
   for (let f = 0; f < l.length; f += 1)
     a[f] = It(kt(e, l, f));
-  const c = (f) => C(a[f], 1, 1, () => {
+  const c = (f) => D(a[f], 1, 1, () => {
     a[f] = null;
   });
   let u = (
@@ -3583,10 +3588,10 @@ function hi(e) {
   );
   return {
     c() {
-      t = U("svg"), n = U("g");
+      t = R("svg"), n = R("g");
       for (let f = 0; f < a.length; f += 1)
         a[f].c();
-      o = U("g"), u && u.c(), d(o, "class", "drawing"), d(t, "class", "a9s-annotationlayer"), ze(
+      o = R("g"), u && u.c(), d(o, "class", "drawing"), d(t, "class", "a9s-annotationlayer"), ze(
         t,
         "drawing",
         /*tool*/
@@ -3594,7 +3599,7 @@ function hi(e) {
       );
     },
     m(f, h) {
-      B(f, t, h), se(t, n);
+      O(f, t, h), se(t, n);
       for (let g = 0; g < a.length; g += 1)
         a[g] && a[g].m(n, null);
       se(t, o), u && u.m(o, null), e[26](o), e[27](t), i = !0, s || (r = [
@@ -3630,7 +3635,7 @@ function hi(e) {
       }
       /*drawingEl*/
       e[4] ? u ? (u.p(e, h), h[0] & /*drawingEl*/
-      16 && P(u, 1)) : (u = Pt(e), u.c(), P(u, 1), u.m(o, null)) : u && (re(), C(u, 1, 1, () => {
+      16 && P(u, 1)) : (u = Pt(e), u.c(), P(u, 1), u.m(o, null)) : u && (re(), D(u, 1, 1, () => {
         u = null;
       }), le()), (!i || h[0] & /*tool*/
       4096) && ze(
@@ -3650,29 +3655,29 @@ function hi(e) {
     o(f) {
       a = a.filter(en);
       for (let h = 0; h < a.length; h += 1)
-        C(a[h]);
-      C(u), i = !1;
+        D(a[h]);
+      D(u), i = !1;
     },
     d(f) {
-      f && k(t), rt(a, f), u && u.d(), e[26](null), e[27](null), s = !1, ae(r);
+      f && L(t), rt(a, f), u && u.d(), e[26](null), e[27](null), s = !1, ae(r);
     }
   };
 }
-function gi(e, t, n) {
+function mi(e, t, n) {
   let o, i, s, r, l, a, c, u, f, h, g = V, m = () => (g(), g = Vt(p, (I) => n(14, h = I)), p);
   e.$$.on_destroy.push(() => g());
-  let { drawingEnabled: _ } = t, { image: w } = t, { preferredDrawingMode: y } = t, { state: E } = t, { style: b = void 0 } = t, { toolName: A = xt()[0] } = t, { user: L } = t, D, R, p;
-  Pe(() => m(n(5, p = wo(w, R))));
-  const { selection: T, store: S } = E;
+  let { drawingEnabled: _ } = t, { image: b } = t, { preferredDrawingMode: y } = t, { state: A } = t, { style: w = void 0 } = t, { toolName: E = xt()[0] } = t, { user: B } = t, U, X, p;
+  Pe(() => m(n(5, p = bo(b, X))));
+  const { selection: T, store: S } = A;
   ht(e, T, (I) => n(25, u = I)), ht(e, S, (I) => n(13, f = I));
-  let M, O;
-  const X = (I) => {
+  let M, k;
+  const C = (I) => {
     M && S.unobserve(M);
     const z = I.filter(({ editable: H }) => H).map(({ id: H }) => H);
-    z.length > 0 ? (n(6, O = z.map((H) => S.getAnnotation(H)).filter(Boolean)), M = (H) => {
+    z.length > 0 ? (n(6, k = z.map((H) => S.getAnnotation(H)).filter(Boolean)), M = (H) => {
       const { updated: J } = H.changes;
-      n(6, O = J == null ? void 0 : J.map((fe) => fe.newValue));
-    }, S.observe(M, { annotations: z })) : n(6, O = void 0);
+      n(6, k = J == null ? void 0 : J.map((fe) => fe.newValue));
+    }, S.observe(M, { annotations: z })) : n(6, k = void 0);
   }, Z = (I) => {
     const z = qt(), H = {
       id: z,
@@ -3680,50 +3685,50 @@ function gi(e, t, n) {
       target: {
         annotation: z,
         selector: I.detail,
-        creator: L,
+        creator: B,
         created: /* @__PURE__ */ new Date()
       }
     };
     S.addAnnotation(H), T.setSelected(H.id);
   }, ge = (I) => (z) => {
     var ne;
-    const { target: H } = I, J = 10 * 60 * 1e3, fe = ((ne = H.creator) == null ? void 0 : ne.id) !== L.id || !H.created || (/* @__PURE__ */ new Date()).getTime() - H.created.getTime() > J;
+    const { target: H } = I, J = 10 * 60 * 1e3, fe = ((ne = H.creator) == null ? void 0 : ne.id) !== B.id || !H.created || (/* @__PURE__ */ new Date()).getTime() - H.created.getTime() > J;
     S.updateTarget({
       ...H,
       selector: z.detail,
       created: fe ? H.created : /* @__PURE__ */ new Date(),
       updated: fe ? /* @__PURE__ */ new Date() : void 0,
-      updatedBy: fe ? L : void 0
+      updatedBy: fe ? B : void 0
     });
-  }, me = (I) => Oo(I);
+  }, me = (I) => Bo(I);
   function Me(I) {
     He[I ? "unshift" : "push"](() => {
-      D = I, n(4, D);
+      U = I, n(4, U);
     });
   }
   function ie(I) {
     He[I ? "unshift" : "push"](() => {
-      R = I, n(3, R);
+      X = I, n(3, X);
     });
   }
   return e.$$set = (I) => {
-    "drawingEnabled" in I && n(0, _ = I.drawingEnabled), "image" in I && n(20, w = I.image), "preferredDrawingMode" in I && n(21, y = I.preferredDrawingMode), "state" in I && n(22, E = I.state), "style" in I && n(1, b = I.style), "toolName" in I && n(2, A = I.toolName), "user" in I && n(23, L = I.user);
+    "drawingEnabled" in I && n(0, _ = I.drawingEnabled), "image" in I && n(20, b = I.image), "preferredDrawingMode" in I && n(21, y = I.preferredDrawingMode), "state" in I && n(22, A = I.state), "style" in I && n(1, w = I.style), "toolName" in I && n(2, E = I.toolName), "user" in I && n(23, B = I.user);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
-    4 && n(12, { tool: o, opts: i } = $t(A) || { tool: void 0, opts: void 0 }, o, (n(24, i), n(2, A))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
+    4 && n(12, { tool: o, opts: i } = $t(E) || { tool: void 0, opts: void 0 }, o, (n(24, i), n(2, E))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
     18874368 && n(11, s = (i == null ? void 0 : i.drawingMode) || y), e.$$.dirty[0] & /*svgEl*/
-    8 && n(10, r = ii(R)), e.$$.dirty[0] & /*svgEl*/
-    8 && n(9, { onPointerDown: l, onPointerUp: a } = ri(R, S), l, (n(8, a), n(3, R))), e.$$.dirty[0] & /*$selection*/
+    8 && n(10, r = si(X)), e.$$.dirty[0] & /*svgEl*/
+    8 && n(9, { onPointerDown: l, onPointerUp: a } = li(X, S), l, (n(8, a), n(3, X))), e.$$.dirty[0] & /*$selection*/
     33554432 && n(7, c = (I) => u.selected.find((z) => z.id === I.id && z.editable)), e.$$.dirty[0] & /*$selection*/
-    33554432 && X(u.selected);
+    33554432 && C(u.selected);
   }, [
     _,
-    b,
-    A,
-    R,
-    D,
+    w,
+    E,
+    X,
+    U,
     p,
-    O,
+    k,
     c,
     a,
     l,
@@ -3737,23 +3742,23 @@ function gi(e, t, n) {
     Z,
     ge,
     me,
-    w,
+    b,
     y,
-    E,
-    L,
+    A,
+    B,
     i,
     u,
     Me,
     ie
   ];
 }
-class mi extends te {
+class pi extends te {
   constructor(t) {
     super(), ee(
       this,
       t,
+      mi,
       gi,
-      hi,
       W,
       {
         drawingEnabled: 0,
@@ -3769,8 +3774,8 @@ class mi extends te {
     );
   }
 }
-function pi(e, t, n, o, i) {
-  tn(e, t, n || 0, o || e.length - 1, i || yi);
+function yi(e, t, n, o, i) {
+  tn(e, t, n || 0, o || e.length - 1, i || _i);
 }
 function tn(e, t, n, o, i) {
   for (; o > n; ) {
@@ -3792,10 +3797,10 @@ function ve(e, t, n) {
   var o = e[t];
   e[t] = e[n], e[n] = o;
 }
-function yi(e, t) {
+function _i(e, t) {
   return e < t ? -1 : e > t ? 1 : 0;
 }
-class _i {
+class wi {
   constructor(t = 9) {
     this._maxEntries = Math.max(4, t), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
   }
@@ -3871,7 +3876,7 @@ class _i {
     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 = wi(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;
       }
@@ -3907,10 +3912,10 @@ class _i {
       return l = Ee(t.slice(n, o + 1)), we(l, this.toBBox), l;
     i || (i = Math.ceil(Math.log(s) / Math.log(r)), r = Math.ceil(s / Math.pow(r, i - 1))), l = Ee([]), l.leaf = !1, l.height = i;
     const a = Math.ceil(s / r), c = a * Math.ceil(Math.sqrt(r));
-    Ct(t, n, o, c, this.compareMinX);
+    Xt(t, n, o, c, this.compareMinX);
     for (let u = n; u <= o; u += c) {
       const f = Math.min(u + c - 1, o);
-      Ct(t, u, f, a, this.compareMinY);
+      Xt(t, u, f, a, this.compareMinY);
       for (let h = u; h <= f; h += a) {
         const g = Math.min(h + a - 1, f);
         l.children.push(this._build(t, h, g, i - 1));
@@ -3922,7 +3927,7 @@ class _i {
     for (; i.push(n), !(n.leaf || i.length - 1 === o); ) {
       let s = 1 / 0, r = 1 / 0, l;
       for (let a = 0; a < n.children.length; a++) {
-        const c = n.children[a], u = et(c), f = Ai(t, c) - u;
+        const c = n.children[a], u = et(c), f = Si(t, c) - u;
         f < r ? (r = f, s = u < s ? u : s, l = c) : f === r && u < s && (s = u, l = c);
       }
       n = l || n.children[0];
@@ -3948,14 +3953,14 @@ class _i {
   _chooseSplitIndex(t, n, o) {
     let i, s = 1 / 0, r = 1 / 0;
     for (let l = n; l <= o - n; l++) {
-      const a = ke(t, 0, l, this.toBBox), c = ke(t, l, o, this.toBBox), u = Si(a, c), f = et(a) + et(c);
+      const a = ke(t, 0, l, this.toBBox), c = ke(t, l, o, this.toBBox), u = Ti(a, c), f = et(a) + et(c);
       u < s ? (s = u, i = l, r = f < r ? f : r) : u === s && f < r && (r = f, i = l);
     }
     return i || o - n;
   }
   // 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 : Ei, r = this._allDistMargin(t, n, o, i), l = this._allDistMargin(t, n, o, s);
+    const i = t.leaf ? this.compareMinX : Ei, s = t.leaf ? this.compareMinY : Ai, 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
@@ -3982,7 +3987,7 @@ class _i {
       t[n].children.length === 0 ? n > 0 ? (o = t[n - 1].children, o.splice(o.indexOf(t[n]), 1)) : this.clear() : we(t[n], this.toBBox);
   }
 }
-function wi(e, t, n) {
+function bi(e, t, n) {
   if (!n)
     return t.indexOf(e);
   for (let o = 0; o < t.length; o++)
@@ -4004,10 +4009,10 @@ function ke(e, t, n, o, i) {
 function Oe(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 Ei(e, t) {
   return e.minX - t.minX;
 }
-function Ei(e, t) {
+function Ai(e, t) {
   return e.minY - t.minY;
 }
 function et(e) {
@@ -4016,10 +4021,10 @@ function et(e) {
 function Ue(e) {
   return e.maxX - e.minX + (e.maxY - e.minY);
 }
-function Ai(e, t) {
+function Si(e, t) {
   return (Math.max(t.maxX, e.maxX) - Math.min(t.minX, e.minX)) * (Math.max(t.maxY, e.maxY) - Math.min(t.minY, e.minY));
 }
-function Si(e, t) {
+function Ti(e, t) {
   const n = Math.max(e.minX, t.minX), o = Math.max(e.minY, t.minY), i = Math.min(e.maxX, t.maxX), s = Math.min(e.maxY, t.maxY);
   return Math.max(0, i - n) * Math.max(0, s - o);
 }
@@ -4040,21 +4045,21 @@ function Ee(e) {
     maxY: -1 / 0
   };
 }
-function Ct(e, t, n, o, i) {
+function Xt(e, t, n, o, i) {
   const s = [t, n];
   for (; s.length; ) {
     if (n = s.pop(), t = s.pop(), n - t <= o)
       continue;
     const r = t + Math.ceil((n - t) / o / 2) * o;
-    pi(e, r, t, n, i), s.push(t, r, r, n);
+    yi(e, r, t, n, i), s.push(t, r, r, n);
   }
 }
-const Ti = () => {
-  const e = new _i(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
+const Mi = () => {
+  const e = new wi(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
     e.clear(), t.clear();
   }, i = (f) => {
-    const { minX: h, minY: g, maxX: m, maxY: _ } = f.selector.geometry.bounds, w = { minX: h, minY: g, maxX: m, maxY: _, target: f };
-    e.insert(w), t.set(f.annotation, w);
+    const { minX: h, minY: g, maxX: m, maxY: _ } = f.selector.geometry.bounds, b = { minX: h, minY: g, maxX: m, maxY: _, target: f };
+    e.insert(b), t.set(f.annotation, b);
   }, s = (f) => {
     const h = t.get(f.annotation);
     h && e.remove(h), t.delete(f.annotation);
@@ -4070,7 +4075,7 @@ const Ti = () => {
         maxY: h
       }).map((_) => _.target).filter((_) => _.selector.type === j.RECTANGLE || wn(_.selector, f, h));
       if (m.length > 0)
-        return m.sort((_, w) => st(_.selector) - st(w.selector)), m[0];
+        return m.sort((_, b) => st(_.selector) - st(b.selector)), m[0];
     },
     getIntersecting: (f, h, g, m) => e.search({
       minX: f,
@@ -4083,8 +4088,8 @@ const Ti = () => {
     set: (f, h = !0) => {
       h && o();
       const g = f.map((m) => {
-        const { minX: _, minY: w, maxX: y, maxY: E } = m.selector.geometry.bounds;
-        return { minX: _, minY: w, maxX: y, maxY: E, target: m };
+        const { minX: _, minY: b, maxX: y, maxY: A } = m.selector.geometry.bounds;
+        return { minX: _, minY: b, maxX: y, maxY: A, target: m };
       });
       g.forEach((m) => t.set(m.target.annotation, m)), e.load(g);
     },
@@ -4093,8 +4098,8 @@ const Ti = () => {
       s(f), i(h);
     }
   };
-}, Mi = (e) => {
-  const t = Kn(), n = Ti(), o = Rn(t, e.pointerSelectAction), i = Cn(t), s = xn();
+}, vi = (e) => {
+  const t = Kn(), n = Mi(), o = Rn(t, e.pointerSelectAction), i = Xn(t), s = xn();
   return t.observe(({ changes: a }) => {
     n.set((a.created || []).map((c) => c.target), !1), (a.deleted || []).forEach((c) => n.remove(c.target)), (a.updated || []).forEach(({ oldValue: c, newValue: u }) => n.update(c.target, u.target));
   }), {
@@ -4110,13 +4115,13 @@ const Ti = () => {
     hover: i,
     viewport: s
   };
-}, vi = (e) => {
-  const t = Mi(e);
+}, Li = (e) => {
+  const t = vi(e);
   return {
     ...t,
     store: Wn(t.store)
   };
-}, Li = (e) => {
+}, ki = (e) => {
   let t, n;
   if (e.nodeName === "CANVAS")
     t = e, n = t.getContext("2d", { willReadFrequently: !0 });
@@ -4131,16 +4136,16 @@ const Ti = () => {
       o += c;
     }
   return o / 81;
-}, ki = (e) => {
-  const t = Li(e), n = t > 0.6 ? "dark" : "light";
+}, Oi = (e) => {
+  const t = ki(e), n = t > 0.6 ? "dark" : "light";
   return console.log(`[Annotorious] Image brightness: ${t.toFixed(1)}. Setting ${n} theme.`), n;
-}, Rt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? ki(e) : n), Oi = (e, t) => ({
+}, Rt = (e, t, n) => t.setAttribute("data-theme", n === "auto" ? Oi(e) : n), Bi = (e, t) => ({
   ...e,
   drawingEnabled: e.drawingEnabled === void 0 ? t.drawingEnabled : e.drawingEnabled,
   drawingMode: e.drawingMode || t.drawingMode,
   pointerSelectAction: e.pointerSelectAction || t.pointerSelectAction,
   theme: e.theme || t.theme
-}), Ut = navigator.userAgent.indexOf("Mac OS X") !== -1, Bi = (e, t) => {
+}), Ut = navigator.userAgent.indexOf("Mac OS X") !== -1, Ii = (e, t) => {
   const n = t || document, o = (r) => {
     const l = r;
     l.key === "z" && l.ctrlKey ? e.undo() : l.key === "y" && l.ctrlKey && e.redo();
@@ -4156,22 +4161,22 @@ const Ti = () => {
 }, Di = (e, t = {}) => {
   if (!e)
     throw "Missing argument: image";
-  const n = typeof e == "string" ? document.getElementById(e) : e, o = Oi(t, {
+  const n = typeof e == "string" ? document.getElementById(e) : e, o = Bi(t, {
     drawingEnabled: !0,
     drawingMode: "drag",
     pointerSelectAction: Kt.EDIT,
     theme: "light"
-  }), i = vi(o), { selection: s, store: r } = i, l = Qn(r), a = $n(
+  }), i = Li(o), { selection: s, store: r } = i, l = Qn(r), a = $n(
     i,
     l,
     o.adapter,
     o.autoSave
   ), c = document.createElement("DIV");
   c.style.position = "relative", c.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(c, n), c.appendChild(n);
-  const u = Bi(l);
-  let f = ro();
+  const u = Ii(l);
+  let f = lo();
   Rt(n, c, o.theme);
-  const h = new mi({
+  const h = new pi({
     target: c,
     props: {
       drawingEnabled: !!o.drawingEnabled,
@@ -4188,13 +4193,13 @@ const Ti = () => {
   });
   const g = to(i, l, o.adapter), m = () => {
     h.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), u.destroy(), l.destroy();
-  }, _ = () => f, w = (p, T, S) => qo(p, T, S), y = (p, T) => Bo(p, T), E = (p) => {
+  }, _ = () => f, b = (p, T, S) => Ko(p, T, S), y = (p, T) => Io(p, T), A = (p) => {
     if (!$t(p))
       throw `No drawing tool named ${p}`;
     h.$set({ toolName: p });
-  }, b = (p) => h.$set({ drawingEnabled: p }), A = (p) => {
+  }, w = (p) => h.$set({ drawingEnabled: p }), E = (p) => {
     console.warn("Filter not implemented yet");
-  }, L = (p) => h.$set({ style: p }), D = (p) => Rt(n, c, p), R = (p) => {
+  }, B = (p) => h.$set({ style: p }), U = (p) => Rt(n, c, p), X = (p) => {
     f = p, h.$set({ user: p });
   };
   return {
@@ -4204,14 +4209,14 @@ const Ti = () => {
     listDrawingTools: xt,
     on: a.on,
     off: a.off,
-    registerDrawingTool: w,
+    registerDrawingTool: b,
     registerShapeEditor: y,
-    setDrawingEnabled: b,
-    setDrawingTool: E,
-    setFilter: A,
-    setStyle: L,
-    setTheme: D,
-    setUser: R,
+    setDrawingEnabled: w,
+    setDrawingTool: A,
+    setFilter: E,
+    setStyle: B,
+    setTheme: U,
+    setUser: X,
     state: i
   };
 };
@@ -4219,42 +4224,42 @@ export {
   Qt as Editor,
   Xo as EditorMount,
   Le as Handle,
-  Yi as IdentityTransform,
-  po as PolygonEditor,
-  ko as RectangleEditor,
+  Ci as IdentityTransform,
+  yo as PolygonEditor,
+  Oo as RectangleEditor,
   An as RectangleUtil,
-  Vo as RubberbandRectangle,
-  mi as SVGAnnotationLayer,
+  Go as RubberbandRectangle,
+  pi as SVGAnnotationLayer,
   j as ShapeType,
-  Ro as ToolMount,
-  Pi as W3CImageFormat,
-  ri as addEventListeners,
+  Uo as ToolMount,
+  Yi as W3CImageFormat,
+  li as addEventListeners,
   Fe as boundsFromPoints,
   st as computeArea,
   Di as createImageAnnotator,
-  Mi as createImageAnnotatorState,
-  ii as createSVGTransform,
-  vi as createSvelteImageAnnotatorState,
-  ki as detectTheme,
+  vi as createImageAnnotatorState,
+  si as createSVGTransform,
+  Li as createSvelteImageAnnotatorState,
+  Oi as detectTheme,
   Qe as distance,
-  wo as enableResponsive,
-  Oi as fillDefaults,
-  Oo as getEditor,
+  bo as enableResponsive,
+  Bi as fillDefaults,
+  Bo as getEditor,
   $t as getTool,
-  Bi as initKeyboardCommands,
+  Ii as initKeyboardCommands,
   wn as intersects,
-  bo as isTouch,
+  Eo as isTouch,
   xt as listDrawingTools,
   Sn as parseFragmentSelector,
   On as parseSVGSelector,
-  fo as parseW3CImageAnnotation,
-  Bo as registerEditor,
+  uo as parseW3CImageAnnotation,
+  Io as registerEditor,
   at as registerShapeUtil,
-  qo as registerTool,
-  Li as sampleBrightness,
+  Ko as registerTool,
+  ki as sampleBrightness,
   Tn as serializeFragmentSelector,
   Bn as serializeSVGSelector,
-  uo as serializeW3CImageAnnotation,
+  ho as serializeW3CImageAnnotation,
   Rt as setTheme
 };
 //# sourceMappingURL=annotorious.es.js.map