feat: this inside time/to/delay fxns is target itself

sifrr · May 23, 2019 · 589ab3d · 589ab3d
1 parent 0a7a060
commit 589ab3d
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 16 deletions.
diff --git a/README.md b/README.md
@@ -64,7 +64,7 @@ wait(1000 /* in ms */).then(() => {
 -   `delay` - (in miliseconds) number or function, delay before start of animation (in ms)
 
 If from values are not given (or object doesn't have that property), they will start from 0.
-If a function for `time`, `delay`, `to` is given, it will be called with index of target to animate (starting from 0) and return value will be used as corresponding value for that target.
+If a function for `time`, `delay`, `to` is given, it will be called with index of target to animate (starting from 0) and return value will be used as corresponding value for that target. `this` inside these functions is `target`.
 
 You can add more types using bezier function values:
 

diff --git a/dist/sifrr.animate.js b/dist/sifrr.animate.js
diff --git a/dist/sifrr.animate.js.map b/dist/sifrr.animate.js.map
diff --git a/dist/sifrr.animate.min.js b/dist/sifrr.animate.min.js
diff --git a/dist/sifrr.animate.module.js b/dist/sifrr.animate.module.js
diff --git a/dist/sifrr.animate.module.js.map b/dist/sifrr.animate.module.js.map
diff --git a/src/animate.js b/src/animate.js
@@ -37,9 +37,9 @@ function animate({
   }
   let numTo = to, numDelay = delay, numTime = time;
   return Promise.all(targets.map((target, i) => {
-    if (typeof to === 'function') numTo = to(i);
-    if (typeof delay === 'function') numDelay = delay(i);
-    if (typeof time === 'function') numTime = time(i);
+    if (typeof to === 'function') numTo = to.call(target, i);
+    if (typeof delay === 'function') numDelay = delay.call(target, i);
+    if (typeof time === 'function') numTime = time.call(target, i);
     return iterate(target, numTo, numDelay, numTime);
   }));
 }