@annotorious/annotorious 3.7.18 → 3.7.20

package/dist/annotorious.es.js

@@ -891,8 +891,7 @@ function De(e, t) {
   return e !== e && t !== t;
 }
 let li = Symbol("clean"), Me = [], Oe = 0;
-const rt = 4;
-let qt = (e) => {
+const rt = 4, qt = /* @__NO_SIDE_EFFECTS__ */ (e) => {
   let t = [], n = {
     get() {
       return n.lc || n.listen(() => {
@@ -938,9 +937,8 @@ let qt = (e) => {
   return process.env.NODE_ENV !== "production" && (n[li] = () => {
     t = [], n.lc = 0, n.off();
   }), n;
-};
-const ai = (e) => {
-  const t = qt(null);
+}, ai = (e) => {
+  const t = /* @__PURE__ */ qt(null);
   return e.observe(({ changes: n }) => {
     const o = t.get();
     if (o) {
@@ -958,7 +956,7 @@ const ai = (e) => {
 };
 var io = /* @__PURE__ */ ((e) => (e.EDIT = "EDIT", e.SELECT = "SELECT", e.NONE = "NONE", e))(io || {});
 const Mt = { selected: [] }, ci = (e, t, n) => {
-  const o = qt(Mt);
+  const o = /* @__PURE__ */ qt(Mt);
   let i = t;
   const s = () => {
     De(o.get(), Mt) || o.set(Mt);
@@ -973,29 +971,29 @@ const Mt = { selected: [] }, ci = (e, t, n) => {
   }, a = (g, m) => {
     let p;
     if (Array.isArray(g)) {
-      if (p = g.map((b) => e.getAnnotation(b)).filter(Boolean), p.length < g.length) {
-        console.warn("Invalid selection: " + g.filter((b) => !p.some((S) => S.id === b)));
+      if (p = g.map((E) => e.getAnnotation(E)).filter(Boolean), p.length < g.length) {
+        console.warn("Invalid selection: " + g.filter((E) => !p.some((S) => S.id === E)));
         return;
       }
     } else {
-      const b = e.getAnnotation(g);
-      if (!b) {
+      const E = e.getAnnotation(g);
+      if (!E) {
         console.warn("Invalid selection: " + g);
         return;
       }
-      p = [b];
+      p = [E];
     }
-    const k = p.reduce((b, S) => {
+    const k = p.reduce((E, S) => {
       const w = h(S);
-      return w === "EDIT" ? [...b, { id: S.id, editable: !0 }] : w === "SELECT" ? [...b, { id: S.id }] : b;
+      return w === "EDIT" ? [...E, { id: S.id, editable: !0 }] : w === "SELECT" ? [...E, { id: S.id }] : E;
     }, []);
     o.set({ selected: k, event: m });
   }, u = (g, m) => {
-    const p = Array.isArray(g) ? g : [g], k = p.map((b) => e.getAnnotation(b)).filter((b) => !!b);
+    const p = Array.isArray(g) ? g : [g], k = p.map((E) => e.getAnnotation(E)).filter((E) => !!E);
     o.set({
-      selected: k.map((b) => {
-        const S = m === void 0 ? h(b) === "EDIT" : m;
-        return { id: b.id, editable: S };
+      selected: k.map((E) => {
+        const S = m === void 0 ? h(E) === "EDIT" : m;
+        return { id: E.id, editable: S };
       })
     }), k.length !== p.length && console.warn("Invalid selection", g);
   }, d = (g) => {
@@ -1153,182 +1151,182 @@ const bi = (e, t) => {
     }
   };
 }, vi = (e) => e.id !== void 0, Si = () => {
-  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (_, v = {}) => {
-    n.push({ onChange: _, options: v });
-  }, i = (_) => {
-    const v = n.findIndex((y) => y.onChange == _);
-    v > -1 && n.splice(v, 1);
-  }, s = (_, v) => {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [], o = (v, b = {}) => {
+    n.push({ onChange: v, options: b });
+  }, i = (v) => {
+    const b = n.findIndex((y) => y.onChange == v);
+    b > -1 && n.splice(b, 1);
+  }, s = (v, b) => {
     const y = {
-      origin: _,
+      origin: v,
       changes: {
-        created: v.created || [],
-        updated: v.updated || [],
-        deleted: v.deleted || []
+        created: b.created || [],
+        updated: b.updated || [],
+        deleted: b.deleted || []
       },
       state: [...e.values()]
     };
-    n.forEach((E) => {
-      bi(E, y) && E.onChange(y);
+    n.forEach((_) => {
+      bi(_, y) && _.onChange(y);
     });
-  }, r = (_, v = ne.LOCAL) => {
-    if (_.id && e.get(_.id))
-      throw Error(`Cannot add annotation ${_.id} - exists already`);
+  }, r = (v, b = ne.LOCAL) => {
+    if (v.id && e.get(v.id))
+      throw Error(`Cannot add annotation ${v.id} - exists already`);
     {
-      const y = lt(_);
-      e.set(y.id, y), y.bodies.forEach((E) => t.set(E.id, y.id)), s(v, { created: [y] });
+      const y = lt(v);
+      e.set(y.id, y), y.bodies.forEach((_) => t.set(_.id, y.id)), s(b, { created: [y] });
     }
-  }, l = (_, v) => {
-    const y = lt(typeof _ == "string" ? v : _), E = typeof _ == "string" ? _ : _.id, I = E && e.get(E);
+  }, l = (v, b) => {
+    const y = lt(typeof v == "string" ? b : v), _ = typeof v == "string" ? v : v.id, I = _ && e.get(_);
     if (I) {
       const P = ro(I, y);
-      return E === y.id ? e.set(E, y) : (e.delete(E), e.set(y.id, y)), I.bodies.forEach((O) => t.delete(O.id)), y.bodies.forEach((O) => t.set(O.id, y.id)), P;
+      return _ === y.id ? e.set(_, y) : (e.delete(_), e.set(y.id, y)), I.bodies.forEach((O) => t.delete(O.id)), y.bodies.forEach((O) => t.set(O.id, y.id)), P;
     } else
-      console.warn(`Cannot update annotation ${E} - does not exist`);
-  }, a = (_, v = ne.LOCAL, y = ne.LOCAL) => {
-    const E = vi(v) ? y : v, I = l(_, v);
-    I && s(E, { updated: [I] });
-  }, u = (_, v = ne.LOCAL) => {
-    e.get(_.id) ? a(_, v) : r(_, v);
-  }, d = (_, v = ne.LOCAL) => {
-    const y = _.reduce((E, I) => {
+      console.warn(`Cannot update annotation ${_} - does not exist`);
+  }, a = (v, b = ne.LOCAL, y = ne.LOCAL) => {
+    const _ = vi(b) ? y : b, I = l(v, b);
+    I && s(_, { updated: [I] });
+  }, u = (v, b = ne.LOCAL) => {
+    e.get(v.id) ? a(v, b) : r(v, b);
+  }, d = (v, b = ne.LOCAL) => {
+    const y = v.reduce((_, I) => {
       const P = l(I);
-      return P ? [...E, P] : E;
+      return P ? [..._, P] : _;
     }, []);
-    y.length > 0 && s(v, { updated: y });
-  }, f = (_, v = ne.LOCAL) => {
-    const y = _.map(lt), { toAdd: E, toUpdate: I } = y.reduce((O, G) => e.get(G.id) ? { ...O, toUpdate: [...O.toUpdate, G] } : { ...O, toAdd: [...O.toAdd, G] }, { toAdd: [], toUpdate: [] }), P = I.map((O) => l(O, v)).filter(Boolean);
-    E.forEach((O) => {
+    y.length > 0 && s(b, { updated: y });
+  }, f = (v, b = ne.LOCAL) => {
+    const y = v.map(lt), { toAdd: _, toUpdate: I } = y.reduce((O, G) => e.get(G.id) ? { ...O, toUpdate: [...O.toUpdate, G] } : { ...O, toAdd: [...O.toAdd, G] }, { toAdd: [], toUpdate: [] }), P = I.map((O) => l(O, b)).filter(Boolean);
+    _.forEach((O) => {
       e.set(O.id, O), O.bodies.forEach((G) => t.set(G.id, O.id));
-    }), s(v, { created: E, updated: P });
-  }, h = (_, v = ne.LOCAL) => {
-    const y = e.get(_.annotation);
+    }), s(b, { created: _, updated: P });
+  }, h = (v, b = ne.LOCAL) => {
+    const y = e.get(v.annotation);
     if (y) {
-      const E = {
+      const _ = {
         ...y,
-        bodies: [...y.bodies, _]
+        bodies: [...y.bodies, v]
       };
-      e.set(y.id, E), t.set(_.id, E.id), s(v, { updated: [{
+      e.set(y.id, _), t.set(v.id, _.id), s(b, { updated: [{
         oldValue: y,
-        newValue: E,
-        bodiesCreated: [_]
+        newValue: _,
+        bodiesCreated: [v]
       }] });
     } else
-      console.warn(`Attempt to add body to missing annotation: ${_.annotation}`);
-  }, g = () => [...e.values()], m = (_ = ne.LOCAL) => {
-    const v = [...e.values()];
-    e.clear(), t.clear(), s(_, { deleted: v });
-  }, p = (_, v = !0, y = ne.LOCAL) => {
-    const E = _.map(lt);
-    if (v) {
+      console.warn(`Attempt to add body to missing annotation: ${v.annotation}`);
+  }, g = () => [...e.values()], m = (v = ne.LOCAL) => {
+    const b = [...e.values()];
+    e.clear(), t.clear(), s(v, { deleted: b });
+  }, p = (v, b = !0, y = ne.LOCAL) => {
+    const _ = v.map(lt);
+    if (b) {
       const I = [...e.values()];
-      e.clear(), t.clear(), E.forEach((P) => {
+      e.clear(), t.clear(), _.forEach((P) => {
         e.set(P.id, P), P.bodies.forEach((O) => t.set(O.id, P.id));
-      }), s(y, { created: E, deleted: I });
+      }), s(y, { created: _, deleted: I });
     } else {
-      const I = _.reduce((P, O) => {
+      const I = v.reduce((P, O) => {
         const G = O.id && e.get(O.id);
         return G ? [...P, G] : P;
       }, []);
       if (I.length > 0)
         throw Error(`Bulk insert would overwrite the following annotations: ${I.map((P) => P.id).join(", ")}`);
-      E.forEach((P) => {
+      _.forEach((P) => {
         e.set(P.id, P), P.bodies.forEach((O) => t.set(O.id, P.id));
-      }), s(y, { created: E });
+      }), s(y, { created: _ });
     }
-  }, k = (_) => {
-    const v = typeof _ == "string" ? _ : _.id, y = e.get(v);
+  }, k = (v) => {
+    const b = typeof v == "string" ? v : v.id, y = e.get(b);
     if (y)
-      return e.delete(v), y.bodies.forEach((E) => t.delete(E.id)), y;
-    console.warn(`Attempt to delete missing annotation: ${v}`);
-  }, b = (_, v = ne.LOCAL) => {
-    const y = k(_);
-    y && s(v, { deleted: [y] });
-  }, S = (_, v = ne.LOCAL) => {
-    const y = _.reduce((E, I) => {
+      return e.delete(b), y.bodies.forEach((_) => t.delete(_.id)), y;
+    console.warn(`Attempt to delete missing annotation: ${b}`);
+  }, E = (v, b = ne.LOCAL) => {
+    const y = k(v);
+    y && s(b, { deleted: [y] });
+  }, S = (v, b = ne.LOCAL) => {
+    const y = v.reduce((_, I) => {
       const P = k(I);
-      return P ? [...E, P] : E;
+      return P ? [..._, P] : _;
     }, []);
-    y.length > 0 && s(v, { deleted: y });
-  }, w = (_) => {
-    const v = e.get(_.annotation);
-    if (v) {
-      const y = v.bodies.find((E) => E.id === _.id);
+    y.length > 0 && s(b, { deleted: y });
+  }, w = (v) => {
+    const b = e.get(v.annotation);
+    if (b) {
+      const y = b.bodies.find((_) => _.id === v.id);
       if (y) {
         t.delete(y.id);
-        const E = {
-          ...v,
-          bodies: v.bodies.filter((I) => I.id !== _.id)
+        const _ = {
+          ...b,
+          bodies: b.bodies.filter((I) => I.id !== v.id)
         };
-        return e.set(v.id, E), {
-          oldValue: v,
-          newValue: E,
+        return e.set(b.id, _), {
+          oldValue: b,
+          newValue: _,
           bodiesDeleted: [y]
         };
       } else
-        console.warn(`Attempt to delete missing body ${_.id} from annotation ${_.annotation}`);
+        console.warn(`Attempt to delete missing body ${v.id} from annotation ${v.annotation}`);
     } else
-      console.warn(`Attempt to delete body from missing annotation ${_.annotation}`);
-  }, A = (_, v = ne.LOCAL) => {
-    const y = w(_);
-    y && s(v, { updated: [y] });
-  }, T = (_, v = ne.LOCAL) => {
-    const y = _.map((E) => w(E)).filter(Boolean);
-    y.length > 0 && s(v, { updated: y });
-  }, C = (_) => {
-    const v = e.get(_);
-    return v ? { ...v } : void 0;
-  }, M = (_) => {
-    const v = t.get(_);
-    if (v) {
-      const y = C(v).bodies.find((E) => E.id === _);
+      console.warn(`Attempt to delete body from missing annotation ${v.annotation}`);
+  }, A = (v, b = ne.LOCAL) => {
+    const y = w(v);
+    y && s(b, { updated: [y] });
+  }, T = (v, b = ne.LOCAL) => {
+    const y = v.map((_) => w(_)).filter(Boolean);
+    y.length > 0 && s(b, { updated: y });
+  }, C = (v) => {
+    const b = e.get(v);
+    return b ? { ...b } : void 0;
+  }, M = (v) => {
+    const b = t.get(v);
+    if (b) {
+      const y = C(b).bodies.find((_) => _.id === v);
       if (y)
         return y;
-      console.error(`Store integrity error: body ${_} in index, but not in annotation`);
+      console.error(`Store integrity error: body ${v} in index, but not in annotation`);
     } else
-      console.warn(`Attempt to retrieve missing body: ${_}`);
-  }, R = (_, v) => {
-    if (_.annotation !== v.annotation)
+      console.warn(`Attempt to retrieve missing body: ${v}`);
+  }, R = (v, b) => {
+    if (v.annotation !== b.annotation)
       throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
-    const y = e.get(_.annotation);
+    const y = e.get(v.annotation);
     if (y) {
-      const E = y.bodies.find((P) => P.id === _.id), I = {
+      const _ = y.bodies.find((P) => P.id === v.id), I = {
         ...y,
-        bodies: y.bodies.map((P) => P.id === E.id ? v : P)
+        bodies: y.bodies.map((P) => P.id === _.id ? b : P)
       };
-      return e.set(y.id, I), E.id !== v.id && (t.delete(E.id), t.set(v.id, I.id)), {
+      return e.set(y.id, I), _.id !== b.id && (t.delete(_.id), t.set(b.id, I.id)), {
         oldValue: y,
         newValue: I,
-        bodiesUpdated: [{ oldBody: E, newBody: v }]
+        bodiesUpdated: [{ oldBody: _, newBody: b }]
       };
     } else
-      console.warn(`Attempt to add body to missing annotation ${_.annotation}`);
-  }, N = (_, v, y = ne.LOCAL) => {
-    const E = R(_, v);
-    E && s(y, { updated: [E] });
-  }, q = (_, v = ne.LOCAL) => {
-    const y = _.map((E) => R({ id: E.id, annotation: E.annotation }, E)).filter(Boolean);
-    s(v, { updated: y });
-  }, F = (_) => {
-    const v = e.get(_.annotation);
-    if (v) {
+      console.warn(`Attempt to add body to missing annotation ${v.annotation}`);
+  }, N = (v, b, y = ne.LOCAL) => {
+    const _ = R(v, b);
+    _ && s(y, { updated: [_] });
+  }, q = (v, b = ne.LOCAL) => {
+    const y = v.map((_) => R({ id: _.id, annotation: _.annotation }, _)).filter(Boolean);
+    s(b, { updated: y });
+  }, F = (v) => {
+    const b = e.get(v.annotation);
+    if (b) {
       const y = {
-        ...v,
+        ...b,
         target: {
-          ...v.target,
-          ..._
+          ...b.target,
+          ...v
         }
       };
-      return e.set(v.id, y), {
-        oldValue: v,
+      return e.set(b.id, y), {
+        oldValue: b,
         newValue: y,
         targetUpdated: {
-          oldTarget: v.target,
-          newTarget: _
+          oldTarget: b.target,
+          newTarget: v
         }
       };
     } else
-      console.warn(`Attempt to update target on missing annotation: ${_.annotation}`);
+      console.warn(`Attempt to update target on missing annotation: ${v.annotation}`);
   };
   return {
     addAnnotation: r,
@@ -1339,13 +1337,13 @@ const bi = (e, t) => {
     bulkDeleteBodies: T,
     bulkUpdateAnnotations: d,
     bulkUpdateBodies: q,
-    bulkUpdateTargets: (_, v = ne.LOCAL) => {
-      const y = _.map((E) => F(E)).filter(Boolean);
-      y.length > 0 && s(v, { updated: y });
+    bulkUpdateTargets: (v, b = ne.LOCAL) => {
+      const y = v.map((_) => F(_)).filter(Boolean);
+      y.length > 0 && s(b, { updated: y });
     },
     bulkUpsertAnnotations: f,
     clear: m,
-    deleteAnnotation: b,
+    deleteAnnotation: E,
     deleteBody: A,
     getAnnotation: C,
     getBody: M,
@@ -1353,9 +1351,9 @@ const bi = (e, t) => {
     unobserve: i,
     updateAnnotation: a,
     updateBody: N,
-    updateTarget: (_, v = ne.LOCAL) => {
-      const y = F(_);
-      y && s(v, { updated: [y] });
+    updateTarget: (v, b = ne.LOCAL) => {
+      const y = F(v);
+      y && s(b, { updated: [y] });
     },
     upsertAnnotation: u
   };
@@ -1383,8 +1381,8 @@ const ki = 250, Mi = (e, t) => {
       if (k - r > ki)
         o.splice(i + 1), o.push(p), i = o.length - 1;
       else {
-        const b = o.length - 1;
-        o[b] = Ei(o[b], p);
+        const E = o.length - 1;
+        o[E] = Ei(o[E], p);
       }
       r = k;
     }
@@ -1414,7 +1412,7 @@ const ki = 250, Mi = (e, t) => {
     }
   };
 }, Ti = () => {
-  const e = qt([]);
+  const e = /* @__PURE__ */ qt([]);
   return {
     subscribe: e.subscribe.bind(e),
     set: e.set.bind(e)
@@ -1422,17 +1420,17 @@ const ki = 250, Mi = (e, t) => {
 }, Pi = (e, t, n, o) => {
   const { hover: i, selection: s, store: r, viewport: l } = e, a = /* @__PURE__ */ new Map();
   let u = [], d, f;
-  const h = (b, S) => {
-    a.has(b) ? a.get(b).push(S) : a.set(b, [S]);
-  }, g = (b, S) => {
-    const w = a.get(b);
+  const h = (E, S) => {
+    a.has(E) ? a.get(E).push(S) : a.set(E, [S]);
+  }, g = (E, S) => {
+    const w = a.get(E);
     if (w) {
       const A = w.indexOf(S);
       A !== -1 && w.splice(A, 1);
     }
-  }, m = (b, S, w) => {
-    a.has(b) && setTimeout(() => {
-      a.get(b).forEach((A) => {
+  }, m = (E, S, w) => {
+    a.has(E) && setTimeout(() => {
+      a.get(E).forEach((A) => {
         if (n) {
           const T = Array.isArray(S) ? S.map((M) => n.serialize(M)) : n.serialize(S), C = w ? w instanceof PointerEvent ? w : n.serialize(w) : void 0;
           A(T, C);
@@ -1441,23 +1439,23 @@ const ki = 250, Mi = (e, t) => {
       });
     }, 1);
   }, p = () => {
-    const { selected: b } = s, S = (b || []).map(({ id: w }) => r.getAnnotation(w));
+    const { selected: E } = s, S = (E || []).map(({ id: w }) => r.getAnnotation(w));
     S.forEach((w) => {
       const A = u.find((T) => T.id === w.id);
       (!A || !De(A, w)) && m("updateAnnotation", w, A);
     }), u = u.map((w) => S.find(({ id: T }) => T === w.id) || w);
   };
-  s.subscribe(({ selected: b }) => {
-    if (!(u.length === 0 && b.length === 0)) {
-      if (u.length === 0 && b.length > 0)
-        u = b.map(({ id: S }) => r.getAnnotation(S));
-      else if (u.length > 0 && b.length === 0)
+  s.subscribe(({ selected: E }) => {
+    if (!(u.length === 0 && E.length === 0)) {
+      if (u.length === 0 && E.length > 0)
+        u = E.map(({ id: S }) => r.getAnnotation(S));
+      else if (u.length > 0 && E.length === 0)
         u.forEach((S) => {
           const w = r.getAnnotation(S.id);
           w && !De(w, S) && m("updateAnnotation", w, S);
         }), u = [];
       else {
-        const S = new Set(u.map((A) => A.id)), w = new Set(b.map(({ id: A }) => A));
+        const S = new Set(u.map((A) => A.id)), w = new Set(E.map(({ id: A }) => A));
         u.filter((A) => !w.has(A.id)).forEach((A) => {
           const T = r.getAnnotation(A.id);
           T && !De(T, A) && m("updateAnnotation", T, A);
@@ -1465,17 +1463,17 @@ const ki = 250, Mi = (e, t) => {
           // Remove annotations that were deselected
           ...u.filter((A) => w.has(A.id)),
           // Add editable annotations that were selected
-          ...b.filter(({ id: A }) => !S.has(A)).map(({ id: A }) => r.getAnnotation(A))
+          ...E.filter(({ id: A }) => !S.has(A)).map(({ id: A }) => r.getAnnotation(A))
         ];
       }
       m("selectionChanged", u);
     }
-  }), i.subscribe((b) => {
-    !d && b ? m("mouseEnterAnnotation", r.getAnnotation(b)) : d && !b ? m("mouseLeaveAnnotation", r.getAnnotation(d)) : d && b && (m("mouseLeaveAnnotation", r.getAnnotation(d)), m("mouseEnterAnnotation", r.getAnnotation(b))), d = b;
-  }), l == null || l.subscribe((b) => m("viewportIntersect", b.map((S) => r.getAnnotation(S)))), r.observe((b) => {
+  }), i.subscribe((E) => {
+    !d && E ? m("mouseEnterAnnotation", r.getAnnotation(E)) : d && !E ? m("mouseLeaveAnnotation", r.getAnnotation(d)) : d && E && (m("mouseLeaveAnnotation", r.getAnnotation(d)), m("mouseEnterAnnotation", r.getAnnotation(E))), d = E;
+  }), l == null || l.subscribe((E) => m("viewportIntersect", E.map((S) => r.getAnnotation(S)))), r.observe((E) => {
     o && (f && clearTimeout(f), f = setTimeout(p, 1e3));
-    const { created: S, deleted: w } = b.changes;
-    (S || []).forEach((A) => m("createAnnotation", A)), (w || []).forEach((A) => m("deleteAnnotation", A)), (b.changes.updated || []).filter((A) => [
+    const { created: S, deleted: w } = E.changes;
+    (S || []).forEach((A) => m("createAnnotation", A)), (w || []).forEach((A) => m("deleteAnnotation", A)), (E.changes.updated || []).filter((A) => [
       ...A.bodiesCreated || [],
       ...A.bodiesDeleted || [],
       ...A.bodiesUpdated || []
@@ -1483,15 +1481,15 @@ const ki = 250, Mi = (e, t) => {
       const C = u.find((M) => M.id === A.id) || A;
       u = u.map((M) => M.id === A.id ? T : M), m("updateAnnotation", T, C);
     });
-  }, { origin: ne.LOCAL }), r.observe((b) => {
+  }, { origin: ne.LOCAL }), r.observe((E) => {
     if (u) {
-      const S = new Set(u.map((A) => A.id)), w = (b.changes.updated || []).filter(({ newValue: A }) => S.has(A.id)).map(({ newValue: A }) => A);
+      const S = new Set(u.map((A) => A.id)), w = (E.changes.updated || []).filter(({ newValue: A }) => S.has(A.id)).map(({ newValue: A }) => A);
       w.length > 0 && (u = u.map((A) => w.find((C) => C.id === A.id) || A));
     }
   }, { origin: ne.REMOTE });
-  const k = (b) => (S) => {
+  const k = (E) => (S) => {
     const { updated: w } = S;
-    b ? (w || []).forEach((A) => m("updateAnnotation", A.oldValue, A.newValue)) : (w || []).forEach((A) => m("updateAnnotation", A.newValue, A.oldValue));
+    E ? (w || []).forEach((A) => m("updateAnnotation", A.oldValue, A.newValue)) : (w || []).forEach((A) => m("updateAnnotation", A.newValue, A.oldValue));
   };
   return t.on("undo", k(!0)), t.on("redo", k(!1)), { on: h, off: g, emit: m };
 }, Li = (e) => (t) => t.reduce((n, o) => {
@@ -1506,46 +1504,46 @@ const ki = 250, Mi = (e, t) => {
     ...n
   };
 }, { parsed: [], failed: [] }), Ii = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (b) => {
+  const { store: o, selection: i } = e, s = (E) => {
     if (n) {
-      const { parsed: S, error: w } = n.parse(b);
+      const { parsed: S, error: w } = n.parse(E);
       S ? o.addAnnotation(S, ne.REMOTE) : console.error(w);
     } else
-      o.addAnnotation(Pt(b), ne.REMOTE);
-  }, r = () => i.clear(), l = () => o.clear(), a = (b) => {
-    const S = o.getAnnotation(b);
+      o.addAnnotation(Pt(E), ne.REMOTE);
+  }, r = () => i.clear(), l = () => o.clear(), a = (E) => {
+    const S = o.getAnnotation(E);
     return n && S ? n.serialize(S) : S;
   }, u = () => n ? o.all().map(n.serialize) : o.all(), d = () => {
-    var b;
-    const S = (((b = i.selected) == null ? void 0 : b.map((w) => w.id)) || []).map((w) => o.getAnnotation(w)).filter(Boolean);
+    var E;
+    const S = (((E = i.selected) == null ? void 0 : E.map((w) => w.id)) || []).map((w) => o.getAnnotation(w)).filter(Boolean);
     return n ? S.map(n.serialize) : S;
-  }, f = (b, S = !0) => fetch(b).then((w) => w.json()).then((w) => (g(w, S), w)), h = (b) => {
-    if (typeof b == "string") {
-      const S = o.getAnnotation(b);
-      if (o.deleteAnnotation(b), S)
+  }, f = (E, S = !0) => fetch(E).then((w) => w.json()).then((w) => (g(w, S), w)), h = (E) => {
+    if (typeof E == "string") {
+      const S = o.getAnnotation(E);
+      if (o.deleteAnnotation(E), S)
         return n ? n.serialize(S) : S;
     } else {
-      const S = n ? n.parse(b).parsed : b;
+      const S = n ? n.parse(E).parsed : E;
       if (S)
-        return o.deleteAnnotation(S), b;
+        return o.deleteAnnotation(S), E;
     }
-  }, g = (b, S = !0) => {
+  }, g = (E, S = !0) => {
     if (n) {
-      const w = n.parseAll || Li(n), { parsed: A, failed: T } = w(b);
+      const w = n.parseAll || Li(n), { parsed: A, failed: T } = w(E);
       T.length > 0 && console.warn(`Discarded ${T.length} invalid annotations`, T), o.bulkAddAnnotations(A, S, ne.REMOTE);
     } else
-      o.bulkAddAnnotations(b.map(Pt), S, ne.REMOTE);
-  }, m = (b, S) => {
-    b ? i.setSelected(b, S) : i.clear();
-  }, p = (b) => {
-    i.setUserSelectAction(b);
-  }, k = (b) => {
+      o.bulkAddAnnotations(E.map(Pt), S, ne.REMOTE);
+  }, m = (E, S) => {
+    E ? i.setSelected(E, S) : i.clear();
+  }, p = (E) => {
+    i.setUserSelectAction(E);
+  }, k = (E) => {
     if (n) {
-      const S = n.parse(b).parsed, w = n.serialize(o.getAnnotation(S.id));
+      const S = n.parse(E).parsed, w = n.serialize(o.getAnnotation(S.id));
       return o.updateAnnotation(S), w;
     } else {
-      const S = o.getAnnotation(b.id);
-      return o.updateAnnotation(Pt(b)), S;
+      const S = o.getAnnotation(E.id);
+      return o.updateAnnotation(Pt(E)), S;
     }
   };
   return {
@@ -1848,18 +1846,18 @@ function Wi(e, t, n) {
   let { $$slots: o = {}, $$scope: i } = t;
   const s = Be();
   let { shape: r } = t, { editor: l } = t, { transform: a } = t, { svgEl: u } = t, d, f, h;
-  const g = (k) => (b) => {
+  const g = (k) => (E) => {
     if (d = k, u) {
-      const { left: w, top: A } = u.getBoundingClientRect(), T = b.clientX - w, C = b.clientY - A;
+      const { left: w, top: A } = u.getBoundingClientRect(), T = E.clientX - w, C = E.clientY - A;
       f = a.elementToImage(T, C);
     } else {
-      const { offsetX: w, offsetY: A } = b;
+      const { offsetX: w, offsetY: A } = E;
       f = a.elementToImage(w, A);
     }
-    h = r, b.target.setPointerCapture(b.pointerId), s("grab", b);
+    h = r, E.target.setPointerCapture(E.pointerId), s("grab", E);
   }, m = (k) => {
     if (d) {
-      const [b, S] = a.elementToImage(k.offsetX, k.offsetY), w = [b - f[0], S - f[1]];
+      const [E, S] = a.elementToImage(k.offsetX, k.offsetY), w = [E - f[0], S - f[1]];
       n(3, r = l(h, d, w)), s("change", r);
     }
   }, p = (k) => {
@@ -2247,7 +2245,7 @@ function xi(e, t, n) {
   function k(w) {
     ue.call(this, e, w);
   }
-  function b(w) {
+  function E(w) {
     ue.call(this, e, w);
   }
   function S(w) {
@@ -2274,7 +2272,7 @@ function xi(e, t, n) {
     m,
     p,
     k,
-    b,
+    E,
     S
   ];
 }
@@ -2739,7 +2737,7 @@ function fn(e) {
   };
 }
 function os(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, g, m, p, k, b, S, w, A, T, C = (
+  let t, n, o, i, s, r, l, a, u, d, f, h, g, m, p, k, E, S, w, A, T, C = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && an(Ct(e))
@@ -2751,10 +2749,10 @@ function os(e) {
     /*geom*/
     e[5].points
   ), N = [];
-  for (let _ = 0; _ < R.length; _ += 1)
-    N[_] = un(ln(e, R, _));
-  const q = (_) => H(N[_], 1, 1, () => {
-    N[_] = null;
+  for (let v = 0; v < R.length; v += 1)
+    N[v] = un(ln(e, R, v));
+  const q = (v) => H(N[v], 1, 1, () => {
+    N[v] = null;
   });
   let F = (
     /*visibleMidpoint*/
@@ -2764,9 +2762,9 @@ function os(e) {
   return {
     c() {
       t = L("defs"), n = L("mask"), o = L("rect"), a = L("polygon"), C && C.c(), M && M.c(), d = _e(), f = L("polygon"), g = _e(), m = L("polygon"), k = _e();
-      for (let _ = 0; _ < N.length; _ += 1)
-        N[_].c();
-      b = _e(), F && F.c(), S = Ae(), c(o, "x", i = /*mask*/
+      for (let v = 0; v < N.length; v += 1)
+        N[v].c();
+      E = _e(), F && F.c(), S = Ae(), c(o, "x", i = /*mask*/
       e[9].x), c(o, "y", s = /*mask*/
       e[9].y), c(o, "width", r = /*mask*/
       e[9].w), c(o, "height", l = /*mask*/
@@ -2783,11 +2781,11 @@ function os(e) {
       ), c(m, "points", p = /*geom*/
       e[5].points.map(gn).join(" "));
     },
-    m(_, v) {
-      B(_, t, v), j(t, n), j(n, o), j(n, a), C && C.m(n, null), M && M.m(t, null), B(_, d, v), B(_, f, v), B(_, g, v), B(_, m, v), B(_, k, v);
+    m(v, b) {
+      B(v, t, b), j(t, n), j(n, o), j(n, a), C && C.m(n, null), M && M.m(t, null), B(v, d, b), B(v, f, b), B(v, g, b), B(v, m, b), B(v, k, b);
       for (let y = 0; y < N.length; y += 1)
-        N[y] && N[y].m(_, v);
-      B(_, b, v), F && F.m(_, v), B(_, S, v), w = !0, A || (T = [
+        N[y] && N[y].m(v, b);
+      B(v, E, b), F && F.m(v, b), B(v, S, b), w = !0, A || (T = [
         W(
           f,
           "pointerup",
@@ -2820,32 +2818,32 @@ function os(e) {
         })
       ], A = !0);
     },
-    p(_, v) {
-      if (e = _, (!w || v[0] & /*mask*/
+    p(v, b) {
+      if (e = v, (!w || b[0] & /*mask*/
       512 && i !== (i = /*mask*/
-      e[9].x)) && c(o, "x", i), (!w || v[0] & /*mask*/
+      e[9].x)) && c(o, "x", i), (!w || b[0] & /*mask*/
       512 && s !== (s = /*mask*/
-      e[9].y)) && c(o, "y", s), (!w || v[0] & /*mask*/
+      e[9].y)) && c(o, "y", s), (!w || b[0] & /*mask*/
       512 && r !== (r = /*mask*/
-      e[9].w)) && c(o, "width", r), (!w || v[0] & /*mask*/
+      e[9].w)) && c(o, "width", r), (!w || b[0] & /*mask*/
       512 && l !== (l = /*mask*/
-      e[9].h)) && c(o, "height", l), (!w || v[0] & /*geom*/
+      e[9].h)) && c(o, "height", l), (!w || b[0] & /*geom*/
       32 && u !== (u = /*geom*/
       e[5].points.map(dn).join(" "))) && c(a, "points", u), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? C ? C.p(Ct(e), v) : (C = an(Ct(e)), C.c(), C.m(n, null)) : C && (C.d(1), C = null), /*visibleMidpoint*/
+      e[7] ? C ? C.p(Ct(e), b) : (C = an(Ct(e)), C.c(), C.m(n, null)) : C && (C.d(1), C = null), /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? M ? M.p(It(e), v) : (M = cn(It(e)), M.c(), M.m(t, null)) : M && (M.d(1), M = null), (!w || v[0] & /*geom*/
+      e[7] ? M ? M.p(It(e), b) : (M = cn(It(e)), M.c(), M.m(t, null)) : M && (M.d(1), M = null), (!w || b[0] & /*geom*/
       32 && h !== (h = /*geom*/
-      e[5].points.map(hn).join(" "))) && c(f, "points", h), (!w || v[0] & /*computedStyle*/
+      e[5].points.map(hn).join(" "))) && c(f, "points", h), (!w || b[0] & /*computedStyle*/
       2) && c(
         m,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!w || v[0] & /*geom*/
+      ), (!w || b[0] & /*geom*/
       32 && p !== (p = /*geom*/
-      e[5].points.map(gn).join(" "))) && c(m, "points", p), v[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
+      e[5].points.map(gn).join(" "))) && c(m, "points", p), b[0] & /*geom, viewportScale, selectedCorners, onEnterHandle, onLeaveHandle, onHandlePointerDown, grab, onHandlePointerUp*/
       134322472) {
         R = ve(
           /*geom*/
@@ -2853,8 +2851,8 @@ function os(e) {
         );
         let y;
         for (y = 0; y < R.length; y += 1) {
-          const E = ln(e, R, y);
-          N[y] ? (N[y].p(E, v), U(N[y], 1)) : (N[y] = un(E), N[y].c(), U(N[y], 1), N[y].m(b.parentNode, b));
+          const _ = ln(e, R, y);
+          N[y] ? (N[y].p(_, b), U(N[y], 1)) : (N[y] = un(_), N[y].c(), U(N[y], 1), N[y].m(E.parentNode, E));
         }
         for (we(), y = R.length; y < N.length; y += 1)
           q(y);
@@ -2862,26 +2860,26 @@ function os(e) {
       }
       /*visibleMidpoint*/
       e[6] !== void 0 && !/*isHandleHovered*/
-      e[7] ? F ? (F.p(Lt(e), v), v[0] & /*visibleMidpoint, isHandleHovered*/
+      e[7] ? F ? (F.p(Lt(e), b), b[0] & /*visibleMidpoint, isHandleHovered*/
       192 && U(F, 1)) : (F = fn(Lt(e)), F.c(), U(F, 1), F.m(S.parentNode, S)) : F && (we(), H(F, 1, 1, () => {
         F = null;
       }), be());
     },
-    i(_) {
+    i(v) {
       if (!w) {
-        for (let v = 0; v < R.length; v += 1)
-          U(N[v]);
+        for (let b = 0; b < R.length; b += 1)
+          U(N[b]);
         U(F), w = !0;
       }
     },
-    o(_) {
+    o(v) {
       N = N.filter(Boolean);
-      for (let v = 0; v < N.length; v += 1)
-        H(N[v]);
+      for (let b = 0; b < N.length; b += 1)
+        H(N[b]);
       H(F), w = !1;
     },
-    d(_) {
-      _ && (D(t), D(d), D(f), D(g), D(m), D(k), D(b), D(S)), C && C.d(), M && M.d(), Ye(N, _), F && F.d(_), A = !1, Se(T);
+    d(v) {
+      v && (D(t), D(d), D(f), D(g), D(m), D(k), D(E), D(S)), C && C.d(), M && M.d(), Ye(N, v), F && F.d(v), A = !1, Se(T);
     }
   };
 }
@@ -2961,12 +2959,12 @@ function as(e, t, n) {
   let o, i, s;
   const r = Be();
   let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, g = !1, m, p = [];
-  const k = () => n(7, g = !0), b = () => n(7, g = !1), S = (y) => {
+  const k = () => n(7, g = !0), E = () => n(7, g = !1), S = (y) => {
     if (p.length > 0 || !i.some((K) => K.visible)) {
       n(6, h = void 0);
       return;
     }
-    const [E, I] = u.elementToImage(y.offsetX, y.offsetY), P = (K) => Math.pow(K[0] - E, 2) + Math.pow(K[1] - I, 2), O = o.points.reduce((K, J) => P(J) < P(K) ? J : K), G = i.filter((K) => K.visible).reduce((K, J) => P(J.point) < P(K.point) ? J : K), X = Math.pow(rs / d, 2);
+    const [_, I] = u.elementToImage(y.offsetX, y.offsetY), P = (K) => Math.pow(K[0] - _, 2) + Math.pow(K[1] - I, 2), O = o.points.reduce((K, J) => P(J) < P(K) ? J : K), G = i.filter((K) => K.visible).reduce((K, J) => P(J.point) < P(K.point) ? J : K), X = Math.pow(rs / d, 2);
     P(O) < X || P(G.point) < X ? n(6, h = i.indexOf(G)) : n(6, h = void 0);
   }, w = () => {
     document.activeElement !== f && f.focus();
@@ -2974,19 +2972,19 @@ function as(e, t, n) {
     n(8, p = []), w();
   }, T = (y) => {
     n(7, g = !0), y.preventDefault(), y.stopPropagation(), m = performance.now();
-  }, C = (y) => (E) => {
+  }, C = (y) => (_) => {
     if (!m || Le || performance.now() - m > ss) return;
     const I = p.includes(y);
-    E.metaKey || E.ctrlKey || E.shiftKey ? I ? n(8, p = p.filter((P) => P !== y)) : n(8, p = [...p, y]) : I && p.length > 1 ? n(8, p = [y]) : I ? n(8, p = []) : n(8, p = [y]), w();
-  }, M = (y, E, I) => {
+    _.metaKey || _.ctrlKey || _.shiftKey ? I ? n(8, p = p.filter((P) => P !== y)) : n(8, p = [...p, y]) : I && p.length > 1 ? n(8, p = [y]) : I ? n(8, p = []) : n(8, p = [y]), w();
+  }, M = (y, _, I) => {
     w();
     let P;
     const O = y.geometry;
-    p.length > 1 ? P = O.points.map(([X, Z], K) => p.includes(K) ? [X + I[0], Z + I[1]] : [X, Z]) : E === "SHAPE" ? P = O.points.map(([X, Z]) => [X + I[0], Z + I[1]]) : P = O.points.map(([X, Z], K) => E === `HANDLE-${K}` ? [X + I[0], Z + I[1]] : [X, Z]);
+    p.length > 1 ? P = O.points.map(([X, Z], K) => p.includes(K) ? [X + I[0], Z + I[1]] : [X, Z]) : _ === "SHAPE" ? P = O.points.map(([X, Z]) => [X + I[0], Z + I[1]]) : P = O.points.map(([X, Z], K) => _ === `HANDLE-${K}` ? [X + I[0], Z + I[1]] : [X, Z]);
     const G = ge(P);
     return { ...y, geometry: { points: P, bounds: G } };
-  }, R = (y) => async (E) => {
-    E.stopPropagation();
+  }, R = (y) => async (_) => {
+    _.stopPropagation();
     const I = [
       ...o.points.slice(0, y + 1),
       i[y].point,
@@ -3000,25 +2998,25 @@ function as(e, t, n) {
         {
           bubbles: !0,
           cancelable: !0,
-          clientX: E.clientX,
-          clientY: E.clientY,
-          pointerId: E.pointerId,
-          pointerType: E.pointerType,
-          isPrimary: E.isPrimary,
-          buttons: E.buttons
+          clientX: _.clientX,
+          clientY: _.clientY,
+          pointerId: _.pointerId,
+          pointerType: _.pointerType,
+          isPrimary: _.isPrimary,
+          buttons: _.buttons
         }
       );
       O.firstChild.dispatchEvent(G);
     }
   }, N = () => {
     if (o.points.length - p.length < 3) return;
-    const y = o.points.filter((I, P) => !p.includes(P)), E = ge(y);
-    r("change", { ...l, geometry: { points: y, bounds: E } }), n(8, p = []);
+    const y = o.points.filter((I, P) => !p.includes(P)), _ = ge(y);
+    r("change", { ...l, geometry: { points: y, bounds: _ } }), n(8, p = []);
   };
   Ue(() => {
     if (Le) return;
-    const y = (E) => {
-      (E.key === "Delete" || E.key === "Backspace") && (E.preventDefault(), N());
+    const y = (_) => {
+      (_.key === "Delete" || _.key === "Backspace") && (_.preventDefault(), N());
     };
     return f.addEventListener("pointermove", S), f.addEventListener("keydown", y), () => {
       f.removeEventListener("pointermove", S), f.removeEventListener("keydown", y);
@@ -3028,10 +3026,10 @@ function as(e, t, n) {
   function F(y) {
     ue.call(this, e, y);
   }
-  function _(y) {
+  function v(y) {
     ue.call(this, e, y);
   }
-  function v(y) {
+  function b(y) {
     ue.call(this, e, y);
   }
   return e.$$set = (y) => {
@@ -3039,8 +3037,8 @@ function as(e, t, n) {
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*shape*/
     1 && n(5, o = l.geometry), e.$$.dirty[0] & /*geom, viewportScale*/
-    40 && n(10, i = Le ? [] : o.points.map((y, E) => {
-      const I = E === o.points.length - 1 ? o.points[0] : o.points[E + 1], P = (y[0] + I[0]) / 2, O = (y[1] + I[1]) / 2, X = Math.sqrt(Math.pow(I[0] - P, 2) + Math.pow(I[1] - O, 2)) > ls / d;
+    40 && n(10, i = Le ? [] : o.points.map((y, _) => {
+      const I = _ === o.points.length - 1 ? o.points[0] : o.points[_ + 1], P = (y[0] + I[0]) / 2, O = (y[1] + I[1]) / 2, X = Math.sqrt(Math.pow(I[0] - P, 2) + Math.pow(I[1] - O, 2)) > ls / d;
       return { point: [P, O], visible: X };
     })), e.$$.dirty[0] & /*geom, viewportScale*/
     40 && n(9, s = wt(o.bounds, et / d));
@@ -3057,7 +3055,7 @@ function as(e, t, n) {
     s,
     i,
     k,
-    b,
+    E,
     S,
     A,
     T,
@@ -3066,8 +3064,8 @@ function as(e, t, n) {
     R,
     q,
     F,
-    _,
-    v
+    v,
+    b
   ];
 }
 class cs extends pe {
@@ -3091,7 +3089,7 @@ class cs extends pe {
   }
 }
 function us(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, g, m, p, k, b, S, w, A, T, C, M, R, N, q, F, _, v, y, E, I, P, O, G, X, Z, K, J, te, oe, Ee, ke, V, ce, $, fe, ye, Ve, Ie, bt, Ce, Q, Et, Zt;
+  let t, n, o, i, s, r, l, a, u, d, f, h, g, m, p, k, E, S, w, A, T, C, M, R, N, q, F, v, b, y, _, I, P, O, G, X, Z, K, J, te, oe, Ee, ke, V, ce, $, fe, ye, Ve, Ie, bt, Ce, Q, Et, Zt;
   return $ = new qe({
     props: {
       class: "a9s-corner-handle-topleft",
@@ -3182,7 +3180,7 @@ function us(e) {
     ) && e[12]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = L("defs"), n = L("mask"), o = L("rect"), a = L("rect"), g = _e(), m = L("rect"), w = _e(), A = L("rect"), N = _e(), q = L("rect"), y = _e(), E = L("rect"), G = _e(), X = L("rect"), te = _e(), oe = L("rect"), ce = _e(), ae($.$$.fragment), fe = _e(), ae(ye.$$.fragment), Ve = _e(), ae(Ie.$$.fragment), bt = _e(), ae(Ce.$$.fragment), c(o, "class", "rect-mask-bg svelte-1njczvj"), c(o, "x", i = /*mask*/
+      t = L("defs"), n = L("mask"), o = L("rect"), a = L("rect"), g = _e(), m = L("rect"), w = _e(), A = L("rect"), N = _e(), q = L("rect"), y = _e(), _ = L("rect"), G = _e(), X = L("rect"), te = _e(), oe = L("rect"), ce = _e(), ae($.$$.fragment), fe = _e(), ae(ye.$$.fragment), Ve = _e(), ae(Ie.$$.fragment), bt = _e(), ae(Ce.$$.fragment), c(o, "class", "rect-mask-bg svelte-1njczvj"), c(o, "x", i = /*mask*/
       e[6].x), c(o, "y", s = /*mask*/
       e[6].y), c(o, "width", r = /*mask*/
       e[6].w), c(o, "height", l = /*mask*/
@@ -3198,7 +3196,7 @@ function us(e) {
       ), c(n, "class", "a9s-rectangle-editor-mask svelte-1njczvj"), c(m, "class", "a9s-outer"), c(m, "mask", `url(#${/*maskId*/
       e[8]})`), c(m, "x", p = /*geom*/
       e[5].x), c(m, "y", k = /*geom*/
-      e[5].y), c(m, "width", b = /*geom*/
+      e[5].y), c(m, "width", E = /*geom*/
       e[5].w), c(m, "height", S = /*geom*/
       e[5].h), c(A, "class", "a9s-inner a9s-shape-handle"), c(
         A,
@@ -3210,13 +3208,13 @@ function us(e) {
       e[5].y), c(A, "width", M = /*geom*/
       e[5].w), c(A, "height", R = /*geom*/
       e[5].h), c(q, "class", "a9s-edge-handle a9s-edge-handle-top"), c(q, "x", F = /*geom*/
-      e[5].x), c(q, "y", _ = /*geom*/
-      e[5].y), c(q, "height", 1), c(q, "width", v = /*geom*/
-      e[5].w), c(E, "class", "a9s-edge-handle a9s-edge-handle-right"), c(E, "x", I = /*geom*/
+      e[5].x), c(q, "y", v = /*geom*/
+      e[5].y), c(q, "height", 1), c(q, "width", b = /*geom*/
+      e[5].w), c(_, "class", "a9s-edge-handle a9s-edge-handle-right"), c(_, "x", I = /*geom*/
       e[5].x + /*geom*/
-      e[5].w), c(E, "y", P = /*geom*/
-      e[5].y), c(E, "height", O = /*geom*/
-      e[5].h), c(E, "width", 1), c(X, "class", "a9s-edge-handle a9s-edge-handle-bottom"), c(X, "x", Z = /*geom*/
+      e[5].w), c(_, "y", P = /*geom*/
+      e[5].y), c(_, "height", O = /*geom*/
+      e[5].h), c(_, "width", 1), c(X, "class", "a9s-edge-handle a9s-edge-handle-bottom"), c(X, "x", Z = /*geom*/
       e[5].x), c(X, "y", K = /*geom*/
       e[5].y + /*geom*/
       e[5].h), c(X, "height", 1), c(X, "width", J = /*geom*/
@@ -3226,7 +3224,7 @@ function us(e) {
       e[5].h), c(oe, "width", 1);
     },
     m(z, Y) {
-      B(z, t, Y), j(t, n), j(n, o), j(n, a), B(z, g, Y), B(z, m, Y), B(z, w, Y), B(z, A, Y), B(z, N, Y), B(z, q, Y), B(z, y, Y), B(z, E, Y), B(z, G, Y), B(z, X, Y), B(z, te, Y), B(z, oe, Y), B(z, ce, Y), re($, z, Y), B(z, fe, Y), re(ye, z, Y), B(z, Ve, Y), re(Ie, z, Y), B(z, bt, Y), re(Ce, z, Y), Q = !0, Et || (Zt = [
+      B(z, t, Y), j(t, n), j(n, o), j(n, a), B(z, g, Y), B(z, m, Y), B(z, w, Y), B(z, A, Y), B(z, N, Y), B(z, q, Y), B(z, y, Y), B(z, _, Y), B(z, G, Y), B(z, X, Y), B(z, te, Y), B(z, oe, Y), B(z, ce, Y), re($, z, Y), B(z, fe, Y), re(ye, z, Y), B(z, Ve, Y), re(Ie, z, Y), B(z, bt, Y), re(Ce, z, Y), Q = !0, Et || (Zt = [
         W(m, "pointerdown", function() {
           ie(
             /*grab*/
@@ -3245,7 +3243,7 @@ function us(e) {
             e[12]("TOP")
           ) && e[12]("TOP").apply(this, arguments);
         }),
-        W(E, "pointerdown", function() {
+        W(_, "pointerdown", function() {
           ie(
             /*grab*/
             e[12]("RIGHT")
@@ -3287,8 +3285,8 @@ function us(e) {
       e[5].x)) && c(m, "x", p), (!Q || Y & /*geom*/
       32 && k !== (k = /*geom*/
       e[5].y)) && c(m, "y", k), (!Q || Y & /*geom*/
-      32 && b !== (b = /*geom*/
-      e[5].w)) && c(m, "width", b), (!Q || Y & /*geom*/
+      32 && E !== (E = /*geom*/
+      e[5].w)) && c(m, "width", E), (!Q || Y & /*geom*/
       32 && S !== (S = /*geom*/
       e[5].h)) && c(m, "height", S), (!Q || Y & /*computedStyle*/
       2) && c(
@@ -3307,17 +3305,17 @@ function us(e) {
       e[5].h)) && c(A, "height", R), (!Q || Y & /*geom*/
       32 && F !== (F = /*geom*/
       e[5].x)) && c(q, "x", F), (!Q || Y & /*geom*/
-      32 && _ !== (_ = /*geom*/
-      e[5].y)) && c(q, "y", _), (!Q || Y & /*geom*/
       32 && v !== (v = /*geom*/
-      e[5].w)) && c(q, "width", v), (!Q || Y & /*geom*/
+      e[5].y)) && c(q, "y", v), (!Q || Y & /*geom*/
+      32 && b !== (b = /*geom*/
+      e[5].w)) && c(q, "width", b), (!Q || Y & /*geom*/
       32 && I !== (I = /*geom*/
       e[5].x + /*geom*/
-      e[5].w)) && c(E, "x", I), (!Q || Y & /*geom*/
+      e[5].w)) && c(_, "x", I), (!Q || Y & /*geom*/
       32 && P !== (P = /*geom*/
-      e[5].y)) && c(E, "y", P), (!Q || Y & /*geom*/
+      e[5].y)) && c(_, "y", P), (!Q || Y & /*geom*/
       32 && O !== (O = /*geom*/
-      e[5].h)) && c(E, "height", O), (!Q || Y & /*geom*/
+      e[5].h)) && c(_, "height", O), (!Q || Y & /*geom*/
       32 && Z !== (Z = /*geom*/
       e[5].x)) && c(X, "x", Z), (!Q || Y & /*geom*/
       32 && K !== (K = /*geom*/
@@ -3375,7 +3373,7 @@ function us(e) {
       H($.$$.fragment, z), H(ye.$$.fragment, z), H(Ie.$$.fragment, z), H(Ce.$$.fragment, z), Q = !1;
     },
     d(z) {
-      z && (D(t), D(g), D(m), D(w), D(A), D(N), D(q), D(y), D(E), D(G), D(X), D(te), D(oe), D(ce), D(fe), D(Ve), D(bt)), le($, z), le(ye, z), le(Ie, z), le(Ce, z), Et = !1, Se(Zt);
+      z && (D(t), D(g), D(m), D(w), D(A), D(N), D(q), D(y), D(_), D(G), D(X), D(te), D(oe), D(ce), D(fe), D(Ve), D(bt)), le($, z), le(ye, z), le(Ie, z), le(Ce, z), Et = !1, Se(Zt);
     }
   };
 }
@@ -3451,10 +3449,10 @@ function fs(e) {
 }
 function ds(e, t, n) {
   let o, i, { shape: s } = t, { computedStyle: r } = t, { transform: l } = t, { viewportScale: a = 1 } = t, { svgEl: u } = t;
-  const d = (p, k, b) => {
+  const d = (p, k, E) => {
     const S = p.geometry.bounds;
     let [w, A] = [S.minX, S.minY], [T, C] = [S.maxX, S.maxY];
-    const [M, R] = b;
+    const [M, R] = E;
     if (k === "SHAPE")
       w += M, T += M, A += R, C += R;
     else {
@@ -3487,19 +3485,19 @@ function ds(e, t, n) {
         }
       }
     }
-    const N = Math.min(w, T), q = Math.min(A, C), F = Math.abs(T - w), _ = Math.abs(C - A);
+    const N = Math.min(w, T), q = Math.min(A, C), F = Math.abs(T - w), v = Math.abs(C - A);
     return {
       ...p,
       geometry: {
         x: N,
         y: q,
         w: F,
-        h: _,
+        h: v,
         bounds: {
           minX: N,
           minY: q,
           maxX: N + F,
-          maxY: q + _
+          maxY: q + v
         }
       }
     };
@@ -3844,7 +3842,7 @@ function vn(e) {
   };
 }
 function Sn(e) {
-  let t, n, o, i, s, r, l, a, u, d, f, h, g, m, p, k, b, S = (
+  let t, n, o, i, s, r, l, a, u, d, f, h, g, m, p, k, E, S = (
     /*visibleMidpoint*/
     e[6] !== void 0 && !/*isHandleHovered*/
     e[7] && wn(Bt(e))
@@ -3896,7 +3894,7 @@ function Sn(e) {
       B(M, t, R), j(t, n), j(n, o), j(o, i), j(o, u), S && S.m(o, null), w && w.m(n, null), j(t, f), j(t, g);
       for (let N = 0; N < T.length; N += 1)
         T[N] && T[N].m(t, null);
-      p = !0, k || (b = [
+      p = !0, k || (E = [
         W(
           f,
           "pointerup",
@@ -3984,7 +3982,7 @@ function Sn(e) {
       p = !1;
     },
     d(M) {
-      M && D(t), S && S.d(), w && w.d(), Ye(T, M), k = !1, Se(b);
+      M && D(t), S && S.d(), w && w.d(), Ye(T, M), k = !1, Se(E);
     }
   };
 }
@@ -4188,26 +4186,26 @@ function bs(e, t, n) {
   let o, i, s;
   const r = Be();
   let { shape: l } = t, { computedStyle: a } = t, { transform: u } = t, { viewportScale: d = 1 } = t, { svgEl: f } = t, h, g = !1, m, p = [];
-  const k = () => n(7, g = !0), b = () => n(7, g = !1), S = (E) => {
+  const k = () => n(7, g = !0), E = () => n(7, g = !1), S = (_) => {
     if (p.length > 0 || !i.some((J) => J.visible)) {
       n(6, h = void 0);
       return;
     }
-    const [I, P] = u.elementToImage(E.offsetX, E.offsetY), O = (J) => Math.pow(J[0] - I, 2) + Math.pow(J[1] - P, 2), G = Yo(o).reduce((J, te) => O(te) < O(J) ? te : J), X = i.filter((J) => J.visible).reduce((J, te) => O(te.point) < O(J.point) ? te : J), Z = Math.pow(ws / d, 2);
+    const [I, P] = u.elementToImage(_.offsetX, _.offsetY), O = (J) => Math.pow(J[0] - I, 2) + Math.pow(J[1] - P, 2), G = Yo(o).reduce((J, te) => O(te) < O(J) ? te : J), X = i.filter((J) => J.visible).reduce((J, te) => O(te.point) < O(J.point) ? te : J), Z = Math.pow(ws / d, 2);
     O(G) < Z || O(X.point) < Z ? n(6, h = i.indexOf(X)) : n(6, h = void 0);
   }, w = () => {
     document.activeElement !== f && f.focus();
   }, A = () => {
     n(8, p = []), w();
-  }, T = (E) => {
-    n(7, g = !0), E.preventDefault(), E.stopPropagation(), m = performance.now();
-  }, C = (E, I, P) => (O) => {
+  }, T = (_) => {
+    n(7, g = !0), _.preventDefault(), _.stopPropagation(), m = performance.now();
+  }, C = (_, I, P) => (O) => {
     if (!m || Le || performance.now() - m > _s) return;
-    const G = (Z) => Z.polygon === E && Z.ring === I && Z.point === P, X = p.some(G);
-    O.metaKey || O.ctrlKey || O.shiftKey ? X ? n(8, p = p.filter((Z) => !G(Z))) : n(8, p = [...p, { polygon: E, ring: I, point: P }]) : X && p.length > 1 ? n(8, p = [{ polygon: E, ring: I, point: P }]) : X ? n(8, p = []) : n(8, p = [{ polygon: E, ring: I, point: P }]), w();
-  }, M = (E, I, P) => {
+    const G = (Z) => Z.polygon === _ && Z.ring === I && Z.point === P, X = p.some(G);
+    O.metaKey || O.ctrlKey || O.shiftKey ? X ? n(8, p = p.filter((Z) => !G(Z))) : n(8, p = [...p, { polygon: _, ring: I, point: P }]) : X && p.length > 1 ? n(8, p = [{ polygon: _, ring: I, point: P }]) : X ? n(8, p = []) : n(8, p = [{ polygon: _, ring: I, point: P }]), w();
+  }, M = (_, I, P) => {
     w();
-    const O = E.geometry.polygons;
+    const O = _.geometry.polygons;
     let G;
     if (I === "SHAPE")
       G = O.map((X) => {
@@ -4225,15 +4223,15 @@ function bs(e, t, n) {
       });
     }
     return {
-      ...E,
+      ..._,
       geometry: {
         polygons: G,
         bounds: dt(G)
       }
     };
-  }, R = (E) => async (I) => {
+  }, R = (_) => async (I) => {
     I.stopPropagation();
-    const P = i[E], O = o.polygons.map((X, Z) => {
+    const P = i[_], O = o.polygons.map((X, Z) => {
       if (Z === P.elementIdx) {
         const K = X.rings.map((te, oe) => oe === P.ringIdx ? { points: [
           ...te.points.slice(0, P.pointIdx + 1),
@@ -4251,7 +4249,7 @@ function bs(e, t, n) {
         bounds: dt(O)
       }
     }), await Zn();
-    const G = [...document.querySelectorAll(".a9s-handle")][E + 1];
+    const G = [...document.querySelectorAll(".a9s-handle")][_ + 1];
     if (G != null && G.firstChild) {
       const X = new PointerEvent(
         "pointerdown",
@@ -4269,7 +4267,7 @@ function bs(e, t, n) {
       G.firstChild.dispatchEvent(X);
     }
   }, N = () => {
-    const E = o.polygons.map((P, O) => {
+    const _ = o.polygons.map((P, O) => {
       if (p.some((X) => X.polygon === O)) {
         const X = P.rings.map((K, J) => {
           const te = p.filter((oe) => oe.polygon === O && oe.ring === J);
@@ -4279,35 +4277,35 @@ function bs(e, t, n) {
       } else
         return P;
     });
-    !Ft(o.polygons, E) && (r("change", {
+    !Ft(o.polygons, _) && (r("change", {
       ...l,
       geometry: {
-        polygons: E,
-        bounds: dt(E)
+        polygons: _,
+        bounds: dt(_)
       }
     }), n(8, p = []));
   };
   Ue(() => {
     if (Le) return;
-    const E = (I) => {
+    const _ = (I) => {
       (I.key === "Delete" || I.key === "Backspace") && (I.preventDefault(), N());
     };
-    return f.addEventListener("pointermove", S), f.addEventListener("keydown", E), () => {
-      f.removeEventListener("pointermove", S), f.removeEventListener("keydown", E);
+    return f.addEventListener("pointermove", S), f.addEventListener("keydown", _), () => {
+      f.removeEventListener("pointermove", S), f.removeEventListener("keydown", _);
     };
   });
-  const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`, F = (E, I, P, { polygon: O, ring: G, point: X }) => O === E && G === I && X === P;
-  function _(E) {
-    ue.call(this, e, E);
+  const q = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`, F = (_, I, P, { polygon: O, ring: G, point: X }) => O === _ && G === I && X === P;
+  function v(_) {
+    ue.call(this, e, _);
   }
-  function v(E) {
-    ue.call(this, e, E);
+  function b(_) {
+    ue.call(this, e, _);
   }
-  function y(E) {
-    ue.call(this, e, E);
+  function y(_) {
+    ue.call(this, e, _);
   }
-  return e.$$set = (E) => {
-    "shape" in E && n(0, l = E.shape), "computedStyle" in E && n(1, a = E.computedStyle), "transform" in E && n(2, u = E.transform), "viewportScale" in E && n(3, d = E.viewportScale), "svgEl" in E && n(4, f = E.svgEl);
+  return e.$$set = (_) => {
+    "shape" in _ && n(0, l = _.shape), "computedStyle" in _ && n(1, a = _.computedStyle), "transform" in _ && n(2, u = _.transform), "viewportScale" in _ && n(3, d = _.viewportScale), "svgEl" in _ && n(4, f = _.svgEl);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*shape*/
     1 && n(5, o = l.geometry), e.$$.dirty[0] & /*geom, viewportScale*/
@@ -4326,7 +4324,7 @@ function bs(e, t, n) {
     s,
     i,
     k,
-    b,
+    E,
     A,
     T,
     C,
@@ -4334,8 +4332,8 @@ function bs(e, t, n) {
     R,
     q,
     F,
-    _,
     v,
+    b,
     y
   ];
 }
@@ -4655,7 +4653,7 @@ function Ls(e, t, n) {
   const k = (T) => {
     const C = T;
     u = performance.now(), r === "drag" && (n(0, d = l.elementToImage(C.offsetX, C.offsetY)), f = d, n(1, h = d[0]), n(2, g = d[1]), n(3, m = 1), n(4, p = 1));
-  }, b = (T) => {
+  }, E = (T) => {
     const C = T;
     d && (f = l.elementToImage(C.offsetX, C.offsetY), n(1, h = Math.min(f[0], d[0])), n(2, g = Math.min(f[1], d[1])), n(3, m = Math.abs(f[0] - d[0])), n(4, p = Math.abs(f[1] - d[1])));
   }, S = (T) => {
@@ -4686,7 +4684,7 @@ function Ls(e, t, n) {
     n(0, d = void 0), f = void 0;
   };
   Ue(() => {
-    s("pointerdown", k), s("pointermove", b), s("pointerup", S, !0);
+    s("pointerdown", k), s("pointermove", E), s("pointerup", S, !0);
   });
   const A = `rect-mask-${Math.random().toString(36).substring(2, 12)}`;
   return e.$$set = (T) => {
@@ -4747,26 +4745,26 @@ function Mn(e) {
       e[19]), c(h, "class", "a9s-inner"), c(h, "points", g = /*str*/
       e[19]);
     },
-    m(k, b) {
-      B(k, t, b), j(t, n), j(n, o), j(n, a), B(k, d, b), B(k, h, b), p && p.m(k, b), B(k, m, b);
+    m(k, E) {
+      B(k, t, E), j(t, n), j(n, o), j(n, a), B(k, d, E), B(k, h, E), p && p.m(k, E), B(k, m, E);
     },
-    p(k, b) {
-      b & /*mask*/
+    p(k, E) {
+      E & /*mask*/
       8 && i !== (i = /*mask*/
-      k[3].x) && c(o, "x", i), b & /*mask*/
+      k[3].x) && c(o, "x", i), E & /*mask*/
       8 && s !== (s = /*mask*/
-      k[3].y) && c(o, "y", s), b & /*mask*/
+      k[3].y) && c(o, "y", s), E & /*mask*/
       8 && r !== (r = /*mask*/
-      k[3].w) && c(o, "width", r), b & /*mask*/
+      k[3].w) && c(o, "width", r), E & /*mask*/
       8 && l !== (l = /*mask*/
-      k[3].h) && c(o, "height", l), b & /*coords*/
+      k[3].h) && c(o, "height", l), E & /*coords*/
       4 && u !== (u = /*str*/
-      k[19]) && c(a, "points", u), b & /*coords*/
+      k[19]) && c(a, "points", u), E & /*coords*/
       4 && f !== (f = /*str*/
-      k[19]) && c(d, "points", f), b & /*coords*/
+      k[19]) && c(d, "points", f), E & /*coords*/
       4 && g !== (g = /*str*/
       k[19]) && c(h, "points", g), /*isClosable*/
-      k[1] ? p ? p.p(k, b) : (p = Tn(k), p.c(), p.m(m.parentNode, m)) : p && (p.d(1), p = null);
+      k[1] ? p ? p.p(k, E) : (p = Tn(k), p.c(), p.m(m.parentNode, m)) : p && (p.d(1), p = null);
     },
     d(k) {
       k && (D(t), D(d), D(h), D(m)), p && p.d(k);
@@ -4841,7 +4839,7 @@ function Bs(e, t, n) {
       const F = u.elementToImage(M.offsetX, M.offsetY);
       h.push(F), n(10, g = F);
     }
-  }, b = (C) => {
+  }, E = (C) => {
     const M = C;
     if (m && clearTimeout(m), h.length > 0) {
       if (n(10, g = u.elementToImage(M.offsetX, M.offsetY)), h.length > 2) {
@@ -4898,7 +4896,7 @@ function Bs(e, t, n) {
     n(0, h = []), n(10, g = void 0), r("create", C);
   };
   Ue(() => {
-    l("pointerdown", k, !0), l("pointermove", b), l("pointerup", S, !0), l("dblclick", w, !0);
+    l("pointerdown", k, !0), l("pointermove", E), l("pointerup", S, !0), l("dblclick", w, !0);
   });
   const T = `polygon-mask-${Math.random().toString(36).substring(2, 12)}`;
   return e.$$set = (C) => {
@@ -6350,12 +6348,12 @@ function gr(e) {
   };
 }
 function mr(e, t, n) {
-  let o, i, s, r, l, a, u, d, f, h, g, m, p = ee, k = () => (p(), p = jn(E, (V) => n(18, m = V)), E);
+  let o, i, s, r, l, a, u, d, f, h, g, m, p = ee, k = () => (p(), p = jn(_, (V) => n(18, m = V)), _);
   e.$$.on_destroy.push(() => p());
-  let { drawingEnabled: b } = t, { image: S } = t, { preferredDrawingMode: w } = t, { state: A } = t, { style: T = void 0 } = t, { toolName: C = uo()[0] } = t, { user: M } = t, { visible: R = !0 } = t, N = 0;
-  const q = () => n(7, N += 1), F = () => C, _ = () => b;
-  let v, y, E;
-  Ue(() => k(n(9, E = zi(S, y))));
+  let { drawingEnabled: E } = t, { image: S } = t, { preferredDrawingMode: w } = t, { state: A } = t, { style: T = void 0 } = t, { toolName: C = uo()[0] } = t, { user: M } = t, { visible: R = !0 } = t, N = 0;
+  const q = () => n(7, N += 1), F = () => C, v = () => E;
+  let b, y, _;
+  Ue(() => k(n(9, _ = zi(S, y))));
   const { hover: I, selection: P, store: O } = A;
   St(e, I, (V) => n(16, f = V)), St(e, P, (V) => n(33, h = V)), St(e, O, (V) => n(17, g = V));
   let G, X;
@@ -6394,7 +6392,7 @@ function mr(e, t, n) {
   }, oe = (V) => yt(V);
   function Ee(V) {
     gt[V ? "unshift" : "push"](() => {
-      v = V, n(8, v);
+      b = V, n(8, b);
     });
   }
   function ke(V) {
@@ -6403,7 +6401,7 @@ function mr(e, t, n) {
     });
   }
   return e.$$set = (V) => {
-    "drawingEnabled" in V && n(0, b = V.drawingEnabled), "image" in V && n(25, S = V.image), "preferredDrawingMode" in V && n(26, w = V.preferredDrawingMode), "state" in V && n(27, A = V.state), "style" in V && n(1, T = V.style), "toolName" in V && n(2, C = V.toolName), "user" in V && n(28, M = V.user), "visible" in V && n(3, R = V.visible);
+    "drawingEnabled" in V && n(0, E = V.drawingEnabled), "image" in V && n(25, S = V.image), "preferredDrawingMode" in V && n(26, w = V.preferredDrawingMode), "state" in V && n(27, A = V.state), "style" in V && n(1, T = V.style), "toolName" in V && n(2, C = V.toolName), "user" in V && n(28, M = V.user), "visible" in V && n(3, R = V.visible);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
     4 && n(15, { tool: o, opts: i } = fo(C) || { tool: void 0, opts: void 0 }, o, (n(32, i), n(2, C))), e.$$.dirty[0] & /*preferredDrawingMode*/
@@ -6418,7 +6416,7 @@ function mr(e, t, n) {
     })).filter((V) => V.editor) : void 0), e.$$.dirty[0] & /*editors*/
     64 && n(10, d = (V) => u && u.some((ce) => ce.annotation.id === V.id));
   }, [
-    b,
+    E,
     T,
     C,
     R,
@@ -6426,8 +6424,8 @@ function mr(e, t, n) {
     X,
     u,
     N,
-    v,
-    E,
+    b,
+    _,
     d,
     a,
     l,
@@ -6449,7 +6447,7 @@ function mr(e, t, n) {
     M,
     q,
     F,
-    _,
+    v,
     i,
     h,
     oe,
@@ -6782,7 +6780,7 @@ const Ar = () => {
         maxX: f + g,
         maxY: h + g
       }).map((k) => k.target).filter((k) => k.selector.type === x.RECTANGLE || Co(k.selector, f, h, g));
-      return p.length > 0 ? (p.sort((k, b) => Gt(k.selector) - Gt(b.selector)), p) : [];
+      return p.length > 0 ? (p.sort((k, E) => Gt(k.selector) - Gt(E.selector)), p) : [];
     },
     getIntersecting: (f, h, g, m) => e.search({
       minX: f,
@@ -6796,8 +6794,8 @@ const Ar = () => {
       h && o();
       const g = f.reduce((m, p) => {
         if (ht(p)) {
-          const { minX: k, minY: b, maxX: S, maxY: w } = p.selector.geometry.bounds;
-          return [...m, { minX: k, minY: b, maxX: S, maxY: w, target: p }];
+          const { minX: k, minY: E, maxX: S, maxY: w } = p.selector.geometry.bounds;
+          return [...m, { minX: k, minY: E, maxX: S, maxY: w, target: p }];
         } else
           return m;
       }, []);
@@ -6908,30 +6906,30 @@ const Ar = () => {
       user: f
     }
   });
-  h.$on("click", (_) => {
-    const { originalEvent: v, annotation: y } = _.detail;
-    y ? s.userSelect(y.id, v) : s.isEmpty() || s.clear();
+  h.$on("click", (b) => {
+    const { originalEvent: y, annotation: _ } = b.detail;
+    _ ? s.userSelect(_.id, y) : s.isEmpty() || s.clear();
   });
   const g = Ii(i, l, o.adapter), m = () => h.cancelDrawing(), p = () => {
     h.$destroy(), u.parentNode.insertBefore(n, u), u.parentNode.removeChild(u), d.destroy(), l.destroy();
-  }, k = () => h.getDrawingTool(), b = () => f, S = () => h.isDrawingEnabled(), w = (_, v, y) => Ys(_, v, y), A = (_, v) => Ss(_, v), T = (_) => {
-    if (!fo(_))
-      throw `No drawing tool named ${_}`;
-    h.$set({ toolName: _ });
-  }, C = (_) => h.$set({ drawingEnabled: _ }), M = (_) => {
+  }, k = () => h.getDrawingTool(), E = () => f, S = () => h.isDrawingEnabled(), w = (b, y, _) => Ys(b, y, _), A = (b, y) => Ss(b, y), T = (b) => {
+    if (!fo(b))
+      throw `No drawing tool named ${b}`;
+    h.$set({ toolName: b });
+  }, C = (b) => h.$set({ drawingEnabled: b }), M = (b) => h.$set({ preferredDrawingMode: b }), R = (b) => {
     console.warn("Filter not implemented yet");
-  }, R = (_) => h.$set({ style: _ }), N = (_) => Xn(n, u, _), q = (_) => {
-    f = _, h.$set({ user: _ });
-  }, F = (_) => (
+  }, N = (b) => h.$set({ style: b }), q = (b) => Xn(n, u, b), F = (b) => {
+    f = b, h.$set({ user: b });
+  }, v = (b) => (
     // @ts-ignore
-    h.$set({ visible: _ })
+    h.$set({ visible: b })
   );
   return {
     ...g,
     cancelDrawing: m,
     destroy: p,
     getDrawingTool: k,
-    getUser: b,
+    getUser: E,
     isDrawingEnabled: S,
     listDrawingTools: uo,
     on: a.on,
@@ -6939,12 +6937,13 @@ const Ar = () => {
     registerDrawingTool: w,
     registerShapeEditor: A,
     setDrawingEnabled: C,
+    setDrawingMode: M,
     setDrawingTool: T,
-    setFilter: M,
-    setStyle: R,
-    setTheme: N,
-    setUser: q,
-    setVisible: F,
+    setFilter: R,
+    setStyle: N,
+    setTheme: q,
+    setUser: F,
+    setVisible: v,
     element: u,
     state: i
   };