jquery-slick-rails 1.5.5 → 1.5.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e921ead92b050a692dcfb2f9ad95b45e3646e77e
-  data.tar.gz: 2c6f44783513c0ae9125d65e16662fd81bd7c57b
+  metadata.gz: 7a48376d4d3e5ed542f11b82c43d6b356e92700d
+  data.tar.gz: 3e2ad7dd6c16674a9ca7f073b5f80764bc40ea33
 SHA512:
-  metadata.gz: 5a7396d04e79882dff051c2bcd31fdd14d9d8b76e58248fa97846acc05efdb7de518526fb58d82eaa21785d669de1c16616eddeac2a56257fd032660c48cd81d
-  data.tar.gz: 5c52d4b74720864e4235f42ea89900762b3022eba26344a34c6202d572fed3f5584f9a8f635d191d97db4254ab7fd101b0c3878d29f833d37c2edd386bc87214
+  metadata.gz: c24480672e9aecd3c189c80ff4eee846374b8aca07f1838bb70aa0bcd17ff544efcd882a88c7536679960d6f9355de19b3a240043103cb9b9821773feb12bb66
+  data.tar.gz: 93a3ab8c9d475f61d324c377d6bee632c94664f7a9f2ac064633715191a0d07ff4262543509d568abb01d2e391fb2dfcef1f4d094aecdb662a4e2b770c2d9a27

data/app/assets/javascripts/jquery.slick.js

@@ -6,7 +6,7 @@
  |___/_|_|\___|_|\_(_)/ |___/
  |__/
 
- Version: 1.5.5
+ Version: 1.5.6
  Author: Ken Wheeler
  Website: http://kenwheeler.github.io
  Docs: http://kenwheeler.github.io/slick
@@ -35,8 +35,7 @@
 
     function Slick(element, settings) {
 
-      var _ = this,
-          dataSettings, responsiveSettings, breakpoint;
+      var _ = this, dataSettings;
 
       _.defaults = {
         accessibility: true,
@@ -45,15 +44,15 @@
         appendDots: $(element),
         arrows: true,
         asNavFor: null,
-        prevArrow: '<button type="button" data-role="none" class="slick-prev" aria-label="previous">Previous</button>',
-        nextArrow: '<button type="button" data-role="none" class="slick-next" aria-label="next">Next</button>',
+        prevArrow: '<button type="button" data-role="none" class="slick-prev" aria-label="Previous" tabindex="0" role="button">Previous</button>',
+        nextArrow: '<button type="button" data-role="none" class="slick-next" aria-label="Next" tabindex="0" role="button">Next</button>',
         autoplay: false,
         autoplaySpeed: 3000,
         centerMode: false,
         centerPadding: '50px',
         cssEase: 'ease',
         customPaging: function(slider, i) {
-          return '<button type="button" data-role="none">' + (i + 1) + '</button>';
+          return '<button type="button" data-role="none" role="button" aria-required="false" tabindex="0">' + (i + 1) + '</button>';
         },
         dots: false,
         dotsClass: 'slick-dots',
@@ -85,7 +84,8 @@
         variableWidth: false,
         vertical: false,
         verticalSwiping: false,
-        waitForAnimate: true
+        waitForAnimate: true,
+        zIndex: 1000
       };
 
       _.initials = {
@@ -144,27 +144,6 @@
       _.currentSlide = _.options.initialSlide;
 
       _.originalSettings = _.options;
-      responsiveSettings = _.options.responsive || null;
-
-      if (responsiveSettings && responsiveSettings.length > -1) {
-        _.respondTo = _.options.respondTo || 'window';
-        for (breakpoint in responsiveSettings) {
-          if (responsiveSettings.hasOwnProperty(breakpoint)) {
-            _.breakpoints.push(responsiveSettings[
-                breakpoint].breakpoint);
-            _.breakpointSettings[responsiveSettings[
-                breakpoint].breakpoint] =
-                responsiveSettings[breakpoint].settings;
-          }
-        }
-        _.breakpoints.sort(function(a, b) {
-          if (_.options.mobileFirst === true) {
-            return a - b;
-          } else {
-            return b - a;
-          }
-        });
-      }
 
       if (typeof document.mozHidden !== 'undefined') {
         _.hidden = 'mozHidden';
@@ -192,8 +171,9 @@
       // Extracted from jQuery v1.11 source
       _.htmlExpr = /^(?:\s*(<[\w\W]+>)[^>]*)$/;
 
-      _.init(true);
 
+      _.registerBreakpoints();
+      _.init(true);
       _.checkResponsive(true);
 
     }
@@ -346,7 +326,7 @@
       asNavFor = $(asNavFor).not(_.$slider);
     }
 
-    if ( asNavFor !== null && typeof asNavFor === "object" ) {
+    if ( asNavFor !== null && typeof asNavFor === 'object' ) {
       asNavFor.each(function() {
         var target = $(this).slick('getSlick');
         if(!target.unslicked) {
@@ -439,21 +419,40 @@
 
     var _ = this;
 
-    if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {
+    if (_.options.arrows === true ) {
 
-      _.$prevArrow = $(_.options.prevArrow);
-      _.$nextArrow = $(_.options.nextArrow);
+      _.$prevArrow = $(_.options.prevArrow).addClass('slick-arrow');
+      _.$nextArrow = $(_.options.nextArrow).addClass('slick-arrow');
 
-      if (_.htmlExpr.test(_.options.prevArrow)) {
-        _.$prevArrow.appendTo(_.options.appendArrows);
-      }
+      if( _.slideCount > _.options.slidesToShow ) {
 
-      if (_.htmlExpr.test(_.options.nextArrow)) {
-        _.$nextArrow.appendTo(_.options.appendArrows);
-      }
+        _.$prevArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex');
+        _.$nextArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex');
+
+        if (_.htmlExpr.test(_.options.prevArrow)) {
+          _.$prevArrow.prependTo(_.options.appendArrows);
+        }
+
+        if (_.htmlExpr.test(_.options.nextArrow)) {
+          _.$nextArrow.appendTo(_.options.appendArrows);
+        }
+
+        if (_.options.infinite !== true) {
+          _.$prevArrow
+              .addClass('slick-disabled')
+              .attr('aria-disabled', 'true');
+        }
+
+      } else {
+
+        _.$prevArrow.add( _.$nextArrow )
+
+            .addClass('slick-hidden')
+            .attr({
+              'aria-disabled': 'true',
+              'tabindex': '-1'
+            });
 
-      if (_.options.infinite !== true) {
-        _.$prevArrow.addClass('slick-disabled');
       }
 
     }
@@ -488,9 +487,11 @@
 
     var _ = this;
 
-    _.$slides = _.$slider.children(
-        ':not(.slick-cloned)').addClass(
-        'slick-slide');
+    _.$slides =
+        _.$slider
+            .children( _.options.slide + ':not(.slick-cloned)')
+            .addClass('slick-slide');
+
     _.slideCount = _.$slides.length;
 
     _.$slides.each(function(index, element) {
@@ -525,11 +526,8 @@
 
     _.updateDots();
 
-    if (_.options.accessibility === true) {
-      _.$list.prop('tabIndex', 0);
-    }
 
-    _.setSlideClasses(typeof this.currentSlide === 'number' ? this.currentSlide : 0);
+    _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);
 
     if (_.options.draggable === true) {
       _.$list.addClass('draggable');
@@ -545,6 +543,7 @@
     originalSlides = _.$slider.children();
 
     if(_.options.rows > 1) {
+
       slidesPerSection = _.options.slidesPerRow * _.options.rows;
       numOfSlides = Math.ceil(
           originalSlides.length / slidesPerSection
@@ -563,18 +562,20 @@
           slide.appendChild(row);
         }
         newSlides.appendChild(slide);
-      };
+      }
+
       _.$slider.html(newSlides);
       _.$slider.children().children().children()
           .css({
-            'width':(100 / _.options.slidesPerRow) + "%",
+            'width':(100 / _.options.slidesPerRow) + '%',
             'display': 'inline-block'
           });
-    };
+
+    }
 
   };
 
-  Slick.prototype.checkResponsive = function(initial) {
+  Slick.prototype.checkResponsive = function(initial, forceUpdate) {
 
     var _ = this,
         breakpoint, targetBreakpoint, respondToWidth, triggerBreakpoint = false;
@@ -589,8 +590,9 @@
       respondToWidth = Math.min(windowWidth, sliderWidth);
     }
 
-    if (_.originalSettings.responsive && _.originalSettings
-            .responsive.length > -1 && _.originalSettings.responsive !== null) {
+    if ( _.options.responsive &&
+        _.options.responsive.length &&
+        _.options.responsive !== null) {
 
       targetBreakpoint = null;
 
@@ -610,7 +612,7 @@
 
       if (targetBreakpoint !== null) {
         if (_.activeBreakpoint !== null) {
-          if (targetBreakpoint !== _.activeBreakpoint) {
+          if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) {
             _.activeBreakpoint =
                 targetBreakpoint;
             if (_.breakpointSettings[targetBreakpoint] === 'unslick') {
@@ -701,7 +703,7 @@
         event.data.index || $target.index() * _.options.slidesToScroll;
 
         _.slideHandler(_.checkNavigable(index), false, dontAnimate);
-        $target.children().trigger("focus");
+        $target.children().trigger('focus');
         break;
 
       default:
@@ -824,17 +826,35 @@
     if (_.$dots) {
       _.$dots.remove();
     }
-    if (_.$prevArrow && (typeof _.options.prevArrow !== 'object')) {
-      _.$prevArrow.remove();
+
+    if ( _.$prevArrow.length ) {
+
+      _.$prevArrow
+          .removeClass('slick-disabled slick-arrow slick-hidden')
+          .removeAttr('aria-hidden aria-disabled tabindex')
+          .css("display","");
+
+      if ( _.htmlExpr.test( _.options.prevArrow )) {
+        _.$prevArrow.remove();
+      }
     }
-    if (_.$nextArrow && (typeof _.options.nextArrow !== 'object')) {
-      _.$nextArrow.remove();
+
+    if ( _.$nextArrow.length ) {
+
+      _.$nextArrow
+          .removeClass('slick-disabled slick-arrow slick-hidden')
+          .removeAttr('aria-hidden aria-disabled tabindex')
+          .css("display","");
+
+      if ( _.htmlExpr.test( _.options.nextArrow )) {
+        _.$nextArrow.remove();
+      }
     }
 
     if (_.$slides) {
 
       _.$slides
-          .removeClass('slick-slide slick-active slick-center slick-visible')
+          .removeClass('slick-slide slick-active slick-center slick-visible slick-current')
           .removeAttr('aria-hidden')
           .removeAttr('data-slick-index')
           .each(function(){
@@ -885,7 +905,7 @@
     if (_.cssTransitions === false) {
 
       _.$slides.eq(slideIndex).css({
-        zIndex: 1000
+        zIndex: _.options.zIndex
       });
 
       _.$slides.eq(slideIndex).animate({
@@ -898,7 +918,7 @@
 
       _.$slides.eq(slideIndex).css({
         opacity: 1,
-        zIndex: 1000
+        zIndex: _.options.zIndex
       });
 
       if (callback) {
@@ -914,6 +934,30 @@
 
   };
 
+  Slick.prototype.fadeSlideOut = function(slideIndex) {
+
+    var _ = this;
+
+    if (_.cssTransitions === false) {
+
+      _.$slides.eq(slideIndex).animate({
+        opacity: 0,
+        zIndex: _.options.zIndex - 2
+      }, _.options.speed, _.options.easing);
+
+    } else {
+
+      _.applyTransition(slideIndex);
+
+      _.$slides.eq(slideIndex).css({
+        opacity: 0,
+        zIndex: _.options.zIndex - 2
+      });
+
+    }
+
+  };
+
   Slick.prototype.filterSlides = Slick.prototype.slickFilter = function(filter) {
 
     var _ = this;
@@ -976,7 +1020,7 @@
         targetSlide;
 
     _.slideOffset = 0;
-    verticalHeight = _.$slides.first().outerHeight();
+    verticalHeight = _.$slides.first().outerHeight(true);
 
     if (_.options.infinite === true) {
       if (_.slideCount > _.options.slidesToShow) {
@@ -1129,6 +1173,7 @@
     if (!$(_.$slider).hasClass('slick-initialized')) {
 
       $(_.$slider).addClass('slick-initialized');
+
       _.buildRows();
       _.buildOut();
       _.setProps();
@@ -1137,12 +1182,17 @@
       _.initializeEvents();
       _.updateArrows();
       _.updateDots();
+
     }
 
     if (creation) {
       _.$slider.trigger('init', [_]);
     }
 
+    if (_.options.accessibility === true) {
+      _.initADA();
+    }
+
   };
 
   Slick.prototype.initArrowEvents = function() {
@@ -1253,19 +1303,21 @@
   Slick.prototype.keyHandler = function(event) {
 
     var _ = this;
-
-    if (event.keyCode === 37 && _.options.accessibility === true) {
-      _.changeSlide({
-        data: {
-          message: 'previous'
-        }
-      });
-    } else if (event.keyCode === 39 && _.options.accessibility === true) {
-      _.changeSlide({
-        data: {
-          message: 'next'
-        }
-      });
+    //Dont slide if the cursor is inside the form fields and arrow keys are pressed
+    if(!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {
+      if (event.keyCode === 37 && _.options.accessibility === true) {
+        _.changeSlide({
+          data: {
+            message: 'previous'
+          }
+        });
+      } else if (event.keyCode === 39 && _.options.accessibility === true) {
+        _.changeSlide({
+          data: {
+            message: 'next'
+          }
+        });
+      }
     }
 
   };
@@ -1277,24 +1329,26 @@
 
     function loadImages(imagesScope) {
       $('img[data-lazy]', imagesScope).each(function() {
+
         var image = $(this),
             imageSource = $(this).attr('data-lazy'),
             imageToLoad = document.createElement('img');
 
         imageToLoad.onload = function() {
-          image.animate({
-            opacity: 1
-          }, 200);
+          image
+              .animate({ opacity: 0 }, 100, function() {
+                image
+                    .attr('src', imageSource)
+                    .animate({ opacity: 1 }, 200, function() {
+                      image
+                          .removeAttr('data-lazy')
+                          .removeClass('slick-loading');
+                    });
+              });
         };
+
         imageToLoad.src = imageSource;
 
-        image
-            .css({
-              opacity: 0
-            })
-            .attr('src', imageSource)
-            .removeAttr('data-lazy')
-            .removeClass('slick-loading');
       });
     }
 
@@ -1406,6 +1460,9 @@
     if (_.options.autoplay === true && _.paused === false) {
       _.autoPlay();
     }
+    if (_.options.accessibility === true) {
+      _.initADA();
+    }
 
   };
 
@@ -1457,7 +1514,7 @@
 
     _.destroy(true);
 
-    $.extend(_, _.initials);
+    $.extend(_, _.initials, { currentSlide: currentSlide });
 
     _.init();
 
@@ -1474,12 +1531,54 @@
 
   };
 
+  Slick.prototype.registerBreakpoints = function() {
+
+    var _ = this, breakpoint, currentBreakpoint, l,
+        responsiveSettings = _.options.responsive || null;
+
+    if ( $.type(responsiveSettings) === "array" && responsiveSettings.length ) {
+
+      _.respondTo = _.options.respondTo || 'window';
+
+      for ( breakpoint in responsiveSettings ) {
+
+        l = _.breakpoints.length-1;
+        currentBreakpoint = responsiveSettings[breakpoint].breakpoint;
+
+        if (responsiveSettings.hasOwnProperty(breakpoint)) {
+
+          // loop through the breakpoints and cut out any existing
+          // ones with the same breakpoint number, we don't want dupes.
+          while( l >= 0 ) {
+            if( _.breakpoints[l] && _.breakpoints[l] === currentBreakpoint ) {
+              _.breakpoints.splice(l,1);
+            }
+            l--;
+          }
+
+          _.breakpoints.push(currentBreakpoint);
+          _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings;
+
+        }
+
+      }
+
+      _.breakpoints.sort(function(a, b) {
+        return ( _.options.mobileFirst ) ? a-b : b-a;
+      });
+
+    }
+
+  };
+
   Slick.prototype.reinit = function() {
 
     var _ = this;
 
-    _.$slides = _.$slideTrack.children(_.options.slide).addClass(
-        'slick-slide');
+    _.$slides =
+        _.$slideTrack
+            .children(_.options.slide)
+            .addClass('slick-slide');
 
     _.slideCount = _.$slides.length;
 
@@ -1491,22 +1590,19 @@
       _.currentSlide = 0;
     }
 
-    _.setProps();
+    _.registerBreakpoints();
 
+    _.setProps();
     _.setupInfinite();
-
     _.buildArrows();
-
     _.updateArrows();
-
     _.initArrowEvents();
-
     _.buildDots();
-
     _.updateDots();
-
     _.initDotEvents();
 
+    _.checkResponsive(false, true);
+
     if (_.options.focusOnSelect === true) {
       $(_.$slideTrack).children().on('click.slick', _.selectHandler);
     }
@@ -1517,6 +1613,10 @@
 
     _.$slider.trigger('reInit', [_]);
 
+    if (_.options.autoplay === true) {
+      _.focusHandler();
+    }
+
   };
 
   Slick.prototype.resize = function() {
@@ -1648,7 +1748,7 @@
           position: 'relative',
           right: targetLeft,
           top: 0,
-          zIndex: 800,
+          zIndex: _.options.zIndex - 2,
           opacity: 0
         });
       } else {
@@ -1656,14 +1756,14 @@
           position: 'relative',
           left: targetLeft,
           top: 0,
-          zIndex: 800,
+          zIndex: _.options.zIndex - 2,
           opacity: 0
         });
       }
     });
 
     _.$slides.eq(_.currentSlide).css({
-      zIndex: 900,
+      zIndex: _.options.zIndex - 1,
       opacity: 1
     });
 
@@ -1682,8 +1782,27 @@
 
   Slick.prototype.setOption = Slick.prototype.slickSetOption = function(option, value, refresh) {
 
-    var _ = this;
-    _.options[option] = value;
+    var _ = this, l, item;
+
+    if( option === "responsive" && $.type(value) === "array" ) {
+      for ( item in value ) {
+        if( $.type( _.options.responsive ) !== "array" ) {
+          _.options.responsive = [ value[item] ];
+        } else {
+          l = _.options.responsive.length-1;
+          // loop through the responsive object and splice out duplicates.
+          while( l >= 0 ) {
+            if( _.options.responsive[l].breakpoint === value[item].breakpoint ) {
+              _.options.responsive.splice(l,1);
+            }
+            l--;
+          }
+          _.options.responsive.push( value[item] );
+        }
+      }
+    } else {
+      _.options[option] = value;
+    }
 
     if (refresh === true) {
       _.unload();
@@ -1731,6 +1850,16 @@
       }
     }
 
+    if ( _.options.fade ) {
+      if ( typeof _.options.zIndex === 'number' ) {
+        if( _.options.zIndex < 3 ) {
+          _.options.zIndex = 3;
+        }
+      } else {
+        _.options.zIndex = _.defaults.zIndex;
+      }
+    }
+
     if (bodyStyle.OTransform !== undefined) {
       _.animType = 'OTransform';
       _.transformType = '-o-transform';
@@ -1770,8 +1899,14 @@
     var _ = this,
         centerOffset, allSlides, indexOffset, remainder;
 
-    _.$slider.find('.slick-slide').removeClass('slick-active').attr('aria-hidden', 'true').removeClass('slick-center');
-    allSlides = _.$slider.find('.slick-slide');
+    allSlides = _.$slider
+        .find('.slick-slide')
+        .removeClass('slick-active slick-center slick-current')
+        .attr('aria-hidden', 'true');
+
+    _.$slides
+        .eq(index)
+        .addClass('slick-current');
 
     if (_.options.centerMode === true) {
 
@@ -1780,36 +1915,78 @@
       if (_.options.infinite === true) {
 
         if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) {
-          _.$slides.slice(index - centerOffset, index + centerOffset + 1).addClass('slick-active').attr('aria-hidden', 'false');
+
+          _.$slides
+              .slice(index - centerOffset, index + centerOffset + 1)
+              .addClass('slick-active')
+              .attr('aria-hidden', 'false');
+
         } else {
+
           indexOffset = _.options.slidesToShow + index;
-          allSlides.slice(indexOffset - centerOffset + 1, indexOffset + centerOffset + 2).addClass('slick-active').attr('aria-hidden', 'false');
+          allSlides
+              .slice(indexOffset - centerOffset + 1, indexOffset + centerOffset + 2)
+              .addClass('slick-active')
+              .attr('aria-hidden', 'false');
+
         }
 
         if (index === 0) {
-          allSlides.eq(allSlides.length - 1 - _.options.slidesToShow).addClass('slick-center');
+
+          allSlides
+              .eq(allSlides.length - 1 - _.options.slidesToShow)
+              .addClass('slick-center');
+
         } else if (index === _.slideCount - 1) {
-          allSlides.eq(_.options.slidesToShow).addClass('slick-center');
+
+          allSlides
+              .eq(_.options.slidesToShow)
+              .addClass('slick-center');
+
         }
 
       }
 
-      _.$slides.eq(index).addClass('slick-center');
+      _.$slides
+          .eq(index)
+          .addClass('slick-center');
 
     } else {
 
       if (index >= 0 && index <= (_.slideCount - _.options.slidesToShow)) {
-        _.$slides.slice(index, index + _.options.slidesToShow).addClass('slick-active').attr('aria-hidden', 'false');
+
+        _.$slides
+            .slice(index, index + _.options.slidesToShow)
+            .addClass('slick-active')
+            .attr('aria-hidden', 'false');
+
       } else if (allSlides.length <= _.options.slidesToShow) {
-        allSlides.addClass('slick-active').attr('aria-hidden', 'false');
+
+        allSlides
+            .addClass('slick-active')
+            .attr('aria-hidden', 'false');
+
       } else {
+
         remainder = _.slideCount % _.options.slidesToShow;
         indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index;
+
         if (_.options.slidesToShow == _.options.slidesToScroll && (_.slideCount - index) < _.options.slidesToShow) {
-          allSlides.slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder).addClass('slick-active').attr('aria-hidden', 'false');
+
+          allSlides
+              .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder)
+              .addClass('slick-active')
+              .attr('aria-hidden', 'false');
+
         } else {
-          allSlides.slice(indexOffset, indexOffset + _.options.slidesToShow).addClass('slick-active').attr('aria-hidden', 'false');
+
+          allSlides
+              .slice(indexOffset, indexOffset + _.options.slidesToShow)
+              .addClass('slick-active')
+              .attr('aria-hidden', 'false');
+
         }
+
       }
 
     }
@@ -1882,24 +2059,23 @@
 
     var _ = this;
 
-    var targetElement = $(event.target).is('.slick-slide') ?
-        $(event.target) :
-        $(event.target).parents('.slick-slide');
+    var targetElement =
+        $(event.target).is('.slick-slide') ?
+            $(event.target) :
+            $(event.target).parents('.slick-slide');
 
     var index = parseInt(targetElement.attr('data-slick-index'));
 
     if (!index) index = 0;
 
     if (_.slideCount <= _.options.slidesToShow) {
-      _.$slider.find('.slick-slide').removeClass('slick-active').attr('aria-hidden', 'true');
-      _.$slides.eq(index).addClass('slick-active').attr("aria-hidden", "false");
-      if (_.options.centerMode === true) {
-        _.$slider.find('.slick-slide').removeClass('slick-center');
-        _.$slides.eq(index).addClass('slick-center');
-      }
+
+      _.setSlideClasses(index);
       _.asNavFor(index);
       return;
+
     }
+
     _.slideHandler(index);
 
   };
@@ -1981,7 +2157,7 @@
 
     _.animating = true;
 
-    _.$slider.trigger("beforeChange", [_, _.currentSlide, animSlide]);
+    _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]);
 
     oldSlide = _.currentSlide;
     _.currentSlide = animSlide;
@@ -1993,9 +2169,13 @@
 
     if (_.options.fade === true) {
       if (dontAnimate !== true) {
+
+        _.fadeSlideOut(oldSlide);
+
         _.fadeSlide(animSlide, function() {
           _.postSlide(animSlide);
         });
+
       } else {
         _.postSlide(animSlide);
       }
@@ -2082,7 +2262,7 @@
     }
 
     if (_.touchObject.edgeHit === true) {
-      _.$slider.trigger("edge", [_, _.swipeDirection()]);
+      _.$slider.trigger('edge', [_, _.swipeDirection()]);
     }
 
     if (_.touchObject.swipeLength >= _.touchObject.minSwipe) {
@@ -2093,7 +2273,7 @@
           _.slideHandler(slideCount);
           _.currentDirection = 0;
           _.touchObject = {};
-          _.$slider.trigger("swipe", [_, "left"]);
+          _.$slider.trigger('swipe', [_, 'left']);
           break;
 
         case 'right':
@@ -2101,7 +2281,7 @@
           _.slideHandler(slideCount);
           _.currentDirection = 1;
           _.touchObject = {};
-          _.$slider.trigger("swipe", [_, "right"]);
+          _.$slider.trigger('swipe', [_, 'right']);
           break;
       }
     } else {
@@ -2198,7 +2378,7 @@
     _.touchObject.edgeHit = false;
 
     if (_.options.infinite === false) {
-      if ((_.currentSlide === 0 && swipeDirection === "right") || (_.currentSlide >= _.getDotCount() && swipeDirection === "left")) {
+      if ((_.currentSlide === 0 && swipeDirection === 'right') || (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')) {
         swipeLength = _.touchObject.swipeLength * _.options.edgeFriction;
         _.touchObject.edgeHit = true;
       }
@@ -2270,16 +2450,23 @@
     var _ = this;
 
     $('.slick-cloned', _.$slider).remove();
+
     if (_.$dots) {
       _.$dots.remove();
     }
-    if (_.$prevArrow && (typeof _.options.prevArrow !== 'object')) {
+
+    if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {
       _.$prevArrow.remove();
     }
-    if (_.$nextArrow && (typeof _.options.nextArrow !== 'object')) {
+
+    if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {
       _.$nextArrow.remove();
     }
-    _.$slides.removeClass('slick-slide slick-active slick-visible').attr("aria-hidden", "true").css('width', '');
+
+    _.$slides
+        .removeClass('slick-slide slick-active slick-visible slick-current')
+        .attr('aria-hidden', 'true')
+        .css('width', '');
 
   };
 
@@ -2298,20 +2485,30 @@
 
     centerOffset = Math.floor(_.options.slidesToShow / 2);
 
-    if (_.options.arrows === true && _.options.infinite !==
-        true && _.slideCount > _.options.slidesToShow) {
-      _.$prevArrow.removeClass('slick-disabled');
-      _.$nextArrow.removeClass('slick-disabled');
+    if ( _.options.arrows === true &&
+        _.slideCount > _.options.slidesToShow &&
+        !_.options.infinite ) {
+
+      _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');
+      _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');
+
       if (_.currentSlide === 0) {
-        _.$prevArrow.addClass('slick-disabled');
-        _.$nextArrow.removeClass('slick-disabled');
+
+        _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');
+        _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');
+
       } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) {
-        _.$nextArrow.addClass('slick-disabled');
-        _.$prevArrow.removeClass('slick-disabled');
+
+        _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');
+        _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');
+
       } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) {
-        _.$nextArrow.addClass('slick-disabled');
-        _.$prevArrow.removeClass('slick-disabled');
+
+        _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');
+        _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');
+
       }
+
     }
 
   };
@@ -2322,8 +2519,16 @@
 
     if (_.$dots !== null) {
 
-      _.$dots.find('li').removeClass('slick-active').attr("aria-hidden", "true");
-      _.$dots.find('li').eq(Math.floor(_.currentSlide / _.options.slidesToScroll)).addClass('slick-active').attr("aria-hidden", "false");
+      _.$dots
+          .find('li')
+          .removeClass('slick-active')
+          .attr('aria-hidden', 'true');
+
+      _.$dots
+          .find('li')
+          .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))
+          .addClass('slick-active')
+          .attr('aria-hidden', 'false');
 
     }
 
@@ -2344,6 +2549,75 @@
     }
 
   };
+  Slick.prototype.initADA = function() {
+    var _ = this;
+    _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({
+      'aria-hidden': 'true',
+      'tabindex': '-1'
+    }).find('a, input, button, select').attr({
+      'tabindex': '-1'
+    });
+
+    _.$slideTrack.attr('role', 'listbox');
+
+    _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function(i) {
+      $(this).attr({
+        'role': 'option',
+        'aria-describedby': 'slick-slide' + _.instanceUid + i + ''
+      });
+    });
+
+    if (_.$dots !== null) {
+      _.$dots.attr('role', 'tablist').find('li').each(function(i) {
+        $(this).attr({
+          'role': 'presentation',
+          'aria-selected': 'false',
+          'aria-controls': 'navigation' + _.instanceUid + i + '',
+          'id': 'slick-slide' + _.instanceUid + i + ''
+        });
+      })
+          .first().attr('aria-selected', 'true').end()
+          .find('button').attr('role', 'button').end()
+          .closest('div').attr('role', 'toolbar');
+    }
+    _.activateADA();
+
+  };
+
+  Slick.prototype.activateADA = function() {
+    var _ = this,
+        _isSlideOnFocus =_.$slider.find('*').is(':focus');
+    // _isSlideOnFocus = _.$slides.is(':focus') || _.$slides.find('*').is(':focus');
+
+    _.$slideTrack.find('.slick-active').attr({
+      'aria-hidden': 'false',
+      'tabindex': '0'
+    }).find('a, input, button, select').attr({
+      'tabindex': '0'
+    });
+
+    (_isSlideOnFocus) &&  _.$slideTrack.find('.slick-active').focus();
+
+  };
+
+  Slick.prototype.focusHandler = function() {
+    var _ = this;
+    _.$slider.on('focus.slick blur.slick', '*', function(event) {
+      event.stopImmediatePropagation();
+      var sf = $(this);
+      setTimeout(function() {
+        if (_.isPlay) {
+          if (sf.is(':focus')) {
+            _.autoPlayClear();
+            _.paused = true;
+          } else {
+            _.paused = false;
+            _.autoPlay();
+          }
+        }
+      }, 0);
+    });
+  };
 
   $.fn.slick = function() {
     var _ = this,

data/app/assets/stylesheets/slick.css

@@ -113,4 +113,7 @@
   height: auto;
 
   border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+  display: none;
 }

data/lib/jquery-slick-rails/version.rb

@@ -1,3 +1,3 @@
 module JquerySlickRails
-  VERSION = "1.5.5"
+  VERSION = "1.5.6"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jquery-slick-rails
 version: !ruby/object:Gem::Version
-  version: 1.5.5
+  version: 1.5.6
 platform: ruby
 authors:
 - Ilya Bodrov
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-05-15 00:00:00.000000000 Z
+date: 2015-07-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -64,8 +64,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.6
+rubygems_version: 2.4.7
 signing_key: 
 specification_version: 4
 summary: Integrates Slick carousel into Rails app.
 test_files: []
+has_rdoc: