feat: jsCssAnimations.toggle() now accepts 'start' and 'complete' callbacks option

Author: igorMSoares

js-css-animations/animate.js

@@ -118,11 +118,11 @@ const updateCssProperties = (element, opts) => {
       if (typeof opts[prop] === 'number') {
         const unit = {
           duration: 'ms',
+          delay: 'ms',
           angle: 'deg',
           blur: 'px',
           iteration: '',
         };
-        unit.delay = unit.duration;
 
         opts[prop] = `${opts[prop]}` + unit[prop];
       }

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

@@ -74,9 +74,8 @@ const getTargets = selector => {
  *  dimensionsTransition: boolean|undefined,
  *  widthTransition: boolean|undefined,
  *  heightTransition: boolean|undefined
- * }} opts - All options that can be passed by the user to customize the animation
+ * }|{}} opts - All options that can be passed by the user to customize the animation
  */
-// @ts-ignore
 const toggle = (selector, animA, animB, opts = {}) => {
   const args = {};
   [
@@ -93,6 +92,8 @@ const toggle = (selector, animA, animB, opts = {}) => {
     'dimensionsTransition',
     'widthTransition',
     'heightTransition',
+    'start',
+    'complete',
   ].forEach(prop => (args[prop] = opts[prop]));
 
   /**