turbolinks-animate 1.3.0 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f515e4834a613502b06c467550410dba996a782fa93ba48e658916f790eccdb6
-  data.tar.gz: 6e2558fc9e637e6fcc0dbf0ded48cd0b835a875f8bca743310fe181f72f7852b
+  metadata.gz: 2a42f0eee4169f65ca01863b1bf0281586f1e0c4981e5d8acd003c43ecbfba30
+  data.tar.gz: 6ff710395cce0e0feb8829d182c0136d47204ba997d8228db6eaa1f58edb410b
 SHA512:
-  metadata.gz: 160ca73d7dc05eb83ba2b0b35df27d11538cad35fc71a54149c0d3dd4f9f9299854d6d9e979241ae135e8a05d91bfea9f5996d41c5c3c5c10e2e6fd157059c9b
-  data.tar.gz: 70946fb6c2da93cbe6648c6951c518caac12b0f38d273b719d08c1dad078e800f715c3b9add4b8d9dc9150552cd77569f6c2992a91798ac103b1717de160a016
+  metadata.gz: 99bb355687edf4c8c747b946391323241083707dda420cd6ef3be0e415dc8d62cb6c54db9c2da3aca5fdebc444ef8b6d4090e7fffd967d4ff90ef6aaba56e154
+  data.tar.gz: adb494b447bdbb6e07672b1c948ab4cbb110020670231f547b8068a08772dbae388dbfaee0df6828f59dcb688a2f80d2d39ea6e556e2192ab48df34c1564b289

data/CHANGELOG.md

@@ -4,23 +4,29 @@
 
 * nothing yet
 
-### 1.3.0 - 2018-01-19
+### 2.0.0 - 2018/02/17
+
+* features
+    * support webpack
+    * added `'turbolinks-animate'` mozaic component
+
+### 1.3.0 - 2018/01/19
 
 * enhancements
     * updated [turbolinks-animate.js](https://github.com/jonhue/turbolinks-animate.js) to `2.0.0`
 
-### 1.2.0 - 2018-01-06
+### 1.2.0 - 2018/01/06
 
 * enhancements
     * automatically include `TurbolinksAnimateHelper` in controllers
     * updated [turbolinks-animate.js](https://github.com/jonhue/turbolinks-animate.js) to `1.3.8`
 
-### 1.1.0 - 2017-12-17
+### 1.1.0 - 2017/12/17
 
 * enhancements
     * add animate.css to asset pipeline
 * bugfixes
 
-### 1.0.0 - 2017-12-17
+### 1.0.0 - 2017/12/17
 
 * initial release

data/README.md

@@ -1,4 +1,4 @@
-# turbolinks-animate
+# Turbolinks Animate
 
 [![Gem Version](https://badge.fury.io/rb/turbolinks-animate.svg)](https://badge.fury.io/rb/turbolinks-animate) <img src="https://travis-ci.org/jonhue/turbolinks-animate.svg?branch=master" />
 
@@ -6,7 +6,7 @@ A dead simple & powerful way of adding rich & adaptive animations to your Rails
 
 This gem extends the [turbolinks-animate.js](https://github.com/jonhue/turbolinks-animate.js) library to work better within Rails apps.
 
-[**Demo**](https://phylator.herokuapp.com)
+[**Demo**](https://phylator.com)
 
 ---
 
@@ -14,6 +14,8 @@ This gem extends the [turbolinks-animate.js](https://github.com/jonhue/turbolink
 
 * [Installation](#installation)
 * [Usage](#usage)
+    * [Views](#views)
+    * [Controllers](#controllers)
 * [To Do](#to-do)
 * [Contributing](#contributing)
     * [Contributors](#contributors)
@@ -24,7 +26,7 @@ This gem extends the [turbolinks-animate.js](https://github.com/jonhue/turbolink
 
 ## Installation
 
-`turbolinks-animate` works with Rails 5 onwards. You can add it to your `Gemfile` with:
+Turbolinks Animate works with Rails 5 onwards. You can add it to your `Gemfile` with:
 
 ```ruby
 gem 'turbolinks-animate'
@@ -44,39 +46,44 @@ If you always want to be up to date fetch the latest from GitHub in your `Gemfil
 gem 'turbolinks-animate', github: 'jonhue/turbolinks-animate'
 ```
 
-## Usage
-
-The javascript and CSS files will be added to the asset pipeline and are available for you to use:
+Now add the `turbolinks-animate` NPM package and import + initialize it:
 
 ```js
-//= require turbolinks-animate
-
-$(document).on( 'turbolinks:load', function() {
-    TurbolinksAnimate.init();
+import 'turbolinks-animate';
+document.addEventListener( 'turbolinks:load', function() {
+    TurbolinksAnimate.init({ element: document.querySelector('body.turbolinks-animate') });
 });
 ```
 
 ```scss
-@import "animate"
+@import "animate.css"
 ```
 
-**Note:** When using a package manager like Yarn, make sure to fetch the latest version instead:
+## Usage
 
-```
-$ yarn install turbolinks-animate
-```
+### Views
 
-To use turbolinks-animate, replace the `body` tag in your layout with the `turbolinks_animate_body` view helper:
+You can use Turbolinks Animate for any element on your page (just one at a time). For the most basic implementation, you should replace your body tag:
 
-```ruby
-= turbolinks_animate_body class: 'custom-class' do
+```haml
+= component 'turbolinks-animate', animation: @turbolinks_animate_animation, class: 'custom-class' do
     = yield
 ```
 
-In your controller simply the animation:
+You can also use a `div` or other elements:
+
+```haml
+= component 'turbolinks-animate', animation: @turbolinks_animate_animation, element: 'div' do
+    ...
+```
+
+### Controllers
+
+In your controller simply specify the animation:
 
 ```ruby
 class WelcomeController < ApplicationController
+
     def index
         turbolinks_animate 'fadein'
     end
@@ -84,6 +91,7 @@ class WelcomeController < ApplicationController
     def more
         turbolinks_animate({ desktop: 'fadein', mobile: 'fadeinright' })
     end
+
 end
 ```
 

data/app/helpers/turbolinks_animate_helper.rb

@@ -4,21 +4,4 @@ module TurbolinksAnimateHelper
         @turbolinks_animate_animation = animation.is_a?(Hash) ? animation.to_json : animation
     end
 
-    def turbolinks_animate_body options = {}, &block
-        default_options = {
-            class: '',
-            data: {}
-        }
-        options = default_options.merge options
-        if @turbolinks_animate_animation
-            options[:class] += ( options[:class].length > 0 ? ' turbolinks-animate' : 'turbolinks-animate' )
-            options[:data][:turbolinks_animate_animation] = @turbolinks_animate_animation
-        end
-        if block_given?
-            content_tag 'body', capture(&block), options
-        else
-            content_tag 'body', options
-        end
-    end
-
 end

data/app/views/mozaic/_turbolinks-animate.html.erb

@@ -0,0 +1,4 @@
+<% element = options.delete :element %>
+<%= content_tag element, options do %>
+    <%= block %>
+<% end %>

data/lib/turbolinks-animate/railtie.rb

@@ -3,6 +3,20 @@ require 'rails/railtie'
 module TurbolinksAnimate
     class Railtie < Rails::Railtie
 
+        initializer 'turbolinks-animate.mozaic' do
+            Mozaic.configure do |config|
+                config.define_component 'turbolinks-animate', element: 'body' do |options|
+                    animation = options.delete :animation
+                    if animation
+                        options[:class] += ( options[:class].length > 0 ? ' turbolinks-animate' : 'turbolinks-animate' )
+                        options[:data] ||= {}
+                        options[:data][:turbolinks_animate_animation] = animation
+                    end
+                    options
+                end
+            end
+        end
+
         initializer 'turbolinks-animate.action_controller' do
             ActiveSupport.on_load :action_controller do
                 include TurbolinksAnimateHelper

data/lib/turbolinks-animate/version.rb

@@ -1,3 +1,3 @@
 module TurbolinksAnimate
-    VERSION = '1.3.0'
+    VERSION = '2.0.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: turbolinks-animate
 version: !ruby/object:Gem::Version
-  version: 1.3.0
+  version: 2.0.0
 platform: ruby
 authors:
 - Jonas Hübotter
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-01-19 00:00:00.000000000 Z
+date: 2018-02-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -25,19 +25,19 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '5.0'
 - !ruby/object:Gem::Dependency
-  name: actionpack
+  name: mozaic
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '5.0'
+        version: '2.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '5.0'
+        version: '2.0'
 - !ruby/object:Gem::Dependency
   name: rspec
   requirement: !ruby/object:Gem::Requirement
@@ -68,8 +68,7 @@ dependencies:
         version: '0.52'
 description: A dead simple & powerful way of adding rich & adaptive animations to
   your Rails app which is already using Turbolinks™.
-email:
-- me@jonhue.me
+email: me@jonhue.me
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -78,16 +77,14 @@ files:
 - LICENSE
 - README.md
 - app/helpers/turbolinks_animate_helper.rb
+- app/views/mozaic/_turbolinks-animate.html.erb
 - lib/turbolinks-animate.rb
 - lib/turbolinks-animate/engine.rb
 - lib/turbolinks-animate/railtie.rb
 - lib/turbolinks-animate/version.rb
-- vendor/assets/javascripts/turbolinks-animate.js
-- vendor/assets/javascripts/turbolinks-animate.min.js
-- vendor/assets/stylesheets/animate.css
-- vendor/assets/stylesheets/animate.min.css
 homepage: https://github.com/jonhue/turbolinks-animate
-licenses: []
+licenses:
+- MIT
 metadata: {}
 post_install_message: 
 rdoc_options: []

data/vendor/assets/javascripts/turbolinks-animate.js

@@ -1,291 +0,0 @@
-/**!
- * @fileOverview turbolinks-animate.js - Animations extending Turbolinks
- * @version 2.0.0
- * @license
- * MIT License
- *
- * Copyright (c) 2017 Jonas Hübotter
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-var TurbolinksAnimate = new function() {
-
-    this.options = {};
-    this.inline = false;
-    this.element = null;
-    this.elements = null;
-    this.disappearing = false;
-    this.initialized = false;
-    this.animations = [
-        { name: 'fadeIn', disappear: 'fadeOut', reverse: null },
-        { name: 'fadeOut', disappear: true, reverse: null },
-        { name: 'fadeInUp', disappear: 'fadeOutUp', reverse: 'fadeInDown' },
-        { name: 'fadeOutUp', disappear: true, reverse: 'fadeOutDown' },
-        { name: 'fadeInDown', disappear: 'fadeOutDown', reverse: 'fadeInUp' },
-        { name: 'fadeOutDown', disappear: true, reverse: 'fadeOutUp' },
-        { name: 'fadeInLeft', disappear: 'fadeOutLeft', reverse: 'fadeInRight' },
-        { name: 'fadeOutLeft', disappear: true, reverse: 'fadeOutRight' },
-        { name: 'fadeInRight', disappear: 'fadeOutRight', reverse: 'fadeInLeft' },
-        { name: 'fadeOutRight', disappear: true, reverse: 'fadeOutLeft' },
-        { name: 'fadeInUpBig', disappear: 'fadeOutUpBig', reverse: 'fadeInDownBig' },
-        { name: 'fadeOutUpBig', disappear: true, reverse: 'fadeOutDownBig' },
-        { name: 'fadeInDownBig', disappear: 'fadeOutDownBig', reverse: 'fadeInUpBig' },
-        { name: 'fadeOutDownBig', disappear: true, reverse: 'fadeOutUpBig' },
-        { name: 'fadeInLeftBig', disappear: 'fadeOutLeftBig', reverse: 'fadeInRightBig' },
-        { name: 'fadeOutLeftBig', disappear: true, reverse: 'fadeOutRightBig' },
-        { name: 'fadeInRightBig', disappear: 'fadeOutRightBig', reverse: 'fadeInLeftBig' },
-        { name: 'fadeOutRightBig', disappear: true, reverse: 'fadeOutLeftBig' },
-        { name: 'bounceIn', disappear: 'bounceOut', reverse: null },
-        { name: 'bounceOut', disappear: true, reverse: null },
-        { name: 'bounceInUp', disappear: 'bounceOutUp', reverse: 'bounceInDown' },
-        { name: 'bounceOutUp', disappear: true, reverse: 'bounceOutDown' },
-        { name: 'bounceInDown', disappear: 'bounceOutDown', reverse: 'bounceInUp' },
-        { name: 'bounceOutDown', disappear: true, reverse: 'bounceOutUp' },
-        { name: 'bounceInLeft', disappear: 'bounceOutLeft', reverse: 'bounceInRight' },
-        { name: 'bounceOutLeft', disappear: true, reverse: 'bounceOutRight' },
-        { name: 'bounceInRight', disappear: 'bounceOutRight', reverse: 'bounceInLeft' },
-        { name: 'bounceOutRight', disappear: true, reverse: 'bounceOutLeft' },
-        { name: 'flipInX', disappear: 'flipOutX', reverse: 'flipInY' },
-        { name: 'flipOutX', disappear: true, reverse: 'flipOutY' },
-        { name: 'flipInY', disappear: 'flipOutY', reverse: 'flipInX' },
-        { name: 'flipOutY', disappear: true, reverse: 'flipOutX' },
-        { name: 'lightSpeedIn', disappear: 'lightSpeedOut', reverse: null },
-        { name: 'lightSpeedOut', disappear: true, reverse: null },
-        { name: 'rotateIn', disappear: 'rotateOut', reverse: null },
-        { name: 'rotateOut', disappear: true, reverse: null },
-        { name: 'rotateInDownLeft', disappear: 'rotateOutDownLeft', reverse: 'rotateInUpRight' },
-        { name: 'rotateOutDownLeft', disappear: true, reverse: 'rotateOutUpRight' },
-        { name: 'rotateInDownRight', disappear: 'rotateOutDownRight', reverse: 'rotateInUpLeft' },
-        { name: 'rotateOutDownRight', disappear: true, reverse: 'rotateOutUpLeft' },
-        { name: 'rotateInUpLeft', disappear: 'rotateOutUpLeft', reverse: 'rotateInDownRight' },
-        { name: 'rotateOutUpLeft', disappear: true, reverse: 'rotateOutDownRight' },
-        { name: 'rotateInUpRight', disappear: 'rotateOutUpRight', reverse: 'rotateInDownLeft' },
-        { name: 'rotateOutUpRight', disappear: true, reverse: 'rotateOutDownLeft' },
-        { name: 'rollIn', disappear: 'rollOut', reverse: null },
-        { name: 'rollOut', disappear: true, reverse: null },
-        { name: 'zoomIn', disappear: 'zoomOut', reverse: null },
-        { name: 'zoomOut', disappear: true, reverse: null },
-        { name: 'zoomInUp', disappear: 'zoomOutUp', reverse: 'zoomInDown' },
-        { name: 'zoomOutUp', disappear: true, reverse: 'zoomOutDown' },
-        { name: 'zoomInDown', disappear: 'zoomOutDown', reverse: 'zoomInUp' },
-        { name: 'zoomOutDown', disappear: true, reverse: 'zoomOutUp' },
-        { name: 'zoomInLeft', disappear: 'zoomOutLeft', reverse: 'zoomInRight' },
-        { name: 'zoomOutLeft', disappear: true, reverse: 'zoomOutRight' },
-        { name: 'zoomInRight', disappear: 'zoomOutRight', reverse: 'zoomInLeft' },
-        { name: 'zoomOutRight', disappear: true, reverse: 'zoomOutLeft' },
-        { name: 'slideInUp', disappear: 'slideOutUp', reverse: 'slideInDown' },
-        { name: 'slideOutUp', disappear: true, reverse: 'slideOutDown' },
-        { name: 'slideInDown', disappear: 'slideOutDown', reverse: 'slideInUp' },
-        { name: 'slideOutDown', disappear: true, reverse: 'slideOutUp' },
-        { name: 'slideInLeft', disappear: 'slideOutLeft', reverse: 'slideInRight' },
-        { name: 'slideOutLeft', disappear: true, reverse: 'slideOutRight' },
-        { name: 'slideInRight', disappear: 'slideOutRight', reverse: 'slideInLeft' },
-        { name: 'slideOutRight', disappear: true, reverse: 'slideOutLeft' }
-    ];
-    var array = [];
-    $.each( this.animations, function( k, animation ) {
-        array.push(animation.name);
-    });
-    this.animateClasses = array;
-
-    this.init = function(options) {
-
-        var defaults = {
-            element: $('body'),
-            animation: 'fadein',
-            duration: '0.3s',
-            delay: false,
-            reversedDisappearing: false,
-            breakpoints: [
-                { name: 'mobile', width: 500 },
-                { name: 'tablet', width: 1024 },
-                { name: 'desktop', width: 1440 }
-            ],
-            customListeners: false
-        };
-        options = $.extend( defaults, options );
-
-        TurbolinksAnimate.element = options.element;
-        TurbolinksAnimate.setOptions(options);
-
-        if ( TurbolinksAnimate.initialized == false && options.customListeners == false ) {
-            $(document).on( 'turbolinks:request-start', function() {
-                TurbolinksAnimate.disappear();
-            });
-            $(window).on( 'popstate beforeunload', function() {
-                TurbolinksAnimate.disappear();
-            });
-        };
-
-        $('a, button').click(function() {
-            if ( typeof $(this).data('turbolinks-animate-animation') !== 'undefined' ) {
-                TurbolinksAnimate.inline = true;
-            };
-            TurbolinksAnimate.options.animation = $(this).data('turbolinks-animate-animation') || options.animation;
-            TurbolinksAnimate.options.appear = $(this).data('turbolinks-animate-appear');
-            TurbolinksAnimate.options.duration = $(this).data('turbolinks-animate-duration') || options.duration;
-            TurbolinksAnimate.options.delay = $(this).data('turbolinks-animate-delay') || options.delay;
-            TurbolinksAnimate.options.type = $(this).data('turbolinks-animate-type');
-        });
-
-        TurbolinksAnimate.initialized = true;
-        if ( options.customListeners == false ) {
-            TurbolinksAnimate.appear();
-        };
-
-    };
-
-    this.setOptions = function(options) {
-
-        var previousType = TurbolinksAnimate.options.type,
-            appear = TurbolinksAnimate.options.appear;
-
-        TurbolinksAnimate.options = {
-            animation: options.animation,
-            duration: options.duration,
-            delay: options.delay,
-            reversedDisappearing: options.reversedDisappearing,
-            breakpoints: options.breakpoints,
-            previousType: previousType,
-            appear: appear
-        };
-
-    };
-
-    this.appear = function() {
-        TurbolinksAnimate.disappearing = false;
-        TurbolinksAnimate.toggle();
-    };
-    this.disappear = function() {
-        TurbolinksAnimate.disappearing = true;
-        TurbolinksAnimate.toggle();
-    };
-    this.toggle = function() {
-        if ( TurbolinksAnimate.options.animation != 'false' ) {
-            TurbolinksAnimate.resetClasses();
-            TurbolinksAnimate.getElements();
-            TurbolinksAnimate.useOptions();
-            Turbolinks.clearCache(); // fix cache issues
-            TurbolinksAnimate.animate();
-            TurbolinksAnimate.reset();
-        };
-    };
-
-    this.getElements = function() {
-        TurbolinksAnimate.elements = [];
-
-        function getChildren(parent) {
-            var type = TurbolinksAnimate.options.type || TurbolinksAnimate.options.previousType || 'true';
-            if ( parent.data('turbolinks-animate-persist') == type ) {
-                return;
-            } else if ( parent.data('turbolinks-animate-persist-itself') == type || parent.find('[data-turbolinks-animate-persist]').length > 0 || parent.find('[data-turbolinks-animate-persist-itself]').length > 0 ) {
-                parent.children().each(function() {
-                    getChildren($(this));
-                });
-            } else {
-                TurbolinksAnimate.elements.push(parent);
-            };
-        };
-
-        getChildren(TurbolinksAnimate.element);
-    };
-    this.useOptions = function() {
-        if ( TurbolinksAnimate.elements != null ) {
-            $(TurbolinksAnimate.elements).each(function() {
-                $(this).css( 'animationDuration', TurbolinksAnimate.options.duration );
-                if ( TurbolinksAnimate.options.delay != false ) {
-                    $(this).css( 'animationDelay', TurbolinksAnimate.options.delay );
-                };
-            });
-        };
-    };
-
-    this.reset = function() {
-        delete TurbolinksAnimate.options.appear;
-        delete TurbolinksAnimate.options.previousType;
-        TurbolinksAnimate.inline = false;
-    };
-    this.resetClasses = function() {
-        $(TurbolinksAnimate.elements).each(function() {
-            $(this).removeClass(TurbolinksAnimate.animateClasses.join(' '));
-        });
-    };
-
-    this.animate = function() {
-        $(TurbolinksAnimate.elements).each(function() {
-            $(this).one( 'webkitAnimationEnd mozAnimationEnd oAnimationEnd oanimationend animationend', function() {
-                setTimeout(function() {
-                    if ( TurbolinksAnimate.disappearing == false ) {
-                        TurbolinksAnimate.resetClasses();
-                    };
-                }, 250);
-            });
-            $(this).addClass(TurbolinksAnimate.getClassListFor(TurbolinksAnimate.getAnimation()));
-        });
-    };
-    this.getAnimation = function() {
-        var animation;
-
-        if (!TurbolinksAnimate.disappearing) { animation = TurbolinksAnimate.options.appear };
-        if (TurbolinksAnimate.inline) {
-            animation = TurbolinksAnimate.options.animation;
-        } else if ( typeof TurbolinksAnimate.element.data('turbolinks-animate-animation') !== 'undefined' ) {
-            animation = TurbolinksAnimate.element.data('turbolinks-animate-animation');
-        } else {
-            animation = TurbolinksAnimate.options.animation;
-        };
-
-        return animation;
-    };
-    this.getClassListFor = function(animations) {
-        var classList = 'animated',
-            browserWidth = $(window).width(),
-            animation = null;
-
-        var breakpoints = TurbolinksAnimate.options.breakpoints.sort(function( a, b ) {
-            return b.width - a.width;
-        });
-        $.each( breakpoints, function( k, breakpoint ) {
-            if ( animation == null && browserWidth <= breakpoint.width ) {
-                animation = animations[breakpoint.name.toString()];
-            };
-        });
-        if ( animation == null ) {
-            animation = animations;
-        };
-
-        classList += ' ';
-        animation = $.grep( TurbolinksAnimate.animations, function(object) { return object.name.toLowerCase() == animation.toLowerCase() })[0];
-        if ( TurbolinksAnimate.disappearing ) {
-            if ( animation.disappear != true ) {
-                animation = $.grep( TurbolinksAnimate.animations, function(object) { return object.name.toLowerCase() == animation.disappear.toLowerCase() })[0];
-            };
-            if ( TurbolinksAnimate.options.reversedDisappearing && animation.reverse != null ) {
-                classList += animation.reverse;
-            } else {
-                classList += animation.name;
-            };
-        } else {
-            classList += animation.name;
-        };
-
-        return classList;
-    };
-
-};