@annotorious/annotorious 3.0.0-rc.29 → 3.0.0-rc.30

package/dist/annotorious.es.js

@@ -583,8 +583,8 @@ const Ze = { selected: [] }, Vn = (e, t = "EDIT") => {
     const g = Array.isArray(f) ? f : [f], m = g.map((y) => e.getAnnotation(y)).filter(Boolean);
     o({
       selected: m.map((y) => {
-        const w = d === void 0 ? Et(y, t) === "EDIT" : d;
-        return { id: y.id, editable: w };
+        const _ = d === void 0 ? Et(y, t) === "EDIT" : d;
+        return { id: y.id, editable: _ };
       })
     }), m.length !== g.length && console.warn("Invalid selection", f);
   }, u = (f) => {
@@ -753,7 +753,7 @@ const qn = (e, t) => {
   }, y = (b, S = H.LOCAL) => {
     const T = m(b);
     T && s(S, { deleted: [T] });
-  }, w = (b, S = H.LOCAL) => {
+  }, _ = (b, S = H.LOCAL) => {
     const T = b.reduce((v, P) => {
       const G = m(P);
       return G ? [...v, G] : v;
@@ -781,7 +781,7 @@ const qn = (e, t) => {
   }, A = (b, S = H.LOCAL) => {
     const T = p(b);
     T && s(S, { updated: [T] });
-  }, _ = (b, S = H.LOCAL) => {
+  }, w = (b, S = H.LOCAL) => {
     const T = b.map((v) => p(v)).filter(Boolean);
     T.length > 0 && s(S, { updated: T });
   }, E = (b) => {
@@ -844,8 +844,8 @@ const qn = (e, t) => {
     addBody: u,
     all: f,
     bulkAddAnnotation: g,
-    bulkDeleteAnnotation: w,
-    bulkDeleteBodies: _,
+    bulkDeleteAnnotation: _,
+    bulkDeleteBodies: w,
     bulkUpdateAnnotation: c,
     bulkUpdateBodies: R,
     bulkUpdateTargets: (b, S = H.LOCAL) => {
@@ -896,8 +896,8 @@ const xn = 250, $n = (e) => {
       if (y - s > xn)
         n.splice(o + 1), n.push(m), o = n.length - 1;
       else {
-        const w = n.length - 1;
-        n[w] = Kn(n[w], m);
+        const _ = n.length - 1;
+        n[_] = Kn(n[_], m);
       }
       s = y;
     }
@@ -937,27 +937,27 @@ const xn = 250, $n = (e) => {
   const d = (p, A) => {
     a.has(p) ? a.get(p).push(A) : a.set(p, [A]);
   }, g = (p, A) => {
-    const _ = a.get(p);
-    if (_) {
-      const E = _.indexOf(A);
-      E !== -1 && _.splice(E, 1);
+    const w = a.get(p);
+    if (w) {
+      const E = w.indexOf(A);
+      E !== -1 && w.splice(E, 1);
     }
-  }, m = (p, A, _) => {
+  }, m = (p, A, w) => {
     a.has(p) && setTimeout(() => {
       a.get(p).forEach((E) => {
         if (n) {
-          const B = Array.isArray(A) ? A.map((U) => n.serialize(U)) : n.serialize(A), V = _ ? _ instanceof PointerEvent ? _ : n.serialize(_) : void 0;
+          const B = Array.isArray(A) ? A.map((U) => n.serialize(U)) : n.serialize(A), V = w ? w instanceof PointerEvent ? w : n.serialize(w) : void 0;
           E(B, V);
         } else
-          E(A, _);
+          E(A, w);
       });
     }, 1);
   }, y = () => {
-    const { selected: p } = s, A = (p || []).map(({ id: _ }) => i.getAnnotation(_));
-    A.forEach((_) => {
-      const E = c.find((B) => B.id === _.id);
-      (!E || !ge(E, _)) && m("updateAnnotation", _, E);
-    }), c = c.map((_) => A.find(({ id: B }) => B === _.id) || _);
+    const { selected: p } = s, A = (p || []).map(({ id: w }) => i.getAnnotation(w));
+    A.forEach((w) => {
+      const E = c.find((B) => B.id === w.id);
+      (!E || !ge(E, w)) && m("updateAnnotation", w, E);
+    }), c = c.map((w) => A.find(({ id: B }) => B === w.id) || w);
   };
   s.subscribe(({ selected: p }) => {
     if (!(c.length === 0 && p.length === 0)) {
@@ -965,17 +965,17 @@ const xn = 250, $n = (e) => {
         c = p.map(({ id: A }) => i.getAnnotation(A));
       else if (c.length > 0 && p.length === 0)
         c.forEach((A) => {
-          const _ = i.getAnnotation(A.id);
-          _ && !ge(_, A) && m("updateAnnotation", _, A);
+          const w = i.getAnnotation(A.id);
+          w && !ge(w, A) && m("updateAnnotation", w, A);
         }), c = [];
       else {
-        const A = new Set(c.map((E) => E.id)), _ = new Set(p.map(({ id: E }) => E));
-        c.filter((E) => !_.has(E.id)).forEach((E) => {
+        const A = new Set(c.map((E) => E.id)), w = new Set(p.map(({ id: E }) => E));
+        c.filter((E) => !w.has(E.id)).forEach((E) => {
           const B = i.getAnnotation(E.id);
           B && !ge(B, E) && m("updateAnnotation", B, E);
         }), c = [
           // Remove annotations that were deselected
-          ...c.filter((E) => _.has(E.id)),
+          ...c.filter((E) => w.has(E.id)),
           // Add editable annotations that were selected
           ...p.filter(({ id: E }) => !A.has(E)).map(({ id: E }) => i.getAnnotation(E))
         ];
@@ -986,8 +986,8 @@ const xn = 250, $n = (e) => {
     !u && p ? m("mouseEnterAnnotation", i.getAnnotation(p)) : u && !p ? m("mouseLeaveAnnotation", i.getAnnotation(u)) : u && p && (m("mouseLeaveAnnotation", i.getAnnotation(u)), m("mouseEnterAnnotation", i.getAnnotation(p))), u = p;
   }), l == null || l.subscribe((p) => m("viewportIntersect", p.map((A) => i.getAnnotation(A)))), i.observe((p) => {
     o && (f && clearTimeout(f), f = setTimeout(y, 1e3));
-    const { created: A, deleted: _ } = p.changes;
-    (A || []).forEach((E) => m("createAnnotation", E)), (_ || []).forEach((E) => m("deleteAnnotation", E)), (p.changes.updated || []).filter((E) => [
+    const { created: A, deleted: w } = p.changes;
+    (A || []).forEach((E) => m("createAnnotation", E)), (w || []).forEach((E) => m("deleteAnnotation", E)), (p.changes.updated || []).filter((E) => [
       ...E.bodiesCreated || [],
       ...E.bodiesDeleted || [],
       ...E.bodiesUpdated || []
@@ -997,15 +997,15 @@ const xn = 250, $n = (e) => {
     });
   }, { origin: H.LOCAL }), i.observe((p) => {
     if (c) {
-      const A = new Set(c.map((E) => E.id)), _ = (p.changes.updated || []).filter(({ newValue: E }) => A.has(E.id)).map(({ newValue: E }) => E);
-      _.length > 0 && (c = c.map((E) => _.find((V) => V.id === E.id) || E));
+      const A = new Set(c.map((E) => E.id)), w = (p.changes.updated || []).filter(({ newValue: E }) => A.has(E.id)).map(({ newValue: E }) => E);
+      w.length > 0 && (c = c.map((E) => w.find((V) => V.id === E.id) || E));
     }
   }, { origin: H.REMOTE });
-  const w = (p) => (A) => {
-    const { updated: _ } = A;
-    p ? (_ || []).forEach((E) => m("updateAnnotation", E.oldValue, E.newValue)) : (_ || []).forEach((E) => m("updateAnnotation", E.newValue, E.oldValue));
+  const _ = (p) => (A) => {
+    const { updated: w } = A;
+    p ? (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: d, off: g, emit: m };
+  return t.on("undo", _(!0)), t.on("redo", _(!1)), { on: d, off: g, emit: m };
 }, no = (e) => (t) => t.reduce((n, o) => {
   const { parsed: i, error: s } = e.parse(o);
   return s ? {
@@ -1018,44 +1018,44 @@ const xn = 250, $n = (e) => {
     ...n
   };
 }, { parsed: [], failed: [] }), oo = (e, t, n) => {
-  const { store: o, selection: i } = e, s = (w) => {
+  const { store: o, selection: i } = e, s = (_) => {
     if (n) {
-      const { parsed: p, error: A } = n.parse(w);
+      const { parsed: p, error: A } = n.parse(_);
       p ? o.addAnnotation(p, H.REMOTE) : console.error(A);
     } else
-      o.addAnnotation(w, H.REMOTE);
-  }, r = () => i.clear(), l = () => o.clear(), a = (w) => {
-    const p = o.getAnnotation(w);
+      o.addAnnotation(_, H.REMOTE);
+  }, r = () => i.clear(), l = () => o.clear(), a = (_) => {
+    const p = o.getAnnotation(_);
     return n && p ? n.serialize(p) : p;
   }, c = () => n ? o.all().map(n.serialize) : o.all(), u = () => {
-    var w;
-    const p = (((w = i.selected) == null ? void 0 : w.map((A) => A.id)) || []).map((A) => o.getAnnotation(A)).filter(Boolean);
+    var _;
+    const p = (((_ = i.selected) == null ? void 0 : _.map((A) => A.id)) || []).map((A) => o.getAnnotation(A)).filter(Boolean);
     return n ? p.map(n.serialize) : p;
-  }, f = (w, p = !0) => fetch(w).then((A) => A.json()).then((A) => (g(A, p), A)), d = (w) => {
-    if (typeof w == "string") {
-      const p = o.getAnnotation(w);
-      if (o.deleteAnnotation(w), p)
+  }, f = (_, p = !0) => fetch(_).then((A) => A.json()).then((A) => (g(A, p), A)), d = (_) => {
+    if (typeof _ == "string") {
+      const p = o.getAnnotation(_);
+      if (o.deleteAnnotation(_), p)
         return n ? n.serialize(p) : p;
     } else {
-      const p = n ? n.parse(w).parsed : w;
+      const p = n ? n.parse(_).parsed : _;
       if (p)
-        return o.deleteAnnotation(p), w;
+        return o.deleteAnnotation(p), _;
     }
-  }, g = (w, p = !0) => {
+  }, g = (_, p = !0) => {
     if (n) {
-      const { parsed: A, failed: _ } = no(n)(w);
-      _.length > 0 && console.warn(`Discarded ${_.length} invalid annotations`, _), o.bulkAddAnnotation(A, p, H.REMOTE);
+      const { parsed: A, failed: w } = no(n)(_);
+      w.length > 0 && console.warn(`Discarded ${w.length} invalid annotations`, w), o.bulkAddAnnotation(A, p, H.REMOTE);
     } else
-      o.bulkAddAnnotation(w, p, H.REMOTE);
-  }, m = (w, p) => {
-    w ? i.setSelected(w, p) : i.clear();
-  }, y = (w) => {
+      o.bulkAddAnnotation(_, p, H.REMOTE);
+  }, m = (_, p) => {
+    _ ? i.setSelected(_, p) : i.clear();
+  }, y = (_) => {
     if (n) {
-      const p = n.parse(w).parsed, A = n.serialize(o.getAnnotation(p.id));
+      const p = n.parse(_).parsed, A = n.serialize(o.getAnnotation(p.id));
       return o.updateAnnotation(p), A;
     } else {
-      const p = o.getAnnotation(w.id);
-      return o.updateAnnotation(w), p;
+      const p = o.getAnnotation(_.id);
+      return o.updateAnnotation(_), p;
     }
   };
   return {
@@ -1256,11 +1256,11 @@ function po(e) {
       ), h(s, "points", r = /*geom*/
       e[4].points.map(vt).join(" "));
     },
-    m(y, w) {
-      O(y, t, w), O(y, i, w), O(y, s, w), O(y, l, w);
+    m(y, _) {
+      O(y, t, _), O(y, i, _), O(y, s, _), O(y, l, _);
       for (let p = 0; p < g.length; p += 1)
-        g[p] && g[p].m(y, w);
-      O(y, a, w), c = !0, u || (f = [
+        g[p] && g[p].m(y, _);
+      O(y, a, _), c = !0, u || (f = [
         j(t, "pointerdown", function() {
           K(
             /*grab*/
@@ -1275,20 +1275,20 @@ function po(e) {
         })
       ], u = !0);
     },
-    p(y, w) {
-      if (e = y, (!c || w & /*computedStyle*/
+    p(y, _) {
+      if (e = y, (!c || _ & /*computedStyle*/
       2 && n !== (n = /*computedStyle*/
-      e[1] ? "display:none;" : void 0)) && h(t, "style", n), (!c || w & /*geom*/
+      e[1] ? "display:none;" : void 0)) && h(t, "style", n), (!c || _ & /*geom*/
       16 && o !== (o = /*geom*/
-      e[4].points.map(Tt).join(" "))) && h(t, "points", o), (!c || w & /*computedStyle*/
+      e[4].points.map(Tt).join(" "))) && h(t, "points", o), (!c || _ & /*computedStyle*/
       2) && h(
         s,
         "style",
         /*computedStyle*/
         e[1]
-      ), (!c || w & /*geom*/
+      ), (!c || _ & /*geom*/
       16 && r !== (r = /*geom*/
-      e[4].points.map(vt).join(" "))) && h(s, "points", r), w & /*geom, viewportScale, grab*/
+      e[4].points.map(vt).join(" "))) && h(s, "points", r), _ & /*geom, viewportScale, grab*/
       536) {
         d = Se(
           /*geom*/
@@ -1297,7 +1297,7 @@ function po(e) {
         let p;
         for (p = 0; p < d.length; p += 1) {
           const A = At(e, d, p);
-          g[p] ? (g[p].p(A, w), I(g[p], 1)) : (g[p] = St(A), g[p].c(), I(g[p], 1), g[p].m(a.parentNode, a));
+          g[p] ? (g[p].p(A, _), I(g[p], 1)) : (g[p] = St(A), g[p].c(), I(g[p], 1), g[p].m(a.parentNode, a));
         }
         for (le(), p = d.length; p < g.length; p += 1)
           m(p);
@@ -1306,15 +1306,15 @@ function po(e) {
     },
     i(y) {
       if (!c) {
-        for (let w = 0; w < d.length; w += 1)
-          I(g[w]);
+        for (let _ = 0; _ < d.length; _ += 1)
+          I(g[_]);
         c = !0;
       }
     },
     o(y) {
       g = g.filter(Boolean);
-      for (let w = 0; w < g.length; w += 1)
-        C(g[w]);
+      for (let _ = 0; _ < g.length; _ += 1)
+        C(g[_]);
       c = !1;
     },
     d(y) {
@@ -1391,8 +1391,8 @@ function _o(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
   const a = (d, g, m) => {
     let y;
-    const w = d.geometry;
-    g === "SHAPE" ? y = w.points.map(([A, _]) => [A + m[0], _ + m[1]]) : y = w.points.map(([A, _], E) => g === `HANDLE-${E}` ? [A + m[0], _ + m[1]] : [A, _]);
+    const _ = d.geometry;
+    g === "SHAPE" ? y = _.points.map(([A, w]) => [A + m[0], w + m[1]]) : y = _.points.map(([A, w], E) => g === `HANDLE-${E}` ? [A + m[0], w + m[1]] : [A, w]);
     const p = Fe(y);
     return { ...d, geometry: { points: y, bounds: p } };
   };
@@ -1733,7 +1733,7 @@ class ke extends oe {
   }
 }
 function ko(e) {
-  let t, n, o, i, s, r, l, a, c, u, f, d, g, m, y, w, p, A, _, E, B, V, U, R, Y, b, S, T, v, P, G, x, ve, se, Me, L, Q, z, ue, Z, N, qe, ht;
+  let t, n, o, i, s, r, l, a, c, u, f, d, g, m, y, _, p, A, w, E, B, V, U, R, Y, b, S, T, v, P, G, x, ve, se, Me, L, Q, z, ue, Z, N, qe, ht;
   return se = new ke({
     props: {
       class: "a9s-corner-handle-topleft",
@@ -1824,7 +1824,7 @@ function ko(e) {
     ) && e[9]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = X("rect"), l = ie(), a = X("rect"), g = ie(), m = X("rect"), A = ie(), _ = X("rect"), U = ie(), R = X("rect"), T = ie(), v = X("rect"), ve = ie(), te(se.$$.fragment), Me = ie(), te(L.$$.fragment), Q = ie(), te(z.$$.fragment), ue = ie(), te(Z.$$.fragment), h(t, "class", "a9s-outer"), h(t, "style", n = /*computedStyle*/
+      t = X("rect"), l = ie(), a = X("rect"), g = ie(), m = X("rect"), A = ie(), w = X("rect"), U = ie(), R = X("rect"), T = ie(), v = X("rect"), ve = ie(), te(se.$$.fragment), Me = ie(), te(L.$$.fragment), Q = ie(), te(z.$$.fragment), ue = ie(), te(Z.$$.fragment), h(t, "class", "a9s-outer"), h(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), h(t, "x", o = /*geom*/
       e[4].x), h(t, "y", i = /*geom*/
       e[4].y), h(t, "width", s = /*geom*/
@@ -1839,13 +1839,13 @@ function ko(e) {
       e[4].y), h(a, "width", f = /*geom*/
       e[4].w), h(a, "height", d = /*geom*/
       e[4].h), h(m, "class", "a9s-edge-handle a9s-edge-handle-top"), h(m, "x", y = /*geom*/
-      e[4].x), h(m, "y", w = /*geom*/
+      e[4].x), h(m, "y", _ = /*geom*/
       e[4].y), h(m, "height", 1), h(m, "width", p = /*geom*/
-      e[4].w), h(_, "class", "a9s-edge-handle a9s-edge-handle-right"), h(_, "x", E = /*geom*/
+      e[4].w), h(w, "class", "a9s-edge-handle a9s-edge-handle-right"), h(w, "x", E = /*geom*/
       e[4].x + /*geom*/
-      e[4].w), h(_, "y", B = /*geom*/
-      e[4].y), h(_, "height", V = /*geom*/
-      e[4].h), h(_, "width", 1), h(R, "class", "a9s-edge-handle a9s-edge-handle-bottom"), h(R, "x", Y = /*geom*/
+      e[4].w), h(w, "y", B = /*geom*/
+      e[4].y), h(w, "height", V = /*geom*/
+      e[4].h), h(w, "width", 1), h(R, "class", "a9s-edge-handle a9s-edge-handle-bottom"), h(R, "x", Y = /*geom*/
       e[4].x), h(R, "y", b = /*geom*/
       e[4].y + /*geom*/
       e[4].h), h(R, "height", 1), h(R, "width", S = /*geom*/
@@ -1855,7 +1855,7 @@ function ko(e) {
       e[4].h), h(v, "width", 1);
     },
     m(D, M) {
-      O(D, t, M), O(D, l, M), O(D, a, M), O(D, g, M), O(D, m, M), O(D, A, M), O(D, _, M), O(D, U, M), O(D, R, M), O(D, T, M), O(D, v, M), O(D, ve, M), $(se, D, M), O(D, Me, M), $(L, D, M), O(D, Q, M), $(z, D, M), O(D, ue, M), $(Z, D, M), N = !0, qe || (ht = [
+      O(D, t, M), O(D, l, M), O(D, a, M), O(D, g, M), O(D, m, M), O(D, A, M), O(D, w, M), O(D, U, M), O(D, R, M), O(D, T, M), O(D, v, M), O(D, ve, M), $(se, D, M), O(D, Me, M), $(L, D, M), O(D, Q, M), $(z, D, M), O(D, ue, M), $(Z, D, M), N = !0, qe || (ht = [
         j(t, "pointerdown", function() {
           K(
             /*grab*/
@@ -1874,7 +1874,7 @@ function ko(e) {
             e[9]("TOP")
           ) && e[9]("TOP").apply(this, arguments);
         }),
-        j(_, "pointerdown", function() {
+        j(w, "pointerdown", function() {
           K(
             /*grab*/
             e[9]("RIGHT")
@@ -1922,17 +1922,17 @@ function ko(e) {
       e[4].h)) && h(a, "height", d), (!N || M & /*geom*/
       16 && y !== (y = /*geom*/
       e[4].x)) && h(m, "x", y), (!N || M & /*geom*/
-      16 && w !== (w = /*geom*/
-      e[4].y)) && h(m, "y", w), (!N || M & /*geom*/
+      16 && _ !== (_ = /*geom*/
+      e[4].y)) && h(m, "y", _), (!N || M & /*geom*/
       16 && p !== (p = /*geom*/
       e[4].w)) && h(m, "width", p), (!N || M & /*geom*/
       16 && E !== (E = /*geom*/
       e[4].x + /*geom*/
-      e[4].w)) && h(_, "x", E), (!N || M & /*geom*/
+      e[4].w)) && h(w, "x", E), (!N || M & /*geom*/
       16 && B !== (B = /*geom*/
-      e[4].y)) && h(_, "y", B), (!N || M & /*geom*/
+      e[4].y)) && h(w, "y", B), (!N || M & /*geom*/
       16 && V !== (V = /*geom*/
-      e[4].h)) && h(_, "height", V), (!N || M & /*geom*/
+      e[4].h)) && h(w, "height", V), (!N || M & /*geom*/
       16 && Y !== (Y = /*geom*/
       e[4].x)) && h(R, "x", Y), (!N || M & /*geom*/
       16 && b !== (b = /*geom*/
@@ -1990,7 +1990,7 @@ function ko(e) {
       C(se.$$.fragment, D), C(L.$$.fragment, D), C(z.$$.fragment, D), C(Z.$$.fragment, D), N = !1;
     },
     d(D) {
-      D && (k(t), k(l), k(a), k(g), k(m), k(A), k(_), k(U), k(R), k(T), k(v), k(ve), k(Me), k(Q), k(ue)), ee(se, D), ee(L, D), ee(z, D), ee(Z, D), qe = !1, ce(ht);
+      D && (k(t), k(l), k(a), k(g), k(m), k(A), k(w), k(U), k(R), k(T), k(v), k(ve), k(Me), k(Q), k(ue)), ee(se, D), ee(L, D), ee(z, D), ee(Z, D), qe = !1, ce(ht);
     }
   };
 }
@@ -2062,10 +2062,10 @@ function Bo(e, t, n) {
   let o, { shape: i } = t, { computedStyle: s } = t, { transform: r } = t, { viewportScale: l = 1 } = t;
   const a = (d, g, m) => {
     const y = d.geometry.bounds;
-    let [w, p] = [y.minX, y.minY], [A, _] = [y.maxX, y.maxY];
+    let [_, p] = [y.minX, y.minY], [A, w] = [y.maxX, y.maxY];
     const [E, B] = m;
     if (g === "SHAPE")
-      w += E, A += E, p += B, _ += B;
+      _ += E, A += E, p += B, w += B;
     else {
       switch (g) {
         case "TOP":
@@ -2077,7 +2077,7 @@ function Bo(e, t, n) {
         case "BOTTOM":
         case "BOTTOM_LEFT":
         case "BOTTOM_RIGHT": {
-          _ += B;
+          w += B;
           break;
         }
       }
@@ -2085,7 +2085,7 @@ function Bo(e, t, n) {
         case "LEFT":
         case "TOP_LEFT":
         case "BOTTOM_LEFT": {
-          w += E;
+          _ += E;
           break;
         }
         case "RIGHT":
@@ -2096,7 +2096,7 @@ function Bo(e, t, n) {
         }
       }
     }
-    const V = Math.min(w, A), U = Math.min(p, _), R = Math.abs(A - w), Y = Math.abs(_ - p);
+    const V = Math.min(_, A), U = Math.min(p, w), R = Math.abs(A - _), Y = Math.abs(w - p);
     return {
       ...d,
       geometry: {
@@ -2224,11 +2224,11 @@ function Xo(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 d = (y) => (w) => {
-    c = y, u = a.elementToImage(w.offsetX, w.offsetY), f = r, w.target.setPointerCapture(w.pointerId), s("grab", w);
+  const d = (y) => (_) => {
+    c = y, u = a.elementToImage(_.offsetX, _.offsetY), f = r, _.target.setPointerCapture(_.pointerId), s("grab", _);
   }, g = (y) => {
     if (c) {
-      const [w, p] = a.elementToImage(y.offsetX, y.offsetY), A = [w - u[0], p - u[1]];
+      const [_, p] = a.elementToImage(y.offsetX, y.offsetY), A = [_ - u[0], p - u[1]];
       n(3, r = l(f, c, A)), s("change", r);
     }
   }, m = (y) => {
@@ -2458,17 +2458,17 @@ function zo(e, t, n) {
   const o = Te();
   let { addEventListener: i } = t, { drawingMode: s } = t, { transform: r } = t, l, a, c, u, f, d, g;
   const m = (A) => {
-    const _ = A;
-    l = performance.now(), s === "drag" && (n(0, a = r.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, d = 1), n(4, g = 1));
+    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, d = 1), n(4, g = 1));
   }, y = (A) => {
-    const _ = A;
-    a && (c = r.elementToImage(_.offsetX, _.offsetY), n(1, u = Math.min(c[0], a[0])), n(2, f = Math.min(c[1], a[1])), n(3, d = Math.abs(c[0] - a[0])), n(4, g = Math.abs(c[1] - a[1])));
-  }, w = (A) => {
-    const _ = A, E = performance.now() - l;
+    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, d = Math.abs(c[0] - a[0])), n(4, g = Math.abs(c[1] - a[1])));
+  }, _ = (A) => {
+    const w = A, E = performance.now() - l;
     if (s === "click") {
       if (E > 300) return;
-      _.stopPropagation(), a ? p() : (n(0, a = r.elementToImage(_.offsetX, _.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, d = 1), n(4, g = 1));
-    } else a && (E > 300 || d * g > 100 ? (_.stopPropagation(), p()) : (n(0, a = void 0), c = void 0));
+      a ? p() : (n(0, a = r.elementToImage(w.offsetX, w.offsetY)), c = a, n(1, u = a[0]), n(2, f = a[1]), n(3, d = 1), n(4, g = 1));
+    } else a && (E > 300 || d * g > 100 ? (w.stopPropagation(), p()) : (n(0, a = void 0), c = void 0));
   }, p = () => {
     if (d * g > 15) {
       const A = {
@@ -2491,7 +2491,7 @@ function zo(e, t, n) {
     n(0, a = void 0), c = void 0;
   };
   return Ye(() => {
-    i("pointerdown", m), i("pointermove", y), i("pointerup", w, !0);
+    i("pointerdown", m), i("pointermove", y), i("pointerup", _, !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, d, g, i, s, r];
@@ -2624,14 +2624,14 @@ function Ko(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, d, g = !1;
-  const m = (_) => {
-    const E = _, { timeStamp: B, offsetX: V, offsetY: U } = E;
+  const m = (w) => {
+    const E = w, { timeStamp: B, offsetX: V, offsetY: U } = E;
     if (c = { timeStamp: B, offsetX: V, offsetY: U }, r === "drag" && u.length === 0) {
       const R = l.elementToImage(E.offsetX, E.offsetY);
       u.push(R), n(1, f = R);
     }
-  }, y = (_) => {
-    const E = _;
+  }, y = (w) => {
+    const E = w;
     if (d && clearTimeout(d), u.length > 0) {
       if (n(1, f = l.elementToImage(E.offsetX, E.offsetY)), u.length > 2) {
         const B = $e(f, u[0]) * a;
@@ -2644,8 +2644,8 @@ function Ko(e, t, n) {
         qo
       ));
     }
-  }, w = (_) => {
-    const E = _;
+  }, _ = (w) => {
+    const E = w;
     if (d && clearTimeout(d), r === "click") {
       const B = E.timeStamp - c.timeStamp, V = $e([c.offsetX, c.offsetY], [E.offsetX, E.offsetY]);
       if (B > 300 || V > 15) return;
@@ -2665,25 +2665,25 @@ function Ko(e, t, n) {
     }
   }, p = () => {
     if (!f) return;
-    const _ = [...u, f], E = {
+    const w = [...u, f], E = {
       type: q.POLYGON,
-      geometry: { bounds: Fe(_), points: _ }
+      geometry: { bounds: Fe(w), points: w }
     };
     lt(E) > 4 && (n(0, u = []), n(1, f = void 0), i("create", E));
   }, A = () => {
-    const _ = {
+    const w = {
       type: q.POLYGON,
       geometry: {
         bounds: Fe(u),
         points: [...u]
       }
     };
-    n(0, u = []), n(1, f = void 0), i("create", _);
+    n(0, u = []), n(1, f = void 0), i("create", w);
   };
   return Ye(() => {
-    s("pointerdown", m, !0), s("pointermove", y), s("pointerup", w, !0), s("dblclick", p, !0);
-  }), e.$$set = (_) => {
-    "addEventListener" in _ && n(4, s = _.addEventListener), "drawingMode" in _ && n(5, r = _.drawingMode), "transform" in _ && n(6, l = _.transform), "viewportScale" in _ && n(7, a = _.viewportScale);
+    s("pointerdown", m, !0), s("pointermove", y), s("pointerup", _, !0), s("dblclick", p, !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);
@@ -3666,8 +3666,8 @@ function pi(e) {
 function yi(e, t, n) {
   let o, i, s, r, l, a, c, u, f, d, g = F, m = () => (g(), g = Ht(Y, (L) => n(15, d = L)), Y);
   e.$$.on_destroy.push(() => g());
-  let { drawingEnabled: y } = t, { image: w } = t, { preferredDrawingMode: p } = t, { state: A } = t, { style: _ = void 0 } = t, { toolName: E = tn()[0] } = t, { user: B } = t, { visible: V = !0 } = t, U, R, Y;
-  Ye(() => m(n(6, Y = Ao(w, R))));
+  let { drawingEnabled: y } = t, { image: _ } = t, { preferredDrawingMode: p } = t, { state: A } = t, { style: w = void 0 } = t, { toolName: E = tn()[0] } = t, { user: B } = t, { visible: V = !0 } = t, U, R, Y;
+  Ye(() => m(n(6, Y = Ao(_, R))));
   const { selection: b, store: S } = A;
   mt(e, b, (L) => n(26, u = L)), mt(e, S, (L) => n(14, f = L));
   let T, v;
@@ -3712,7 +3712,7 @@ function yi(e, t, n) {
     });
   }
   return e.$$set = (L) => {
-    "drawingEnabled" in L && n(0, y = L.drawingEnabled), "image" in L && n(21, w = L.image), "preferredDrawingMode" in L && n(22, p = L.preferredDrawingMode), "state" in L && n(23, A = L.state), "style" in L && n(1, _ = L.style), "toolName" in L && n(2, E = L.toolName), "user" in L && n(24, B = L.user), "visible" in L && n(3, V = L.visible);
+    "drawingEnabled" in L && n(0, y = L.drawingEnabled), "image" in L && n(21, _ = L.image), "preferredDrawingMode" in L && n(22, p = L.preferredDrawingMode), "state" in L && n(23, A = L.state), "style" in L && n(1, w = L.style), "toolName" in L && n(2, E = L.toolName), "user" in L && n(24, B = L.user), "visible" in L && n(3, V = L.visible);
   }, e.$$.update = () => {
     e.$$.dirty[0] & /*toolName*/
     4 && n(13, { tool: o, opts: i } = nn(E) || { tool: void 0, opts: void 0 }, o, (n(25, i), n(2, E))), e.$$.dirty[0] & /*opts, preferredDrawingMode*/
@@ -3723,7 +3723,7 @@ function yi(e, t, n) {
     67108864 && P(u.selected);
   }, [
     y,
-    _,
+    w,
     E,
     V,
     R,
@@ -3743,7 +3743,7 @@ function yi(e, t, n) {
     G,
     x,
     ve,
-    w,
+    _,
     p,
     A,
     B,
@@ -4050,8 +4050,8 @@ const Li = () => {
   const e = new Ei(), t = /* @__PURE__ */ new Map(), n = () => [...t.values()], o = () => {
     e.clear(), t.clear();
   }, i = (f) => {
-    const { minX: d, minY: g, maxX: m, maxY: y } = f.selector.geometry.bounds, w = { minX: d, minY: g, maxX: m, maxY: y, target: f };
-    e.insert(w), t.set(f.annotation, w);
+    const { minX: d, minY: g, maxX: m, maxY: y } = f.selector.geometry.bounds, _ = { minX: d, minY: g, maxX: m, maxY: y, target: f };
+    e.insert(_), t.set(f.annotation, _);
   }, s = (f) => {
     const d = t.get(f.annotation);
     d && e.remove(d), t.delete(f.annotation);
@@ -4067,7 +4067,7 @@ const Li = () => {
         maxY: d
       }).map((y) => y.target).filter((y) => y.selector.type === q.RECTANGLE || An(y.selector, f, d));
       if (m.length > 0)
-        return m.sort((y, w) => lt(y.selector) - lt(w.selector)), m[0];
+        return m.sort((y, _) => lt(y.selector) - lt(_.selector)), m[0];
     },
     getIntersecting: (f, d, g, m) => e.search({
       minX: f,
@@ -4080,8 +4080,8 @@ const Li = () => {
     set: (f, d = !0) => {
       d && o();
       const g = f.map((m) => {
-        const { minX: y, minY: w, maxX: p, maxY: A } = m.selector.geometry.bounds;
-        return { minX: y, minY: w, maxX: p, maxY: A, target: m };
+        const { minX: y, minY: _, maxX: p, maxY: A } = m.selector.geometry.bounds;
+        return { minX: y, minY: _, maxX: p, maxY: A, target: m };
       });
       g.forEach((m) => t.set(m.target.annotation, m)), e.load(g);
     },
@@ -4185,11 +4185,11 @@ const Li = () => {
   });
   const g = oo(i, l, o.adapter), m = () => {
     d.$destroy(), c.parentNode.insertBefore(n, c), c.parentNode.removeChild(c), u.destroy(), l.destroy();
-  }, y = () => f, w = (Y, b, S) => Jo(Y, b, S), p = (Y, b) => Yo(Y, b), A = (Y) => {
+  }, y = () => f, _ = (Y, b, S) => Jo(Y, b, S), p = (Y, b) => Yo(Y, b), A = (Y) => {
     if (!nn(Y))
       throw `No drawing tool named ${Y}`;
     d.$set({ toolName: Y });
-  }, _ = (Y) => d.$set({ drawingEnabled: Y }), E = (Y) => {
+  }, w = (Y) => d.$set({ drawingEnabled: Y }), E = (Y) => {
     console.warn("Filter not implemented yet");
   }, B = (Y) => d.$set({ style: Y }), V = (Y) => Vt(n, c, Y), U = (Y) => {
     f = Y, d.$set({ user: Y });
@@ -4204,9 +4204,9 @@ const Li = () => {
     listDrawingTools: tn,
     on: a.on,
     off: a.off,
-    registerDrawingTool: w,
+    registerDrawingTool: _,
     registerShapeEditor: p,
-    setDrawingEnabled: _,
+    setDrawingEnabled: w,
     setDrawingTool: A,
     setFilter: E,
     setStyle: B,