refactor: change 'await' for '.then()' in some functions

in order not to propage the async through the functions call chain

Author: igorMSoares

js-css-animations/animate.js

@@ -484,7 +484,7 @@ const getAction = (element, animType) => {
  * @param {HTMLElement} el - The DOM element being animated
  * @param {Object} args - The animation's ID and type and all the options passed by the user
  */
-const preset = async (el, args) => {
+const preset = (el, args) => {
   const { opts, animationId } = args;
   const { animType } = opts;
   if (
@@ -495,14 +495,14 @@ const preset = async (el, args) => {
   )
     opts.angle = undefined;
 
-  await updateCssProperties(el, opts);
-
-  if (opts.staggerDelay) {
-    const staggeredDelay =
-      getTimeInMs(opts.delay) +
-      getTimeInMs(opts.staggerDelay) * opts.queryIndex;
-    setCssProperty(el, 'delay', `${staggeredDelay}ms`);
-  }
+  updateCssProperties(el, opts).then(() => {
+    if (opts.staggerDelay) {
+      const staggeredDelay =
+        getTimeInMs(opts.delay) +
+        getTimeInMs(opts.staggerDelay) * opts.queryIndex;
+      setCssProperty(el, 'delay', `${staggeredDelay}ms`);
+    }
+  });
 };
 
 /**

js-css-animations/js-css-animations.js

@@ -69,11 +69,12 @@ const getTargets = selector => {
  * @see {@link module:globals.PROPERTY_NAMES}
  * @see {@link module:animate~configurations}
  */
-const config = async opts => {
+const config = opts => {
   updateDefaultConfig(opts);
-  await updateCssProperties(document.documentElement, opts);
-  if (opts.cursor)
-    setCssProperty(document.documentElement, 'cursor', opts.cursor);
+  updateCssProperties(document.documentElement, opts).then(() => {
+    if (opts.cursor)
+      setCssProperty(document.documentElement, 'cursor', opts.cursor);
+  });
 };
 
 /**
@@ -190,10 +191,10 @@ const animationFunctions = (function () {
           'dimensionsTransition',
         ].forEach(opt => (args[opt] = opts[opt]));
 
-        getTargets(target).forEach(async (element, i) => {
+        getTargets(target).forEach((element, i) => {
           opts.animType = animType;
           opts.queryIndex = i;
-          await preset(element, {
+          preset(element, {
             opts,
             animationId: id,
           });