@frigate-nvr/image-annotator 1.0.6 → 1.0.7

package/dist/components/ImageAnnotator.js

@@ -1,66 +1,66 @@
 import { jsxs as S, Fragment as ce, jsx as i } from "react/jsx-runtime";
-import { useRef as v, useEffect as te, useMemo as oe, useState as O, Fragment as ae } from "react";
+import { useRef as v, useEffect as ne, useMemo as ae, useState as $, Fragment as se } from "react";
 import { Button as b } from "./Button.js";
-import { Crosshairs as se } from "./Crosshairs.js";
-import { InfoDialog as de } from "./InfoDialog.js";
-import { LabelDialog as ue } from "./LabelDialog.js";
-import { VerifyDialog as $ } from "./VerifyDialog.js";
-import { BoundingBox as ee, BoundingBoxType as q } from "./BoundingBox.js";
-import { T as he, a as fe } from "../index.esm-FeyXGhGs.js";
-function me(a, y, d) {
-  var m = this, g = v(null), L = v(0), e = v(null), c = v([]), p = v(), B = v(), M = v(a), k = v(!0);
-  M.current = a;
-  var A = typeof window < "u", W = !y && y !== 0 && A;
-  if (typeof a != "function") throw new TypeError("Expected a function");
-  y = +y || 0;
-  var X = !!(d = d || {}).leading, E = !("trailing" in d) || !!d.trailing, T = "maxWait" in d, j = "debounceOnServer" in d && !!d.debounceOnServer, Y = T ? Math.max(+d.maxWait || 0, y) : null;
-  te(function() {
+import { Crosshairs as de } from "./Crosshairs.js";
+import { InfoDialog as ue } from "./InfoDialog.js";
+import { LabelDialog as he } from "./LabelDialog.js";
+import { VerifyDialog as q } from "./VerifyDialog.js";
+import { BoundingBox as te, BoundingBoxType as Z } from "./BoundingBox.js";
+import { T as fe, a as me } from "../index.esm-FeyXGhGs.js";
+function we(s, x, d) {
+  var m = this, p = v(null), L = v(0), e = v(null), o = v([]), y = v(), B = v(), M = v(s), k = v(!0);
+  M.current = s;
+  var A = typeof window < "u", W = !x && x !== 0 && A;
+  if (typeof s != "function") throw new TypeError("Expected a function");
+  x = +x || 0;
+  var X = !!(d = d || {}).leading, E = !("trailing" in d) || !!d.trailing, T = "maxWait" in d, j = "debounceOnServer" in d && !!d.debounceOnServer, Y = T ? Math.max(+d.maxWait || 0, x) : null;
+  ne(function() {
     return k.current = !0, function() {
       k.current = !1;
     };
   }, []);
-  var V = oe(function() {
+  var V = ae(function() {
     var N = function(u) {
-      var w = c.current, H = p.current;
-      return c.current = p.current = null, L.current = u, B.current = M.current.apply(H, w);
+      var w = o.current, H = y.current;
+      return o.current = y.current = null, L.current = u, B.current = M.current.apply(H, w);
     }, D = function(u, w) {
       W && cancelAnimationFrame(e.current), e.current = W ? requestAnimationFrame(u) : setTimeout(u, w);
     }, _ = function(u) {
       if (!k.current) return !1;
-      var w = u - g.current;
-      return !g.current || w >= y || w < 0 || T && u - L.current >= Y;
+      var w = u - p.current;
+      return !p.current || w >= x || w < 0 || T && u - L.current >= Y;
     }, U = function(u) {
-      return e.current = null, E && c.current ? N(u) : (c.current = p.current = null, B.current);
+      return e.current = null, E && o.current ? N(u) : (o.current = y.current = null, B.current);
     }, z = function u() {
       var w = Date.now();
       if (_(w)) return U(w);
       if (k.current) {
-        var H = y - (w - g.current), C = T ? Math.min(H, Y - (w - L.current)) : H;
+        var H = x - (w - p.current), C = T ? Math.min(H, Y - (w - L.current)) : H;
         D(u, C);
       }
     }, P = function() {
       if (A || j) {
         var u = Date.now(), w = _(u);
-        if (c.current = [].slice.call(arguments), p.current = m, g.current = u, w) {
-          if (!e.current && k.current) return L.current = g.current, D(z, y), X ? N(g.current) : B.current;
-          if (T) return D(z, y), N(g.current);
+        if (o.current = [].slice.call(arguments), y.current = m, p.current = u, w) {
+          if (!e.current && k.current) return L.current = p.current, D(z, x), X ? N(p.current) : B.current;
+          if (T) return D(z, x), N(p.current);
         }
-        return e.current || D(z, y), B.current;
+        return e.current || D(z, x), B.current;
       }
     };
     return P.cancel = function() {
-      e.current && (W ? cancelAnimationFrame(e.current) : clearTimeout(e.current)), L.current = 0, c.current = g.current = p.current = e.current = null;
+      e.current && (W ? cancelAnimationFrame(e.current) : clearTimeout(e.current)), L.current = 0, o.current = p.current = y.current = e.current = null;
     }, P.isPending = function() {
       return !!e.current;
     }, P.flush = function() {
       return e.current ? U(Date.now()) : B.current;
     }, P;
-  }, [X, T, y, Y, E, W, A, j]);
+  }, [X, T, x, Y, E, W, A, j]);
   return V;
 }
-const Ce = (a) => {
-  var G;
-  const y = [
+const Se = (s) => {
+  var J;
+  const x = [
     { codes: ["?"], action: "Shortcut help" },
     { codes: ["w"], action: "Add Box" },
     { codes: ["d"], action: "Mark Difficult" },
@@ -72,7 +72,7 @@ const Ce = (a) => {
     { codes: ["Shift", "← ↑ → ↓"], action: "Resize Box" },
     { codes: ["f"], action: "Toggle Unselected Boxes" },
     { codes: ["Spacebar"], action: "Verify and Save" }
-  ], [d, m] = O([]), [g, L] = O([]), [e, c] = O({
+  ], [d, m] = $([]), [p, L] = $([]), [e, o] = $({
     createMode: !1,
     drawingMode: !1,
     showBoxes: !0,
@@ -81,29 +81,29 @@ const Ce = (a) => {
     showVerify: !1,
     showDelete: !1,
     showConfirmDeleteFalsePositive: !1,
-    showTutorial: a.userAnnotationCount === 0,
+    showTutorial: s.userAnnotationCount === 0,
     drawStartX: 0,
     drawStartY: 0,
-    selectedLabel: a.labels[0],
+    selectedLabel: s.labels[0],
     difficult: !1,
     width: 1,
     height: 1
-  }), p = v(null), B = v(null), M = v(null), k = () => {
-    var x, K, R, F;
-    const t = ((x = p.current) == null ? void 0 : x.naturalHeight) ?? 1, n = (((K = p.current) == null ? void 0 : K.naturalWidth) ?? 1) / t, o = ((R = B.current) == null ? void 0 : R.clientHeight) ?? 0, l = ((F = B.current) == null ? void 0 : F.clientWidth) ?? 0, h = o - 5, s = l - 5, f = h * n;
-    f > s ? c({
+  }), y = v(null), B = v(null), M = v(null), k = () => {
+    var g, K, R, F;
+    const t = ((g = y.current) == null ? void 0 : g.naturalHeight) ?? 1, n = (((K = y.current) == null ? void 0 : K.naturalWidth) ?? 1) / t, c = ((R = B.current) == null ? void 0 : R.clientHeight) ?? 0, l = ((F = B.current) == null ? void 0 : F.clientWidth) ?? 0, h = c - 5, a = l - 5, f = h * n;
+    f > a ? o({
       ...e,
-      width: s,
-      height: Math.round(s / n)
-    }) : c({
+      width: a,
+      height: Math.round(a / n)
+    }) : o({
       ...e,
       width: f,
       height: Math.round(f / n)
     });
-  }, A = me(() => {
+  }, A = we(() => {
     k();
   }, 200);
-  te(() => {
+  ne(() => {
     var t, r;
     return window.addEventListener("resize", A), (r = (t = B.current) == null ? void 0 : t.parentElement) == null || r.focus(), () => {
       window.removeEventListener("resize", A);
@@ -111,7 +111,7 @@ const Ce = (a) => {
   }, [A]);
   const W = (t, r, n) => {
     m(
-      (o) => o.map((l) => l.id === n ? {
+      (c) => c.map((l) => l.id === n ? {
         ...l,
         x: r.x / e.width,
         y: r.y / e.height,
@@ -121,91 +121,91 @@ const Ce = (a) => {
     );
   }, X = (t, r) => {
     m(
-      (n) => n.map((o) => o.id === r ? {
-        ...o,
+      (n) => n.map((c) => c.id === r ? {
+        ...c,
         x: t.x / e.width,
         y: t.y / e.height
-      } : o)
+      } : c)
     );
   }, E = (t) => {
     var r, n;
     if (e.createMode) {
-      const o = ((r = M.current) == null ? void 0 : r.instance.transformState.scale) ?? 1, l = (n = p.current) == null ? void 0 : n.getBoundingClientRect(), h = (t.clientX - ((l == null ? void 0 : l.left) ?? 0)) / o / e.width, s = (t.clientY - ((l == null ? void 0 : l.top) ?? 0)) / o / e.height;
-      c({
+      const c = ((r = M.current) == null ? void 0 : r.instance.transformState.scale) ?? 1, l = (n = y.current) == null ? void 0 : n.getBoundingClientRect(), h = (t.clientX - ((l == null ? void 0 : l.left) ?? 0)) / c / e.width, a = (t.clientY - ((l == null ? void 0 : l.top) ?? 0)) / c / e.height;
+      o({
         ...e,
         drawingMode: !0,
         drawStartX: h,
-        drawStartY: s,
+        drawStartY: a,
         selectedBox: "draft"
       }), m((f) => [
         ...f,
         {
           id: "draft",
           x: h,
-          y: s,
+          y: a,
           w: 0,
           h: 0
         }
       ]);
     } else
-      c({ ...e, selectedBox: void 0 });
+      o({ ...e, selectedBox: void 0 });
   }, T = (t) => {
     if (e.drawingMode) {
       const r = Date.now().toString();
-      c({
+      o({
         ...e,
         drawingMode: !1,
         createMode: !1,
         selectedBox: r
       }), m(
-        (n) => n.reduce((o, l) => {
-          var h, s;
+        (n) => n.reduce((c, l) => {
+          var h, a;
           if (l.id === "draft") {
-            const f = ((h = M.current) == null ? void 0 : h.instance.transformState.scale) ?? 1, x = (s = p.current) == null ? void 0 : s.getBoundingClientRect(), K = (t.clientX - ((x == null ? void 0 : x.left) ?? 0)) / f / e.width, R = (t.clientY - ((x == null ? void 0 : x.top) ?? 0)) / f / e.height;
+            const f = ((h = M.current) == null ? void 0 : h.instance.transformState.scale) ?? 1, g = (a = y.current) == null ? void 0 : a.getBoundingClientRect(), K = (t.clientX - ((g == null ? void 0 : g.left) ?? 0)) / f / e.width, R = (t.clientY - ((g == null ? void 0 : g.top) ?? 0)) / f / e.height;
             if (Math.min(
               Math.abs(e.drawStartX - K),
               Math.abs(e.drawStartY - R)
             ) > 1e-3) {
-              let F = Math.min(e.drawStartX, K), I = Math.min(e.drawStartY, R), J = Math.abs(e.drawStartX - K), Q = Math.abs(e.drawStartY - R);
-              F < 0 && (J -= Math.abs(F), F = 0), I < 0 && (Q -= Math.abs(I), I = 0), o.push({
+              let F = Math.min(e.drawStartX, K), I = Math.min(e.drawStartY, R), Q = Math.abs(e.drawStartX - K), ee = Math.abs(e.drawStartY - R);
+              F < 0 && (Q -= Math.abs(F), F = 0), I < 0 && (ee -= Math.abs(I), I = 0), c.push({
                 ...l,
                 id: r,
                 label: e.selectedLabel,
                 difficult: !1,
                 x: F,
                 y: I,
-                w: Math.min(1 - F, J),
-                h: Math.min(1 - I, Q)
+                w: Math.min(1 - F, Q),
+                h: Math.min(1 - I, ee)
               });
             }
           } else
-            o.push(l);
-          return o;
+            c.push(l);
+          return c;
         }, [])
       );
     }
   }, j = (t) => {
     e.drawingMode && m(
       (r) => r.map((n) => {
-        var o, l;
+        var c, l;
         if (n.id === "draft") {
-          const h = ((o = M.current) == null ? void 0 : o.instance.transformState.scale) ?? 1, s = (l = p.current) == null ? void 0 : l.getBoundingClientRect(), f = (t.pageX - ((s == null ? void 0 : s.left) ?? 0)) / h / e.width, x = (t.pageY - ((s == null ? void 0 : s.top) ?? 0)) / h / e.height;
+          const h = ((c = M.current) == null ? void 0 : c.instance.transformState.scale) ?? 1, a = (l = y.current) == null ? void 0 : l.getBoundingClientRect(), f = (t.pageX - ((a == null ? void 0 : a.left) ?? 0)) / h / e.width, g = (t.pageY - ((a == null ? void 0 : a.top) ?? 0)) / h / e.height;
           return {
             ...n,
             x: Math.min(e.drawStartX, f),
-            y: Math.min(e.drawStartY, x),
+            y: Math.min(e.drawStartY, g),
             w: Math.abs(e.drawStartX - f),
-            h: Math.abs(e.drawStartY - x)
+            h: Math.abs(e.drawStartY - g)
           };
         }
         return n;
       })
     );
   }, Y = () => {
-    c({ ...e, createMode: !e.createMode });
+    o({ ...e, createMode: !e.createMode });
   }, V = (t) => {
     const r = d.find((n) => n.id === t);
-    c({
+    o({
       ...e,
       selectedBox: t,
       selectedLabel: (r == null ? void 0 : r.label) ?? e.selectedLabel,
@@ -213,7 +213,7 @@ const Ce = (a) => {
     });
   }, N = (t, r, n) => {
     m(
-      (o) => o.map((l) => l.id === t ? {
+      (c) => c.map((l) => l.id === t ? {
         ...l,
         x: Math.min(
           1 - l.w,
@@ -227,7 +227,7 @@ const Ce = (a) => {
     );
   }, D = (t, r, n) => {
     m(
-      (o) => o.map((l) => l.id === t ? {
+      (c) => c.map((l) => l.id === t ? {
         ...l,
         w: Math.min(1 - l.x, l.w + n / e.width),
         h: Math.min(1 - l.y, l.h + r / e.height)
@@ -241,65 +241,67 @@ const Ce = (a) => {
       } : n)
     );
   }, U = (t, r = !1) => {
-    const n = a.labels.findIndex(
-      (s) => e.selectedLabel === s
-    ), o = a.labels.length - 1;
+    const n = s.labels.findIndex(
+      (a) => e.selectedLabel === a
+    ), c = s.labels.length - 1;
     let l = 0;
-    r ? l = n === 0 ? o : n - 1 : l = n === o ? 0 : n + 1;
-    const h = a.labels[l];
+    r ? l = n === 0 ? c : n - 1 : l = n === c ? 0 : n + 1;
+    const h = s.labels[l];
     m(
-      (s) => s.map((f) => f.id === t ? {
+      (a) => a.map((f) => f.id === t ? {
         ...f,
         label: h
       } : f)
-    ), c({ ...e, selectedLabel: h });
+    ), o({ ...e, selectedLabel: h });
   }, z = (t) => {
     m((r) => r.filter((n) => n.id !== t));
   }, P = (t) => {
     L((r) => r.filter((n) => n.id !== t));
   }, u = (t) => {
     var r;
-    return (r = g.find((n) => n.id === t)) == null ? void 0 : r.label;
+    return (r = p.find((n) => n.id === t)) == null ? void 0 : r.label;
   }, w = (t) => d.find((r) => r.id === t), H = (t) => {
     if (!t)
       return d[0].id;
     const r = d.findIndex((n) => n.id === t);
     return r === d.length - 1 ? d[0].id : d[r + 1].id;
-  }, C = 5 / (((G = M.current) == null ? void 0 : G.instance.transformState.scale) ?? 1), ne = (t) => {
-    if (t.code === "Escape" && (e.createMode ? c({ ...e, createMode: !1 }) : c({ ...e, selectedBox: void 0 })), t.code === "KeyW" && (e.createMode ? c({ ...e, createMode: !1 }) : c({ ...e, createMode: !0, selectedBox: void 0 })), t.code === "KeyF" && c({ ...e, showBoxes: !e.showBoxes }), t.code === "KeyD" && e.selectedBox && _(e.selectedBox), t.code === "KeyS" && e.selectedBox && U(e.selectedBox, t.shiftKey), t.code === "Delete" && e.selectedBox && (z(e.selectedBox), c({ ...e, selectedBox: void 0 })), t.code === "Tab") {
+  }, C = 5 / (((J = M.current) == null ? void 0 : J.instance.transformState.scale) ?? 1), re = (t) => {
+    if (t.code === "Escape" && (e.createMode ? o({ ...e, createMode: !1 }) : o({ ...e, selectedBox: void 0 })), t.code === "KeyW" && (e.createMode ? o({ ...e, createMode: !1 }) : o({ ...e, createMode: !0, selectedBox: void 0 })), t.code === "KeyF" && o({ ...e, showBoxes: !e.showBoxes }), t.code === "KeyD" && e.selectedBox && _(e.selectedBox), t.code === "KeyS" && e.selectedBox && U(e.selectedBox, t.shiftKey), t.code === "Delete" && e.selectedBox && (z(e.selectedBox), o({ ...e, selectedBox: void 0 })), t.code === "Tab") {
       const r = H(e.selectedBox), n = w(r);
-      c({
+      o({
         ...e,
         selectedBox: r,
         selectedLabel: (n == null ? void 0 : n.label) ?? e.selectedLabel
       }), t.preventDefault();
     }
-    t.code === "Space" && a.save(d, g.length === 0, a.labels), t.code === "Slash" && t.shiftKey && c({ ...e, showHelp: !0 }), e.selectedBox && (t.code === "ArrowLeft" && (t.shiftKey ? D(e.selectedBox, 0, -C) : N(e.selectedBox, 0, -C)), t.code === "ArrowRight" && (t.shiftKey ? D(e.selectedBox, 0, C) : N(e.selectedBox, 0, C)), t.code === "ArrowUp" && (t.shiftKey ? D(e.selectedBox, -C, 0) : N(e.selectedBox, -C, 0)), t.code === "ArrowDown" && (t.shiftKey ? D(e.selectedBox, C, 0) : N(e.selectedBox, C, 0)));
-  }, re = (t) => {
+    t.code === "Space" && O(!0), t.code === "Slash" && t.shiftKey && o({ ...e, showHelp: !0 }), e.selectedBox && (t.code === "ArrowLeft" && (t.shiftKey ? D(e.selectedBox, 0, -C) : N(e.selectedBox, 0, -C)), t.code === "ArrowRight" && (t.shiftKey ? D(e.selectedBox, 0, C) : N(e.selectedBox, 0, C)), t.code === "ArrowUp" && (t.shiftKey ? D(e.selectedBox, -C, 0) : N(e.selectedBox, -C, 0)), t.code === "ArrowDown" && (t.shiftKey ? D(e.selectedBox, C, 0) : N(e.selectedBox, C, 0)));
+  }, ie = (t) => {
     k(), m(
-      a.annotations.concat(a.suggestions).sort((r, n) => n.w * n.h - r.w * r.h)
-    ), L(a.falsePositives.sort((r, n) => n.w * n.h - r.w * r.h));
-  }, ie = () => {
-    c({ ...e, showLabeler: !1 }), m(
+      s.annotations.concat(s.suggestions).sort((r, n) => n.w * n.h - r.w * r.h)
+    ), L(s.falsePositives.sort((r, n) => n.w * n.h - r.w * r.h));
+  }, le = () => {
+    o({ ...e, showLabeler: !1 }), m(
       (t) => t.map((r) => r.id === e.selectedBox ? {
         ...r,
         label: e.selectedLabel,
         difficult: e.difficult
       } : r)
     );
-  }, le = () => {
-    c({ ...e, showLabeler: !1 }), m((t) => t.filter((r) => r.label));
-  }, Z = e.showBoxes ? 0 : -1;
+  }, oe = () => {
+    o({ ...e, showLabeler: !1 }), m((t) => t.filter((r) => r.label));
+  }, O = (t) => {
+    s.save(d, s.suggestions.map((r) => r.id), p.length === 0, t ? s.labels : []);
+  }, G = e.showBoxes ? 0 : -1;
   return /* @__PURE__ */ S(ce, { children: [
-    /* @__PURE__ */ i(he, { ref: M, disabled: e.createMode || e.drawingMode, minScale: 0.9, children: ({ zoomIn: t, zoomOut: r }) => /* @__PURE__ */ S(
+    /* @__PURE__ */ i(fe, { ref: M, disabled: e.createMode || e.drawingMode, minScale: 0.9, children: ({ zoomIn: t, zoomOut: r }) => /* @__PURE__ */ S(
       "div",
       {
         className: "flex h-screen min-w-[600px] flex-col bg-slate-900",
-        onKeyDown: ne,
+        onKeyDown: re,
         tabIndex: 0,
         children: [
           /* @__PURE__ */ S("div", { className: "flex flex-initial bg-slate-300 p-1", children: [
-            /* @__PURE__ */ i("div", { className: "flex-initial", children: /* @__PURE__ */ i("button", { type: "button", onClick: a.back, children: /* @__PURE__ */ i(b, { secondary: !0, sm: !0, children: "Back" }) }) }),
+            /* @__PURE__ */ i("div", { className: "flex-initial", children: /* @__PURE__ */ i("button", { type: "button", onClick: s.back, children: /* @__PURE__ */ i(b, { secondary: !0, sm: !0, children: "Back" }) }) }),
             /* @__PURE__ */ S("div", { className: "flex flex-auto justify-center", children: [
               /* @__PURE__ */ i(
                 "button",
@@ -364,7 +366,7 @@ const Ce = (a) => {
                 "button",
                 {
                   onClick: () => {
-                    c({ ...e, showVerify: !0 });
+                    o({ ...e, showVerify: !0 });
                   },
                   children: /* @__PURE__ */ i(b, { sm: !0, children: "Verify & Save" })
                 }
@@ -373,7 +375,7 @@ const Ce = (a) => {
                 "button",
                 {
                   onClick: () => {
-                    a.save(d, g.length === 0, []);
+                    O(!1);
                   },
                   children: /* @__PURE__ */ i(b, { green: !0, sm: !0, children: "Save" })
                 }
@@ -382,7 +384,7 @@ const Ce = (a) => {
                 "button",
                 {
                   onClick: () => {
-                    c({ ...e, showDelete: !0 });
+                    o({ ...e, showDelete: !0 });
                   },
                   children: /* @__PURE__ */ i(b, { red: !0, sm: !0, children: "Delete" })
                 }
@@ -391,7 +393,7 @@ const Ce = (a) => {
                 "button",
                 {
                   onClick: () => {
-                    c({ ...e, showHelp: !0 });
+                    o({ ...e, showHelp: !0 });
                   },
                   children: /* @__PURE__ */ i(b, { sm: !0, secondary: !0, children: "?" })
                 }
@@ -403,7 +405,7 @@ const Ce = (a) => {
             {
               ref: B,
               className: "grid flex-auto place-content-center",
-              children: /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ S(
+              children: /* @__PURE__ */ i(me, { children: /* @__PURE__ */ S(
                 "div",
                 {
                   className: "grid place-content-center",
@@ -414,36 +416,36 @@ const Ce = (a) => {
                     /* @__PURE__ */ i(
                       "img",
                       {
-                        ref: p,
+                        ref: y,
                         className: "col-start-1 row-start-1 h-full w-full",
                         alt: "annotate",
-                        src: a.imageUrl,
-                        onLoad: re,
+                        src: s.imageUrl,
+                        onLoad: ie,
                         style: {
                           width: e.width,
                           height: e.height
                         }
                       }
                     ),
-                    g.map((n) => {
-                      var o;
+                    p.map((n) => {
+                      var c;
                       return /* @__PURE__ */ i(
-                        ee,
+                        te,
                         {
-                          type: q.falsePositive,
+                          type: Z.falsePositive,
                           label: n.label ?? "",
-                          zIndex: n.id === e.selectedBox ? 1 : Z,
+                          zIndex: n.id === e.selectedBox ? 1 : G,
                           x: n.x * e.width,
                           y: n.y * e.height,
                           w: n.w * e.width,
                           h: n.h * e.height,
-                          initialScale: (o = M.current) == null ? void 0 : o.instance.transformState.scale,
+                          initialScale: (c = M.current) == null ? void 0 : c.instance.transformState.scale,
                           selected: n.id === e.selectedBox,
                           onMouseDown: (l) => {
                             e.createMode || (V(n.id), l.stopPropagation());
                           },
                           onClickDelete: () => {
-                            c({
+                            o({
                               ...e,
                               showConfirmDeleteFalsePositive: !0
                             });
@@ -453,19 +455,19 @@ const Ce = (a) => {
                       );
                     }),
                     d.map((n) => {
-                      var o;
+                      var c;
                       return /* @__PURE__ */ i(
-                        ee,
+                        te,
                         {
-                          type: n.suggestion ? q.suggestion : q.truePositive,
+                          type: n.suggestion ? Z.suggestion : Z.truePositive,
                           label: n.label ?? "",
                           difficult: n.difficult,
-                          zIndex: n.id === e.selectedBox ? 1 : Z,
+                          zIndex: n.id === e.selectedBox ? 1 : G,
                           x: n.x * e.width,
                           y: n.y * e.height,
                           w: n.w * e.width,
                           h: n.h * e.height,
-                          initialScale: (o = M.current) == null ? void 0 : o.instance.transformState.scale,
+                          initialScale: (c = M.current) == null ? void 0 : c.instance.transformState.scale,
                           selected: n.id === e.selectedBox,
                           onMouseDown: (l) => {
                             e.createMode || (V(n.id), l.stopPropagation());
@@ -473,21 +475,21 @@ const Ce = (a) => {
                           onDragStop: (l, h) => {
                             X(h, n.id);
                           },
-                          onResizeStop: (l, h, s, f, x) => {
-                            W(s, x, n.id);
+                          onResizeStop: (l, h, a, f, g) => {
+                            W(a, g, n.id);
                           },
                           onClickDelete: () => {
                             z(n.id);
                           },
                           onClickEdit: () => {
-                            c({ ...e, showLabeler: !0 });
+                            o({ ...e, showLabeler: !0 });
                           }
                         },
                         n.id
                       );
                     }),
                     /* @__PURE__ */ i(
-                      se,
+                      de,
                       {
                         className: `col-start-1 row-start-1 ${e.createMode && !e.drawingMode ? "z-10" : "-z-10"}`,
                         show: e.createMode && !e.drawingMode
@@ -502,13 +504,13 @@ const Ce = (a) => {
       }
     ) }),
     /* @__PURE__ */ i(
-      ue,
+      he,
       {
         title: "Annotate",
         show: e.showLabeler,
         cancelText: "Cancel",
-        button: /* @__PURE__ */ i("button", { type: "button", onClick: ie, children: /* @__PURE__ */ i(b, { sm: !0, green: !0, children: "Save" }) }),
-        handleCancel: le,
+        button: /* @__PURE__ */ i("button", { type: "button", onClick: le, children: /* @__PURE__ */ i(b, { sm: !0, green: !0, children: "Save" }) }),
+        handleCancel: oe,
         children: /* @__PURE__ */ S("div", { className: "my-2 grid grid-cols-1 gap-y-2", children: [
           /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
             "select",
@@ -516,9 +518,9 @@ const Ce = (a) => {
               className: "w-full rounded-md border-gray-300 shadow-sm focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50",
               value: e.selectedLabel,
               onChange: (t) => {
-                c({ ...e, selectedLabel: t.target.value });
+                o({ ...e, selectedLabel: t.target.value });
               },
-              children: a.labels.map((t) => /* @__PURE__ */ i("option", { value: t, children: t }, t))
+              children: s.labels.map((t) => /* @__PURE__ */ i("option", { value: t, children: t }, t))
             }
           ) }),
           /* @__PURE__ */ S("div", { className: "flex items-center", children: [
@@ -530,7 +532,7 @@ const Ce = (a) => {
                 type: "checkbox",
                 checked: e.difficult,
                 onChange: (t) => {
-                  c({ ...e, difficult: t.target.checked });
+                  o({ ...e, difficult: t.target.checked });
                 }
               }
             ),
@@ -540,14 +542,14 @@ const Ce = (a) => {
       }
     ),
     /* @__PURE__ */ i(
-      de,
+      ue,
       {
         title: "Keyboard shortcuts",
         show: e.showHelp,
         handleClose: () => {
-          c({ ...e, showHelp: !1 });
+          o({ ...e, showHelp: !1 });
         },
-        children: /* @__PURE__ */ i("div", { className: "grid w-full grid-cols-2 place-content-center gap-2 p-5", children: y.map((t) => /* @__PURE__ */ S(ae, { children: [
+        children: /* @__PURE__ */ i("div", { className: "grid w-full grid-cols-2 place-content-center gap-2 p-5", children: x.map((t) => /* @__PURE__ */ S(se, { children: [
           /* @__PURE__ */ i("div", { children: t.action }),
           /* @__PURE__ */ i("div", { className: "justify-self-end", children: t.codes.map((r) => /* @__PURE__ */ i(
             "span",
@@ -561,13 +563,13 @@ const Ce = (a) => {
       }
     ),
     /* @__PURE__ */ i(
-      $,
+      q,
       {
         title: "Are all of the objects in this image labeled?",
         description: " ",
         maxWidthClass: "max-w-lg",
         handleCancel: () => {
-          c({ ...e, showVerify: !1 });
+          o({ ...e, showVerify: !1 });
         },
         show: e.showVerify,
         cancelText: "Cancel",
@@ -576,21 +578,21 @@ const Ce = (a) => {
           {
             type: "button",
             onClick: () => {
-              a.save(d, g.length === 0, a.labels), c({ ...e, showVerify: !1 });
+              O(!0), o({ ...e, showVerify: !1 });
             },
             children: /* @__PURE__ */ i(b, { sm: !0, green: !0, children: "Yes, all objects are labeled" })
           }
         ),
-        children: /* @__PURE__ */ i("div", { className: "flex flex-wrap", children: a.labels.map((t) => /* @__PURE__ */ i("div", { className: "font-mono m-1 bg-slate-200 p-1 rounded-md", children: t }, t)) })
+        children: /* @__PURE__ */ i("div", { className: "flex flex-wrap", children: s.labels.map((t) => /* @__PURE__ */ i("div", { className: "font-mono m-1 bg-slate-200 p-1 rounded-md", children: t }, t)) })
       }
     ),
     /* @__PURE__ */ i(
-      $,
+      q,
       {
         title: "Are you sure you want to delete this image?",
         description: "",
         handleCancel: () => {
-          c({ ...e, showDelete: !1 });
+          o({ ...e, showDelete: !1 });
         },
         show: e.showDelete,
         cancelText: "Cancel",
@@ -599,7 +601,7 @@ const Ce = (a) => {
           {
             type: "button",
             onClick: () => {
-              a.delete(), c({ ...e, showDelete: !1 });
+              s.delete(), o({ ...e, showDelete: !1 });
             },
             children: /* @__PURE__ */ i(b, { sm: !0, red: !0, children: "Yes, permanently delete" })
           }
@@ -608,13 +610,13 @@ const Ce = (a) => {
       }
     ),
     /* @__PURE__ */ i(
-      $,
+      q,
       {
         title: "Are you sure you want to delete this reported false positive?",
         description: " ",
         maxWidthClass: "max-w-xl",
         handleCancel: () => {
-          c({ ...e, showConfirmDeleteFalsePositive: !1 });
+          o({ ...e, showConfirmDeleteFalsePositive: !1 });
         },
         show: e.showConfirmDeleteFalsePositive,
         cancelText: "Cancel",
@@ -623,7 +625,7 @@ const Ce = (a) => {
           {
             type: "button",
             onClick: () => {
-              e.selectedBox && P(e.selectedBox), c({
+              e.selectedBox && P(e.selectedBox), o({
                 ...e,
                 showConfirmDeleteFalsePositive: !1,
                 selectedBox: void 0
@@ -642,6 +644,6 @@ const Ce = (a) => {
   ] });
 };
 export {
-  Ce as ImageAnnotator
+  Se as ImageAnnotator
 };
 //# sourceMappingURL=ImageAnnotator.js.map

package/dist/components/ImageAnnotator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageAnnotator.js","sources":["../../node_modules/use-debounce/dist/index.module.js","../../src/components/ImageAnnotator.tsx"],"sourcesContent":["import{useRef as r,useEffect as n,useMemo as t,useReducer as e,useCallback as u}from\"react\";function c(e,u,c){var i=this,a=r(null),o=r(0),f=r(null),l=r([]),v=r(),m=r(),d=r(e),g=r(!0);d.current=e;var p=\"undefined\"!=typeof window,w=!u&&0!==u&&p;if(\"function\"!=typeof e)throw new TypeError(\"Expected a function\");u=+u||0;var s=!!(c=c||{}).leading,x=!(\"trailing\"in c)||!!c.trailing,h=\"maxWait\"in c,y=\"debounceOnServer\"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;n(function(){return g.current=!0,function(){g.current=!1}},[]);var A=t(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n)},t=function(r){if(!g.current)return!1;var n=r-a.current;return!a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f)}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null},A.isPending=function(){return!!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i(r,n){return r===n}function a(r,n){return n}function o(n,t,o){var f=o&&o.equalityFn||i,l=e(a,n),v=l[0],m=l[1],d=c(u(function(r){return m(r)},[m]),t,o),g=r(n);return f(g.current,n)||(d(n),g.current=n),[v,d]}function f(r,n,t){var e=void 0===t?{}:t,u=e.leading,i=e.trailing;return c(r,n,{maxWait:n,leading:void 0===u||u,trailing:void 0===i||i})}export{o as useDebounce,c as useDebouncedCallback,f as useThrottledCallback};\n//# sourceMappingURL=index.module.js.map\n","import {\n  useState,\n  useRef,\n  MouseEventHandler,\n  KeyboardEventHandler,\n  ReactEventHandler,\n  Fragment,\n  useEffect,\n} from \"react\";\n\nimport { Position, DraggableData } from \"react-rnd\";\n\nimport { Button } from \"./Button\";\nimport { Crosshairs } from \"./Crosshairs\";\nimport { InfoDialog } from \"./InfoDialog\";\nimport { LabelDialog } from \"./LabelDialog\";\nimport { VerifyDialog } from \"./VerifyDialog\";\nimport { BoundingBox, BoundingBoxType } from \"./BoundingBox\";\nimport { Annotation } from \"../types/Annotation\";\nimport { FalsePositive } from \"../types/FalsePositive\";\nimport { ReactZoomPanPinchRef, TransformComponent, TransformWrapper } from \"react-zoom-pan-pinch\";\nimport { useDebouncedCallback } from \"use-debounce\";\n\ninterface EditorState {\n  createMode: boolean;\n  drawingMode: boolean;\n  showBoxes: boolean;\n  drawStartX: number;\n  drawStartY: number;\n  selectedBox?: string;\n  showLabeler: boolean;\n  selectedLabel: string;\n  difficult: boolean;\n  height: number;\n  width: number;\n  showHelp: boolean;\n  showVerify: boolean;\n  showDelete: boolean;\n  showTutorial: boolean;\n  showConfirmDeleteFalsePositive: boolean;\n}\n\ninterface IImageAnnotationProps {\n  annotations: Annotation[];\n  suggestions: Annotation[];\n  falsePositives: FalsePositive[];\n  nextImage: () => void;\n  save: (\n    annotations: Annotation[],\n    deleteFalsePositive: boolean,\n    verified: string[],\n  ) => void;\n  delete: () => void;\n  back: () => void;\n  imageUrl: string;\n  labels: string[];\n  userAnnotationCount: number;\n}\n\n/**\n * A image annotation component.\n * @component\n * @params props - Component props.\n * @param props.annotations - Bounding boxes\n * @param props.save - Callback for the save button.\n */\nconst ImageAnnotator = (props: IImageAnnotationProps) => {\n  const shortcuts = [\n    { codes: [\"?\"], action: \"Shortcut help\" },\n    { codes: [\"w\"], action: \"Add Box\" },\n    { codes: [\"d\"], action: \"Mark Difficult\" },\n    { codes: [\"s\"], action: \"Cycle Label\" },\n    { codes: [\"Tab\"], action: \"Select Next Box\" },\n    { codes: [\"Del\"], action: \"Delete Box\" },\n    { codes: [\"Esc\"], action: \"Deselect/Cancel\" },\n    { codes: [\"← ↑ → ↓\"], action: \"Move Box\" },\n    { codes: [\"Shift\", \"← ↑ → ↓\"], action: \"Resize Box\" },\n    { codes: [\"f\"], action: \"Toggle Unselected Boxes\" },\n    { codes: [\"Spacebar\"], action: \"Verify and Save\" },\n  ];\n\n  const [bboxes, setBBoxes] = useState<Annotation[]>([]);\n\n  const [fpboxes, setFPBoxes] = useState<FalsePositive[]>([]);\n\n  const [state, setState] = useState<EditorState>({\n    createMode: false,\n    drawingMode: false,\n    showBoxes: true,\n    showLabeler: false,\n    showHelp: false,\n    showVerify: false,\n    showDelete: false,\n    showConfirmDeleteFalsePositive: false,\n    showTutorial: props.userAnnotationCount === 0,\n    drawStartX: 0,\n    drawStartY: 0,\n    selectedLabel: props.labels[0],\n    difficult: false,\n    width: 1,\n    height: 1,\n  });\n\n  const ref = useRef<HTMLImageElement>(null);\n\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  const transformRef = useRef<ReactZoomPanPinchRef>(null);\n\n  const resize = () => {\n    const naturalHeight = ref.current?.naturalHeight ?? 1;\n    const naturalWidth = ref.current?.naturalWidth ?? 1;\n    const aspectRatio = naturalWidth/naturalHeight;\n\n    const editorHeight = editorRef.current?.clientHeight ?? 0;\n    const editorWidth = editorRef.current?.clientWidth ?? 0;\n\n    const maxHeight = editorHeight - 5;\n    const maxWidth = editorWidth - 5;\n    const desiredWidth = maxHeight * aspectRatio;\n    \n    // if too wide when max height, then use maxWidth\n    if (desiredWidth > maxWidth) {\n      setState({\n        ...state,\n        width: maxWidth,\n        height: Math.round(maxWidth/aspectRatio),\n      });\n    } else {\n      setState({\n        ...state,\n        width: desiredWidth,\n        height: Math.round(desiredWidth/aspectRatio),\n      })\n    }\n  }\n\n  const handleResize = useDebouncedCallback(() => {\n    resize()\n  }, 200);\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n    editorRef.current?.parentElement?.focus();\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, [handleResize]);\n  \n  const onResizeStop = (\n    elem: HTMLElement,\n    position: Position,\n    boxId: string,\n  ) => {\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === boxId) {\n          return {\n            ...a,\n            x: position.x / state.width,\n            y: position.y / state.height,\n            w: elem.offsetWidth / state.width,\n            h: elem.offsetHeight / state.height,\n          };\n        }\n        return a;\n      }),\n    );\n  };\n  const onDragStop = (d: DraggableData, boxId: string) => {\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === boxId) {\n          return {\n            ...a,\n            x: d.x / state.width,\n            y: d.y / state.height,\n          };\n        }\n        return a;\n      }),\n    );\n  };\n\n  const onMouseDown: MouseEventHandler<HTMLImageElement> = (e) => {\n    if (state.createMode) {\n      const scale = transformRef.current?.instance.transformState.scale ?? 1;\n      const bounds = ref.current?.getBoundingClientRect();\n      const x =\n        (e.clientX - (bounds?.left ?? 0)) / scale /\n        state.width;\n      const y =\n        (e.clientY - (bounds?.top ?? 0)) / scale /\n        state.height;\n\n      setState({\n        ...state,\n        drawingMode: true,\n        drawStartX: x,\n        drawStartY: y,\n        selectedBox: \"draft\",\n      });\n      setBBoxes((prev) => [\n        ...prev,\n        {\n          id: \"draft\",\n          x,\n          y,\n          w: 0.0,\n          h: 0.0,\n        },\n      ]);\n    } else {\n      setState({ ...state, selectedBox: undefined });\n    }\n  };\n\n  const onMouseUp: MouseEventHandler<HTMLImageElement> = (e) => {\n    if (state.drawingMode) {\n      const newId = Date.now().toString();\n      setState({\n        ...state,\n        drawingMode: false,\n        createMode: false,\n        selectedBox: newId,\n      });\n      setBBoxes((prev) =>\n        prev.reduce<Annotation[]>((out, a) => {\n          if (a.id === \"draft\") {\n            const scale = transformRef.current?.instance.transformState.scale ?? 1;\n            const bounds = ref.current?.getBoundingClientRect();\n            const x =\n              (e.clientX - (bounds?.left ?? 0)) / scale /\n              state.width;\n            const y =\n              (e.clientY - (bounds?.top ?? 0)) / scale /\n              state.height;\n\n            if (\n              Math.min(\n                Math.abs(state.drawStartX - x),\n                Math.abs(state.drawStartY - y),\n              ) > 0.001\n            ) {\n              let left = Math.min(state.drawStartX, x);\n              let top = Math.min(state.drawStartY, y);\n              let width = Math.abs(state.drawStartX - x);\n              let height = Math.abs(state.drawStartY - y);\n              if (left < 0) {\n                width -= Math.abs(left);\n                left = 0;\n              }\n              if (top < 0) {\n                height -= Math.abs(top);\n                top = 0;\n              }\n              out.push({\n                ...a,\n                id: newId,\n                label: state.selectedLabel,\n                difficult: false,\n                x: left,\n                y: top,\n                w: Math.min(1.0 - left, width),\n                h: Math.min(1.0 - top, height),\n              });\n            }\n          } else {\n            out.push(a);\n          }\n          return out;\n        }, []),\n      );\n    }\n  };\n\n  const onMouseMove: MouseEventHandler<HTMLImageElement> = (e) => {\n    if (state.drawingMode) {\n      setBBoxes((prev) =>\n        prev.map((a) => {\n          if (a.id === \"draft\") {\n            const scale = transformRef.current?.instance.transformState.scale ?? 1;\n            const bounds = ref.current?.getBoundingClientRect();\n            const x =\n              (e.pageX - (bounds?.left ?? 0)) / scale /\n              state.width;\n            const y =\n              (e.pageY - (bounds?.top ?? 0)) / scale /\n              state.height;\n\n            return {\n              ...a,\n              x: Math.min(state.drawStartX, x),\n              y: Math.min(state.drawStartY, y),\n              w: Math.abs(state.drawStartX - x),\n              h: Math.abs(state.drawStartY - y),\n            };\n          }\n          return a;\n        }),\n      );\n    }\n  };\n\n  const clickCreate: MouseEventHandler<HTMLButtonElement> = () => {\n    setState({ ...state, createMode: !state.createMode });\n  };\n\n  const onClickBBox = (boxId: string) => {\n    const selectedBox = bboxes.find((b) => b.id === boxId);\n    setState({\n      ...state,\n      selectedBox: boxId,\n      selectedLabel: selectedBox?.label ?? state.selectedLabel,\n      difficult: selectedBox?.difficult ?? state.difficult,\n    });\n  };\n\n  const moveBox = (boxId: string, vertical: number, horizontal: number) => {\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === boxId) {\n          return {\n            ...a,\n            x: Math.min(\n              1.0 - a.w,\n              Math.max(0.0, a.x + horizontal / state.width),\n            ),\n            y: Math.min(\n              1.0 - a.h,\n              Math.max(0.0, a.y + vertical / state.height),\n            ),\n          };\n        }\n        return a;\n      }),\n    );\n  };\n\n  const resizeBox = (boxId: string, vertical: number, horizontal: number) => {\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === boxId) {\n          return {\n            ...a,\n            w: Math.min(1.0 - a.x, a.w + horizontal / state.width),\n            h: Math.min(1.0 - a.y, a.h + vertical / state.height),\n          };\n        }\n        return a;\n      }),\n    );\n  };\n\n  const toggleDifficult = (boxId: string) => {\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === boxId) {\n          return {\n            ...a,\n            difficult: !a.difficult,\n          };\n        }\n        return a;\n      }),\n    );\n  };\n\n  const cycleLabel = (boxId: string, reverse = false) => {\n    const currentLabelIndex = props.labels.findIndex(\n      (label) => state.selectedLabel === label,\n    );\n    const lastIndex = props.labels.length - 1;\n\n    let newIndex = 0;\n    if (reverse) {\n      newIndex = currentLabelIndex === 0 ? lastIndex : currentLabelIndex - 1;\n    } else {\n      newIndex = currentLabelIndex === lastIndex ? 0 : currentLabelIndex + 1;\n    }\n    const newLabel = props.labels[newIndex];\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === boxId) {\n          return {\n            ...a,\n            label: newLabel,\n          };\n        }\n        return a;\n      }),\n    );\n    setState({ ...state, selectedLabel: newLabel });\n  };\n\n  const deleteBox = (boxId: string) => {\n    setBBoxes((prev) => prev.filter((a) => a.id !== boxId));\n  };\n\n  const deleteFP = (boxId: string) => {\n    setFPBoxes((prev) => prev.filter((a) => a.id !== boxId));\n  };\n\n  const getFPLabel = (boxId: string) => {\n    return fpboxes.find((box) => box.id === boxId)?.label;\n  };\n\n  const getBox = (boxId: string) => {\n    return bboxes.find((box) => box.id === boxId);\n  };\n\n  const nextBox = (boxId?: string) => {\n    if (!boxId) {\n      return bboxes[0].id;\n    }\n    const currentIndex = bboxes.findIndex((box) => box.id === boxId);\n    if (currentIndex === bboxes.length - 1) {\n      return bboxes[0].id;\n    } else {\n      return bboxes[currentIndex + 1].id;\n    }\n  };\n\n  const stepSize = 5 / (transformRef.current?.instance.transformState.scale ?? 1);\n  const onKeyDown: KeyboardEventHandler<HTMLDivElement> = (e) => {\n    if (e.code === \"Escape\") {\n      if (state.createMode) {\n        setState({ ...state, createMode: false });\n      } else {\n        setState({ ...state, selectedBox: undefined });\n      }\n    }\n    if (e.code === \"KeyW\") {\n      if (!state.createMode) {\n        setState({ ...state, createMode: true, selectedBox: undefined });\n      } else {\n        setState({ ...state, createMode: false });\n      }\n    }\n    if (e.code === \"KeyF\") {\n      setState({ ...state, showBoxes: !state.showBoxes });\n    }\n    if (e.code === \"KeyD\") {\n      if (state.selectedBox) {\n        toggleDifficult(state.selectedBox);\n      }\n    }\n    if (e.code === \"KeyS\") {\n      if (state.selectedBox) {\n        cycleLabel(state.selectedBox, e.shiftKey);\n      }\n    }\n    if (e.code === \"Delete\" && state.selectedBox) {\n      deleteBox(state.selectedBox);\n      setState({ ...state, selectedBox: undefined });\n    }\n    if (e.code === \"Tab\") {\n      const next = nextBox(state.selectedBox);\n      const box = getBox(next);\n      setState({\n        ...state,\n        selectedBox: next,\n        selectedLabel: box?.label ?? state.selectedLabel,\n      });\n      e.preventDefault();\n    }\n    if (e.code === \"Space\") {\n      props.save(bboxes, fpboxes.length === 0, props.labels);\n    }\n    if (e.code === \"Slash\" && e.shiftKey) {\n      setState({ ...state, showHelp: true });\n    }\n    if (state.selectedBox) {\n      if (e.code === \"ArrowLeft\") {\n        if (e.shiftKey) {\n          resizeBox(state.selectedBox, 0, -stepSize);\n        } else {\n          moveBox(state.selectedBox, 0, -stepSize);\n        }\n      }\n      if (e.code === \"ArrowRight\") {\n        if (e.shiftKey) {\n          resizeBox(state.selectedBox, 0, stepSize);\n        } else {\n          moveBox(state.selectedBox, 0, stepSize);\n        }\n      }\n      if (e.code === \"ArrowUp\") {\n        if (e.shiftKey) {\n          resizeBox(state.selectedBox, -stepSize, 0);\n        } else {\n          moveBox(state.selectedBox, -stepSize, 0);\n        }\n      }\n      if (e.code === \"ArrowDown\") {\n        if (e.shiftKey) {\n          resizeBox(state.selectedBox, stepSize, 0);\n        } else {\n          moveBox(state.selectedBox, stepSize, 0);\n        }\n      }\n    }\n  };\n\n  const onLoad: ReactEventHandler<HTMLImageElement> = (_e) => {\n    resize();\n\n    setBBoxes(\n      props.annotations\n        .concat(props.suggestions)\n        .sort((a, b) => b.w * b.h - a.w * a.h),\n    );\n    setFPBoxes(props.falsePositives.sort((a, b) => b.w * b.h - a.w * a.h));\n  };\n\n  const onSaveLabel: MouseEventHandler<HTMLButtonElement> = () => {\n    setState({ ...state, showLabeler: false });\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === state.selectedBox) {\n          return {\n            ...a,\n            label: state.selectedLabel,\n            difficult: state.difficult,\n          };\n        }\n        return a;\n      }),\n    );\n  };\n\n  const onCancelLabel = () => {\n    setState({ ...state, showLabeler: false });\n    setBBoxes((prev) => prev.filter((a) => a.label));\n  };\n\n  const defaultZIndex = state.showBoxes ? 0 : -1;\n\n  return (\n    <>\n      <TransformWrapper ref={transformRef} disabled={state.createMode || state.drawingMode} minScale={0.9}>\n        {({ zoomIn, zoomOut }) => (\n          <div\n            className=\"flex h-screen min-w-[600px] flex-col bg-slate-900\"\n            onKeyDown={onKeyDown}\n            tabIndex={0}\n          >\n            <div className=\"flex flex-initial bg-slate-300 p-1\">\n              <div className=\"flex-initial\">\n                <button type=\"button\" onClick={props.back}>\n                  <Button secondary sm>\n                    Back\n                  </Button>\n                </button>\n              </div>\n              <div className=\"flex flex-auto justify-center\">\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    zoomOut();\n                  }}\n                >\n                  <Button>\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      className=\"h-6 w-6\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth=\"2\"\n                        d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7\"\n                      />\n                    </svg>\n                  </Button>\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    zoomIn();\n                  }}\n                >\n                  <Button>\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      className=\"h-6 w-6\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth=\"2\"\n                        d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\n                      />\n                    </svg>\n                  </Button>\n                </button>\n                <button type=\"button\" onClick={clickCreate}>\n                  <Button secondary sm>\n                    Add (w)\n                  </Button>\n                </button>\n              </div>\n              <div className=\"flex-initial\">\n                <button\n                  onClick={() => {\n                    setState({ ...state, showVerify: true });\n                  }}\n                >\n                  <Button sm>Verify &amp; Save</Button>\n                </button>\n                <button\n                  onClick={() => {\n                    props.save(bboxes, fpboxes.length === 0, []);\n                  }}\n                >\n                  <Button green sm>\n                    Save\n                  </Button>\n                </button>\n                <button\n                  onClick={() => {\n                    setState({ ...state, showDelete: true });\n                  }}\n                >\n                  <Button red sm>\n                    Delete\n                  </Button>\n                </button>\n                <button\n                  onClick={() => {\n                    setState({ ...state, showHelp: true });\n                  }}\n                >\n                  <Button sm secondary>\n                    ?\n                  </Button>\n                </button>\n              </div>\n            </div>\n            <div\n              ref={editorRef}\n              className=\"grid flex-auto place-content-center\"\n            >\n              <TransformComponent>\n                <div\n                  className=\"grid place-content-center\"\n                  onMouseDown={onMouseDown}\n                  onMouseUp={onMouseUp}\n                  onMouseMove={onMouseMove}\n                  \n                >\n                  <img\n                    ref={ref}\n                    className=\"col-start-1 row-start-1 h-full w-full\"\n                    alt=\"annotate\"\n                    src={props.imageUrl}\n                    onLoad={onLoad}\n                    style={{\n                      width: state.width,\n                      height: state.height,\n                    }}\n                  />\n                  {fpboxes.map((box) => (\n                    <BoundingBox\n                      type={BoundingBoxType.falsePositive}\n                      label={box.label ?? \"\"}\n                      key={box.id}\n                      zIndex={box.id === state.selectedBox ? 1 : defaultZIndex}\n                      x={box.x * state.width}\n                      y={box.y * state.height}\n                      w={box.w * state.width}\n                      h={box.h * state.height}\n                      initialScale={transformRef.current?.instance.transformState.scale}\n                      selected={box.id === state.selectedBox}\n                      onMouseDown={(e: { stopPropagation: () => void }) => {\n                        if (!state.createMode) {\n                          onClickBBox(box.id);\n                          e.stopPropagation();\n                        }\n                      }}\n                      onClickDelete={() => {\n                        setState({\n                          ...state,\n                          showConfirmDeleteFalsePositive: true,\n                        });\n                      }}\n                    />\n                  ))}\n                  {bboxes.map((box) => (\n                    <BoundingBox\n                      type={\n                        box.suggestion\n                          ? BoundingBoxType.suggestion\n                          : BoundingBoxType.truePositive\n                      }\n                      label={box.label ?? \"\"}\n                      difficult={box.difficult}\n                      key={box.id}\n                      zIndex={box.id === state.selectedBox ? 1 : defaultZIndex}\n                      x={box.x * state.width}\n                      y={box.y * state.height}\n                      w={box.w * state.width}\n                      h={box.h * state.height}\n                      initialScale={transformRef.current?.instance.transformState.scale}\n                      selected={box.id === state.selectedBox}\n                      onMouseDown={(e: { stopPropagation: () => void }) => {\n                        if (!state.createMode) {\n                          onClickBBox(box.id);\n                          e.stopPropagation();\n                        }\n                      }}\n                      onDragStop={(_e, d) => {\n                        onDragStop(d, box.id);\n                      }}\n                      onResizeStop={(_e, _d, r: HTMLElement, _delta, p) => {\n                        onResizeStop(r, p, box.id);\n                      }}\n                      onClickDelete={() => {\n                        deleteBox(box.id);\n                      }}\n                      onClickEdit={() => {\n                        setState({ ...state, showLabeler: true });\n                      }}\n                    />\n                  ))}\n                  <Crosshairs\n                    className={`col-start-1 row-start-1 ${(state.createMode && !state.drawingMode) ? 'z-10' : '-z-10'}`}\n                    show={state.createMode && !state.drawingMode}\n                  />\n                </div>\n              </TransformComponent>\n            </div>\n          </div>\n        )}\n      </TransformWrapper>\n      <LabelDialog\n        title=\"Annotate\"\n        show={state.showLabeler}\n        cancelText=\"Cancel\"\n        button={\n          <button type=\"button\" onClick={onSaveLabel}>\n            <Button sm green>\n              Save\n            </Button>\n          </button>\n        }\n        handleCancel={onCancelLabel}\n      >\n        <div className=\"my-2 grid grid-cols-1 gap-y-2\">\n          <div>\n            <select\n              className=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50\"\n              value={state.selectedLabel}\n              onChange={(e) => {\n                setState({ ...state, selectedLabel: e.target.value });\n              }}\n            >\n              {props.labels.map((o) => (\n                <option key={o} value={o}>\n                  {o}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div className=\"flex items-center\">\n            <input\n              id=\"difficult\"\n              className=\"border-gray-300 text-primary-600 shadow-sm hover:border-gray-300 focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 focus:ring-offset-0 rounded\"\n              type=\"checkbox\"\n              checked={state.difficult}\n              onChange={(e) => {\n                setState({ ...state, difficult: e.target.checked });\n              }}\n            />\n            <label htmlFor=\"difficult\" className=\"ml-2\">\n              Difficult?\n            </label>\n          </div>\n        </div>\n      </LabelDialog>\n      <InfoDialog\n        title=\"Keyboard shortcuts\"\n        show={state.showHelp}\n        handleClose={() => {\n          setState({ ...state, showHelp: false });\n        }}\n      >\n        <div className=\"grid w-full grid-cols-2 place-content-center gap-2 p-5\">\n          {shortcuts.map((s) => (\n            <Fragment key={s.action}>\n              <div>{s.action}</div>\n              <div className=\"justify-self-end\">\n                {s.codes\n                  .map<React.ReactNode>((c) => (\n                    <span\n                      key={c}\n                      className=\"rounded-md bg-slate-100 p-1 font-mono text-xs shadow-inner\"\n                    >\n                      {c}\n                    </span>\n                  ))\n                  .reduce((prev, curr) => [prev, \" + \", curr])}\n              </div>\n            </Fragment>\n          ))}\n        </div>\n      </InfoDialog>\n      <VerifyDialog\n        title=\"Are all of the objects in this image labeled?\"\n        description=\" \"\n        maxWidthClass=\"max-w-lg\"\n        handleCancel={() => {\n          setState({ ...state, showVerify: false });\n        }}\n        show={state.showVerify}\n        cancelText=\"Cancel\"\n        button={\n          <button\n            type=\"button\"\n            onClick={() => {\n              props.save(bboxes, fpboxes.length === 0, props.labels);\n              setState({ ...state, showVerify: false });\n            }}\n          >\n            <Button sm green>\n              Yes, all objects are labeled\n            </Button>\n          </button>\n        }\n      >\n        <div className=\"flex flex-wrap\">\n          {props.labels.map((o) => (\n            <div className=\"font-mono m-1 bg-slate-200 p-1 rounded-md\" key={o}>{o}</div>\n          ))}\n        </div>\n      </VerifyDialog>\n      <VerifyDialog\n        title=\"Are you sure you want to delete this image?\"\n        description=\"\"\n        handleCancel={() => {\n          setState({ ...state, showDelete: false });\n        }}\n        show={state.showDelete}\n        cancelText=\"Cancel\"\n        button={\n          <button\n            type=\"button\"\n            onClick={() => {\n              props.delete();\n              setState({ ...state, showDelete: false });\n            }}\n          >\n            <Button sm red>\n              Yes, permanently delete\n            </Button>\n          </button>\n        }\n      >\n        This cannot be undone.\n      </VerifyDialog>\n      <VerifyDialog\n        title=\"Are you sure you want to delete this reported false positive?\"\n        description=\" \"\n        maxWidthClass=\"max-w-xl\"\n        handleCancel={() => {\n          setState({ ...state, showConfirmDeleteFalsePositive: false });\n        }}\n        show={state.showConfirmDeleteFalsePositive}\n        cancelText=\"Cancel\"\n        button={\n          <button\n            type=\"button\"\n            onClick={() => {\n              if (state.selectedBox) {\n                deleteFP(state.selectedBox);\n              }\n              setState({\n                ...state,\n                showConfirmDeleteFalsePositive: false,\n                selectedBox: undefined,\n              });\n            }}\n          >\n            <Button sm red>\n              Do not teach my model that this is not a{\" \"}\n              {state.selectedBox ? getFPLabel(state.selectedBox) : \" \"}\n            </Button>\n          </button>\n        }\n      >\n        <p>\n          False positives submitted from Frigate are used to improve your model\n          and should not be deleted unless you submitted them accidentally.\n        </p>\n      </VerifyDialog>\n    </>\n  );\n};\n\nexport { ImageAnnotator };\n"],"names":["c","e","u","i","a","r","o","f","l","v","m","d","g","p","w","s","x","h","y","F","n","A","t","ImageAnnotator","props","shortcuts","bboxes","setBBoxes","useState","fpboxes","setFPBoxes","state","setState","ref","useRef","editorRef","transformRef","resize","naturalHeight","_a","aspectRatio","_b","editorHeight","_c","editorWidth","_d","maxHeight","maxWidth","desiredWidth","handleResize","useDebouncedCallback","useEffect","onResizeStop","elem","position","boxId","prev","onDragStop","onMouseDown","scale","bounds","onMouseUp","newId","out","left","top","width","height","onMouseMove","clickCreate","onClickBBox","selectedBox","b","moveBox","vertical","horizontal","resizeBox","toggleDifficult","cycleLabel","reverse","currentLabelIndex","label","lastIndex","newIndex","newLabel","deleteBox","deleteFP","getFPLabel","box","getBox","nextBox","currentIndex","stepSize","onKeyDown","next","onLoad","_e","onSaveLabel","onCancelLabel","defaultZIndex","jsxs","Fragment","jsx","TransformWrapper","zoomIn","zoomOut","Button","TransformComponent","BoundingBox","BoundingBoxType","_delta","Crosshairs","LabelDialog","InfoDialog","curr","VerifyDialog"],"mappings":";;;;;;;;;AAA4F,SAASA,GAAEC,GAAEC,GAAEF,GAAE;AAAC,MAAIG,IAAE,MAAKC,IAAEC,EAAE,IAAI,GAAEC,IAAED,EAAE,CAAC,GAAEE,IAAEF,EAAE,IAAI,GAAEG,IAAEH,EAAE,EAAE,GAAEI,IAAEJ,EAAG,GAACK,IAAEL,KAAIM,IAAEN,EAAEJ,CAAC,GAAEW,IAAEP,EAAE,EAAE;AAAE,EAAAM,EAAE,UAAQV;AAAE,MAAIY,IAAe,OAAO,SAApB,KAA2BC,IAAE,CAACZ,KAAOA,MAAJ,KAAOW;AAAE,MAAe,OAAOZ,KAAnB,WAAqB,OAAM,IAAI,UAAU,qBAAqB;AAAE,EAAAC,IAAE,CAACA,KAAG;AAAE,MAAIa,IAAE,CAAC,EAAEf,IAAEA,KAAG,IAAI,SAAQgB,IAAE,EAAE,cAAahB,MAAI,CAAC,CAACA,EAAE,UAASiB,IAAE,aAAYjB,GAAEkB,IAAE,sBAAqBlB,KAAG,CAAC,CAACA,EAAE,kBAAiBmB,IAAEF,IAAE,KAAK,IAAI,CAACjB,EAAE,WAAS,GAAEE,CAAC,IAAE;AAAKkB,EAAAA,GAAE,WAAU;AAAC,WAAOR,EAAE,UAAQ,IAAG,WAAU;AAAC,MAAAA,EAAE,UAAQ;AAAA,IAAE;AAAA,EAAC,GAAE,CAAE,CAAA;AAAE,MAAIS,IAAEC,GAAE,WAAU;AAAC,QAAIjB,IAAE,SAASA,GAAE;AAAC,UAAIe,IAAEZ,EAAE,SAAQc,IAAEb,EAAE;AAAQ,aAAOD,EAAE,UAAQC,EAAE,UAAQ,MAAKH,EAAE,UAAQD,GAAEK,EAAE,UAAQC,EAAE,QAAQ,MAAMW,GAAEF,CAAC;AAAA,IAAC,GAAEA,IAAE,SAASf,GAAEe,GAAE;AAAC,MAAAN,KAAG,qBAAqBP,EAAE,OAAO,GAAEA,EAAE,UAAQO,IAAE,sBAAsBT,CAAC,IAAE,WAAWA,GAAEe,CAAC;AAAA,IAAC,GAAEE,IAAE,SAASjB,GAAE;AAAC,UAAG,CAACO,EAAE,QAAQ,QAAM;AAAG,UAAIQ,IAAEf,IAAED,EAAE;AAAQ,aAAM,CAACA,EAAE,WAASgB,KAAGlB,KAAGkB,IAAE,KAAGH,KAAGZ,IAAEC,EAAE,WAASa;AAAA,IAAC,GAAElB,IAAE,SAASmB,GAAE;AAAC,aAAOb,EAAE,UAAQ,MAAKS,KAAGR,EAAE,UAAQH,EAAEe,CAAC,KAAGZ,EAAE,UAAQC,EAAE,UAAQ,MAAKC,EAAE;AAAA,IAAQ,GAAEV,IAAE,SAASK,IAAG;AAAC,UAAIL,IAAE,KAAK,IAAG;AAAG,UAAGsB,EAAEtB,CAAC,EAAE,QAAOC,EAAED,CAAC;AAAE,UAAGY,EAAE,SAAQ;AAAC,YAAIT,IAAED,KAAGF,IAAEI,EAAE,UAASG,IAAEU,IAAE,KAAK,IAAId,GAAEgB,KAAGnB,IAAEM,EAAE,QAAQ,IAAEH;AAAE,QAAAiB,EAAEf,GAAEE,CAAC;AAAA,MAAC;AAAA,IAAC,GAAEc,IAAE,WAAU;AAAC,UAAGR,KAAGK,GAAE;AAAC,YAAIjB,IAAE,KAAK,OAAMU,IAAEW,EAAErB,CAAC;AAAE,YAAGO,EAAE,UAAQ,GAAG,MAAM,KAAK,SAAS,GAAEC,EAAE,UAAQN,GAAEC,EAAE,UAAQH,GAAEU,GAAE;AAAC,cAAG,CAACJ,EAAE,WAASK,EAAE,QAAQ,QAAON,EAAE,UAAQF,EAAE,SAAQgB,EAAEpB,GAAEE,CAAC,GAAEa,IAAEV,EAAED,EAAE,OAAO,IAAEM,EAAE;AAAQ,cAAGO,EAAE,QAAOG,EAAEpB,GAAEE,CAAC,GAAEG,EAAED,EAAE,OAAO;AAAA,QAAC;AAAC,eAAOG,EAAE,WAASa,EAAEpB,GAAEE,CAAC,GAAEQ,EAAE;AAAA,MAAO;AAAA,IAAC;AAAE,WAAOW,EAAE,SAAO,WAAU;AAAC,MAAAd,EAAE,YAAUO,IAAE,qBAAqBP,EAAE,OAAO,IAAE,aAAaA,EAAE,OAAO,IAAGD,EAAE,UAAQ,GAAEE,EAAE,UAAQJ,EAAE,UAAQK,EAAE,UAAQF,EAAE,UAAQ;AAAA,IAAI,GAAEc,EAAE,YAAU,WAAU;AAAC,aAAM,CAAC,CAACd,EAAE;AAAA,IAAO,GAAEc,EAAE,QAAM,WAAU;AAAC,aAAOd,EAAE,UAAQN,EAAE,KAAK,IAAG,CAAE,IAAES,EAAE;AAAA,IAAO,GAAEW;AAAA,EAAC,GAAE,CAACN,GAAEE,GAAEf,GAAEiB,GAAEH,GAAEF,GAAED,GAAEK,CAAC,CAAC;AAAE,SAAOG;AAAC;ACkE1nD,MAAAE,KAAiB,CAACC,MAAiC;;AACvD,QAAMC,IAAY;AAAA,IAChB,EAAE,OAAO,CAAC,GAAG,GAAG,QAAQ,gBAAgB;AAAA,IACxC,EAAE,OAAO,CAAC,GAAG,GAAG,QAAQ,UAAU;AAAA,IAClC,EAAE,OAAO,CAAC,GAAG,GAAG,QAAQ,iBAAiB;AAAA,IACzC,EAAE,OAAO,CAAC,GAAG,GAAG,QAAQ,cAAc;AAAA,IACtC,EAAE,OAAO,CAAC,KAAK,GAAG,QAAQ,kBAAkB;AAAA,IAC5C,EAAE,OAAO,CAAC,KAAK,GAAG,QAAQ,aAAa;AAAA,IACvC,EAAE,OAAO,CAAC,KAAK,GAAG,QAAQ,kBAAkB;AAAA,IAC5C,EAAE,OAAO,CAAC,SAAS,GAAG,QAAQ,WAAW;AAAA,IACzC,EAAE,OAAO,CAAC,SAAS,SAAS,GAAG,QAAQ,aAAa;AAAA,IACpD,EAAE,OAAO,CAAC,GAAG,GAAG,QAAQ,0BAA0B;AAAA,IAClD,EAAE,OAAO,CAAC,UAAU,GAAG,QAAQ,kBAAkB;AAAA,EAAA,GAG7C,CAACC,GAAQC,CAAS,IAAIC,EAAuB,CAAE,CAAA,GAE/C,CAACC,GAASC,CAAU,IAAIF,EAA0B,CAAE,CAAA,GAEpD,CAACG,GAAOC,CAAQ,IAAIJ,EAAsB;AAAA,IAC9C,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,WAAW;AAAA,IACX,aAAa;AAAA,IACb,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,gCAAgC;AAAA,IAChC,cAAcJ,EAAM,wBAAwB;AAAA,IAC5C,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,eAAeA,EAAM,OAAO,CAAC;AAAA,IAC7B,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACT,GAEKS,IAAMC,EAAyB,IAAI,GAEnCC,IAAYD,EAAuB,IAAI,GAEvCE,IAAeF,EAA6B,IAAI,GAEhDG,IAAS,MAAM;;AACb,UAAAC,MAAgBC,IAAAN,EAAI,YAAJ,gBAAAM,EAAa,kBAAiB,GAE9CC,OADeC,IAAAR,EAAI,YAAJ,gBAAAQ,EAAa,iBAAgB,KACjBH,GAE3BI,MAAeC,IAAAR,EAAU,YAAV,gBAAAQ,EAAmB,iBAAgB,GAClDC,MAAcC,IAAAV,EAAU,YAAV,gBAAAU,EAAmB,gBAAe,GAEhDC,IAAYJ,IAAe,GAC3BK,IAAWH,IAAc,GACzBI,IAAeF,IAAYN;AAGjC,IAAIQ,IAAeD,IACRf,EAAA;AAAA,MACP,GAAGD;AAAA,MACH,OAAOgB;AAAA,MACP,QAAQ,KAAK,MAAMA,IAASP,CAAW;AAAA,IAAA,CACxC,IAEQR,EAAA;AAAA,MACP,GAAGD;AAAA,MACH,OAAOiB;AAAA,MACP,QAAQ,KAAK,MAAMA,IAAaR,CAAW;AAAA,IAAA,CAC5C;AAAA,EACH,GAGIS,IAAeC,GAAqB,MAAM;AACvC,IAAAb;KACN,GAAG;AAEN,EAAAc,GAAU,MAAM;;AACP,kBAAA,iBAAiB,UAAUF,CAAY,IACpCR,KAAAF,IAAAJ,EAAA,YAAA,gBAAAI,EAAS,kBAAT,QAAAE,EAAwB,SAE3B,MAAM;AACJ,aAAA,oBAAoB,UAAUQ,CAAY;AAAA,IAAA;AAAA,EACnD,GACC,CAACA,CAAY,CAAC;AAEjB,QAAMG,IAAe,CACnBC,GACAC,GACAC,MACG;AACH,IAAA5B;AAAA,MAAU,CAAC6B,MACTA,EAAK,IAAI,CAACpD,MACJA,EAAE,OAAOmD,IACJ;AAAA,QACL,GAAGnD;AAAA,QACH,GAAGkD,EAAS,IAAIvB,EAAM;AAAA,QACtB,GAAGuB,EAAS,IAAIvB,EAAM;AAAA,QACtB,GAAGsB,EAAK,cAActB,EAAM;AAAA,QAC5B,GAAGsB,EAAK,eAAetB,EAAM;AAAA,MAAA,IAG1B3B,CACR;AAAA,IAAA;AAAA,EACH,GAEIqD,IAAa,CAAC9C,GAAkB4C,MAAkB;AACtD,IAAA5B;AAAA,MAAU,CAAC6B,MACTA,EAAK,IAAI,CAACpD,MACJA,EAAE,OAAOmD,IACJ;AAAA,QACL,GAAGnD;AAAA,QACH,GAAGO,EAAE,IAAIoB,EAAM;AAAA,QACf,GAAGpB,EAAE,IAAIoB,EAAM;AAAA,MAAA,IAGZ3B,CACR;AAAA,IAAA;AAAA,EACH,GAGIsD,IAAmD,CAACzD,MAAM;;AAC9D,QAAI8B,EAAM,YAAY;AACpB,YAAM4B,MAAQpB,IAAAH,EAAa,YAAb,gBAAAG,EAAsB,SAAS,eAAe,UAAS,GAC/DqB,KAASnB,IAAAR,EAAI,YAAJ,gBAAAQ,EAAa,yBACtBzB,KACHf,EAAE,YAAW2D,KAAA,gBAAAA,EAAQ,SAAQ,MAAMD,IACpC5B,EAAM,OACFb,KACHjB,EAAE,YAAW2D,KAAA,gBAAAA,EAAQ,QAAO,MAAMD,IACnC5B,EAAM;AAEC,MAAAC,EAAA;AAAA,QACP,GAAGD;AAAA,QACH,aAAa;AAAA,QACb,YAAYf;AAAA,QACZ,YAAYE;AAAA,QACZ,aAAa;AAAA,MAAA,CACd,GACDS,EAAU,CAAC6B,MAAS;AAAA,QAClB,GAAGA;AAAA,QACH;AAAA,UACE,IAAI;AAAA,UACJ,GAAAxC;AAAA,UACA,GAAAE;AAAA,UACA,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MAAA,CACD;AAAA,IAAA;AAED,MAAAc,EAAS,EAAE,GAAGD,GAAO,aAAa,OAAW,CAAA;AAAA,EAC/C,GAGI8B,IAAiD,CAAC5D,MAAM;AAC5D,QAAI8B,EAAM,aAAa;AACrB,YAAM+B,IAAQ,KAAK,IAAI,EAAE,SAAS;AACzB,MAAA9B,EAAA;AAAA,QACP,GAAGD;AAAA,QACH,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa+B;AAAA,MAAA,CACd,GACDnC;AAAA,QAAU,CAAC6B,MACTA,EAAK,OAAqB,CAACO,GAAK3D,MAAM;;AAChC,cAAAA,EAAE,OAAO,SAAS;AACpB,kBAAMuD,MAAQpB,IAAAH,EAAa,YAAb,gBAAAG,EAAsB,SAAS,eAAe,UAAS,GAC/DqB,KAASnB,IAAAR,EAAI,YAAJ,gBAAAQ,EAAa,yBACtBzB,KACHf,EAAE,YAAW2D,KAAA,gBAAAA,EAAQ,SAAQ,MAAMD,IACpC5B,EAAM,OACFb,KACHjB,EAAE,YAAW2D,KAAA,gBAAAA,EAAQ,QAAO,MAAMD,IACnC5B,EAAM;AAER,gBACE,KAAK;AAAA,cACH,KAAK,IAAIA,EAAM,aAAaf,CAAC;AAAA,cAC7B,KAAK,IAAIe,EAAM,aAAab,CAAC;AAAA,gBAC3B,MACJ;AACA,kBAAI8C,IAAO,KAAK,IAAIjC,EAAM,YAAYf,CAAC,GACnCiD,IAAM,KAAK,IAAIlC,EAAM,YAAYb,CAAC,GAClCgD,IAAQ,KAAK,IAAInC,EAAM,aAAaf,CAAC,GACrCmD,IAAS,KAAK,IAAIpC,EAAM,aAAab,CAAC;AAC1C,cAAI8C,IAAO,MACAE,KAAA,KAAK,IAAIF,CAAI,GACfA,IAAA,IAELC,IAAM,MACEE,KAAA,KAAK,IAAIF,CAAG,GAChBA,IAAA,IAERF,EAAI,KAAK;AAAA,gBACP,GAAG3D;AAAA,gBACH,IAAI0D;AAAA,gBACJ,OAAO/B,EAAM;AAAA,gBACb,WAAW;AAAA,gBACX,GAAGiC;AAAA,gBACH,GAAGC;AAAA,gBACH,GAAG,KAAK,IAAI,IAAMD,GAAME,CAAK;AAAA,gBAC7B,GAAG,KAAK,IAAI,IAAMD,GAAKE,CAAM;AAAA,cAAA,CAC9B;AAAA,YACH;AAAA,UAAA;AAEA,YAAAJ,EAAI,KAAK3D,CAAC;AAEL,iBAAA2D;AAAA,QACT,GAAG,EAAE;AAAA,MAAA;AAAA,IAET;AAAA,EAAA,GAGIK,IAAmD,CAACnE,MAAM;AAC9D,IAAI8B,EAAM,eACRJ;AAAA,MAAU,CAAC6B,MACTA,EAAK,IAAI,CAACpD,MAAM;;AACV,YAAAA,EAAE,OAAO,SAAS;AACpB,gBAAMuD,MAAQpB,IAAAH,EAAa,YAAb,gBAAAG,EAAsB,SAAS,eAAe,UAAS,GAC/DqB,KAASnB,IAAAR,EAAI,YAAJ,gBAAAQ,EAAa,yBACtBzB,KACHf,EAAE,UAAS2D,KAAA,gBAAAA,EAAQ,SAAQ,MAAMD,IAClC5B,EAAM,OACFb,KACHjB,EAAE,UAAS2D,KAAA,gBAAAA,EAAQ,QAAO,MAAMD,IACjC5B,EAAM;AAED,iBAAA;AAAA,YACL,GAAG3B;AAAA,YACH,GAAG,KAAK,IAAI2B,EAAM,YAAYf,CAAC;AAAA,YAC/B,GAAG,KAAK,IAAIe,EAAM,YAAYb,CAAC;AAAA,YAC/B,GAAG,KAAK,IAAIa,EAAM,aAAaf,CAAC;AAAA,YAChC,GAAG,KAAK,IAAIe,EAAM,aAAab,CAAC;AAAA,UAAA;AAAA,QAEpC;AACO,eAAAd;AAAA,MAAA,CACR;AAAA,IAAA;AAAA,EAEL,GAGIiE,IAAoD,MAAM;AAC9D,IAAArC,EAAS,EAAE,GAAGD,GAAO,YAAY,CAACA,EAAM,YAAY;AAAA,EAAA,GAGhDuC,IAAc,CAACf,MAAkB;AACrC,UAAMgB,IAAc7C,EAAO,KAAK,CAAC8C,MAAMA,EAAE,OAAOjB,CAAK;AAC5C,IAAAvB,EAAA;AAAA,MACP,GAAGD;AAAA,MACH,aAAawB;AAAA,MACb,gBAAegB,KAAA,gBAAAA,EAAa,UAASxC,EAAM;AAAA,MAC3C,YAAWwC,KAAA,gBAAAA,EAAa,cAAaxC,EAAM;AAAA,IAAA,CAC5C;AAAA,EAAA,GAGG0C,IAAU,CAAClB,GAAemB,GAAkBC,MAAuB;AACvE,IAAAhD;AAAA,MAAU,CAAC6B,MACTA,EAAK,IAAI,CAACpD,MACJA,EAAE,OAAOmD,IACJ;AAAA,QACL,GAAGnD;AAAA,QACH,GAAG,KAAK;AAAA,UACN,IAAMA,EAAE;AAAA,UACR,KAAK,IAAI,GAAKA,EAAE,IAAIuE,IAAa5C,EAAM,KAAK;AAAA,QAC9C;AAAA,QACA,GAAG,KAAK;AAAA,UACN,IAAM3B,EAAE;AAAA,UACR,KAAK,IAAI,GAAKA,EAAE,IAAIsE,IAAW3C,EAAM,MAAM;AAAA,QAC7C;AAAA,MAAA,IAGG3B,CACR;AAAA,IAAA;AAAA,EACH,GAGIwE,IAAY,CAACrB,GAAemB,GAAkBC,MAAuB;AACzE,IAAAhD;AAAA,MAAU,CAAC6B,MACTA,EAAK,IAAI,CAACpD,MACJA,EAAE,OAAOmD,IACJ;AAAA,QACL,GAAGnD;AAAA,QACH,GAAG,KAAK,IAAI,IAAMA,EAAE,GAAGA,EAAE,IAAIuE,IAAa5C,EAAM,KAAK;AAAA,QACrD,GAAG,KAAK,IAAI,IAAM3B,EAAE,GAAGA,EAAE,IAAIsE,IAAW3C,EAAM,MAAM;AAAA,MAAA,IAGjD3B,CACR;AAAA,IAAA;AAAA,EACH,GAGIyE,IAAkB,CAACtB,MAAkB;AACzC,IAAA5B;AAAA,MAAU,CAAC6B,MACTA,EAAK,IAAI,CAACpD,MACJA,EAAE,OAAOmD,IACJ;AAAA,QACL,GAAGnD;AAAA,QACH,WAAW,CAACA,EAAE;AAAA,MAAA,IAGXA,CACR;AAAA,IAAA;AAAA,EACH,GAGI0E,IAAa,CAACvB,GAAewB,IAAU,OAAU;AAC/C,UAAAC,IAAoBxD,EAAM,OAAO;AAAA,MACrC,CAACyD,MAAUlD,EAAM,kBAAkBkD;AAAA,IAAA,GAE/BC,IAAY1D,EAAM,OAAO,SAAS;AAExC,QAAI2D,IAAW;AACf,IAAIJ,IACSI,IAAAH,MAAsB,IAAIE,IAAYF,IAAoB,IAE1DG,IAAAH,MAAsBE,IAAY,IAAIF,IAAoB;AAEjE,UAAAI,IAAW5D,EAAM,OAAO2D,CAAQ;AACtC,IAAAxD;AAAA,MAAU,CAAC6B,MACTA,EAAK,IAAI,CAACpD,MACJA,EAAE,OAAOmD,IACJ;AAAA,QACL,GAAGnD;AAAA,QACH,OAAOgF;AAAA,MAAA,IAGJhF,CACR;AAAA,IAAA,GAEH4B,EAAS,EAAE,GAAGD,GAAO,eAAeqD,EAAU,CAAA;AAAA,EAAA,GAG1CC,IAAY,CAAC9B,MAAkB;AACzB,IAAA5B,EAAA,CAAC6B,MAASA,EAAK,OAAO,CAACpD,MAAMA,EAAE,OAAOmD,CAAK,CAAC;AAAA,EAAA,GAGlD+B,IAAW,CAAC/B,MAAkB;AACvB,IAAAzB,EAAA,CAAC0B,MAASA,EAAK,OAAO,CAACpD,MAAMA,EAAE,OAAOmD,CAAK,CAAC;AAAA,EAAA,GAGnDgC,IAAa,CAAChC,MAAkB;;AACpC,YAAOhB,IAAAV,EAAQ,KAAK,CAAC2D,MAAQA,EAAI,OAAOjC,CAAK,MAAtC,gBAAAhB,EAAyC;AAAA,EAAA,GAG5CkD,IAAS,CAAClC,MACP7B,EAAO,KAAK,CAAC8D,MAAQA,EAAI,OAAOjC,CAAK,GAGxCmC,IAAU,CAACnC,MAAmB;AAClC,QAAI,CAACA;AACI,aAAA7B,EAAO,CAAC,EAAE;AAEnB,UAAMiE,IAAejE,EAAO,UAAU,CAAC8D,MAAQA,EAAI,OAAOjC,CAAK;AAC3D,WAAAoC,MAAiBjE,EAAO,SAAS,IAC5BA,EAAO,CAAC,EAAE,KAEVA,EAAOiE,IAAe,CAAC,EAAE;AAAA,EAClC,GAGIC,IAAW,OAAKrD,IAAAH,EAAa,YAAb,gBAAAG,EAAsB,SAAS,eAAe,UAAS,IACvEsD,KAAkD,CAAC5F,MAAM;AAgCzD,QA/BAA,EAAE,SAAS,aACT8B,EAAM,aACRC,EAAS,EAAE,GAAGD,GAAO,YAAY,GAAO,CAAA,IAExCC,EAAS,EAAE,GAAGD,GAAO,aAAa,OAAW,CAAA,IAG7C9B,EAAE,SAAS,WACR8B,EAAM,aAGTC,EAAS,EAAE,GAAGD,GAAO,YAAY,GAAO,CAAA,IAFxCC,EAAS,EAAE,GAAGD,GAAO,YAAY,IAAM,aAAa,QAAW,IAK/D9B,EAAE,SAAS,UACb+B,EAAS,EAAE,GAAGD,GAAO,WAAW,CAACA,EAAM,WAAW,GAEhD9B,EAAE,SAAS,UACT8B,EAAM,eACR8C,EAAgB9C,EAAM,WAAW,GAGjC9B,EAAE,SAAS,UACT8B,EAAM,eACG+C,EAAA/C,EAAM,aAAa9B,EAAE,QAAQ,GAGxCA,EAAE,SAAS,YAAY8B,EAAM,gBAC/BsD,EAAUtD,EAAM,WAAW,GAC3BC,EAAS,EAAE,GAAGD,GAAO,aAAa,OAAW,CAAA,IAE3C9B,EAAE,SAAS,OAAO;AACd,YAAA6F,IAAOJ,EAAQ3D,EAAM,WAAW,GAChCyD,IAAMC,EAAOK,CAAI;AACd,MAAA9D,EAAA;AAAA,QACP,GAAGD;AAAA,QACH,aAAa+D;AAAA,QACb,gBAAeN,KAAA,gBAAAA,EAAK,UAASzD,EAAM;AAAA,MAAA,CACpC,GACD9B,EAAE,eAAe;AAAA,IACnB;AACI,IAAAA,EAAE,SAAS,WACbuB,EAAM,KAAKE,GAAQG,EAAQ,WAAW,GAAGL,EAAM,MAAM,GAEnDvB,EAAE,SAAS,WAAWA,EAAE,YAC1B+B,EAAS,EAAE,GAAGD,GAAO,UAAU,GAAM,CAAA,GAEnCA,EAAM,gBACJ9B,EAAE,SAAS,gBACTA,EAAE,WACJ2E,EAAU7C,EAAM,aAAa,GAAG,CAAC6D,CAAQ,IAEzCnB,EAAQ1C,EAAM,aAAa,GAAG,CAAC6D,CAAQ,IAGvC3F,EAAE,SAAS,iBACTA,EAAE,WACM2E,EAAA7C,EAAM,aAAa,GAAG6D,CAAQ,IAEhCnB,EAAA1C,EAAM,aAAa,GAAG6D,CAAQ,IAGtC3F,EAAE,SAAS,cACTA,EAAE,WACJ2E,EAAU7C,EAAM,aAAa,CAAC6D,GAAU,CAAC,IAEzCnB,EAAQ1C,EAAM,aAAa,CAAC6D,GAAU,CAAC,IAGvC3F,EAAE,SAAS,gBACTA,EAAE,WACM2E,EAAA7C,EAAM,aAAa6D,GAAU,CAAC,IAEhCnB,EAAA1C,EAAM,aAAa6D,GAAU,CAAC;AAAA,EAG5C,GAGIG,KAA8C,CAACC,MAAO;AACnD,IAAA3D,KAEPV;AAAA,MACEH,EAAM,YACH,OAAOA,EAAM,WAAW,EACxB,KAAK,CAACpB,GAAGoE,MAAMA,EAAE,IAAIA,EAAE,IAAIpE,EAAE,IAAIA,EAAE,CAAC;AAAA,IAAA,GAEzC0B,EAAWN,EAAM,eAAe,KAAK,CAACpB,GAAGoE,MAAMA,EAAE,IAAIA,EAAE,IAAIpE,EAAE,IAAIA,EAAE,CAAC,CAAC;AAAA,EAAA,GAGjE6F,KAAoD,MAAM;AAC9D,IAAAjE,EAAS,EAAE,GAAGD,GAAO,aAAa,GAAO,CAAA,GACzCJ;AAAA,MAAU,CAAC6B,MACTA,EAAK,IAAI,CAACpD,MACJA,EAAE,OAAO2B,EAAM,cACV;AAAA,QACL,GAAG3B;AAAA,QACH,OAAO2B,EAAM;AAAA,QACb,WAAWA,EAAM;AAAA,MAAA,IAGd3B,CACR;AAAA,IAAA;AAAA,EACH,GAGI8F,KAAgB,MAAM;AAC1B,IAAAlE,EAAS,EAAE,GAAGD,GAAO,aAAa,GAAO,CAAA,GAC/BJ,EAAA,CAAC6B,MAASA,EAAK,OAAO,CAACpD,MAAMA,EAAE,KAAK,CAAC;AAAA,EAAA,GAG3C+F,IAAgBpE,EAAM,YAAY,IAAI;AAE5C,SAEI,gBAAAqE,EAAAC,IAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,IAAiB,EAAA,KAAKnE,GAAc,UAAUL,EAAM,cAAcA,EAAM,aAAa,UAAU,KAC7F,UAAA,CAAC,EAAE,QAAAyE,GAAQ,SAAAC,QACV,gBAAAL;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,WAAAP;AAAA,QACA,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAO,EAAA,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,YAAA,gBAAAE,EAAC,SAAI,WAAU,gBACb,4BAAC,UAAO,EAAA,MAAK,UAAS,SAAS9E,EAAM,MACnC,UAAA,gBAAA8E,EAACI,KAAO,WAAS,IAAC,IAAE,IAAC,UAAA,QAErB,GACF,EACF,CAAA;AAAA,YACA,gBAAAN,EAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,cAAA,gBAAAE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM;AACL,oBAAAG;kBACV;AAAA,kBAEA,4BAACC,GACC,EAAA,UAAA,gBAAAJ;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,OAAM;AAAA,sBACN,WAAU;AAAA,sBACV,MAAK;AAAA,sBACL,SAAQ;AAAA,sBACR,QAAO;AAAA,sBAEP,UAAA,gBAAAA;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,eAAc;AAAA,0BACd,gBAAe;AAAA,0BACf,aAAY;AAAA,0BACZ,GAAE;AAAA,wBAAA;AAAA,sBACJ;AAAA,oBAAA;AAAA,kBAAA,GAEJ;AAAA,gBAAA;AAAA,cACF;AAAA,cACA,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM;AACN,oBAAAE;kBACT;AAAA,kBAEA,4BAACE,GACC,EAAA,UAAA,gBAAAJ;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,OAAM;AAAA,sBACN,WAAU;AAAA,sBACV,MAAK;AAAA,sBACL,SAAQ;AAAA,sBACR,QAAO;AAAA,sBAEP,UAAA,gBAAAA;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,eAAc;AAAA,0BACd,gBAAe;AAAA,0BACf,aAAY;AAAA,0BACZ,GAAE;AAAA,wBAAA;AAAA,sBACJ;AAAA,oBAAA;AAAA,kBAAA,GAEJ;AAAA,gBAAA;AAAA,cACF;AAAA,cACC,gBAAAA,EAAA,UAAA,EAAO,MAAK,UAAS,SAASjC,GAC7B,UAAC,gBAAAiC,EAAAI,GAAA,EAAO,WAAS,IAAC,IAAE,IAAC,oBAErB,CAAA,GACF;AAAA,YAAA,GACF;AAAA,YACA,gBAAAN,EAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,cAAA,gBAAAE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAM;AACb,oBAAAtE,EAAS,EAAE,GAAGD,GAAO,YAAY,GAAM,CAAA;AAAA,kBACzC;AAAA,kBAEA,UAAC,gBAAAuE,EAAAI,GAAA,EAAO,IAAE,IAAC,UAAiB,iBAAA;AAAA,gBAAA;AAAA,cAC9B;AAAA,cACA,gBAAAJ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAM;AACb,oBAAA9E,EAAM,KAAKE,GAAQG,EAAQ,WAAW,GAAG,CAAA,CAAE;AAAA,kBAC7C;AAAA,kBAEA,4BAAC6E,GAAO,EAAA,OAAK,IAAC,IAAE,IAAC,UAEjB,QAAA;AAAA,gBAAA;AAAA,cACF;AAAA,cACA,gBAAAJ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAM;AACb,oBAAAtE,EAAS,EAAE,GAAGD,GAAO,YAAY,GAAM,CAAA;AAAA,kBACzC;AAAA,kBAEA,4BAAC2E,GAAO,EAAA,KAAG,IAAC,IAAE,IAAC,UAEf,UAAA;AAAA,gBAAA;AAAA,cACF;AAAA,cACA,gBAAAJ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAM;AACb,oBAAAtE,EAAS,EAAE,GAAGD,GAAO,UAAU,GAAM,CAAA;AAAA,kBACvC;AAAA,kBAEA,4BAAC2E,GAAO,EAAA,IAAE,IAAC,WAAS,IAAC,UAErB,KAAA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA,GACF;AAAA,UAAA,GACF;AAAA,UACA,gBAAAJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKnE;AAAA,cACL,WAAU;AAAA,cAEV,4BAACwE,IACC,EAAA,UAAA,gBAAAP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,aAAA1C;AAAA,kBACA,WAAAG;AAAA,kBACA,aAAAO;AAAA,kBAGA,UAAA;AAAA,oBAAA,gBAAAkC;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,KAAArE;AAAA,wBACA,WAAU;AAAA,wBACV,KAAI;AAAA,wBACJ,KAAKT,EAAM;AAAA,wBACX,QAAAuE;AAAA,wBACA,OAAO;AAAA,0BACL,OAAOhE,EAAM;AAAA,0BACb,QAAQA,EAAM;AAAA,wBAChB;AAAA,sBAAA;AAAA,oBACF;AAAA,oBACCF,EAAQ,IAAI,CAAC2D;;AACZ,6CAAAc;AAAA,wBAACM;AAAA,wBAAA;AAAA,0BACC,MAAMC,EAAgB;AAAA,0BACtB,OAAOrB,EAAI,SAAS;AAAA,0BAEpB,QAAQA,EAAI,OAAOzD,EAAM,cAAc,IAAIoE;AAAA,0BAC3C,GAAGX,EAAI,IAAIzD,EAAM;AAAA,0BACjB,GAAGyD,EAAI,IAAIzD,EAAM;AAAA,0BACjB,GAAGyD,EAAI,IAAIzD,EAAM;AAAA,0BACjB,GAAGyD,EAAI,IAAIzD,EAAM;AAAA,0BACjB,eAAcQ,IAAAH,EAAa,YAAb,gBAAAG,EAAsB,SAAS,eAAe;AAAA,0BAC5D,UAAUiD,EAAI,OAAOzD,EAAM;AAAA,0BAC3B,aAAa,CAAC9B,MAAuC;AAC/C,4BAAC8B,EAAM,eACTuC,EAAYkB,EAAI,EAAE,GAClBvF,EAAE,gBAAgB;AAAA,0BAEtB;AAAA,0BACA,eAAe,MAAM;AACV,4BAAA+B,EAAA;AAAA,8BACP,GAAGD;AAAA,8BACH,gCAAgC;AAAA,4BAAA,CACjC;AAAA,0BACH;AAAA,wBAAA;AAAA,wBAnBKyD,EAAI;AAAA,sBAAA;AAAA,qBAqBZ;AAAA,oBACA9D,EAAO,IAAI,CAAC8D;;AACX,6CAAAc;AAAA,wBAACM;AAAA,wBAAA;AAAA,0BACC,MACEpB,EAAI,aACAqB,EAAgB,aAChBA,EAAgB;AAAA,0BAEtB,OAAOrB,EAAI,SAAS;AAAA,0BACpB,WAAWA,EAAI;AAAA,0BAEf,QAAQA,EAAI,OAAOzD,EAAM,cAAc,IAAIoE;AAAA,0BAC3C,GAAGX,EAAI,IAAIzD,EAAM;AAAA,0BACjB,GAAGyD,EAAI,IAAIzD,EAAM;AAAA,0BACjB,GAAGyD,EAAI,IAAIzD,EAAM;AAAA,0BACjB,GAAGyD,EAAI,IAAIzD,EAAM;AAAA,0BACjB,eAAcQ,IAAAH,EAAa,YAAb,gBAAAG,EAAsB,SAAS,eAAe;AAAA,0BAC5D,UAAUiD,EAAI,OAAOzD,EAAM;AAAA,0BAC3B,aAAa,CAAC9B,MAAuC;AAC/C,4BAAC8B,EAAM,eACTuC,EAAYkB,EAAI,EAAE,GAClBvF,EAAE,gBAAgB;AAAA,0BAEtB;AAAA,0BACA,YAAY,CAAC+F,GAAIrF,MAAM;AACV,4BAAA8C,EAAA9C,GAAG6E,EAAI,EAAE;AAAA,0BACtB;AAAA,0BACA,cAAc,CAACQ,GAAInD,GAAIxC,GAAgByG,GAAQjG,MAAM;AACtC,4BAAAuC,EAAA/C,GAAGQ,GAAG2E,EAAI,EAAE;AAAA,0BAC3B;AAAA,0BACA,eAAe,MAAM;AACnB,4BAAAH,EAAUG,EAAI,EAAE;AAAA,0BAClB;AAAA,0BACA,aAAa,MAAM;AACjB,4BAAAxD,EAAS,EAAE,GAAGD,GAAO,aAAa,GAAM,CAAA;AAAA,0BAC1C;AAAA,wBAAA;AAAA,wBAzBKyD,EAAI;AAAA,sBAAA;AAAA,qBA2BZ;AAAA,oBACD,gBAAAc;AAAA,sBAACS;AAAA,sBAAA;AAAA,wBACC,WAAW,2BAA4BhF,EAAM,cAAc,CAACA,EAAM,cAAe,SAAS,OAAO;AAAA,wBACjG,MAAMA,EAAM,cAAc,CAACA,EAAM;AAAA,sBAAA;AAAA,oBACnC;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA,GAEJ;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAGN;AAAA,IACA,gBAAAuE;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAMjF,EAAM;AAAA,QACZ,YAAW;AAAA,QACX,QACE,gBAAAuE,EAAC,UAAO,EAAA,MAAK,UAAS,SAASL,IAC7B,UAAC,gBAAAK,EAAAI,GAAA,EAAO,IAAE,IAAC,OAAK,IAAC,iBAEjB,CAAA,GACF;AAAA,QAEF,cAAcR;AAAA,QAEd,UAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,UAAA,gBAAAE,EAAC,OACC,EAAA,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAOvE,EAAM;AAAA,cACb,UAAU,CAAC9B,MAAM;AACf,gBAAA+B,EAAS,EAAE,GAAGD,GAAO,eAAe9B,EAAE,OAAO,OAAO;AAAA,cACtD;AAAA,cAEC,UAAAuB,EAAM,OAAO,IAAI,CAAClB,MAChB,gBAAAgG,EAAA,UAAA,EAAe,OAAOhG,GACpB,UADUA,EAAA,GAAAA,CAEb,CACD;AAAA,YAAA;AAAA,UAAA,GAEL;AAAA,UACA,gBAAA8F,EAAC,OAAI,EAAA,WAAU,qBACb,UAAA;AAAA,YAAA,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAASvE,EAAM;AAAA,gBACf,UAAU,CAAC9B,MAAM;AACf,kBAAA+B,EAAS,EAAE,GAAGD,GAAO,WAAW9B,EAAE,OAAO,SAAS;AAAA,gBACpD;AAAA,cAAA;AAAA,YACF;AAAA,8BACC,SAAM,EAAA,SAAQ,aAAY,WAAU,QAAO,UAE5C,cAAA;AAAA,UAAA,GACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAqG;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAMlF,EAAM;AAAA,QACZ,aAAa,MAAM;AACjB,UAAAC,EAAS,EAAE,GAAGD,GAAO,UAAU,GAAO,CAAA;AAAA,QACxC;AAAA,QAEA,UAAA,gBAAAuE,EAAC,OAAI,EAAA,WAAU,0DACZ,UAAA7E,EAAU,IAAI,CAACV,MACbsF,gBAAAA,EAAAA,IAAA,EACC,UAAA;AAAA,UAAC,gBAAAC,EAAA,OAAA,EAAK,YAAE,OAAO,CAAA;AAAA,UACf,gBAAAA,EAAC,SAAI,WAAU,oBACZ,YAAE,MACA,IAAqB,CAACtG,MACrB,gBAAAsG;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAU;AAAA,cAET,UAAAtG;AAAA,YAAA;AAAA,YAHIA;AAAA,UAAA,CAKR,EACA,OAAO,CAACwD,GAAM0D,MAAS,CAAC1D,GAAM,OAAO0D,CAAI,CAAC,GAC/C;AAAA,QAba,EAAA,GAAAnG,EAAE,MAcjB,CACD,GACH;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAuF;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,cAAc,MAAM;AAClB,UAAAnF,EAAS,EAAE,GAAGD,GAAO,YAAY,GAAO,CAAA;AAAA,QAC1C;AAAA,QACA,MAAMA,EAAM;AAAA,QACZ,YAAW;AAAA,QACX,QACE,gBAAAuE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM;AACb,cAAA9E,EAAM,KAAKE,GAAQG,EAAQ,WAAW,GAAGL,EAAM,MAAM,GACrDQ,EAAS,EAAE,GAAGD,GAAO,YAAY,GAAO,CAAA;AAAA,YAC1C;AAAA,YAEA,4BAAC2E,GAAO,EAAA,IAAE,IAAC,OAAK,IAAC,UAEjB,gCAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAGF,4BAAC,OAAI,EAAA,WAAU,kBACZ,UAAAlF,EAAM,OAAO,IAAI,CAAClB,MACjB,gBAAAgG,EAAC,SAAI,WAAU,6CAAqD,UAAJhG,EAAA,GAAAA,CAAM,CACvE,GACH;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAgG;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,cAAc,MAAM;AAClB,UAAAnF,EAAS,EAAE,GAAGD,GAAO,YAAY,GAAO,CAAA;AAAA,QAC1C;AAAA,QACA,MAAMA,EAAM;AAAA,QACZ,YAAW;AAAA,QACX,QACE,gBAAAuE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM;AACb,cAAA9E,EAAM,OAAO,GACbQ,EAAS,EAAE,GAAGD,GAAO,YAAY,GAAO,CAAA;AAAA,YAC1C;AAAA,YAEA,4BAAC2E,GAAO,EAAA,IAAE,IAAC,KAAG,IAAC,UAEf,2BAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACA,gBAAAJ;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,cAAc,MAAM;AAClB,UAAAnF,EAAS,EAAE,GAAGD,GAAO,gCAAgC,GAAO,CAAA;AAAA,QAC9D;AAAA,QACA,MAAMA,EAAM;AAAA,QACZ,YAAW;AAAA,QACX,QACE,gBAAAuE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM;AACb,cAAIvE,EAAM,eACRuD,EAASvD,EAAM,WAAW,GAEnBC,EAAA;AAAA,gBACP,GAAGD;AAAA,gBACH,gCAAgC;AAAA,gBAChC,aAAa;AAAA,cAAA,CACd;AAAA,YACH;AAAA,YAEA,UAAC,gBAAAqE,EAAAM,GAAA,EAAO,IAAE,IAAC,KAAG,IAAC,UAAA;AAAA,cAAA;AAAA,cAC4B;AAAA,cACxC3E,EAAM,cAAcwD,EAAWxD,EAAM,WAAW,IAAI;AAAA,YAAA,GACvD;AAAA,UAAA;AAAA,QACF;AAAA,QAGF,UAAA,gBAAAuE,EAAC,OAAE,UAGH,0IAAA,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"ImageAnnotator.js","sources":["../../node_modules/use-debounce/dist/index.module.js","../../src/components/ImageAnnotator.tsx"],"sourcesContent":["import{useRef as r,useEffect as n,useMemo as t,useReducer as e,useCallback as u}from\"react\";function c(e,u,c){var i=this,a=r(null),o=r(0),f=r(null),l=r([]),v=r(),m=r(),d=r(e),g=r(!0);d.current=e;var p=\"undefined\"!=typeof window,w=!u&&0!==u&&p;if(\"function\"!=typeof e)throw new TypeError(\"Expected a function\");u=+u||0;var s=!!(c=c||{}).leading,x=!(\"trailing\"in c)||!!c.trailing,h=\"maxWait\"in c,y=\"debounceOnServer\"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;n(function(){return g.current=!0,function(){g.current=!1}},[]);var A=t(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n)},t=function(r){if(!g.current)return!1;var n=r-a.current;return!a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f)}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null},A.isPending=function(){return!!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i(r,n){return r===n}function a(r,n){return n}function o(n,t,o){var f=o&&o.equalityFn||i,l=e(a,n),v=l[0],m=l[1],d=c(u(function(r){return m(r)},[m]),t,o),g=r(n);return f(g.current,n)||(d(n),g.current=n),[v,d]}function f(r,n,t){var e=void 0===t?{}:t,u=e.leading,i=e.trailing;return c(r,n,{maxWait:n,leading:void 0===u||u,trailing:void 0===i||i})}export{o as useDebounce,c as useDebouncedCallback,f as useThrottledCallback};\n//# sourceMappingURL=index.module.js.map\n","import {\n  useState,\n  useRef,\n  MouseEventHandler,\n  KeyboardEventHandler,\n  ReactEventHandler,\n  Fragment,\n  useEffect,\n} from \"react\";\n\nimport { Position, DraggableData } from \"react-rnd\";\n\nimport { Button } from \"./Button\";\nimport { Crosshairs } from \"./Crosshairs\";\nimport { InfoDialog } from \"./InfoDialog\";\nimport { LabelDialog } from \"./LabelDialog\";\nimport { VerifyDialog } from \"./VerifyDialog\";\nimport { BoundingBox, BoundingBoxType } from \"./BoundingBox\";\nimport { Annotation } from \"../types/Annotation\";\nimport { FalsePositive } from \"../types/FalsePositive\";\nimport { ReactZoomPanPinchRef, TransformComponent, TransformWrapper } from \"react-zoom-pan-pinch\";\nimport { useDebouncedCallback } from \"use-debounce\";\n\ninterface EditorState {\n  createMode: boolean;\n  drawingMode: boolean;\n  showBoxes: boolean;\n  drawStartX: number;\n  drawStartY: number;\n  selectedBox?: string;\n  showLabeler: boolean;\n  selectedLabel: string;\n  difficult: boolean;\n  height: number;\n  width: number;\n  showHelp: boolean;\n  showVerify: boolean;\n  showDelete: boolean;\n  showTutorial: boolean;\n  showConfirmDeleteFalsePositive: boolean;\n}\n\ninterface IImageAnnotationProps {\n  annotations: Annotation[];\n  suggestions: Annotation[];\n  falsePositives: FalsePositive[];\n  nextImage: () => void;\n  save: (\n    annotations: Annotation[],\n    reviewedSuggestions: string[],\n    deleteFalsePositive: boolean,\n    verified: string[],\n  ) => void;\n  delete: () => void;\n  back: () => void;\n  imageUrl: string;\n  labels: string[];\n  userAnnotationCount: number;\n}\n\n/**\n * A image annotation component.\n * @component\n * @params props - Component props.\n * @param props.annotations - Bounding boxes\n * @param props.save - Callback for the save button.\n */\nconst ImageAnnotator = (props: IImageAnnotationProps) => {\n  const shortcuts = [\n    { codes: [\"?\"], action: \"Shortcut help\" },\n    { codes: [\"w\"], action: \"Add Box\" },\n    { codes: [\"d\"], action: \"Mark Difficult\" },\n    { codes: [\"s\"], action: \"Cycle Label\" },\n    { codes: [\"Tab\"], action: \"Select Next Box\" },\n    { codes: [\"Del\"], action: \"Delete Box\" },\n    { codes: [\"Esc\"], action: \"Deselect/Cancel\" },\n    { codes: [\"← ↑ → ↓\"], action: \"Move Box\" },\n    { codes: [\"Shift\", \"← ↑ → ↓\"], action: \"Resize Box\" },\n    { codes: [\"f\"], action: \"Toggle Unselected Boxes\" },\n    { codes: [\"Spacebar\"], action: \"Verify and Save\" },\n  ];\n\n  const [bboxes, setBBoxes] = useState<Annotation[]>([]);\n\n  const [fpboxes, setFPBoxes] = useState<FalsePositive[]>([]);\n\n  const [state, setState] = useState<EditorState>({\n    createMode: false,\n    drawingMode: false,\n    showBoxes: true,\n    showLabeler: false,\n    showHelp: false,\n    showVerify: false,\n    showDelete: false,\n    showConfirmDeleteFalsePositive: false,\n    showTutorial: props.userAnnotationCount === 0,\n    drawStartX: 0,\n    drawStartY: 0,\n    selectedLabel: props.labels[0],\n    difficult: false,\n    width: 1,\n    height: 1,\n  });\n\n  const ref = useRef<HTMLImageElement>(null);\n\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  const transformRef = useRef<ReactZoomPanPinchRef>(null);\n\n  const resize = () => {\n    const naturalHeight = ref.current?.naturalHeight ?? 1;\n    const naturalWidth = ref.current?.naturalWidth ?? 1;\n    const aspectRatio = naturalWidth/naturalHeight;\n\n    const editorHeight = editorRef.current?.clientHeight ?? 0;\n    const editorWidth = editorRef.current?.clientWidth ?? 0;\n\n    const maxHeight = editorHeight - 5;\n    const maxWidth = editorWidth - 5;\n    const desiredWidth = maxHeight * aspectRatio;\n    \n    // if too wide when max height, then use maxWidth\n    if (desiredWidth > maxWidth) {\n      setState({\n        ...state,\n        width: maxWidth,\n        height: Math.round(maxWidth/aspectRatio),\n      });\n    } else {\n      setState({\n        ...state,\n        width: desiredWidth,\n        height: Math.round(desiredWidth/aspectRatio),\n      })\n    }\n  }\n\n  const handleResize = useDebouncedCallback(() => {\n    resize()\n  }, 200);\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n    editorRef.current?.parentElement?.focus();\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, [handleResize]);\n  \n  const onResizeStop = (\n    elem: HTMLElement,\n    position: Position,\n    boxId: string,\n  ) => {\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === boxId) {\n          return {\n            ...a,\n            x: position.x / state.width,\n            y: position.y / state.height,\n            w: elem.offsetWidth / state.width,\n            h: elem.offsetHeight / state.height,\n          };\n        }\n        return a;\n      }),\n    );\n  };\n  const onDragStop = (d: DraggableData, boxId: string) => {\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === boxId) {\n          return {\n            ...a,\n            x: d.x / state.width,\n            y: d.y / state.height,\n          };\n        }\n        return a;\n      }),\n    );\n  };\n\n  const onMouseDown: MouseEventHandler<HTMLImageElement> = (e) => {\n    if (state.createMode) {\n      const scale = transformRef.current?.instance.transformState.scale ?? 1;\n      const bounds = ref.current?.getBoundingClientRect();\n      const x =\n        (e.clientX - (bounds?.left ?? 0)) / scale /\n        state.width;\n      const y =\n        (e.clientY - (bounds?.top ?? 0)) / scale /\n        state.height;\n\n      setState({\n        ...state,\n        drawingMode: true,\n        drawStartX: x,\n        drawStartY: y,\n        selectedBox: \"draft\",\n      });\n      setBBoxes((prev) => [\n        ...prev,\n        {\n          id: \"draft\",\n          x,\n          y,\n          w: 0.0,\n          h: 0.0,\n        },\n      ]);\n    } else {\n      setState({ ...state, selectedBox: undefined });\n    }\n  };\n\n  const onMouseUp: MouseEventHandler<HTMLImageElement> = (e) => {\n    if (state.drawingMode) {\n      const newId = Date.now().toString();\n      setState({\n        ...state,\n        drawingMode: false,\n        createMode: false,\n        selectedBox: newId,\n      });\n      setBBoxes((prev) =>\n        prev.reduce<Annotation[]>((out, a) => {\n          if (a.id === \"draft\") {\n            const scale = transformRef.current?.instance.transformState.scale ?? 1;\n            const bounds = ref.current?.getBoundingClientRect();\n            const x =\n              (e.clientX - (bounds?.left ?? 0)) / scale /\n              state.width;\n            const y =\n              (e.clientY - (bounds?.top ?? 0)) / scale /\n              state.height;\n\n            if (\n              Math.min(\n                Math.abs(state.drawStartX - x),\n                Math.abs(state.drawStartY - y),\n              ) > 0.001\n            ) {\n              let left = Math.min(state.drawStartX, x);\n              let top = Math.min(state.drawStartY, y);\n              let width = Math.abs(state.drawStartX - x);\n              let height = Math.abs(state.drawStartY - y);\n              if (left < 0) {\n                width -= Math.abs(left);\n                left = 0;\n              }\n              if (top < 0) {\n                height -= Math.abs(top);\n                top = 0;\n              }\n              out.push({\n                ...a,\n                id: newId,\n                label: state.selectedLabel,\n                difficult: false,\n                x: left,\n                y: top,\n                w: Math.min(1.0 - left, width),\n                h: Math.min(1.0 - top, height),\n              });\n            }\n          } else {\n            out.push(a);\n          }\n          return out;\n        }, []),\n      );\n    }\n  };\n\n  const onMouseMove: MouseEventHandler<HTMLImageElement> = (e) => {\n    if (state.drawingMode) {\n      setBBoxes((prev) =>\n        prev.map((a) => {\n          if (a.id === \"draft\") {\n            const scale = transformRef.current?.instance.transformState.scale ?? 1;\n            const bounds = ref.current?.getBoundingClientRect();\n            const x =\n              (e.pageX - (bounds?.left ?? 0)) / scale /\n              state.width;\n            const y =\n              (e.pageY - (bounds?.top ?? 0)) / scale /\n              state.height;\n\n            return {\n              ...a,\n              x: Math.min(state.drawStartX, x),\n              y: Math.min(state.drawStartY, y),\n              w: Math.abs(state.drawStartX - x),\n              h: Math.abs(state.drawStartY - y),\n            };\n          }\n          return a;\n        }),\n      );\n    }\n  };\n\n  const clickCreate: MouseEventHandler<HTMLButtonElement> = () => {\n    setState({ ...state, createMode: !state.createMode });\n  };\n\n  const onClickBBox = (boxId: string) => {\n    const selectedBox = bboxes.find((b) => b.id === boxId);\n    setState({\n      ...state,\n      selectedBox: boxId,\n      selectedLabel: selectedBox?.label ?? state.selectedLabel,\n      difficult: selectedBox?.difficult ?? state.difficult,\n    });\n  };\n\n  const moveBox = (boxId: string, vertical: number, horizontal: number) => {\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === boxId) {\n          return {\n            ...a,\n            x: Math.min(\n              1.0 - a.w,\n              Math.max(0.0, a.x + horizontal / state.width),\n            ),\n            y: Math.min(\n              1.0 - a.h,\n              Math.max(0.0, a.y + vertical / state.height),\n            ),\n          };\n        }\n        return a;\n      }),\n    );\n  };\n\n  const resizeBox = (boxId: string, vertical: number, horizontal: number) => {\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === boxId) {\n          return {\n            ...a,\n            w: Math.min(1.0 - a.x, a.w + horizontal / state.width),\n            h: Math.min(1.0 - a.y, a.h + vertical / state.height),\n          };\n        }\n        return a;\n      }),\n    );\n  };\n\n  const toggleDifficult = (boxId: string) => {\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === boxId) {\n          return {\n            ...a,\n            difficult: !a.difficult,\n          };\n        }\n        return a;\n      }),\n    );\n  };\n\n  const cycleLabel = (boxId: string, reverse = false) => {\n    const currentLabelIndex = props.labels.findIndex(\n      (label) => state.selectedLabel === label,\n    );\n    const lastIndex = props.labels.length - 1;\n\n    let newIndex = 0;\n    if (reverse) {\n      newIndex = currentLabelIndex === 0 ? lastIndex : currentLabelIndex - 1;\n    } else {\n      newIndex = currentLabelIndex === lastIndex ? 0 : currentLabelIndex + 1;\n    }\n    const newLabel = props.labels[newIndex];\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === boxId) {\n          return {\n            ...a,\n            label: newLabel,\n          };\n        }\n        return a;\n      }),\n    );\n    setState({ ...state, selectedLabel: newLabel });\n  };\n\n  const deleteBox = (boxId: string) => {\n    setBBoxes((prev) => prev.filter((a) => a.id !== boxId));\n  };\n\n  const deleteFP = (boxId: string) => {\n    setFPBoxes((prev) => prev.filter((a) => a.id !== boxId));\n  };\n\n  const getFPLabel = (boxId: string) => {\n    return fpboxes.find((box) => box.id === boxId)?.label;\n  };\n\n  const getBox = (boxId: string) => {\n    return bboxes.find((box) => box.id === boxId);\n  };\n\n  const nextBox = (boxId?: string) => {\n    if (!boxId) {\n      return bboxes[0].id;\n    }\n    const currentIndex = bboxes.findIndex((box) => box.id === boxId);\n    if (currentIndex === bboxes.length - 1) {\n      return bboxes[0].id;\n    } else {\n      return bboxes[currentIndex + 1].id;\n    }\n  };\n\n  const stepSize = 5 / (transformRef.current?.instance.transformState.scale ?? 1);\n  const onKeyDown: KeyboardEventHandler<HTMLDivElement> = (e) => {\n    if (e.code === \"Escape\") {\n      if (state.createMode) {\n        setState({ ...state, createMode: false });\n      } else {\n        setState({ ...state, selectedBox: undefined });\n      }\n    }\n    if (e.code === \"KeyW\") {\n      if (!state.createMode) {\n        setState({ ...state, createMode: true, selectedBox: undefined });\n      } else {\n        setState({ ...state, createMode: false });\n      }\n    }\n    if (e.code === \"KeyF\") {\n      setState({ ...state, showBoxes: !state.showBoxes });\n    }\n    if (e.code === \"KeyD\") {\n      if (state.selectedBox) {\n        toggleDifficult(state.selectedBox);\n      }\n    }\n    if (e.code === \"KeyS\") {\n      if (state.selectedBox) {\n        cycleLabel(state.selectedBox, e.shiftKey);\n      }\n    }\n    if (e.code === \"Delete\" && state.selectedBox) {\n      deleteBox(state.selectedBox);\n      setState({ ...state, selectedBox: undefined });\n    }\n    if (e.code === \"Tab\") {\n      const next = nextBox(state.selectedBox);\n      const box = getBox(next);\n      setState({\n        ...state,\n        selectedBox: next,\n        selectedLabel: box?.label ?? state.selectedLabel,\n      });\n      e.preventDefault();\n    }\n    if (e.code === \"Space\") {\n      save(true);\n    }\n    if (e.code === \"Slash\" && e.shiftKey) {\n      setState({ ...state, showHelp: true });\n    }\n    if (state.selectedBox) {\n      if (e.code === \"ArrowLeft\") {\n        if (e.shiftKey) {\n          resizeBox(state.selectedBox, 0, -stepSize);\n        } else {\n          moveBox(state.selectedBox, 0, -stepSize);\n        }\n      }\n      if (e.code === \"ArrowRight\") {\n        if (e.shiftKey) {\n          resizeBox(state.selectedBox, 0, stepSize);\n        } else {\n          moveBox(state.selectedBox, 0, stepSize);\n        }\n      }\n      if (e.code === \"ArrowUp\") {\n        if (e.shiftKey) {\n          resizeBox(state.selectedBox, -stepSize, 0);\n        } else {\n          moveBox(state.selectedBox, -stepSize, 0);\n        }\n      }\n      if (e.code === \"ArrowDown\") {\n        if (e.shiftKey) {\n          resizeBox(state.selectedBox, stepSize, 0);\n        } else {\n          moveBox(state.selectedBox, stepSize, 0);\n        }\n      }\n    }\n  };\n\n  const onLoad: ReactEventHandler<HTMLImageElement> = (_e) => {\n    resize();\n\n    setBBoxes(\n      props.annotations\n        .concat(props.suggestions)\n        .sort((a, b) => b.w * b.h - a.w * a.h),\n    );\n    setFPBoxes(props.falsePositives.sort((a, b) => b.w * b.h - a.w * a.h));\n  };\n\n  const onSaveLabel: MouseEventHandler<HTMLButtonElement> = () => {\n    setState({ ...state, showLabeler: false });\n    setBBoxes((prev) =>\n      prev.map((a) => {\n        if (a.id === state.selectedBox) {\n          return {\n            ...a,\n            label: state.selectedLabel,\n            difficult: state.difficult,\n          };\n        }\n        return a;\n      }),\n    );\n  };\n\n  const onCancelLabel = () => {\n    setState({ ...state, showLabeler: false });\n    setBBoxes((prev) => prev.filter((a) => a.label));\n  };\n  \n  const save = (verified: boolean) => {\n    props.save(bboxes, props.suggestions.map((s) => s.id), fpboxes.length === 0, verified ? props.labels : []);\n  }\n\n  const defaultZIndex = state.showBoxes ? 0 : -1;\n\n  return (\n    <>\n      <TransformWrapper ref={transformRef} disabled={state.createMode || state.drawingMode} minScale={0.9}>\n        {({ zoomIn, zoomOut }) => (\n          <div\n            className=\"flex h-screen min-w-[600px] flex-col bg-slate-900\"\n            onKeyDown={onKeyDown}\n            tabIndex={0}\n          >\n            <div className=\"flex flex-initial bg-slate-300 p-1\">\n              <div className=\"flex-initial\">\n                <button type=\"button\" onClick={props.back}>\n                  <Button secondary sm>\n                    Back\n                  </Button>\n                </button>\n              </div>\n              <div className=\"flex flex-auto justify-center\">\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    zoomOut();\n                  }}\n                >\n                  <Button>\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      className=\"h-6 w-6\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth=\"2\"\n                        d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7\"\n                      />\n                    </svg>\n                  </Button>\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    zoomIn();\n                  }}\n                >\n                  <Button>\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      className=\"h-6 w-6\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth=\"2\"\n                        d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\n                      />\n                    </svg>\n                  </Button>\n                </button>\n                <button type=\"button\" onClick={clickCreate}>\n                  <Button secondary sm>\n                    Add (w)\n                  </Button>\n                </button>\n              </div>\n              <div className=\"flex-initial\">\n                <button\n                  onClick={() => {\n                    setState({ ...state, showVerify: true });\n                  }}\n                >\n                  <Button sm>Verify &amp; Save</Button>\n                </button>\n                <button\n                  onClick={() => {\n                    save(false);\n                  }}\n                >\n                  <Button green sm>\n                    Save\n                  </Button>\n                </button>\n                <button\n                  onClick={() => {\n                    setState({ ...state, showDelete: true });\n                  }}\n                >\n                  <Button red sm>\n                    Delete\n                  </Button>\n                </button>\n                <button\n                  onClick={() => {\n                    setState({ ...state, showHelp: true });\n                  }}\n                >\n                  <Button sm secondary>\n                    ?\n                  </Button>\n                </button>\n              </div>\n            </div>\n            <div\n              ref={editorRef}\n              className=\"grid flex-auto place-content-center\"\n            >\n              <TransformComponent>\n                <div\n                  className=\"grid place-content-center\"\n                  onMouseDown={onMouseDown}\n                  onMouseUp={onMouseUp}\n                  onMouseMove={onMouseMove}\n                  \n                >\n                  <img\n                    ref={ref}\n                    className=\"col-start-1 row-start-1 h-full w-full\"\n                    alt=\"annotate\"\n                    src={props.imageUrl}\n                    onLoad={onLoad}\n                    style={{\n                      width: state.width,\n                      height: state.height,\n                    }}\n                  />\n                  {fpboxes.map((box) => (\n                    <BoundingBox\n                      type={BoundingBoxType.falsePositive}\n                      label={box.label ?? \"\"}\n                      key={box.id}\n                      zIndex={box.id === state.selectedBox ? 1 : defaultZIndex}\n                      x={box.x * state.width}\n                      y={box.y * state.height}\n                      w={box.w * state.width}\n                      h={box.h * state.height}\n                      initialScale={transformRef.current?.instance.transformState.scale}\n                      selected={box.id === state.selectedBox}\n                      onMouseDown={(e: { stopPropagation: () => void }) => {\n                        if (!state.createMode) {\n                          onClickBBox(box.id);\n                          e.stopPropagation();\n                        }\n                      }}\n                      onClickDelete={() => {\n                        setState({\n                          ...state,\n                          showConfirmDeleteFalsePositive: true,\n                        });\n                      }}\n                    />\n                  ))}\n                  {bboxes.map((box) => (\n                    <BoundingBox\n                      type={\n                        box.suggestion\n                          ? BoundingBoxType.suggestion\n                          : BoundingBoxType.truePositive\n                      }\n                      label={box.label ?? \"\"}\n                      difficult={box.difficult}\n                      key={box.id}\n                      zIndex={box.id === state.selectedBox ? 1 : defaultZIndex}\n                      x={box.x * state.width}\n                      y={box.y * state.height}\n                      w={box.w * state.width}\n                      h={box.h * state.height}\n                      initialScale={transformRef.current?.instance.transformState.scale}\n                      selected={box.id === state.selectedBox}\n                      onMouseDown={(e: { stopPropagation: () => void }) => {\n                        if (!state.createMode) {\n                          onClickBBox(box.id);\n                          e.stopPropagation();\n                        }\n                      }}\n                      onDragStop={(_e, d) => {\n                        onDragStop(d, box.id);\n                      }}\n                      onResizeStop={(_e, _d, r: HTMLElement, _delta, p) => {\n                        onResizeStop(r, p, box.id);\n                      }}\n                      onClickDelete={() => {\n                        deleteBox(box.id);\n                      }}\n                      onClickEdit={() => {\n                        setState({ ...state, showLabeler: true });\n                      }}\n                    />\n                  ))}\n                  <Crosshairs\n                    className={`col-start-1 row-start-1 ${(state.createMode && !state.drawingMode) ? 'z-10' : '-z-10'}`}\n                    show={state.createMode && !state.drawingMode}\n                  />\n                </div>\n              </TransformComponent>\n            </div>\n          </div>\n        )}\n      </TransformWrapper>\n      <LabelDialog\n        title=\"Annotate\"\n        show={state.showLabeler}\n        cancelText=\"Cancel\"\n        button={\n          <button type=\"button\" onClick={onSaveLabel}>\n            <Button sm green>\n              Save\n            </Button>\n          </button>\n        }\n        handleCancel={onCancelLabel}\n      >\n        <div className=\"my-2 grid grid-cols-1 gap-y-2\">\n          <div>\n            <select\n              className=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50\"\n              value={state.selectedLabel}\n              onChange={(e) => {\n                setState({ ...state, selectedLabel: e.target.value });\n              }}\n            >\n              {props.labels.map((o) => (\n                <option key={o} value={o}>\n                  {o}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div className=\"flex items-center\">\n            <input\n              id=\"difficult\"\n              className=\"border-gray-300 text-primary-600 shadow-sm hover:border-gray-300 focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 focus:ring-offset-0 rounded\"\n              type=\"checkbox\"\n              checked={state.difficult}\n              onChange={(e) => {\n                setState({ ...state, difficult: e.target.checked });\n              }}\n            />\n            <label htmlFor=\"difficult\" className=\"ml-2\">\n              Difficult?\n            </label>\n          </div>\n        </div>\n      </LabelDialog>\n      <InfoDialog\n        title=\"Keyboard shortcuts\"\n        show={state.showHelp}\n        handleClose={() => {\n          setState({ ...state, showHelp: false });\n        }}\n      >\n        <div className=\"grid w-full grid-cols-2 place-content-center gap-2 p-5\">\n          {shortcuts.map((s) => (\n            <Fragment key={s.action}>\n              <div>{s.action}</div>\n              <div className=\"justify-self-end\">\n                {s.codes\n                  .map<React.ReactNode>((c) => (\n                    <span\n                      key={c}\n                      className=\"rounded-md bg-slate-100 p-1 font-mono text-xs shadow-inner\"\n                    >\n                      {c}\n                    </span>\n                  ))\n                  .reduce((prev, curr) => [prev, \" + \", curr])}\n              </div>\n            </Fragment>\n          ))}\n        </div>\n      </InfoDialog>\n      <VerifyDialog\n        title=\"Are all of the objects in this image labeled?\"\n        description=\" \"\n        maxWidthClass=\"max-w-lg\"\n        handleCancel={() => {\n          setState({ ...state, showVerify: false });\n        }}\n        show={state.showVerify}\n        cancelText=\"Cancel\"\n        button={\n          <button\n            type=\"button\"\n            onClick={() => {\n              save(true);\n              setState({ ...state, showVerify: false });\n            }}\n          >\n            <Button sm green>\n              Yes, all objects are labeled\n            </Button>\n          </button>\n        }\n      >\n        <div className=\"flex flex-wrap\">\n          {props.labels.map((o) => (\n            <div className=\"font-mono m-1 bg-slate-200 p-1 rounded-md\" key={o}>{o}</div>\n          ))}\n        </div>\n      </VerifyDialog>\n      <VerifyDialog\n        title=\"Are you sure you want to delete this image?\"\n        description=\"\"\n        handleCancel={() => {\n          setState({ ...state, showDelete: false });\n        }}\n        show={state.showDelete}\n        cancelText=\"Cancel\"\n        button={\n          <button\n            type=\"button\"\n            onClick={() => {\n              props.delete();\n              setState({ ...state, showDelete: false });\n            }}\n          >\n            <Button sm red>\n              Yes, permanently delete\n            </Button>\n          </button>\n        }\n      >\n        This cannot be undone.\n      </VerifyDialog>\n      <VerifyDialog\n        title=\"Are you sure you want to delete this reported false positive?\"\n        description=\" \"\n        maxWidthClass=\"max-w-xl\"\n        handleCancel={() => {\n          setState({ ...state, showConfirmDeleteFalsePositive: false });\n        }}\n        show={state.showConfirmDeleteFalsePositive}\n        cancelText=\"Cancel\"\n        button={\n          <button\n            type=\"button\"\n            onClick={() => {\n              if (state.selectedBox) {\n                deleteFP(state.selectedBox);\n              }\n              setState({\n                ...state,\n                showConfirmDeleteFalsePositive: false,\n                selectedBox: undefined,\n              });\n            }}\n          >\n            <Button sm red>\n              Do not teach my model that this is not a{\" \"}\n              {state.selectedBox ? getFPLabel(state.selectedBox) : \" \"}\n            </Button>\n          </button>\n        }\n      >\n        <p>\n          False positives submitted from Frigate are used to improve your model\n          and should not be deleted unless you submitted them accidentally.\n        </p>\n      </VerifyDialog>\n    </>\n  );\n};\n\nexport { ImageAnnotator };\n"],"names":["c","e","u","i","a","r","o","f","l","v","m","d","g","p","w","s","x","h","y","F","n","A","t","ImageAnnotator","props","shortcuts","bboxes","setBBoxes","useState","fpboxes","setFPBoxes","state","setState","ref","useRef","editorRef","transformRef","resize","naturalHeight","_a","aspectRatio","_b","editorHeight","_c","editorWidth","_d","maxHeight","maxWidth","desiredWidth","handleResize","useDebouncedCallback","useEffect","onResizeStop","elem","position","boxId","prev","onDragStop","onMouseDown","scale","bounds","onMouseUp","newId","out","left","top","width","height","onMouseMove","clickCreate","onClickBBox","selectedBox","b","moveBox","vertical","horizontal","resizeBox","toggleDifficult","cycleLabel","reverse","currentLabelIndex","label","lastIndex","newIndex","newLabel","deleteBox","deleteFP","getFPLabel","box","getBox","nextBox","currentIndex","stepSize","onKeyDown","next","save","onLoad","_e","onSaveLabel","onCancelLabel","verified","defaultZIndex","jsxs","Fragment","jsx","TransformWrapper","zoomIn","zoomOut","Button","TransformComponent","BoundingBox","BoundingBoxType","_delta","Crosshairs","LabelDialog","InfoDialog","curr","VerifyDialog"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.d.ts

@@ -90,7 +90,7 @@ declare interface IImageAnnotationProps {
     suggestions: Annotation[];
     falsePositives: FalsePositive[];
     nextImage: () => void;
-    save: (annotations: Annotation[], deleteFalsePositive: boolean, verified: string[]) => void;
+    save: (annotations: Annotation[], reviewedSuggestions: string[], deleteFalsePositive: boolean, verified: string[]) => void;
     delete: () => void;
     back: () => void;
     imageUrl: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frigate-nvr/image-annotator",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "image annotator designed for frigate nvr",
   "exports": "./dist/index.js",
   "module": "./dist/index.js",