From 54b465503d2f80234dfcd22e5dd4fe6e30698229 Mon Sep 17 00:00:00 2001
From: Ian Lai <MrSaints@users.noreply.github.com>
Date: Tue, 14 Apr 2015 20:14:16 +0800
Subject: [PATCH 1/5] Updated jQuery version

---
 bower.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bower.json b/bower.json
index 6f713e2..4e938b2 100644
--- a/bower.json
+++ b/bower.json
@@ -28,6 +28,6 @@
   ],
   "dependencies": {
     "animate.css": "~3.2.5",
-    "jquery": "~2.1.1"
+    "jquery": "~2.1.3"
   }
 }

From 2d9afc4f0914d648762a299bbbc632e1e314bfbe Mon Sep 17 00:00:00 2001
From: Ian Lai <MrSaints@users.noreply.github.com>
Date: Tue, 14 Apr 2015 20:14:34 +0800
Subject: [PATCH 2/5] Updated jQuery and added demo for  option

---
 index.html | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 0f6a180..c5b2b83 100644
--- a/index.html
+++ b/index.html
@@ -21,13 +21,17 @@
             ...child object rotator.
         </div>
 
-        <script src="//cdn.jsdelivr.net/jquery/2.1.1/jquery.min.js"></script>
+        <script src="//cdn.jsdelivr.net/jquery/2.1.3/jquery.min.js"></script>
         <script>window.jQuery || document.write('<script src="bower_components/jquery/jquery.min.js"><\/script>')</script>
         <script src="dist/morphist.js"></script>
         <script>
             $("#js-rotating").Morphist({
-                animateIn: 'rotateIn',
-                animateOut: 'rotateOut'
+                // These settings are optional
+                animateIn: "rotateIn",
+                animateOut: "rotateOut",
+                complete: function () {
+                    console.log("This is called after an item is animated in! Current child index: " + this.index);
+                }
             });
         </script>
     </body>

From e46d206a7703a1dc066898af8f777bf462ed8cd4 Mon Sep 17 00:00:00 2001
From: Ian Lai <MrSaints@users.noreply.github.com>
Date: Tue, 14 Apr 2015 20:34:43 +0800
Subject: [PATCH 3/5] Updated README.md

---
 README.md | 56 +++++++++++++++++++++++++++++++++----------------------
 1 file changed, 34 insertions(+), 22 deletions(-)

diff --git a/README.md b/README.md
index 2f674f4..82bad8f 100644
--- a/README.md
+++ b/README.md
@@ -28,18 +28,22 @@ Usage
 
 3. Encapsulate your rotating objects (children, e.g. list item) in an element (parent, e.g. unordered list):
 
-        I am a...
-        <ul id="js-rotating">
-            <li>So Simple</li>
-            <li>Very Doge</li>
-            <li>Much Wow</li>
-            <li>Such Cool</li>
-        </ul>
-        ...child object rotator.
+    ```html
+    I am a...
+    <ul id="js-rotating">
+        <li>So Simple</li>
+        <li>Very Doge</li>
+        <li>Much Wow</li>
+        <li>Such Cool</li>
+    </ul>
+    ...child object rotator.
+    ```
 
 4. Trigger the plugin by calling Morphist() on the element (parent) containing the rotating objects (children):
 
-        $("#js-rotating").Morphist();
+    ```js
+    $("#js-rotating").Morphist();
+    ```
 
 A demo titled `index.html` is included in this repository. Open it to see the end-result.
 
@@ -54,21 +58,29 @@ Option | Type | Default | Description
 animateIn | `string` | `bounceIn` | The entrance animation type (In).
 animateOut | `string` | `rollOut` | The exit animation type (Out). Refer to [Animate.css][animatecss] for a list of available animations.
 speed | `int` | `2000` | The delay between the changing of each object in milliseconds.
+complete | `object Function` | `null` | A callback that is executed after an item is animated in.
 
 They may be used like so:
 
-    $("#js-rotating").Morphist({
-        animateIn: "fadeIn", // Overrides default "bounceIn"
-        animateOut: "zoomOut", // Overrides default "rollOut"
-        speed: 3000 // Overrides default 2000
-    });
+```js
+$("#js-rotating").Morphist({
+    animateIn: "fadeIn", // Overrides default "bounceIn"
+    animateOut: "zoomOut", // Overrides default "rollOut"
+    speed: 3000, // Overrides default 2000
+    complete: function () {
+        // Overrides default empty function
+    }
+});
+```
 
 The plugin relies heavily on [Animate.css][animatecss] for its [smooth, high performance animations](http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/) to transition between each object. Thus, the default animation speed (different from the interval between each object as described above) may be altered via CSS:
 
-    #yourElement, .yourClass {
-        /* Overrides Animate.css 1s duration */
-        -vendor-animation-duration: 3s;
-    }
+```css
+#yourElement, .yourClass {
+    /* Overrides Animate.css 1s duration */
+    -vendor-animation-duration: 3s;
+}
+```
 
 
 "Issues"
@@ -92,9 +104,9 @@ License
 Morphist is licensed under the MIT license [(http://ian.mit-license.org/)](http://ian.mit-license.org/).
 
   [website]: http://morphist.fyianlai.com/
-  [twitter]: //www.twitter.com/MrSaints
-  [downloads]: //github.com/MrSaints/Morphist/releases
-  
+  [twitter]: https://www.twitter.com/MrSaints
+  [downloads]: https://github.com/MrSaints/Morphist/releases
+
   [bower]: http://bower.io/
-  [jquery]: //www.jquery.com/
+  [jquery]: https://www.jquery.com/
   [animatecss]: //daneden.github.io/animate.css/

From 51300cb18078cb02bbe8df83fbff3bc25a8fcc58 Mon Sep 17 00:00:00 2001
From: Ian Lai <MrSaints@users.noreply.github.com>
Date: Mon, 28 Mar 2016 01:49:01 +0100
Subject: [PATCH 4/5] Update dependencies

---
 bower.json   | 6 +++---
 index.html   | 2 +-
 package.json | 7 ++++---
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/bower.json b/bower.json
index 4e938b2..f3b395c 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "Morphist",
-  "version": "2.1.2",
+  "version": "3.0.0",
   "description": "A simple, high-performance and cross-browser jQuery slider / slideshow / carousel plugin for child objects powered by Animate.css.",
   "authors": [
     "Ian Lai <ian@fyianlai.com>"
@@ -27,7 +27,7 @@
     "tests"
   ],
   "dependencies": {
-    "animate.css": "~3.2.5",
-    "jquery": "~2.1.3"
+    "animate.css": "~3.5.1",
+    "jquery": "~2.1.4"
   }
 }
diff --git a/index.html b/index.html
index c5b2b83..8ceebc9 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
             ...child object rotator.
         </div>
 
-        <script src="//cdn.jsdelivr.net/jquery/2.1.3/jquery.min.js"></script>
+        <script src="//cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js"></script>
         <script>window.jQuery || document.write('<script src="bower_components/jquery/jquery.min.js"><\/script>')</script>
         <script src="dist/morphist.js"></script>
         <script>
diff --git a/package.json b/package.json
index 07ac961..2f4941b 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,11 @@
 {
   "name": "Morphist",
-  "version": "2.1.2",
+  "version": "3.0.0",
   "description": "A simple, high-performance and cross-browser jQuery slider / slideshow / carousel plugin for child objects powered by Animate.css.",
   "main": "Gruntfile.coffee",
   "private": true,
   "scripts": {
+    "build": "grunt",
     "test": "grunt test"
   },
   "repository": {
@@ -24,7 +25,7 @@
   "homepage": "https://github.com/MrSaints/Morphist",
   "devDependencies": {
     "grunt": "^0.4.5",
-    "grunt-contrib-uglify": "^0.9.1",
-    "grunt-eslint": "^11.0.0"
+    "grunt-contrib-uglify": "^1.0.1",
+    "grunt-eslint": "^18.0.0"
   }
 }

From da8c6feb9e03c50ad600a40b3bbed27e553dc8fe Mon Sep 17 00:00:00 2001
From: Ian Lai <MrSaints@users.noreply.github.com>
Date: Mon, 28 Mar 2016 01:49:06 +0100
Subject: [PATCH 5/5] v3.0.0: refactor for better timeout cycle

This major update will guarantee that all
entrance, and exit animations are completed.

i.e. The `speed` will affect the time between
the end of the "in" animation, and the start
of the "out" animation.

External methods should remain the same.
Technically, there are no breaking changes.
---
 dist/morphist.js     | 74 +++++++++++++++++++++++++-------------------
 dist/morphist.min.js |  2 +-
 2 files changed, 43 insertions(+), 33 deletions(-)

diff --git a/dist/morphist.js b/dist/morphist.js
index df81596..bd11ee4 100644
--- a/dist/morphist.js
+++ b/dist/morphist.js
@@ -35,53 +35,63 @@
 
     Plugin.prototype = {
         _init: function () {
+            this._animationEnd = "webkitAnimationEnd mozAnimationEnd " +
+                                "MSAnimationEnd oanimationend animationend";
+
             this.children = this.element.children();
             this.element.addClass("morphist");
 
             this.index = 0;
             this.loop();
         },
+        _shouldForceReflow: function ($elem) {
+            if (this.settings.animateIn === this.settings.animateOut) {
+                /*eslint-disable */
+                $elem[0].offsetWidth;
+                /*eslint-enable */
+            }
+        },
+        _animate: function ($elem, $classes, $cb) {
+            $elem.addClass("animated " + $classes)
+                .one(this._animationEnd, function () {
+                    $cb();
+                });
+        },
         loop: function () {
             var $that = this;
+            var $current = this.children.eq(this.index);
 
-            this._animateIn();
-            this.timeout = setTimeout(function () {
-                var elem = $that._animateOut();
-                $that._attachOutListener(elem);
-            }, this.settings.speed);
+            var $animateOut = function () {
+                $that.timeout = setTimeout(function () {
+                    $current.removeClass();
+                    $that._shouldForceReflow($current);
 
-            if ($.isFunction(this.settings.complete)) {
-                this.settings.complete.call(this);
-            }
-        },
-        _attachOutListener: function ($elem) {
-            var $that = this;
+                    $that._animate(
+                        $current,
+                        "mis-out " + $that.settings.animateOut,
+                        function () {
+                            $that.index = ++$that.index % $that.children.length;
+                            $current.removeClass();
+                            $that.loop();
+                        }
+                    );
+                }, $that.settings.speed);
+            };
+
+            this._animate(
+                $current,
+                "mis-in " + this.settings.animateIn,
+                function () {
+                    $animateOut();
 
-            $elem.one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd" +
-                        "oanimationend animationend", function () {
-                if ($elem.hasClass("mis-out")) {
-                    $elem.removeClass();
-                    $that.index = ++$that.index % $that.children.length;
-                    $that.loop();
+                    if ($.isFunction($that.settings.complete)) {
+                        $that.settings.complete.call($that);
+                    }
                 }
-            });
+            );
         },
         stop: function () {
             clearTimeout(this.timeout);
-        },
-        _animateIn: function () {
-            return this.children.eq(this.index)
-                        .addClass("animated mis-in " + this.settings.animateIn);
-        },
-        _animateOut: function () {
-            var element = this.children.eq(this.index);
-            element.removeClass();
-            if (this.settings.animateIn === this.settings.animateOut) {
-                /*eslint-disable */
-                element[0].offsetWidth;
-                /*eslint-enable */
-            }
-            return element.addClass("animated mis-out " + this.settings.animateOut);
         }
     };
 
diff --git a/dist/morphist.min.js b/dist/morphist.min.js
index b135ccf..6ea382f 100644
--- a/dist/morphist.min.js
+++ b/dist/morphist.min.js
@@ -1 +1 @@
-/*! Morphist - v2.1.1 - 2015-04-14 */!function(a){"use strict";function b(b,c){this.element=a(b),this.settings=a.extend({},d,c),this._defaults=d,this._init()}var c="Morphist",d={animateIn:"bounceIn",animateOut:"rollOut",speed:2e3,complete:a.noop};b.prototype={_init:function(){this.children=this.element.children(),this.element.addClass("morphist"),this.index=0,this.loop()},loop:function(){var b=this;this._animateIn(),this.timeout=setTimeout(function(){var a=b._animateOut();b._attachOutListener(a)},this.settings.speed),a.isFunction(this.settings.complete)&&this.settings.complete.call(this)},_attachOutListener:function(a){var b=this;a.one("webkitAnimationEnd mozAnimationEnd MSAnimationEndoanimationend animationend",function(){a.hasClass("mis-out")&&(a.removeClass(),b.index=++b.index%b.children.length,b.loop())})},stop:function(){clearTimeout(this.timeout)},_animateIn:function(){return this.children.eq(this.index).addClass("animated mis-in "+this.settings.animateIn)},_animateOut:function(){var a=this.children.eq(this.index);return a.removeClass(),this.settings.animateIn===this.settings.animateOut&&a[0].offsetWidth,a.addClass("animated mis-out "+this.settings.animateOut)}},a.fn[c]=function(d){return this.each(function(){a.data(this,"plugin_"+c)||a.data(this,"plugin_"+c,new b(this,d))})}}(jQuery);
\ No newline at end of file
+/*! Morphist - v3.0.0 - 2016-03-28 */!function(a){"use strict";function b(b,c){this.element=a(b),this.settings=a.extend({},d,c),this._defaults=d,this._init()}var c="Morphist",d={animateIn:"bounceIn",animateOut:"rollOut",speed:2e3,complete:a.noop};b.prototype={_init:function(){this._animationEnd="webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",this.children=this.element.children(),this.element.addClass("morphist"),this.index=0,this.loop()},_shouldForceReflow:function(a){this.settings.animateIn===this.settings.animateOut&&a[0].offsetWidth},_animate:function(a,b,c){a.addClass("animated "+b).one(this._animationEnd,function(){c()})},loop:function(){var b=this,c=this.children.eq(this.index),d=function(){b.timeout=setTimeout(function(){c.removeClass(),b._shouldForceReflow(c),b._animate(c,"mis-out "+b.settings.animateOut,function(){b.index=++b.index%b.children.length,c.removeClass(),b.loop()})},b.settings.speed)};this._animate(c,"mis-in "+this.settings.animateIn,function(){d(),a.isFunction(b.settings.complete)&&b.settings.complete.call(b)})},stop:function(){clearTimeout(this.timeout)}},a.fn[c]=function(d){return this.each(function(){a.data(this,"plugin_"+c)||a.data(this,"plugin_"+c,new b(this,d))})}}(jQuery);
\ No newline at end of file