@arthurzakharov/ui-kit 1.4.4 → 1.4.6

package/dist/components/signature/signature.component.js

@@ -8,7 +8,7 @@ import { AnimationFadeScale as te } from "../../animations/animation-fade-scale/
 import { AnimationFadeSlide as Xe } from "../../animations/animation-fade-slide/animation-fade-slide.component.js";
 import { ControlButton as Te } from "../../controls/control-button/control-button.component.js";
 import { ControlButtonText as ue } from "../../controls/control-button-text/control-button-text.component.js";
-import { Flex as ie } from "../flex/flex.component.js";
+import { Flex as oe } from "../flex/flex.component.js";
 import { Text as he } from "../text/text.component.js";
 import { Loader as Je } from "../loader/loader.component.js";
 import '../../assets/signature-qHi3xUi4.css';var fe = { exports: {} }, ce = { exports: {} }, le = { exports: {} }, I = {};
@@ -16,7 +16,7 @@ var Ce;
 function Ze() {
   if (Ce) return I;
   Ce = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, i = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, _ = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, P = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, g = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, W = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, o = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, _ = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, P = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, g = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, W = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function $(f) {
     if (typeof f == "object" && f !== null) {
       var X = f.$$typeof;
@@ -24,9 +24,9 @@ function Ze() {
         case n:
           switch (f = f.type, f) {
             case d:
-            case i:
-            case t:
             case o:
+            case t:
+            case i:
             case a:
             case v:
               return f;
@@ -48,9 +48,9 @@ function Ze() {
     }
   }
   function k(f) {
-    return $(f) === i;
+    return $(f) === o;
   }
-  return I.AsyncMode = d, I.ConcurrentMode = i, I.ContextConsumer = u, I.ContextProvider = c, I.Element = n, I.ForwardRef = l, I.Fragment = t, I.Lazy = x, I.Memo = _, I.Portal = r, I.Profiler = o, I.StrictMode = a, I.Suspense = v, I.isAsyncMode = function(f) {
+  return I.AsyncMode = d, I.ConcurrentMode = o, I.ContextConsumer = u, I.ContextProvider = c, I.Element = n, I.ForwardRef = l, I.Fragment = t, I.Lazy = x, I.Memo = _, I.Portal = r, I.Profiler = i, I.StrictMode = a, I.Suspense = v, I.isAsyncMode = function(f) {
     return k(f) || $(f) === d;
   }, I.isConcurrentMode = k, I.isContextConsumer = function(f) {
     return $(f) === u;
@@ -69,40 +69,40 @@ function Ze() {
   }, I.isPortal = function(f) {
     return $(f) === r;
   }, I.isProfiler = function(f) {
-    return $(f) === o;
+    return $(f) === i;
   }, I.isStrictMode = function(f) {
     return $(f) === a;
   }, I.isSuspense = function(f) {
     return $(f) === v;
   }, I.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === t || f === i || f === o || f === a || f === v || f === m || typeof f == "object" && f !== null && (f.$$typeof === x || f.$$typeof === _ || f.$$typeof === c || f.$$typeof === u || f.$$typeof === l || f.$$typeof === P || f.$$typeof === g || f.$$typeof === W || f.$$typeof === b);
+    return typeof f == "string" || typeof f == "function" || f === t || f === o || f === i || f === a || f === v || f === m || typeof f == "object" && f !== null && (f.$$typeof === x || f.$$typeof === _ || f.$$typeof === c || f.$$typeof === u || f.$$typeof === l || f.$$typeof === P || f.$$typeof === g || f.$$typeof === W || f.$$typeof === b);
   }, I.typeOf = $, I;
 }
 var z = {};
 var Re;
 function Ge() {
   return Re || (Re = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, i = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, _ = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, P = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, g = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, W = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, o = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, _ = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, P = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, g = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, W = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function $(p) {
       return typeof p == "string" || typeof p == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      p === t || p === i || p === o || p === a || p === v || p === m || typeof p == "object" && p !== null && (p.$$typeof === x || p.$$typeof === _ || p.$$typeof === c || p.$$typeof === u || p.$$typeof === l || p.$$typeof === P || p.$$typeof === g || p.$$typeof === W || p.$$typeof === b);
+      p === t || p === o || p === i || p === a || p === v || p === m || typeof p == "object" && p !== null && (p.$$typeof === x || p.$$typeof === _ || p.$$typeof === c || p.$$typeof === u || p.$$typeof === l || p.$$typeof === P || p.$$typeof === g || p.$$typeof === W || p.$$typeof === b);
     }
     function k(p) {
       if (typeof p == "object" && p !== null) {
         var K = p.$$typeof;
         switch (K) {
           case n:
-            var oe = p.type;
-            switch (oe) {
+            var ie = p.type;
+            switch (ie) {
               case d:
-              case i:
-              case t:
               case o:
+              case t:
+              case i:
               case a:
               case v:
-                return oe;
+                return ie;
               default:
-                var Pe = oe && oe.$$typeof;
+                var Pe = ie && ie.$$typeof;
                 switch (Pe) {
                   case u:
                   case l:
@@ -119,12 +119,12 @@ function Ge() {
         }
       }
     }
-    var f = d, X = i, ne = u, Q = c, O = n, S = l, B = t, F = x, y = _, G = r, U = o, Y = a, J = v, N = !1;
+    var f = d, X = o, ne = u, Q = c, O = n, S = l, B = t, F = x, y = _, G = r, U = i, Y = a, J = v, N = !1;
     function Z(p) {
       return N || (N = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), s(p) || k(p) === d;
     }
     function s(p) {
-      return k(p) === i;
+      return k(p) === o;
     }
     function h(p) {
       return k(p) === u;
@@ -151,7 +151,7 @@ function Ge() {
       return k(p) === r;
     }
     function L(p) {
-      return k(p) === o;
+      return k(p) === i;
     }
     function D(p) {
       return k(p) === a;
@@ -171,17 +171,17 @@ function Ke() {
   if (Me) return pe;
   Me = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
-  function t(o) {
-    if (o == null)
+  function t(i) {
+    if (i == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(o);
+    return Object(i);
   }
   function a() {
     try {
       if (!Object.assign)
         return !1;
-      var o = new String("abc");
-      if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
         return !1;
       for (var c = {}, u = 0; u < 10; u++)
         c["_" + String.fromCharCode(u)] = u;
@@ -190,23 +190,23 @@ function Ke() {
       });
       if (d.join("") !== "0123456789")
         return !1;
-      var i = {};
+      var o = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(l) {
-        i[l] = l;
-      }), Object.keys(Object.assign({}, i)).join("") === "abcdefghijklmnopqrst";
+        o[l] = l;
+      }), Object.keys(Object.assign({}, o)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return pe = a() ? Object.assign : function(o, c) {
-    for (var u, d = t(o), i, l = 1; l < arguments.length; l++) {
+  return pe = a() ? Object.assign : function(i, c) {
+    for (var u, d = t(i), o, l = 1; l < arguments.length; l++) {
       u = Object(arguments[l]);
       for (var v in u)
         n.call(u, v) && (d[v] = u[v]);
       if (e) {
-        i = e(u);
-        for (var m = 0; m < i.length; m++)
-          r.call(u, i[m]) && (d[i[m]] = u[i[m]]);
+        o = e(u);
+        for (var m = 0; m < o.length; m++)
+          r.call(u, o[m]) && (d[o[m]] = u[o[m]]);
       }
     }
     return d;
@@ -231,8 +231,8 @@ function Qe() {
   };
   if (process.env.NODE_ENV !== "production") {
     var n = /* @__PURE__ */ be(), r = {}, t = /* @__PURE__ */ qe();
-    e = function(o) {
-      var c = "Warning: " + o;
+    e = function(i) {
+      var c = "Warning: " + i;
       typeof console < "u" && console.error(c);
       try {
         throw new Error(c);
@@ -240,19 +240,19 @@ function Qe() {
       }
     };
   }
-  function a(o, c, u, d, i) {
+  function a(i, c, u, d, o) {
     if (process.env.NODE_ENV !== "production") {
-      for (var l in o)
-        if (t(o, l)) {
+      for (var l in i)
+        if (t(i, l)) {
           var v;
           try {
-            if (typeof o[l] != "function") {
+            if (typeof i[l] != "function") {
               var m = Error(
-                (d || "React class") + ": " + u + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (d || "React class") + ": " + u + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw m.name = "Invariant Violation", m;
             }
-            v = o[l](c, l, d, u, null, n);
+            v = i[l](c, l, d, u, null, n);
           } catch (x) {
             v = x;
           }
@@ -260,7 +260,7 @@ function Qe() {
             (d || "React class") + ": type specification of " + u + " `" + l + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof v + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), v instanceof Error && !(v.message in r)) {
             r[v.message] = !0;
-            var _ = i ? i() : "";
+            var _ = o ? o() : "";
             e(
               "Failed " + u + " type: " + v.message + (_ ?? "")
             );
@@ -276,9 +276,9 @@ var ge, je;
 function et() {
   if (je) return ge;
   je = 1;
-  var e = We(), n = Ke(), r = /* @__PURE__ */ be(), t = /* @__PURE__ */ qe(), a = /* @__PURE__ */ Qe(), o = function() {
+  var e = We(), n = Ke(), r = /* @__PURE__ */ be(), t = /* @__PURE__ */ qe(), a = /* @__PURE__ */ Qe(), i = function() {
   };
-  process.env.NODE_ENV !== "production" && (o = function(u) {
+  process.env.NODE_ENV !== "production" && (i = function(u) {
     var d = "Warning: " + u;
     typeof console < "u" && console.error(d);
     try {
@@ -290,9 +290,9 @@ function et() {
     return null;
   }
   return ge = function(u, d) {
-    var i = typeof Symbol == "function" && Symbol.iterator, l = "@@iterator";
+    var o = typeof Symbol == "function" && Symbol.iterator, l = "@@iterator";
     function v(s) {
-      var h = s && (i && s[i] || s[l]);
+      var h = s && (o && s[o] || s[l]);
       if (typeof h == "function")
         return h;
     }
@@ -337,7 +337,7 @@ function et() {
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var K = A + ":" + R;
             !h[K] && // Avoid spamming the console because they are often not actionable except for lib authors
-            w < 3 && (o(
+            w < 3 && (i(
               "You are manually calling a React.PropTypes validation function for the `" + D + "` prop on `" + A + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), h[K] = !0, w++);
           }
@@ -416,9 +416,9 @@ function et() {
     }
     function ne(s) {
       if (!Array.isArray(s))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : o("Invalid argument supplied to oneOf, expected an array.")), c;
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), c;
       function h(w, C, E, M, T) {
         for (var R = w[C], A = 0; A < s.length; A++)
           if (x(R, s[A]))
@@ -450,11 +450,11 @@ function et() {
     }
     function O(s) {
       if (!Array.isArray(s))
-        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), c;
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), c;
       for (var h = 0; h < s.length; h++) {
         var w = s[h];
         if (typeof w != "function")
-          return o(
+          return i(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + N(w) + " at index " + h + "."
           ), c;
       }
@@ -603,7 +603,7 @@ function tt() {
   function r() {
   }
   return r.resetWarningCache = n, _e = function() {
-    function t(c, u, d, i, l, v) {
+    function t(c, u, d, o, l, v) {
       if (v !== e) {
         var m = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -615,7 +615,7 @@ function tt() {
     function a() {
       return t;
     }
-    var o = {
+    var i = {
       array: t,
       bigint: t,
       bool: t,
@@ -638,7 +638,7 @@ function tt() {
       checkPropTypes: r,
       resetWarningCache: n
     };
-    return o.PropTypes = o, o;
+    return i.PropTypes = i, i;
   }, _e;
 }
 var ze;
@@ -668,10 +668,10 @@ function xe(e, n, r, t) {
 }
 xe.prototype.length = function() {
   for (var e = 10, n = 0, r = void 0, t = void 0, a = 0; a <= e; a += 1) {
-    var o = a / e, c = this._point(o, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), u = this._point(o, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
+    var i = a / e, c = this._point(i, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), u = this._point(i, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
     if (a > 0) {
-      var d = c - r, i = u - t;
-      n += Math.sqrt(d * d + i * i);
+      var d = c - r, o = u - t;
+      n += Math.sqrt(d * d + o * o);
     }
     r = c, t = u;
   }
@@ -681,16 +681,16 @@ xe.prototype._point = function(e, n, r, t, a) {
   return n * (1 - e) * (1 - e) * (1 - e) + 3 * r * (1 - e) * (1 - e) * e + 3 * t * (1 - e) * e * e + a * e * e * e;
 };
 function nt(e, n, r) {
-  var t, a, o, c = null, u = 0;
+  var t, a, i, c = null, u = 0;
   r || (r = {});
   var d = function() {
-    u = r.leading === !1 ? 0 : Date.now(), c = null, o = e.apply(t, a), c || (t = a = null);
+    u = r.leading === !1 ? 0 : Date.now(), c = null, i = e.apply(t, a), c || (t = a = null);
   };
   return function() {
-    var i = Date.now();
-    !u && r.leading === !1 && (u = i);
-    var l = n - (i - u);
-    return t = this, a = arguments, l <= 0 || l > n ? (c && (clearTimeout(c), c = null), u = i, o = e.apply(t, a), c || (t = a = null)) : !c && r.trailing !== !1 && (c = setTimeout(d, l)), o;
+    var o = Date.now();
+    !u && r.leading === !1 && (u = o);
+    var l = n - (o - u);
+    return t = this, a = arguments, l <= 0 || l > n ? (c && (clearTimeout(c), c = null), u = o, i = e.apply(t, a), c || (t = a = null)) : !c && r.trailing !== !1 && (c = setTimeout(d, l)), i;
   };
 }
 function q(e, n) {
@@ -705,16 +705,16 @@ function q(e, n) {
     a.which === 1 && r._mouseButtonDown && (r._mouseButtonDown = !1, r._strokeEnd(a));
   }, this._handleTouchStart = function(a) {
     if (a.targetTouches.length === 1) {
-      var o = a.changedTouches[0];
-      r._strokeBegin(o);
+      var i = a.changedTouches[0];
+      r._strokeBegin(i);
     }
   }, this._handleTouchMove = function(a) {
     a.preventDefault();
-    var o = a.targetTouches[0];
-    r._strokeMoveUpdate(o);
+    var i = a.targetTouches[0];
+    r._strokeMoveUpdate(i);
   }, this._handleTouchEnd = function(a) {
-    var o = a.target === r._canvas;
-    o && (a.preventDefault(), r._strokeEnd(a));
+    var i = a.target === r._canvas;
+    i && (a.preventDefault(), r._strokeEnd(a));
   }, this.on();
 }
 q.prototype.clear = function() {
@@ -722,9 +722,9 @@ q.prototype.clear = function() {
   e.fillStyle = this.backgroundColor, e.clearRect(0, 0, n.width, n.height), e.fillRect(0, 0, n.width, n.height), this._data = [], this._reset(), this._isEmpty = !0;
 };
 q.prototype.fromDataURL = function(e) {
-  var n = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = new Image(), a = r.ratio || window.devicePixelRatio || 1, o = r.width || this._canvas.width / a, c = r.height || this._canvas.height / a;
+  var n = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = new Image(), a = r.ratio || window.devicePixelRatio || 1, i = r.width || this._canvas.width / a, c = r.height || this._canvas.height / a;
   this._reset(), t.src = e, t.onload = function() {
-    n._ctx.drawImage(t, 0, 0, o, c);
+    n._ctx.drawImage(t, 0, 0, i, c);
   }, this._isEmpty = !1;
 };
 q.prototype.toDataURL = function(e) {
@@ -751,10 +751,10 @@ q.prototype._strokeBegin = function(e) {
   this._data.push([]), this._reset(), this._strokeUpdate(e), typeof this.onBegin == "function" && this.onBegin(e);
 };
 q.prototype._strokeUpdate = function(e) {
-  var n = e.clientX, r = e.clientY, t = this._createPoint(n, r), a = this._data[this._data.length - 1], o = a && a[a.length - 1], c = o && t.distanceTo(o) < this.minDistance;
-  if (!(o && c)) {
-    var u = this._addPoint(t), d = u.curve, i = u.widths;
-    d && i && this._drawCurve(d, i.start, i.end), this._data[this._data.length - 1].push({
+  var n = e.clientX, r = e.clientY, t = this._createPoint(n, r), a = this._data[this._data.length - 1], i = a && a[a.length - 1], c = i && t.distanceTo(i) < this.minDistance;
+  if (!(i && c)) {
+    var u = this._addPoint(t), d = u.curve, o = u.widths;
+    d && o && this._drawCurve(d, o.start, o.end), this._data[this._data.length - 1].push({
       x: t.x,
       y: t.y,
       time: t.time,
@@ -794,21 +794,21 @@ q.prototype._addPoint = function(e) {
     n.length === 3 && n.unshift(n[0]), r = this._calculateCurveControlPoints(n[0], n[1], n[2]);
     var t = r.c2;
     r = this._calculateCurveControlPoints(n[1], n[2], n[3]);
-    var a = r.c1, o = new xe(n[1], t, a, n[2]), c = this._calculateCurveWidths(o);
-    return n.shift(), { curve: o, widths: c };
+    var a = r.c1, i = new xe(n[1], t, a, n[2]), c = this._calculateCurveWidths(i);
+    return n.shift(), { curve: i, widths: c };
   }
   return {};
 };
 q.prototype._calculateCurveControlPoints = function(e, n, r) {
-  var t = e.x - n.x, a = e.y - n.y, o = n.x - r.x, c = n.y - r.y, u = { x: (e.x + n.x) / 2, y: (e.y + n.y) / 2 }, d = { x: (n.x + r.x) / 2, y: (n.y + r.y) / 2 }, i = Math.sqrt(t * t + a * a), l = Math.sqrt(o * o + c * c), v = u.x - d.x, m = u.y - d.y, _ = l / (i + l), x = { x: d.x + v * _, y: d.y + m * _ }, b = n.x - x.x, P = n.y - x.y;
+  var t = e.x - n.x, a = e.y - n.y, i = n.x - r.x, c = n.y - r.y, u = { x: (e.x + n.x) / 2, y: (e.y + n.y) / 2 }, d = { x: (n.x + r.x) / 2, y: (n.y + r.y) / 2 }, o = Math.sqrt(t * t + a * a), l = Math.sqrt(i * i + c * c), v = u.x - d.x, m = u.y - d.y, _ = l / (o + l), x = { x: d.x + v * _, y: d.y + m * _ }, b = n.x - x.x, P = n.y - x.y;
   return {
     c1: new ae(u.x + b, u.y + P),
     c2: new ae(d.x + b, d.y + P)
   };
 };
 q.prototype._calculateCurveWidths = function(e) {
-  var n = e.startPoint, r = e.endPoint, t = { start: null, end: null }, a = this.velocityFilterWeight * r.velocityFrom(n) + (1 - this.velocityFilterWeight) * this._lastVelocity, o = this._strokeWidth(a);
-  return t.start = this._lastWidth, t.end = o, this._lastVelocity = a, this._lastWidth = o, t;
+  var n = e.startPoint, r = e.endPoint, t = { start: null, end: null }, a = this.velocityFilterWeight * r.velocityFrom(n) + (1 - this.velocityFilterWeight) * this._lastVelocity, i = this._strokeWidth(a);
+  return t.start = this._lastWidth, t.end = i, this._lastVelocity = a, this._lastWidth = i, t;
 };
 q.prototype._strokeWidth = function(e) {
   return Math.max(this.maxWidth / (e + 1), this.minWidth);
@@ -818,14 +818,14 @@ q.prototype._drawPoint = function(e, n, r) {
   t.moveTo(e, n), t.arc(e, n, r, 0, 2 * Math.PI, !1), this._isEmpty = !1;
 };
 q.prototype._drawCurve = function(e, n, r) {
-  var t = this._ctx, a = r - n, o = Math.floor(e.length());
+  var t = this._ctx, a = r - n, i = Math.floor(e.length());
   t.beginPath();
-  for (var c = 0; c < o; c += 1) {
-    var u = c / o, d = u * u, i = d * u, l = 1 - u, v = l * l, m = v * l, _ = m * e.startPoint.x;
-    _ += 3 * v * u * e.control1.x, _ += 3 * l * d * e.control2.x, _ += i * e.endPoint.x;
+  for (var c = 0; c < i; c += 1) {
+    var u = c / i, d = u * u, o = d * u, l = 1 - u, v = l * l, m = v * l, _ = m * e.startPoint.x;
+    _ += 3 * v * u * e.control1.x, _ += 3 * l * d * e.control2.x, _ += o * e.endPoint.x;
     var x = m * e.startPoint.y;
-    x += 3 * v * u * e.control1.y, x += 3 * l * d * e.control2.y, x += i * e.endPoint.y;
-    var b = n + i * a;
+    x += 3 * v * u * e.control1.y, x += 3 * l * d * e.control2.y, x += o * e.endPoint.y;
+    var b = n + o * a;
     this._drawPoint(_, x, b);
   }
   t.closePath(), t.fill();
@@ -838,12 +838,12 @@ q.prototype._fromData = function(e, n, r) {
   for (var t = 0; t < e.length; t += 1) {
     var a = e[t];
     if (a.length > 1)
-      for (var o = 0; o < a.length; o += 1) {
-        var c = a[o], u = new ae(c.x, c.y, c.time), d = c.color;
-        if (o === 0)
+      for (var i = 0; i < a.length; i += 1) {
+        var c = a[i], u = new ae(c.x, c.y, c.time), d = c.color;
+        if (i === 0)
           this.penColor = d, this._reset(), this._addPoint(u);
-        else if (o !== a.length - 1) {
-          var i = this._addPoint(u), l = i.curve, v = i.widths;
+        else if (i !== a.length - 1) {
+          var o = this._addPoint(u), l = o.curve, v = o.widths;
           l && v && n(l, v, d);
         }
       }
@@ -855,7 +855,7 @@ q.prototype._fromData = function(e, n, r) {
   }
 };
 q.prototype._toSVG = function() {
-  var e = this, n = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), a = 0, o = 0, c = r.width / t, u = r.height / t, d = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  var e = this, n = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), a = 0, i = 0, c = r.width / t, u = r.height / t, d = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   d.setAttributeNS(null, "width", r.width), d.setAttributeNS(null, "height", r.height), this._fromData(n, function(g, W, $) {
     var k = document.createElement("path");
     if (!isNaN(g.control1.x) && !isNaN(g.control1.y) && !isNaN(g.control2.x) && !isNaN(g.control2.y)) {
@@ -866,7 +866,7 @@ q.prototype._toSVG = function() {
     var W = document.createElement("circle"), $ = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
     W.setAttribute("r", $), W.setAttribute("cx", g.x), W.setAttribute("cy", g.y), W.setAttribute("fill", g.color), d.appendChild(W);
   });
-  var i = "data:image/svg+xml;base64,", l = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + a + " " + o + " " + c + " " + u + '"') + (' width="' + c + '"') + (' height="' + u + '"') + ">", v = d.innerHTML;
+  var o = "data:image/svg+xml;base64,", l = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + a + " " + i + " " + c + " " + u + '"') + (' width="' + c + '"') + (' height="' + u + '"') + ">", v = d.innerHTML;
   if (v === void 0) {
     var m = document.createElement("dummy"), _ = d.childNodes;
     m.innerHTML = "";
@@ -875,7 +875,7 @@ q.prototype._toSVG = function() {
     v = m.innerHTML;
   }
   var b = "</svg>", P = l + v + b;
-  return i + btoa(P);
+  return o + btoa(P);
 };
 q.prototype.fromData = function(e) {
   var n = this;
@@ -891,38 +891,38 @@ q.prototype.toData = function() {
 const at = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: q
-}, Symbol.toStringTag, { value: "Module" })), it = /* @__PURE__ */ Be(at);
-var de = { exports: {} }, ot = de.exports, $e;
+}, Symbol.toStringTag, { value: "Module" })), ot = /* @__PURE__ */ Be(at);
+var de = { exports: {} }, it = de.exports, $e;
 function st() {
   return $e || ($e = 1, (function(e, n) {
     (function(r, t) {
       e.exports = t();
-    })(ot, function() {
+    })(it, function() {
       return (function(r) {
-        function t(o) {
-          if (a[o]) return a[o].exports;
-          var c = a[o] = { exports: {}, id: o, loaded: !1 };
-          return r[o].call(c.exports, c, c.exports, t), c.loaded = !0, c.exports;
+        function t(i) {
+          if (a[i]) return a[i].exports;
+          var c = a[i] = { exports: {}, id: i, loaded: !1 };
+          return r[i].call(c.exports, c, c.exports, t), c.loaded = !0, c.exports;
         }
         var a = {};
         return t.m = r, t.c = a, t.p = "", t(0);
       })([function(r, t) {
-        function a(i) {
-          var l = i.getContext("2d"), v = i.width, m = i.height, _ = l.getImageData(0, 0, v, m).data, x = u(!0, v, m, _), b = u(!1, v, m, _), P = d(!0, v, m, _), g = d(!1, v, m, _), W = g - P + 1, $ = b - x + 1, k = l.getImageData(P, x, W, $);
-          return i.width = W, i.height = $, l.clearRect(0, 0, W, $), l.putImageData(k, 0, 0), i;
+        function a(o) {
+          var l = o.getContext("2d"), v = o.width, m = o.height, _ = l.getImageData(0, 0, v, m).data, x = u(!0, v, m, _), b = u(!1, v, m, _), P = d(!0, v, m, _), g = d(!1, v, m, _), W = g - P + 1, $ = b - x + 1, k = l.getImageData(P, x, W, $);
+          return o.width = W, o.height = $, l.clearRect(0, 0, W, $), l.putImageData(k, 0, 0), o;
         }
-        function o(i, l, v, m) {
-          return { red: m[4 * (v * l + i)], green: m[4 * (v * l + i) + 1], blue: m[4 * (v * l + i) + 2], alpha: m[4 * (v * l + i) + 3] };
+        function i(o, l, v, m) {
+          return { red: m[4 * (v * l + o)], green: m[4 * (v * l + o) + 1], blue: m[4 * (v * l + o) + 2], alpha: m[4 * (v * l + o) + 3] };
         }
-        function c(i, l, v, m) {
-          return o(i, l, v, m).alpha;
+        function c(o, l, v, m) {
+          return i(o, l, v, m).alpha;
         }
-        function u(i, l, v, m) {
-          for (var _ = i ? 1 : -1, x = i ? 0 : v - 1, b = x; i ? b < v : b > -1; b += _) for (var P = 0; P < l; P++) if (c(P, b, l, m)) return b;
+        function u(o, l, v, m) {
+          for (var _ = o ? 1 : -1, x = o ? 0 : v - 1, b = x; o ? b < v : b > -1; b += _) for (var P = 0; P < l; P++) if (c(P, b, l, m)) return b;
           return null;
         }
-        function d(i, l, v, m) {
-          for (var _ = i ? 1 : -1, x = i ? 0 : l - 1, b = x; i ? b < l : b > -1; b += _) for (var P = 0; P < v; P++) if (c(b, P, l, m)) return b;
+        function d(o, l, v, m) {
+          for (var _ = o ? 1 : -1, x = o ? 0 : l - 1, b = x; o ? b < l : b > -1; b += _) for (var P = 0; P < v; P++) if (c(b, P, l, m)) return b;
           return null;
         }
         Object.defineProperty(t, "__esModule", { value: !0 }), t.default = a;
@@ -934,18 +934,18 @@ var ut = fe.exports, Le;
 function ct() {
   return Le || (Le = 1, (function(e, n) {
     (function(r, t) {
-      e.exports = t(/* @__PURE__ */ rt(), Fe, it, st());
-    })(ut, function(r, t, a, o) {
+      e.exports = t(/* @__PURE__ */ rt(), Fe, ot, st());
+    })(ut, function(r, t, a, i) {
       return (function(c) {
-        function u(i) {
-          if (d[i]) return d[i].exports;
-          var l = d[i] = { exports: {}, id: i, loaded: !1 };
-          return c[i].call(l.exports, l, l.exports, u), l.loaded = !0, l.exports;
+        function u(o) {
+          if (d[o]) return d[o].exports;
+          var l = d[o] = { exports: {}, id: o, loaded: !1 };
+          return c[o].call(l.exports, l, l.exports, u), l.loaded = !0, l.exports;
         }
         var d = {};
         return u.m = c, u.c = d, u.p = "", u(0);
       })([function(c, u, d) {
-        function i(O) {
+        function o(O) {
           return O && O.__esModule ? O : { default: O };
         }
         function l(O, S) {
@@ -981,7 +981,7 @@ function ct() {
           return function(S, B, F) {
             return B && O(S.prototype, B), F && O(S, F), S;
           };
-        })(), P = d(1), g = i(P), W = d(2), $ = i(W), k = d(3), f = i(k), X = d(4), ne = i(X), Q = (function(O) {
+        })(), P = d(1), g = o(P), W = d(2), $ = o(W), k = d(3), f = o(k), X = d(4), ne = o(X), Q = (function(O) {
           function S() {
             var B, F, y, G;
             v(this, S);
@@ -1043,7 +1043,7 @@ function ct() {
       }, function(c, u) {
         c.exports = a;
       }, function(c, u) {
-        c.exports = o;
+        c.exports = i;
       }]);
     });
   })(fe)), fe.exports;
@@ -1064,21 +1064,21 @@ const ft = /* @__PURE__ */ Ne(lt), dt = "_Signature_4mfzi_1", ht = "_SignatureMa
   SignatureAutoPanelNoteIcon: St,
   SignatureAutoPanelButton: wt
 }, Lt = (e) => {
-  const { auto: n, manual: r, getSignature: t, onChangeManual: a, onChangeAuto: o, className: c = "" } = e, u = Se(null), d = Se(!1), [i, l] = se(null), [v, m] = se(r ? "manual" : "auto"), [_, x] = se(""), [b, P] = se(!1), { width: g = 0, height: W = 0 } = Ue({ ref: u, box: "border-box" }), $ = v === "auto" ? n ? "auto-generated" : "auto-loading" : _ ? "manual-drawn" : r ? "manual-stored" : "manual-blank", k = n !== "" || b, f = r || _, X = re(
+  const { auto: n, manual: r, getSignature: t, onChangeManual: a, onChangeAuto: i, className: c = "" } = e, u = Se(null), d = Se(!1), [o, l] = se(null), [v, m] = se(r ? "manual" : "auto"), [_, x] = se(""), [b, P] = se(!1), { width: g = 0, height: W = 0 } = Ue({ ref: u, box: "border-box" }), $ = v === "auto" ? n ? "auto-generated" : "auto-loading" : _ ? "manual-drawn" : r ? "manual-stored" : "manual-blank", k = n !== "" || b, f = r || _, X = re(
     (U) => {
-      !i || !g || !W || !U || i.fromDataURL(U, {
+      !o || !g || !W || !U || o.fromDataURL(U, {
         width: +g.toFixed(),
         height: +W.toFixed()
       });
     },
-    [i, g, W]
+    [o, g, W]
   ), ne = re(() => {
-    if (!i) return;
-    const U = i.getCanvas().toDataURL("image/png");
+    if (!o) return;
+    const U = o.getCanvas().toDataURL("image/png");
     x(U), a(U);
-  }, [i, a]), Q = re(() => {
-    i && (i.clear(), x(""), a(""));
-  }, [i, a]), O = re(() => {
+  }, [o, a]), Q = re(() => {
+    o && (o.clear(), x(""), a(""));
+  }, [o, a]), O = re(() => {
     m("auto"), x("");
   }, []), S = re(() => {
     m("manual");
@@ -1096,19 +1096,19 @@ const ft = /* @__PURE__ */ Ne(lt), dt = "_Signature_4mfzi_1", ht = "_SignatureMa
     }
     d.current || (d.current = !0, t().then((U) => {
       const Y = `data:image/png;base64,${U.signature}`;
-      P(!1), o(Y);
+      P(!1), i(Y);
     }).catch(() => {
       P(!0);
     }));
-  }, [n, t, o]);
+  }, [n, t, i]);
   const G = re(() => {
     P(!1), d.current = !0, t().then((U) => {
       const Y = `data:image/png;base64,${U.signature}`;
-      P(!1), o(Y);
+      P(!1), i(Y);
     }).catch(() => {
       P(!0);
     });
-  }, [t, o]);
+  }, [t, i]);
   return /* @__PURE__ */ ee("div", { className: Ee(V.Signature, c), children: [
     /* @__PURE__ */ ee(
       "div",
@@ -1119,18 +1119,18 @@ const ft = /* @__PURE__ */ Ne(lt), dt = "_Signature_4mfzi_1", ht = "_SignatureMa
         ),
         ref: u,
         children: [
-          /* @__PURE__ */ ee(ie, { direction: "row", justify: y(["manual-drawn"]) ? "end" : "center", className: V.SignatureHeader, children: [
-            /* @__PURE__ */ ee(he.Tag, { tag: "h6", weight: "medium", size: "regular", color: "primary", align: "center", children: [
+          /* @__PURE__ */ ee(oe, { direction: "row", justify: y(["manual-drawn"]) ? "end" : "center", className: V.SignatureHeader, children: [
+            /* @__PURE__ */ ee(he, { tag: "h6", weight: "medium", align: "center", children: [
               /* @__PURE__ */ j(te, { name: "generated-signature", condition: y(["auto-generated", "auto-loading"]), children: "Wir haben eine digitale Signature Sie generiert." }),
               /* @__PURE__ */ j(te, { name: "create-signature", condition: y(["manual-blank", "manual-stored"]), children: "Ihre Signatur:" })
             ] }),
             /* @__PURE__ */ j(Xe, { name: "reset", direction: "rtl", condition: y(["manual-drawn"]), children: /* @__PURE__ */ j("div", { className: V.SignatureHeaderReset, children: /* @__PURE__ */ j(ue, { blurAfterClick: !0, underlined: !0, icon: /* @__PURE__ */ j(Ye, {}), onClick: Q, children: "Neu starten" }) }) })
           ] }),
-          /* @__PURE__ */ j(ie, { direction: "row", align: "end", justify: "center", children: y(["auto-generated", "auto-loading"]) ? /* @__PURE__ */ ee(ie, { direction: "column", align: "center", justify: "start", children: [
+          /* @__PURE__ */ j(oe, { direction: "row", align: "end", justify: "center", children: y(["auto-generated", "auto-loading"]) ? /* @__PURE__ */ ee(oe, { direction: "column", align: "center", justify: "start", children: [
             /* @__PURE__ */ j(te, { name: "signature", condition: n !== "", children: /* @__PURE__ */ j("img", { className: V.SignatureAutoPanelImage, src: n, alt: "signature" }) }),
             /* @__PURE__ */ j(te, { name: "signature", condition: n === "" && !b, children: /* @__PURE__ */ j("div", { className: V.SignatureAutoPanelLoader, style: { height: 142 }, children: /* @__PURE__ */ j(Je, { size: "sm", color: "accent-primary" }) }) }),
-            /* @__PURE__ */ j(te, { name: "auto-failed", condition: n === "" && b, children: /* @__PURE__ */ ee(ie, { direction: "column", align: "center", justify: "center", style: { height: 78 }, gap: "xs", children: [
-              /* @__PURE__ */ j(he.Tag, { weight: "regular", size: "small", color: "secondary", children: "Automatische Signatur konnte nicht geladen werden." }),
+            /* @__PURE__ */ j(te, { name: "auto-failed", condition: n === "" && b, children: /* @__PURE__ */ ee(oe, { direction: "column", align: "center", justify: "center", style: { height: 78 }, gap: "xs", children: [
+              /* @__PURE__ */ j(he, { tag: "span", size: "body-small", color: "text-secondary", children: "Automatische Signatur konnte nicht geladen werden." }),
               /* @__PURE__ */ j(
                 ue,
                 {
@@ -1144,9 +1144,9 @@ const ft = /* @__PURE__ */ Ne(lt), dt = "_Signature_4mfzi_1", ht = "_SignatureMa
                 }
               )
             ] }) }),
-            /* @__PURE__ */ j(te, { name: "auto-note", condition: n !== "", children: /* @__PURE__ */ ee(ie, { direction: "row", align: "center", justify: "center", gap: "xxs", mt: "xs", children: [
+            /* @__PURE__ */ j(te, { name: "auto-note", condition: n !== "", children: /* @__PURE__ */ ee(oe, { direction: "row", align: "center", justify: "center", gap: "xxs", mt: "xs", children: [
               /* @__PURE__ */ j(Ve, { size: 24, className: V.SignatureAutoPanelNoteIcon }),
-              /* @__PURE__ */ j(he.Tag, { weight: "regular", size: "small", color: "secondary", children: "Diese Unterschrift ist ausreichend" })
+              /* @__PURE__ */ j(he, { tag: "span", size: "body-small", color: "text-secondary", children: "Diese Unterschrift ist ausreichend" })
             ] }) }),
             /* @__PURE__ */ j(te, { name: "manual-switch", condition: k, children: /* @__PURE__ */ j("div", { className: V.SignatureAutoPanelButton, children: /* @__PURE__ */ j(ue, { blurAfterClick: !0, underlined: !0, onClick: S, children: "per Hand/Maus unterschreiben" }) }) })
           ] }) : /* @__PURE__ */ ee("div", { className: V.SignatureManualPanel, children: [
@@ -1178,7 +1178,7 @@ const ft = /* @__PURE__ */ Ne(lt), dt = "_Signature_4mfzi_1", ht = "_SignatureMa
         ]
       }
     ),
-    /* @__PURE__ */ j(te, { name: "footer", condition: y(["manual-blank", "manual-drawn"]), children: /* @__PURE__ */ ee(ie, { direction: "row", grow: "equal", align: "center", justify: "space-between", gap: "md", mt: "md", children: [
+    /* @__PURE__ */ j(te, { name: "footer", condition: y(["manual-blank", "manual-drawn"]), children: /* @__PURE__ */ ee(oe, { direction: "row", grow: "equal", align: "center", justify: "space-between", gap: "md", mt: "md", children: [
       /* @__PURE__ */ j(Te, { fullWidth: !0, blurAfterClick: !0, color: "tertiary", onClick: O, children: "Abbrechen" }),
       /* @__PURE__ */ j(Te, { fullWidth: !0, blurAfterClick: !0, color: "primary", disabled: !_, onClick: F, children: "Speichern" })
     ] }) })