@frigate-nvr/image-annotator 1.0.0 → 1.0.2

package/dist/components/Button.js

@@ -1,22 +1,58 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { c as r } from "../index-sN46tOW-.js";
-import '../assets/Button.css';const s = (n) => {
-  const l = r({
-    btn: !0,
-    "btn-xs": n.xs,
-    "btn-sm": n.sm,
-    "btn-xl": n.xl,
-    "btn-base": !n.xl,
-    "btn-secondary": n.secondary,
-    "btn-primary": !n.secondary,
-    "btn-red": n.red,
-    "btn-green": n.green,
-    "w-full": n.full
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { g as x } from "../_commonjsHelpers-DjF3Plf2.js";
+var c = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var o = {}.hasOwnProperty;
+    function i() {
+      for (var e = "", r = 0; r < arguments.length; r++) {
+        var n = arguments[r];
+        n && (e = s(e, f(n)));
+      }
+      return e;
+    }
+    function f(e) {
+      if (typeof e == "string" || typeof e == "number")
+        return e;
+      if (typeof e != "object")
+        return "";
+      if (Array.isArray(e))
+        return i.apply(null, e);
+      if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
+        return e.toString();
+      var r = "";
+      for (var n in e)
+        o.call(e, n) && e[n] && (r = s(r, n));
+      return r;
+    }
+    function s(e, r) {
+      return r ? e ? e + " " + r : e + r : e;
+    }
+    t.exports ? (i.default = i, t.exports = i) : window.classNames = i;
+  })();
+})(c);
+var d = c.exports;
+const m = /* @__PURE__ */ x(d), b = (t) => {
+  const o = m({
+    "text-sm py-2 px-2": t.xs,
+    "text-base font-medium py-2 px-3": t.sm,
+    "font-extrabold text-xl py-4 px-6": t.xl,
+    "text-lg font-semibold py-2 px-4": !t.xl,
+    "bg-white text-gray-700 border-gray-400 hover:bg-gray-100 active:bg-white": t.secondary,
+    "text-white bg-primary-700 border-gray-100 hover:bg-primary-900 active:bg-primary-800": !t.secondary && !t.red && !t.green,
+    "text-white bg-red-500 border-gray-100 hover:bg-red-600 active:bg-red-500": t.red,
+    "text-white bg-green-600 border-gray-100 hover:bg-green-700 active:bg-green-600": t.green,
+    "w-full": t.full
   });
   return (
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-    /* @__PURE__ */ t("div", { className: l, children: [
-      n.loading && /* @__PURE__ */ t(
+    /* @__PURE__ */ a("div", { className: `inline-flex rounded-md border items-center justify-center ${o}`, children: [
+      t.loading && /* @__PURE__ */ a(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -24,8 +60,8 @@ import '../assets/Button.css';const s = (n) => {
           fill: "none",
           viewBox: "0 0 24 24",
           children: [
-            /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ l("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
+            /* @__PURE__ */ l(
               "path",
               {
                 fill: "currentColor",
@@ -35,11 +71,11 @@ import '../assets/Button.css';const s = (n) => {
           ]
         }
       ),
-      n.children
+      t.children
     ] })
   );
 };
 export {
-  s as Button
+  b as Button
 };
 //# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import \"./Button.css\";\nimport { ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\ninterface IButtonProps {\n  loading?: boolean;\n  xs?: boolean;\n  sm?: boolean;\n  xl?: boolean;\n  secondary?: boolean;\n  red?: boolean;\n  green?: boolean;\n  full?: boolean;\n  children: ReactNode;\n}\n\n/**\n * @component\n * @params props - Component props.\n * @param props.loading - Display loading indicator.\n * @param props.xs - Button in xs size.\n * @param props.sm - Button in sm size.\n * @param props.xl - Button in xl size.\n * @param props.secondary - Indicates if the button is a secondary button.\n * @param props.red - Indicates if the button is a red button.\n * @param props.green - Indicates if the button is a green button.\n * @param props.full - Indicates if the button takes 100% width.\n * @param props.children - Children components.\n */\nconst Button = (props: IButtonProps) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n  const btnClass = classNames({\n    btn: true,\n    \"btn-xs\": props.xs,\n    \"btn-sm\": props.sm,\n    \"btn-xl\": props.xl,\n    \"btn-base\": !props.xl,\n    \"btn-secondary\": props.secondary,\n    \"btn-primary\": !props.secondary,\n    \"btn-red\": props.red,\n    \"btn-green\": props.green,\n    \"w-full\": props.full,\n  });\n\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    <div className={btnClass}>\n      {props.loading && (\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"animate-spin h-5 w-5 text-white mr-1\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" />\n          <path\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          />\n        </svg>\n      )}\n\n      {props.children}\n    </div>\n  );\n};\n\nexport { Button };\n"],"names":["Button","props","btnClass","classNames","jsxs","jsx"],"mappings":";;AA8BM,MAAAA,IAAS,CAACC,MAAwB;AAEtC,QAAMC,IAAWC,EAAW;AAAA,IAC1B,KAAK;AAAA,IACL,UAAUF,EAAM;AAAA,IAChB,UAAUA,EAAM;AAAA,IAChB,UAAUA,EAAM;AAAA,IAChB,YAAY,CAACA,EAAM;AAAA,IACnB,iBAAiBA,EAAM;AAAA,IACvB,eAAe,CAACA,EAAM;AAAA,IACtB,WAAWA,EAAM;AAAA,IACjB,aAAaA,EAAM;AAAA,IACnB,UAAUA,EAAM;AAAA,EAAA,CACjB;AAED;AAAA;AAAA,IAEE,gBAAAG,EAAC,OAAI,EAAA,WAAWF,GACb,UAAA;AAAA,MAAAD,EAAM,WACL,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAQ;AAAA,UAER,UAAA;AAAA,YAAC,gBAAAC,EAAA,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,QAAO,eAAe,CAAA;AAAA,YACrD,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,GAAE;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,MAGDJ,EAAM;AAAA,IAAA,GACT;AAAA;AAEJ;"}
+{"version":3,"file":"Button.js","sources":["../../node_modules/classnames/index.js","../../src/components/Button.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\ninterface IButtonProps {\n  loading?: boolean;\n  xs?: boolean;\n  sm?: boolean;\n  xl?: boolean;\n  secondary?: boolean;\n  red?: boolean;\n  green?: boolean;\n  full?: boolean;\n  children: ReactNode;\n}\n\n/**\n * @component\n * @params props - Component props.\n * @param props.loading - Display loading indicator.\n * @param props.xs - Button in xs size.\n * @param props.sm - Button in sm size.\n * @param props.xl - Button in xl size.\n * @param props.secondary - Indicates if the button is a secondary button.\n * @param props.red - Indicates if the button is a red button.\n * @param props.green - Indicates if the button is a green button.\n * @param props.full - Indicates if the button takes 100% width.\n * @param props.children - Children components.\n */\nconst Button = (props: IButtonProps) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n  const btnClass = classNames({\n    \"text-sm py-2 px-2\": props.xs,\n    \"text-base font-medium py-2 px-3\": props.sm,\n    \"font-extrabold text-xl py-4 px-6\": props.xl,\n    \"text-lg font-semibold py-2 px-4\": !props.xl,\n    \"bg-white text-gray-700 border-gray-400 hover:bg-gray-100 active:bg-white\": props.secondary,\n    \"text-white bg-primary-700 border-gray-100 hover:bg-primary-900 active:bg-primary-800\": !props.secondary && !props.red && !props.green,\n    \"text-white bg-red-500 border-gray-100 hover:bg-red-600 active:bg-red-500\": props.red,\n    \"text-white bg-green-600 border-gray-100 hover:bg-green-700 active:bg-green-600\": props.green,\n    \"w-full\": props.full,\n  });\n\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    <div className={`inline-flex rounded-md border items-center justify-center ${btnClass}`}>\n      {props.loading && (\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"animate-spin h-5 w-5 text-white mr-1\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" />\n          <path\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          />\n        </svg>\n      )}\n\n      {props.children}\n    </div>\n  );\n};\n\nexport { Button };\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","Button","props","btnClass","jsxs","jsx"],"mappings":";;;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAE,EAAC;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAWF,CAAG,CAAC;AAAA,MAE/C;AAED,aAAOF;AAAA,IACP;AAED,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAOA;AAGR,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI;AAGZ,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAASK,CAAG;AAIpC,aAAOL;AAAA,IACP;AAED,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQR;AAED,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;gCC/CMU,IAAS,CAACC,MAAwB;AAEtC,QAAMC,IAAWZ,EAAW;AAAA,IAC1B,qBAAqBW,EAAM;AAAA,IAC3B,mCAAmCA,EAAM;AAAA,IACzC,oCAAoCA,EAAM;AAAA,IAC1C,mCAAmC,CAACA,EAAM;AAAA,IAC1C,4EAA4EA,EAAM;AAAA,IAClF,wFAAwF,CAACA,EAAM,aAAa,CAACA,EAAM,OAAO,CAACA,EAAM;AAAA,IACjI,4EAA4EA,EAAM;AAAA,IAClF,kFAAkFA,EAAM;AAAA,IACxF,UAAUA,EAAM;AAAA,EAAA,CACjB;AAED;AAAA;AAAA,IAEG,gBAAAE,EAAA,OAAA,EAAI,WAAW,6DAA6DD,CAAQ,IAClF,UAAA;AAAA,MAAAD,EAAM,WACL,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAQ;AAAA,UAER,UAAA;AAAA,YAAC,gBAAAC,EAAA,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,QAAO,eAAe,CAAA;AAAA,YACrD,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,GAAE;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,MAGDH,EAAM;AAAA,IAAA,GACT;AAAA;AAEJ;","x_google_ignoreList":[0]}

package/dist/components/ImageAnnotator.js

@@ -1,66 +1,64 @@
-import { jsxs as D, Fragment as oe, jsx as i } from "react/jsx-runtime";
-import { useRef as B, useEffect as te, useMemo as ce, useState as O, Fragment as ae } from "react";
-import { Button as v } from "./Button.js";
+import { jsxs as S, Fragment as oe, jsx as i } from "react/jsx-runtime";
+import { useRef as v, useEffect as te, useMemo as ce, useState as O, Fragment as ae } 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 Z } from "./VerifyDialog.js";
-import { FormElement as he } from "./FormElement.js";
-import { FormElementBox as fe } from "./FormElementBox.js";
 import { BoundingBox as ee, BoundingBoxType as q } from "./BoundingBox.js";
-import { T as me, a as we } from "../index.esm-FeyXGhGs.js";
-function ge(a, y, d) {
-  var f = this, g = B(null), L = B(0), e = B(null), o = B([]), p = B(), b = B(), M = B(a), k = B(!0);
+import { T as he, a as fe } from "../index.esm-FeyXGhGs.js";
+function me(a, y, d) {
+  var f = this, g = v(null), L = v(0), e = v(null), o = v([]), p = v(), B = v(), M = v(a), k = v(!0);
   M.current = a;
-  var A = typeof window < "u", T = !y && y !== 0 && A;
+  var F = typeof window < "u", T = !y && y !== 0 && F;
   if (typeof a != "function") throw new TypeError("Expected a function");
   y = +y || 0;
-  var I = !!(d = d || {}).leading, X = !("trailing" in d) || !!d.trailing, N = "maxWait" in d, j = "debounceOnServer" in d && !!d.debounceOnServer, W = N ? Math.max(+d.maxWait || 0, y) : null;
+  var X = !!(d = d || {}).leading, j = !("trailing" in d) || !!d.trailing, A = "maxWait" in d, E = "debounceOnServer" in d && !!d.debounceOnServer, W = A ? Math.max(+d.maxWait || 0, y) : null;
   te(function() {
     return k.current = !0, function() {
       k.current = !1;
     };
   }, []);
   var V = ce(function() {
-    var F = function(u) {
+    var N = function(u) {
       var m = o.current, R = p.current;
-      return o.current = p.current = null, L.current = u, b.current = M.current.apply(R, m);
-    }, S = function(u, m) {
+      return o.current = p.current = null, L.current = u, B.current = M.current.apply(R, m);
+    }, D = function(u, m) {
       T && cancelAnimationFrame(e.current), e.current = T ? requestAnimationFrame(u) : setTimeout(u, m);
     }, _ = function(u) {
       if (!k.current) return !1;
       var m = u - g.current;
-      return !g.current || m >= y || m < 0 || N && u - L.current >= W;
+      return !g.current || m >= y || m < 0 || A && u - L.current >= W;
     }, U = function(u) {
-      return e.current = null, X && o.current ? F(u) : (o.current = p.current = null, b.current);
-    }, P = function u() {
+      return e.current = null, j && o.current ? N(u) : (o.current = p.current = null, B.current);
+    }, z = function u() {
       var m = Date.now();
       if (_(m)) return U(m);
       if (k.current) {
-        var R = y - (m - g.current), C = N ? Math.min(R, W - (m - L.current)) : R;
-        S(u, C);
+        var R = y - (m - g.current), C = A ? Math.min(R, W - (m - L.current)) : R;
+        D(u, C);
       }
-    }, z = function() {
-      if (A || j) {
+    }, P = function() {
+      if (F || E) {
         var u = Date.now(), m = _(u);
         if (o.current = [].slice.call(arguments), p.current = f, g.current = u, m) {
-          if (!e.current && k.current) return L.current = g.current, S(P, y), I ? F(g.current) : b.current;
-          if (N) return S(P, y), F(g.current);
+          if (!e.current && k.current) return L.current = g.current, D(z, y), X ? N(g.current) : B.current;
+          if (A) return D(z, y), N(g.current);
         }
-        return e.current || S(P, y), b.current;
+        return e.current || D(z, y), B.current;
       }
     };
-    return z.cancel = function() {
+    return P.cancel = function() {
       e.current && (T ? cancelAnimationFrame(e.current) : clearTimeout(e.current)), L.current = 0, o.current = g.current = p.current = e.current = null;
-    }, z.isPending = function() {
+    }, P.isPending = function() {
       return !!e.current;
-    }, z.flush = function() {
-      return e.current ? U(Date.now()) : b.current;
-    }, z;
-  }, [I, N, y, W, X, T, A, j]);
+    }, P.flush = function() {
+      return e.current ? U(Date.now()) : B.current;
+    }, P;
+  }, [X, A, y, W, j, T, F, E]);
   return V;
 }
-const ke = (a) => {
+const Ce = (a) => {
   var G;
   const y = [
     { codes: ["?"], action: "Shortcut help" },
@@ -90,26 +88,26 @@ const ke = (a) => {
     difficult: !1,
     width: 1,
     height: 1
-  }), p = B(null), b = B(null), M = B(null), k = () => {
+  }), p = v(null), B = v(null), M = v(null), k = () => {
     var w, x, H, K;
     let t = 4;
-    const r = ((w = p.current) == null ? void 0 : w.naturalHeight) ?? 0, n = ((x = p.current) == null ? void 0 : x.naturalWidth) ?? 0, c = Math.round(r * t), l = ((H = b.current) == null ? void 0 : H.getBoundingClientRect().height) ?? 0;
+    const r = ((w = p.current) == null ? void 0 : w.naturalHeight) ?? 0, n = ((x = p.current) == null ? void 0 : x.naturalWidth) ?? 0, c = Math.round(r * t), l = ((H = B.current) == null ? void 0 : H.getBoundingClientRect().height) ?? 0;
     c > l - 10 && (t = (l - 10) / r);
-    const h = Math.round(n * t), s = ((K = b.current) == null ? void 0 : K.getBoundingClientRect().width) ?? 0;
+    const h = Math.round(n * t), s = ((K = B.current) == null ? void 0 : K.getBoundingClientRect().width) ?? 0;
     h > s - 10 && (t = (s - 10) / n), o({
       ...e,
       width: Math.round(n * t),
       height: Math.round(r * t)
     });
-  }, A = ge(() => {
+  }, F = me(() => {
     k();
   }, 200);
   te(() => {
     var t, r;
-    return window.addEventListener("resize", A), (r = (t = b.current) == null ? void 0 : t.parentElement) == null || r.focus(), () => {
-      window.removeEventListener("resize", A);
+    return window.addEventListener("resize", F), (r = (t = B.current) == null ? void 0 : t.parentElement) == null || r.focus(), () => {
+      window.removeEventListener("resize", F);
     };
-  }, [A]);
+  }, [F]);
   const T = (t, r, n) => {
     f(
       (c) => c.map((l) => l.id === n ? {
@@ -120,7 +118,7 @@ const ke = (a) => {
         h: t.offsetHeight / e.height
       } : l)
     );
-  }, I = (t, r) => {
+  }, X = (t, r) => {
     f(
       (n) => n.map((c) => c.id === r ? {
         ...c,
@@ -128,7 +126,7 @@ const ke = (a) => {
         y: t.y / e.height
       } : c)
     );
-  }, X = (t) => {
+  }, j = (t) => {
     var r, n;
     if (e.createMode) {
       const c = ((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)) / c / e.width, s = (t.clientY - ((l == null ? void 0 : l.top) ?? 0)) / c / e.height;
@@ -150,7 +148,7 @@ const ke = (a) => {
       ]);
     } else
       o({ ...e, selectedBox: void 0 });
-  }, N = (t) => {
+  }, A = (t) => {
     if (e.drawingMode) {
       const r = Date.now().toString();
       o({
@@ -167,16 +165,16 @@ const ke = (a) => {
               Math.abs(e.drawStartX - H),
               Math.abs(e.drawStartY - K)
             ) > 1e-3) {
-              let Y = Math.min(e.drawStartX, H), E = Math.min(e.drawStartY, K), J = Math.abs(e.drawStartX - H), Q = Math.abs(e.drawStartY - K);
-              Y < 0 && (J -= Math.abs(Y), Y = 0), E < 0 && (Q -= Math.abs(E), E = 0), c.push({
+              let Y = Math.min(e.drawStartX, H), I = Math.min(e.drawStartY, K), J = Math.abs(e.drawStartX - H), Q = Math.abs(e.drawStartY - K);
+              Y < 0 && (J -= Math.abs(Y), Y = 0), I < 0 && (Q -= Math.abs(I), I = 0), c.push({
                 ...l,
                 id: r,
                 label: e.selectedLabel,
                 difficult: !1,
                 x: Y,
-                y: E,
+                y: I,
                 w: Math.min(1 - Y, J),
-                h: Math.min(1 - E, Q)
+                h: Math.min(1 - I, Q)
               });
             }
           } else
@@ -185,7 +183,7 @@ const ke = (a) => {
         }, [])
       );
     }
-  }, j = (t) => {
+  }, E = (t) => {
     e.drawingMode && f(
       (r) => r.map((n) => {
         var c, l;
@@ -212,7 +210,7 @@ const ke = (a) => {
       selectedLabel: (r == null ? void 0 : r.label) ?? e.selectedLabel,
       difficult: (r == null ? void 0 : r.difficult) ?? e.difficult
     });
-  }, F = (t, r, n) => {
+  }, N = (t, r, n) => {
     f(
       (c) => c.map((l) => l.id === t ? {
         ...l,
@@ -226,7 +224,7 @@ const ke = (a) => {
         )
       } : l)
     );
-  }, S = (t, r, n) => {
+  }, D = (t, r, n) => {
     f(
       (c) => c.map((l) => l.id === t ? {
         ...l,
@@ -254,9 +252,9 @@ const ke = (a) => {
         label: h
       } : w)
     ), o({ ...e, selectedLabel: h });
-  }, P = (t) => {
-    f((r) => r.filter((n) => n.id !== t));
   }, z = (t) => {
+    f((r) => r.filter((n) => n.id !== t));
+  }, P = (t) => {
     L((r) => r.filter((n) => n.id !== t));
   }, u = (t) => {
     var r;
@@ -267,7 +265,7 @@ const ke = (a) => {
     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 ? 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 && (P(e.selectedBox), o({ ...e, selectedBox: void 0 })), t.code === "Tab") {
+    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 = R(e.selectedBox), n = m(r);
       o({
         ...e,
@@ -275,7 +273,7 @@ const ke = (a) => {
         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 && o({ ...e, showHelp: !0 }), e.selectedBox && (t.code === "ArrowLeft" && (t.shiftKey ? S(e.selectedBox, 0, -C) : F(e.selectedBox, 0, -C)), t.code === "ArrowRight" && (t.shiftKey ? S(e.selectedBox, 0, C) : F(e.selectedBox, 0, C)), t.code === "ArrowUp" && (t.shiftKey ? S(e.selectedBox, -C, 0) : F(e.selectedBox, -C, 0)), t.code === "ArrowDown" && (t.shiftKey ? S(e.selectedBox, C, 0) : F(e.selectedBox, C, 0)));
+    t.code === "Space" && a.save(d, g.length === 0, a.labels), 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)));
   }, re = (t) => {
     k(), f(
       a.annotations.concat(a.suggestions).sort((r, n) => n.w * n.h - r.w * r.h)
@@ -291,17 +289,17 @@ const ke = (a) => {
   }, le = () => {
     o({ ...e, showLabeler: !1 }), f((t) => t.filter((r) => r.label));
   }, $ = e.showBoxes ? 0 : -1;
-  return /* @__PURE__ */ D(oe, { children: [
-    /* @__PURE__ */ i(me, { ref: M, disabled: e.createMode || e.drawingMode, children: ({ zoomIn: t, zoomOut: r }) => /* @__PURE__ */ D(
+  return /* @__PURE__ */ S(oe, { children: [
+    /* @__PURE__ */ i(he, { ref: M, disabled: e.createMode || e.drawingMode, children: ({ zoomIn: t, zoomOut: r }) => /* @__PURE__ */ S(
       "div",
       {
         className: "flex h-screen min-w-[600px] flex-col overflow-hidden bg-slate-900",
         onKeyDown: ne,
         tabIndex: 0,
         children: [
-          /* @__PURE__ */ D("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(v, { secondary: !0, sm: !0, children: "Back" }) }) }),
-            /* @__PURE__ */ D("div", { className: "flex flex-auto justify-center", 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__ */ S("div", { className: "flex flex-auto justify-center", children: [
               /* @__PURE__ */ i(
                 "button",
                 {
@@ -309,7 +307,7 @@ const ke = (a) => {
                   onClick: () => {
                     r();
                   },
-                  children: /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
+                  children: /* @__PURE__ */ i(b, { children: /* @__PURE__ */ i(
                     "svg",
                     {
                       xmlns: "http://www.w3.org/2000/svg",
@@ -337,7 +335,7 @@ const ke = (a) => {
                   onClick: () => {
                     t();
                   },
-                  children: /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
+                  children: /* @__PURE__ */ i(b, { children: /* @__PURE__ */ i(
                     "svg",
                     {
                       xmlns: "http://www.w3.org/2000/svg",
@@ -358,16 +356,16 @@ const ke = (a) => {
                   ) })
                 }
               ),
-              /* @__PURE__ */ i("button", { type: "button", onClick: W, children: /* @__PURE__ */ i(v, { secondary: !0, sm: !0, children: "Add (w)" }) })
+              /* @__PURE__ */ i("button", { type: "button", onClick: W, children: /* @__PURE__ */ i(b, { secondary: !0, sm: !0, children: "Add (w)" }) })
             ] }),
-            /* @__PURE__ */ D("div", { className: "flex-initial", children: [
+            /* @__PURE__ */ S("div", { className: "flex-initial", children: [
               /* @__PURE__ */ i(
                 "button",
                 {
                   onClick: () => {
                     o({ ...e, showVerify: !0 });
                   },
-                  children: /* @__PURE__ */ i(v, { sm: !0, children: "Verify & Save" })
+                  children: /* @__PURE__ */ i(b, { sm: !0, children: "Verify & Save" })
                 }
               ),
               /* @__PURE__ */ i(
@@ -376,7 +374,7 @@ const ke = (a) => {
                   onClick: () => {
                     a.save(d, g.length === 0, []);
                   },
-                  children: /* @__PURE__ */ i(v, { green: !0, sm: !0, children: "Save" })
+                  children: /* @__PURE__ */ i(b, { green: !0, sm: !0, children: "Save" })
                 }
               ),
               /* @__PURE__ */ i(
@@ -385,7 +383,7 @@ const ke = (a) => {
                   onClick: () => {
                     o({ ...e, showDelete: !0 });
                   },
-                  children: /* @__PURE__ */ i(v, { red: !0, sm: !0, children: "Delete" })
+                  children: /* @__PURE__ */ i(b, { red: !0, sm: !0, children: "Delete" })
                 }
               ),
               /* @__PURE__ */ i(
@@ -394,7 +392,7 @@ const ke = (a) => {
                   onClick: () => {
                     o({ ...e, showHelp: !0 });
                   },
-                  children: /* @__PURE__ */ i(v, { sm: !0, secondary: !0, children: "?" })
+                  children: /* @__PURE__ */ i(b, { sm: !0, secondary: !0, children: "?" })
                 }
               )
             ] })
@@ -402,15 +400,15 @@ const ke = (a) => {
           /* @__PURE__ */ i(
             "div",
             {
-              ref: b,
+              ref: B,
               className: "grid flex-auto place-content-center",
-              children: /* @__PURE__ */ i(we, { children: /* @__PURE__ */ D(
+              children: /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ S(
                 "div",
                 {
                   className: "grid place-content-center",
-                  onMouseDown: X,
-                  onMouseUp: N,
-                  onMouseMove: j,
+                  onMouseDown: j,
+                  onMouseUp: A,
+                  onMouseMove: E,
                   children: [
                     /* @__PURE__ */ i(
                       "img",
@@ -472,13 +470,13 @@ const ke = (a) => {
                             e.createMode || (V(n.id), l.stopPropagation());
                           },
                           onDragStop: (l, h) => {
-                            I(h, n.id);
+                            X(h, n.id);
                           },
                           onResizeStop: (l, h, s, w, x) => {
                             T(s, x, n.id);
                           },
                           onClickDelete: () => {
-                            P(n.id);
+                            z(n.id);
                           },
                           onClickEdit: () => {
                             o({ ...e, showLabeler: !0 });
@@ -490,7 +488,7 @@ const ke = (a) => {
                     /* @__PURE__ */ i(
                       se,
                       {
-                        className: "col-start-1 row-start-1",
+                        className: "col-start-1 row-start-1 z-10",
                         show: e.createMode && !e.drawingMode
                       }
                     )
@@ -508,12 +506,13 @@ const ke = (a) => {
         title: "Annotate",
         show: e.showLabeler,
         cancelText: "Cancel",
-        button: /* @__PURE__ */ i("button", { type: "button", onClick: ie, children: /* @__PURE__ */ i(v, { sm: !0, green: !0, children: "Save" }) }),
+        button: /* @__PURE__ */ i("button", { type: "button", onClick: ie, children: /* @__PURE__ */ i(b, { sm: !0, green: !0, children: "Save" }) }),
         handleCancel: le,
-        children: /* @__PURE__ */ D("div", { className: "my-2 grid grid-cols-1 gap-y-2", children: [
-          /* @__PURE__ */ i(he, { children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ S("div", { className: "my-2 grid grid-cols-1 gap-y-2", children: [
+          /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
             "select",
             {
+              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) => {
                 o({ ...e, selectedLabel: t.target.value });
@@ -521,17 +520,21 @@ const ke = (a) => {
               children: a.labels.map((t) => /* @__PURE__ */ i("option", { value: t, children: t }, t))
             }
           ) }),
-          /* @__PURE__ */ i(fe, { htmlFor: "difficult", text: "Difficult?", children: /* @__PURE__ */ i(
-            "input",
-            {
-              id: "difficult",
-              type: "checkbox",
-              checked: e.difficult,
-              onChange: (t) => {
-                o({ ...e, difficult: t.target.checked });
+          /* @__PURE__ */ S("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ i(
+              "input",
+              {
+                id: "difficult",
+                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",
+                type: "checkbox",
+                checked: e.difficult,
+                onChange: (t) => {
+                  o({ ...e, difficult: t.target.checked });
+                }
               }
-            }
-          ) })
+            ),
+            /* @__PURE__ */ i("label", { htmlFor: "difficult", className: "ml-2", children: "Difficult?" })
+          ] })
         ] })
       }
     ),
@@ -543,7 +546,7 @@ const ke = (a) => {
         handleClose: () => {
           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__ */ D(ae, { children: [
+        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: [
           /* @__PURE__ */ i("div", { children: t.action }),
           /* @__PURE__ */ i("div", { className: "justify-self-end", children: t.codes.map((r) => /* @__PURE__ */ i(
             "span",
@@ -573,7 +576,7 @@ const ke = (a) => {
             onClick: () => {
               a.save(d, g.length === 0, a.labels), o({ ...e, showVerify: !1 });
             },
-            children: /* @__PURE__ */ i(v, { sm: !0, green: !0, children: "Yes, all objects are labeled" })
+            children: /* @__PURE__ */ i(b, { sm: !0, green: !0, children: "Yes, all objects are labeled" })
           }
         ),
         children: /* @__PURE__ */ i("ul", { className: "list-inside list-disc", children: a.labels.map((t) => /* @__PURE__ */ i("li", { children: t }, t)) })
@@ -596,7 +599,7 @@ const ke = (a) => {
             onClick: () => {
               a.delete(), o({ ...e, showDelete: !1 });
             },
-            children: /* @__PURE__ */ i(v, { sm: !0, red: !0, children: "Yes, permanently delete" })
+            children: /* @__PURE__ */ i(b, { sm: !0, red: !0, children: "Yes, permanently delete" })
           }
         ),
         children: "This cannot be undone."
@@ -618,13 +621,13 @@ const ke = (a) => {
           {
             type: "button",
             onClick: () => {
-              e.selectedBox && z(e.selectedBox), o({
+              e.selectedBox && P(e.selectedBox), o({
                 ...e,
                 showConfirmDeleteFalsePositive: !1,
                 selectedBox: void 0
               });
             },
-            children: /* @__PURE__ */ D(v, { sm: !0, red: !0, children: [
+            children: /* @__PURE__ */ S(b, { sm: !0, red: !0, children: [
               "Do not teach my model that this is not a",
               " ",
               e.selectedBox ? u(e.selectedBox) : " "
@@ -637,6 +640,6 @@ const ke = (a) => {
   ] });
 };
 export {
-  ke as ImageAnnotator
+  Ce 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 { FormElement } from \"./FormElement\";\nimport { FormElementBox } from \"./FormElementBox\";\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    let adjustedZoom = 4;\n    const naturalHeight = ref.current?.naturalHeight ?? 0;\n    const naturalWidth = ref.current?.naturalWidth ?? 0;\n    const desiredHeight = Math.round(naturalHeight * adjustedZoom);\n    const editorHeight = editorRef.current?.getBoundingClientRect().height ?? 0;\n\n    if (desiredHeight > editorHeight - 10) {\n      adjustedZoom = (editorHeight - 10) / naturalHeight;\n    }\n\n    const desiredWidth = Math.round(naturalWidth * adjustedZoom);\n    const editorWidth = editorRef.current?.getBoundingClientRect().width ?? 0;\n\n    if (desiredWidth > editorWidth - 10) {\n      adjustedZoom = (editorWidth - 10) / naturalWidth;\n    }\n\n    setState({\n      ...state,\n      width: Math.round(naturalWidth * adjustedZoom),\n      height: Math.round(naturalHeight * adjustedZoom),\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}>\n        {({ zoomIn, zoomOut }) => (\n          <div\n            className=\"flex h-screen min-w-[600px] flex-col overflow-hidden 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\"\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          <FormElement>\n            <select\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          </FormElement>\n          <FormElementBox htmlFor=\"difficult\" text=\"Difficult?\">\n            <input\n              id=\"difficult\"\n              type=\"checkbox\"\n              checked={state.difficult}\n              onChange={(e) => {\n                setState({ ...state, difficult: e.target.checked });\n              }}\n            />\n          </FormElementBox>\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 objects in this image labeled?\"\n        description=\" \"\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        <ul className=\"list-inside list-disc\">\n          {props.labels.map((o) => (\n            <li key={o}>{o}</li>\n          ))}\n        </ul>\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","adjustedZoom","naturalHeight","_a","naturalWidth","_b","desiredHeight","editorHeight","_c","desiredWidth","editorWidth","_d","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","FormElement","FormElementBox","InfoDialog","curr","VerifyDialog"],"mappings":"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","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    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    let adjustedZoom = 4;\n    const naturalHeight = ref.current?.naturalHeight ?? 0;\n    const naturalWidth = ref.current?.naturalWidth ?? 0;\n    const desiredHeight = Math.round(naturalHeight * adjustedZoom);\n    const editorHeight = editorRef.current?.getBoundingClientRect().height ?? 0;\n\n    if (desiredHeight > editorHeight - 10) {\n      adjustedZoom = (editorHeight - 10) / naturalHeight;\n    }\n\n    const desiredWidth = Math.round(naturalWidth * adjustedZoom);\n    const editorWidth = editorRef.current?.getBoundingClientRect().width ?? 0;\n\n    if (desiredWidth > editorWidth - 10) {\n      adjustedZoom = (editorWidth - 10) / naturalWidth;\n    }\n\n    setState({\n      ...state,\n      width: Math.round(naturalWidth * adjustedZoom),\n      height: Math.round(naturalHeight * adjustedZoom),\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}>\n        {({ zoomIn, zoomOut }) => (\n          <div\n            className=\"flex h-screen min-w-[600px] flex-col overflow-hidden 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 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 objects in this image labeled?\"\n        description=\" \"\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        <ul className=\"list-inside list-disc\">\n          {props.labels.map((o) => (\n            <li key={o}>{o}</li>\n          ))}\n        </ul>\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","adjustedZoom","naturalHeight","_a","naturalWidth","_b","desiredHeight","editorHeight","_c","desiredWidth","editorWidth","_d","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":"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","x_google_ignoreList":[0]}

package/dist/components/index.js

@@ -1,22 +1,18 @@
 import { BoundingBox as e, BoundingBoxType as t } from "./BoundingBox.js";
 import { Button as x } from "./Button.js";
 import { Crosshairs as n } from "./Crosshairs.js";
-import { FormElement as a } from "./FormElement.js";
-import { FormElementBox as g } from "./FormElementBox.js";
-import { ImageAnnotator as B } from "./ImageAnnotator.js";
-import { InfoDialog as u } from "./InfoDialog.js";
-import { LabelDialog as d } from "./LabelDialog.js";
-import { VerifyDialog as E } from "./VerifyDialog.js";
+import { ImageAnnotator as a } from "./ImageAnnotator.js";
+import { InfoDialog as g } from "./InfoDialog.js";
+import { LabelDialog as l } from "./LabelDialog.js";
+import { VerifyDialog as u } from "./VerifyDialog.js";
 export {
   e as BoundingBox,
   t as BoundingBoxType,
   x as Button,
   n as Crosshairs,
-  a as FormElement,
-  g as FormElementBox,
-  B as ImageAnnotator,
-  u as InfoDialog,
-  d as LabelDialog,
-  E as VerifyDialog
+  a as ImageAnnotator,
+  g as InfoDialog,
+  l as LabelDialog,
+  u as VerifyDialog
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/index.d.ts

@@ -49,25 +49,6 @@ export declare interface FalsePositive {
     label?: string;
 }
 
-/**
- * @component
- * @params props - Component props.
- * @param props.children - Children components.
- * @param props.colSpanSize - Tailwind CSS class to control how elements are sized in grid.
- * @param props.helper - Helper message for users on how fill the form element.
- */
-export declare const FormElement: (props: IFormElementProps) => JSX_2.Element;
-
-/**
- * @component
- * @params props - Component props.
- * @param props.htmlFor - for attribute in HTML.
- * @param props.text - Label text.
- * @param props.children - Children components.
- * @param props.colSpanSize - Tailwind CSS class to control how elements are sized in grid.
- */
-export declare const FormElementBox: (props: IFormElementBoxProps) => JSX_2.Element;
-
 declare interface IBoundingBoxProps {
     type: BoundingBoxType;
     selected: boolean;
@@ -104,19 +85,6 @@ declare interface ICrosshairsProps {
     show: boolean;
 }
 
-declare interface IFormElementBoxProps {
-    htmlFor?: string;
-    text: string;
-    children: ReactNode;
-    colSpanSize?: string;
-}
-
-declare interface IFormElementProps {
-    children: ReactNode;
-    colSpanSize?: string;
-    helper?: string;
-}
-
 declare interface IImageAnnotationProps {
     annotations: Annotation[];
     suggestions: Annotation[];

package/dist/index.js

@@ -1,22 +1,18 @@
 import { BoundingBox as e, BoundingBoxType as t } from "./components/BoundingBox.js";
 import { Button as x } from "./components/Button.js";
 import { Crosshairs as n } from "./components/Crosshairs.js";
-import { FormElement as a } from "./components/FormElement.js";
-import { FormElementBox as g } from "./components/FormElementBox.js";
-import { ImageAnnotator as B } from "./components/ImageAnnotator.js";
-import { InfoDialog as u } from "./components/InfoDialog.js";
-import { LabelDialog as d } from "./components/LabelDialog.js";
-import { VerifyDialog as E } from "./components/VerifyDialog.js";
+import { ImageAnnotator as a } from "./components/ImageAnnotator.js";
+import { InfoDialog as g } from "./components/InfoDialog.js";
+import { LabelDialog as l } from "./components/LabelDialog.js";
+import { VerifyDialog as u } from "./components/VerifyDialog.js";
 export {
   e as BoundingBox,
   t as BoundingBoxType,
   x as Button,
   n as Crosshairs,
-  a as FormElement,
-  g as FormElementBox,
-  B as ImageAnnotator,
-  u as InfoDialog,
-  d as LabelDialog,
-  E as VerifyDialog
+  a as ImageAnnotator,
+  g as InfoDialog,
+  l as LabelDialog,
+  u as VerifyDialog
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/package.json

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

package/dist/assets/Button.css

@@ -1 +0,0 @@
-.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px}.btn-base{padding:.5rem 1rem;font-size:1.125rem;font-weight:600}.btn-xl{padding:1rem 1.5rem;font-size:1.25rem;font-weight:800}.btn-xs{padding:.5rem;font-size:.875rem}.btn-sm{padding:.5rem .75rem;font-size:1rem;font-weight:500}.btn-primary{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(43 108 176 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(42 67 101 / var(--tw-bg-opacity))}.btn-primary:active{--tw-bg-opacity: 1;background-color:rgb(44 82 130 / var(--tw-bg-opacity))}.btn-secondary{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.btn-secondary:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn-red{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-red:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.btn-red:active{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.btn-green{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-green:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.btn-green:active{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}

package/dist/assets/FormElement.css

@@ -1 +0,0 @@
-.input input,.input select,.input textarea{width:100%;border-radius:.375rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.input input:focus,.input select:focus,.input textarea:focus{--tw-border-opacity: 1;border-color:rgb(144 205 244 / var(--tw-border-opacity));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(190 227 248 / var(--tw-ring-opacity));--tw-ring-opacity: .5 }

package/dist/assets/FormElementBox.css

@@ -1 +0,0 @@
-.form-element-box input[type=checkbox],.form-element-box input[type=radio]{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(49 130 206 / var(--tw-text-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.form-element-box input[type=checkbox]:hover,.form-element-box input[type=radio]:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.form-element-box input[type=checkbox]:focus,.form-element-box input[type=radio]:focus{--tw-border-opacity: 1;border-color:rgb(144 205 244 / var(--tw-border-opacity));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(190 227 248 / var(--tw-ring-opacity));--tw-ring-opacity: .5;--tw-ring-offset-width: 0px }.form-element-box input[type=checkbox]{border-radius:.25rem}

package/dist/components/FormElement.js

@@ -1,13 +0,0 @@
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { c as m } from "../index-sN46tOW-.js";
-import '../assets/FormElement.css';const c = (e) => {
-  const t = m("input", e.colSpanSize);
-  return /* @__PURE__ */ s("div", { className: t, children: [
-    e.children,
-    e.helper && /* @__PURE__ */ l("div", { className: "mt-1 text-sm text-gray-500", children: e.helper })
-  ] });
-};
-export {
-  c as FormElement
-};
-//# sourceMappingURL=FormElement.js.map

package/dist/components/FormElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormElement.js","sources":["../../src/components/FormElement.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport \"./FormElement.css\";\nimport classNames from \"classnames\";\n\ninterface IFormElementProps {\n  children: ReactNode;\n  colSpanSize?: string;\n  helper?: string;\n}\n\n/**\n * @component\n * @params props - Component props.\n * @param props.children - Children components.\n * @param props.colSpanSize - Tailwind CSS class to control how elements are sized in grid.\n * @param props.helper - Helper message for users on how fill the form element.\n */\nconst FormElement = (props: IFormElementProps) => {\n  const inputClass = classNames(\"input\", props.colSpanSize);\n\n  return (\n    <div className={inputClass}>\n      {props.children}\n\n      {props.helper && (\n        <div className=\"mt-1 text-sm text-gray-500\">{props.helper}</div>\n      )}\n    </div>\n  );\n};\n\nexport { FormElement };\n"],"names":["FormElement","props","inputClass","classNames","jsxs","jsx"],"mappings":";;AAkBM,MAAAA,IAAc,CAACC,MAA6B;AAChD,QAAMC,IAAaC,EAAW,SAASF,EAAM,WAAW;AAGtD,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAWF,GACb,UAAA;AAAA,IAAMD,EAAA;AAAA,IAENA,EAAM,UACL,gBAAAI,EAAC,SAAI,WAAU,8BAA8B,YAAM,QAAO;AAAA,EAE9D,EAAA,CAAA;AAEJ;"}

package/dist/components/FormElementBox.js

@@ -1,18 +0,0 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { c as s } from "../index-sN46tOW-.js";
-import '../assets/FormElementBox.css';const c = (e) => {
-  const l = s(
-    "form-element-box",
-    "flex",
-    "items-center",
-    e.colSpanSize
-  );
-  return /* @__PURE__ */ m("div", { className: l, children: [
-    e.children,
-    /* @__PURE__ */ t("label", { htmlFor: e.htmlFor, className: "ml-2", children: e.text })
-  ] });
-};
-export {
-  c as FormElementBox
-};
-//# sourceMappingURL=FormElementBox.js.map

package/dist/components/FormElementBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormElementBox.js","sources":["../../src/components/FormElementBox.tsx"],"sourcesContent":["import \"./FormElementBox.css\";\nimport { ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\ninterface IFormElementBoxProps {\n  htmlFor?: string;\n  text: string;\n  children: ReactNode;\n  colSpanSize?: string;\n}\n\n/**\n * @component\n * @params props - Component props.\n * @param props.htmlFor - for attribute in HTML.\n * @param props.text - Label text.\n * @param props.children - Children components.\n * @param props.colSpanSize - Tailwind CSS class to control how elements are sized in grid.\n */\nconst FormElementBox = (props: IFormElementBoxProps) => {\n  const boxClass = classNames(\n    \"form-element-box\",\n    \"flex\",\n    \"items-center\",\n    props.colSpanSize\n  );\n\n  return (\n    <div className={boxClass}>\n      {props.children}\n\n      <label htmlFor={props.htmlFor} className=\"ml-2\">\n        {props.text}\n      </label>\n    </div>\n  );\n};\n\nexport { FormElementBox };\n"],"names":["FormElementBox","props","boxClass","classNames","jsxs","jsx"],"mappings":";;AAoBM,MAAAA,IAAiB,CAACC,MAAgC;AACtD,QAAMC,IAAWC;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACAF,EAAM;AAAA,EAAA;AAIN,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAWF,GACb,UAAA;AAAA,IAAMD,EAAA;AAAA,IAEP,gBAAAI,EAAC,WAAM,SAASJ,EAAM,SAAS,WAAU,QACtC,YAAM,KACT,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/index-sN46tOW-.js

@@ -1,43 +0,0 @@
-import { g as c } from "./_commonjsHelpers-DjF3Plf2.js";
-var i = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-(function(e) {
-  (function() {
-    var f = {}.hasOwnProperty;
-    function s() {
-      for (var t = "", r = 0; r < arguments.length; r++) {
-        var n = arguments[r];
-        n && (t = o(t, a(n)));
-      }
-      return t;
-    }
-    function a(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return t;
-      if (typeof t != "object")
-        return "";
-      if (Array.isArray(t))
-        return s.apply(null, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var r = "";
-      for (var n in t)
-        f.call(t, n) && t[n] && (r = o(r, n));
-      return r;
-    }
-    function o(t, r) {
-      return r ? t ? t + " " + r : t + r : t;
-    }
-    e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
-  })();
-})(i);
-var p = i.exports;
-const l = /* @__PURE__ */ c(p);
-export {
-  l as c
-};
-//# sourceMappingURL=index-sN46tOW-.js.map

package/dist/index-sN46tOW-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-sN46tOW-.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module"],"mappings":";;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAE,EAAC;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAWF,CAAG,CAAC;AAAA,MAE/C;AAED,aAAOF;AAAA,IACP;AAED,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAOA;AAGR,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI;AAGZ,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAASK,CAAG;AAIpC,aAAOL;AAAA,IACP;AAED,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQR;AAED,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;","x_google_ignoreList":[0]}