Merge pull request #78 from sandeep-vedam/fix/transition-easing

Renamed transition function key to easing key

src/application.d.ts

@@ -35,7 +35,7 @@ declare namespace Application {
     /**
      * Easing function to apply to the transition
      */
-    function?: string,
+    easing?: string,
     /**
      * Delay before the transition starts in milliseconds
      */

src/element.js

@@ -21,6 +21,21 @@ import colors from './lib/colors/colors.js'
 import { Log } from './lib/log.js'
 import symbols from './lib/symbols.js'
 
+const deprecationMsg = `
+----------------------------------------------------------------------------------------------------
+Deprecation notice:
+----------------------------------------------------------------------------------------------------
+
+The property for defining a transition easing function has been renamed from "function" to "easing".
+
+Please update your code like the example below to keep your custom easing function.
+
+Before: <Element :y.transition=“{v: $y, function: ‘ease-in-out’}” />
+
+After: <Element :y.transition=“{v: $y, easing: ‘ease-in-out’}” />
+
+`
+
 const isTransition = (value) => {
   return typeof value === 'object' && 'transition' in value
 }
@@ -307,7 +322,9 @@ const Element = {
       easing:
         typeof transition === 'object'
           ? 'function' in transition
-            ? transition.function
+            ? Log.warn(deprecationMsg)
+            : 'easing' in transition
+            ? transition.easing
             : 'ease'
           : 'ease',
       delay: typeof transition === 'object' ? ('delay' in transition ? transition.delay : 0) : 0,