react-slick - npm Package Compare versions

Comparing version 0.14.0 to 0.14.1

dist/react-slick.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","react-dom"],e):"object"==typeof exports?exports.Slider=e(require("react"),require("react-dom")):t.Slider=e(t.React,t.ReactDOM)}(this,function(t,e){return function(t){function e(s){if(i[s])return i[s].exports;var r=i[s]={exports:{},id:s,loaded:!1};return t[s].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){"use strict";t.exports=i(1)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},n=i(2),o=s(n),l=i(3),a=i(7),d=s(a),c=i(15),h=s(c),u=i(17),p=s(u),f=i(10),S=s(f),v=o["default"].createClass({displayName:"Slider",mixins:[p["default"]],innerSlider:null,innerSliderRefHandler:function(t){this.innerSlider=t},getInitialState:function(){return{breakpoint:null}},componentWillMount:function(){var t=this;if(this.props.responsive){var e=this.props.responsive.map(function(t){return t.breakpoint});e.sort(function(t,e){return t-e}),e.forEach(function(i,s){var r;r=0===s?(0,h["default"])({minWidth:0,maxWidth:i}):(0,h["default"])({minWidth:e[s-1],maxWidth:i}),t.media(r,function(){t.setState({breakpoint:i})})});var i=(0,h["default"])({minWidth:e.slice(-1)[0]});this.media(i,function(){t.setState({breakpoint:null})})}},slickPrev:function(){this.innerSlider.slickPrev()},slickNext:function(){this.innerSlider.slickNext()},slickGoTo:function(t){this.innerSlider.slickGoTo(t)},render:function(){var t,e,i=this;this.state.breakpoint?(e=this.props.responsive.filter(function(t){return t.breakpoint===i.state.breakpoint}),t="unslick"===e[0].settings?"unslick":(0,d["default"])({},this.props,e[0].settings)):t=(0,d["default"])({},S["default"],this.props);var s=this.props.children;return Array.isArray(s)||(s=[s]),s=s.filter(function(t){return!!t}),"unslick"===t?o["default"].createElement("div",null,s):o["default"].createElement(l.InnerSlider,r({ref:this.innerSliderRefHandler},t),s)}});t.exports=v},function(e,i){e.exports=t},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0,e.InnerSlider=void 0;var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},n=i(2),o=s(n),l=i(4),a=s(l),d=i(8),c=s(d),h=i(9),u=s(h),p=i(10),f=s(p),S=i(11),v=s(S),g=i(7),w=s(g),m=i(12),y=i(13),k=i(14);e.InnerSlider=o["default"].createClass({displayName:"InnerSlider",mixins:[c["default"],a["default"]],list:null,track:null,listRefHandler:function(t){this.list=t},trackRefHandler:function(t){this.track=t},getInitialState:function(){return r({},u["default"],{currentSlide:this.props.initialSlide})},getDefaultProps:function(){return f["default"]},componentWillMount:function(){this.props.init&&this.props.init(),this.setState({mounted:!0});for(var t=[],e=0;e<o["default"].Children.count(this.props.children);e++)e>=this.state.currentSlide&&e<this.state.currentSlide+this.props.slidesToShow&&t.push(e);this.props.lazyLoad&&0===this.state.lazyLoadedList.length&&this.setState({lazyLoadedList:t})},componentDidMount:function(){this.initialize(this.props),this.adaptHeight(),window&&(window.addEventListener?window.addEventListener("resize",this.onWindowResized):window.attachEvent("onresize",this.onWindowResized))},componentWillUnmount:function(){this.animationEndCallback&&clearTimeout(this.animationEndCallback),window.addEventListener?window.removeEventListener("resize",this.onWindowResized):window.detachEvent("onresize",this.onWindowResized),this.state.autoPlayTimer&&clearInterval(this.state.autoPlayTimer)},componentWillReceiveProps:function(t){this.props.slickGoTo!=t.slickGoTo?(console.warn("react-slick deprecation warning: slickGoTo prop is deprecated and it will be removed in next release. Use slickGoTo method instead"),this.changeSlide({message:"index",index:t.slickGoTo,currentSlide:this.state.currentSlide})):this.state.currentSlide>=t.children.length?(this.update(t),this.changeSlide({message:"index",index:t.children.length-t.slidesToShow,currentSlide:this.state.currentSlide})):this.update(t)},componentDidUpdate:function(){this.adaptHeight()},onWindowResized:function(){this.update(this.props),this.setState({animating:!1})},slickPrev:function(){this.changeSlide({message:"previous"})},slickNext:function(){this.changeSlide({message:"next"})},slickGoTo:function(t){"number"==typeof t&&this.changeSlide({message:"index",index:t,currentSlide:this.state.currentSlide})},render:function(){var t,e=(0,v["default"])("slick-initialized","slick-slider",this.props.className,{"slick-vertical":this.props.vertical}),i={fade:this.props.fade,cssEase:this.props.cssEase,speed:this.props.speed,infinite:this.props.infinite,centerMode:this.props.centerMode,focusOnSelect:this.props.focusOnSelect?this.selectHandler:null,currentSlide:this.state.currentSlide,lazyLoad:this.props.lazyLoad,lazyLoadedList:this.state.lazyLoadedList,rtl:this.props.rtl,slideWidth:this.state.slideWidth,slidesToShow:this.props.slidesToShow,slidesToScroll:this.props.slidesToScroll,slideCount:this.state.slideCount,trackStyle:this.state.trackStyle,variableWidth:this.props.variableWidth};if(this.props.dots===!0&&this.state.slideCount>=this.props.slidesToShow){var s={dotsClass:this.props.dotsClass,slideCount:this.state.slideCount,slidesToShow:this.props.slidesToShow,currentSlide:this.state.currentSlide,slidesToScroll:this.props.slidesToScroll,clickHandler:this.changeSlide};t=o["default"].createElement(y.Dots,s)}var n,l,a={infinite:this.props.infinite,centerMode:this.props.centerMode,currentSlide:this.state.currentSlide,slideCount:this.state.slideCount,slidesToShow:this.props.slidesToShow,prevArrow:this.props.prevArrow,nextArrow:this.props.nextArrow,clickHandler:this.changeSlide};this.props.arrows&&(n=o["default"].createElement(k.PrevArrow,a),l=o["default"].createElement(k.NextArrow,a));var d=null;this.props.vertical&&(d={height:this.state.listHeight});var c=null;this.props.vertical===!1?this.props.centerMode===!0&&(c={padding:"0px "+this.props.centerPadding}):this.props.centerMode===!0&&(c={padding:this.props.centerPadding+" 0px"});var h=(0,w["default"])({},d,c);return o["default"].createElement("div",{className:e,onMouseEnter:this.onInnerSliderEnter,onMouseLeave:this.onInnerSliderLeave},n,o["default"].createElement("div",{ref:this.listRefHandler,className:"slick-list",style:h,onMouseDown:this.swipeStart,onMouseMove:this.state.dragging?this.swipeMove:null,onMouseUp:this.swipeEnd,onMouseLeave:this.state.dragging?this.swipeEnd:null,onTouchStart:this.swipeStart,onTouchMove:this.state.dragging?this.swipeMove:null,onTouchEnd:this.swipeEnd,onTouchCancel:this.state.dragging?this.swipeEnd:null,onKeyDown:this.props.accessibility?this.keyHandler:null},o["default"].createElement(m.Track,r({ref:this.trackRefHandler},i),this.props.children)),l,t)}})},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0;var r=i(5),n=i(8),o=(s(n),i(7)),l=s(o),a={changeSlide:function(t){var e,i,s,r,n,o=this.props,l=o.slidesToScroll,a=o.slidesToShow,d=this.state,c=d.slideCount,h=d.currentSlide;if(r=c%l!==0,e=r?0:(c-h)%l,"previous"===t.message)s=0===e?l:a-e,n=h-s,this.props.lazyLoad&&(i=h-s,n=-1===i?c-1:i);else if("next"===t.message)s=0===e?l:e,n=h+s,this.props.lazyLoad&&(n=(h+l)%c+e);else if("dots"===t.message||"children"===t.message){if(n=t.index*t.slidesToScroll,n===t.currentSlide)return}else if("index"===t.message&&(n=parseInt(t.index),n===t.currentSlide))return;this.slideHandler(n)},keyHandler:function(t){t.target.tagName.match("TEXTAREA|INPUT|SELECT")||(37===t.keyCode&&this.props.accessibility===!0?this.changeSlide({message:this.props.rtl===!0?"next":"previous"}):39===t.keyCode&&this.props.accessibility===!0&&this.changeSlide({message:this.props.rtl===!0?"previous":"next"}))},selectHandler:function(t){this.changeSlide(t)},swipeStart:function(t){var e,i;this.props.swipe===!1||"ontouchend"in document&&this.props.swipe===!1||this.props.draggable===!1&&-1!==t.type.indexOf("mouse")||(e=void 0!==t.touches?t.touches[0].pageX:t.clientX,i=void 0!==t.touches?t.touches[0].pageY:t.clientY,this.setState({dragging:!0,touchObject:{startX:e,startY:i,curX:e,curY:i}}))},swipeMove:function(t){if(!this.state.dragging)return void t.preventDefault();if(!this.state.animating){var e,i,s,n=this.state.touchObject;i=(0,r.getTrackLeft)((0,l["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},this.props,this.state)),n.curX=t.touches?t.touches[0].pageX:t.clientX,n.curY=t.touches?t.touches[0].pageY:t.clientY,n.swipeLength=Math.round(Math.sqrt(Math.pow(n.curX-n.startX,2))),this.props.verticalSwiping&&(n.swipeLength=Math.round(Math.sqrt(Math.pow(n.curY-n.startY,2)))),s=(this.props.rtl===!1?1:-1)*(n.curX>n.startX?1:-1),this.props.verticalSwiping&&(s=n.curY>n.startY?1:-1);var o=this.state.currentSlide,a=Math.ceil(this.state.slideCount/this.props.slidesToScroll),d=this.swipeDirection(this.state.touchObject),c=n.swipeLength;this.props.infinite===!1&&(0===o&&"right"===d||o+1>=a&&"left"===d)&&(c=n.swipeLength*this.props.edgeFriction,this.state.edgeDragged===!1&&this.props.edgeEvent&&(this.props.edgeEvent(d),this.setState({edgeDragged:!0}))),this.state.swiped===!1&&this.props.swipeEvent&&(this.props.swipeEvent(d),this.setState({swiped:!0})),e=this.props.vertical?i+c*(this.state.listHeight/this.state.listWidth)*s:i+c*s,this.props.verticalSwiping&&(e=i+c*s),this.setState({touchObject:n,swipeLeft:e,trackStyle:(0,r.getTrackCSS)((0,l["default"])({left:e},this.props,this.state))}),Math.abs(n.curX-n.startX)<.8*Math.abs(n.curY-n.startY)||n.swipeLength>4&&t.preventDefault()}},swipeEnd:function(t){if(!this.state.dragging)return void t.preventDefault();var e=this.state.touchObject,i=this.state.listWidth/this.props.touchThreshold,s=this.swipeDirection(e);if(this.props.verticalSwiping&&(i=this.state.listHeight/this.props.touchThreshold),this.setState({dragging:!1,edgeDragged:!1,swiped:!1,swipeLeft:null,touchObject:{}}),e.swipeLength)if(e.swipeLength>i)switch(t.preventDefault(),s){case"left":case"down":this.slideHandler(this.state.currentSlide+this.props.slidesToScroll);break;case"right":case"up":this.slideHandler(this.state.currentSlide-this.props.slidesToScroll)}else{var n=(0,r.getTrackLeft)((0,l["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},this.props,this.state));this.setState({trackStyle:(0,r.getTrackAnimateCSS)((0,l["default"])({left:n},this.props,this.state))})}},onInnerSliderEnter:function(t){this.props.autoplay&&this.props.pauseOnHover&&this.pause()},onInnerSliderLeave:function(t){this.props.autoplay&&this.props.pauseOnHover&&this.autoPlay()}};e["default"]=a},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0,e.getTrackLeft=e.getTrackAnimateCSS=e.getTrackCSS=void 0;var r=i(6),n=s(r),o=i(7),l=s(o),a=function(t,e){return e.reduce(function(e,i){return e&&t.hasOwnProperty(i)},!0)?null:console.error("Keys Missing",t)},d=e.getTrackCSS=function(t){a(t,["left","variableWidth","slideCount","slidesToShow","slideWidth"]);var e,i,s=t.slideCount+2*t.slidesToShow;t.vertical?i=s*t.slideHeight:e=t.variableWidth?(t.slideCount+2*t.slidesToShow)*t.slideWidth:t.centerMode?(t.slideCount+2*(t.slidesToShow+1))*t.slideWidth:(t.slideCount+2*t.slidesToShow)*t.slideWidth;var r={opacity:1,WebkitTransform:t.vertical?"translate3d(0px, "+t.left+"px, 0px)":"translate3d("+t.left+"px, 0px, 0px)",transform:t.vertical?"translate3d(0px, "+t.left+"px, 0px)":"translate3d("+t.left+"px, 0px, 0px)",transition:"",WebkitTransition:"",msTransform:t.vertical?"translateY("+t.left+"px)":"translateX("+t.left+"px)"};return e&&(0,l["default"])(r,{width:e}),i&&(0,l["default"])(r,{height:i}),window&&!window.addEventListener&&window.attachEvent&&(t.vertical?r.marginTop=t.left+"px":r.marginLeft=t.left+"px"),r};e.getTrackAnimateCSS=function(t){a(t,["left","variableWidth","slideCount","slidesToShow","slideWidth","speed","cssEase"]);var e=d(t);return e.WebkitTransition="-webkit-transform "+t.speed+"ms "+t.cssEase,e.transition="transform "+t.speed+"ms "+t.cssEase,e},e.getTrackLeft=function(t){a(t,["slideIndex","trackRef","infinite","centerMode","slideCount","slidesToShow","slidesToScroll","slideWidth","listWidth","variableWidth","slideHeight"]);var e,i,s=0,r=0;if(t.fade)return 0;if(t.infinite)t.slideCount>=t.slidesToShow&&(s=t.slideWidth*t.slidesToShow*-1,r=t.slideHeight*t.slidesToShow*-1),t.slideCount%t.slidesToScroll!==0&&t.slideIndex+t.slidesToScroll>t.slideCount&&t.slideCount>t.slidesToShow&&(t.slideIndex>t.slideCount?(s=(t.slidesToShow-(t.slideIndex-t.slideCount))*t.slideWidth*-1,r=(t.slidesToShow-(t.slideIndex-t.slideCount))*t.slideHeight*-1):(s=t.slideCount%t.slidesToScroll*t.slideWidth*-1,r=t.slideCount%t.slidesToScroll*t.slideHeight*-1));else if(t.slideCount%t.slidesToScroll!==0&&t.slideIndex+t.slidesToScroll>t.slideCount&&t.slideCount>t.slidesToShow){var o=t.slidesToShow-t.slideCount%t.slidesToScroll;s=o*t.slideWidth}if(t.centerMode&&(t.infinite?s+=t.slideWidth*Math.floor(t.slidesToShow/2):s=t.slideWidth*Math.floor(t.slidesToShow/2)),e=t.vertical?t.slideIndex*t.slideHeight*-1+r:t.slideIndex*t.slideWidth*-1+s,t.variableWidth===!0){var l;t.slideCount<=t.slidesToShow||t.infinite===!1?i=n["default"].findDOMNode(t.trackRef).childNodes[t.slideIndex]:(l=t.slideIndex+t.slidesToShow,i=n["default"].findDOMNode(t.trackRef).childNodes[l]),e=i?-1*i.offsetLeft:0,t.centerMode===!0&&(i=t.infinite===!1?n["default"].findDOMNode(t.trackRef).children[t.slideIndex]:n["default"].findDOMNode(t.trackRef).children[t.slideIndex+t.slidesToShow+1],e=i?-1*i.offsetLeft:0,e+=(t.listWidth-i.offsetWidth)/2)}return e}},function(t,i){t.exports=e},function(t,e){"use strict";function i(t){if(null===t||void 0===t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}function s(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var e={},i=0;10>i;i++)e["_"+String.fromCharCode(i)]=i;var s=Object.getOwnPropertyNames(e).map(function(t){return e[t]});if("0123456789"!==s.join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(t){r[t]=t}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(n){return!1}}var r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;t.exports=s()?Object.assign:function(t,e){for(var s,o,l=i(t),a=1;a<arguments.length;a++){s=Object(arguments[a]);for(var d in s)r.call(s,d)&&(l[d]=s[d]);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(s);for(var c=0;c<o.length;c++)n.call(s,o[c])&&(l[o[c]]=s[o[c]])}}return l}},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0;var r=i(2),n=s(r),o=i(6),l=s(o),a=i(5),d=i(7),c=s(d),h={initialize:function(t){var e,i=l["default"].findDOMNode(this.list),s=n["default"].Children.count(t.children),r=this.getWidth(i),o=this.getWidth(l["default"].findDOMNode(this.track));e=t.vertical?o:o/t.slidesToShow;var d=this.getHeight(i.querySelector('[data-index="0"]')),h=d*t.slidesToShow,u=t.rtl?s-1-t.initialSlide:t.initialSlide;this.setState({slideCount:s,slideWidth:e,listWidth:r,trackWidth:o,currentSlide:u,slideHeight:d,listHeight:h},function(){var e=(0,a.getTrackLeft)((0,c["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},t,this.state)),i=(0,a.getTrackCSS)((0,c["default"])({left:e},t,this.state));this.setState({trackStyle:i}),this.autoPlay()})},update:function(t){var e,i=l["default"].findDOMNode(this.list),s=n["default"].Children.count(t.children),r=this.getWidth(i),o=this.getWidth(l["default"].findDOMNode(this.track));e=t.vertical?o:o/t.slidesToShow;var d=this.getHeight(i.querySelector('[data-index="0"]')),h=d*t.slidesToShow;t.autoplay||this.pause(),this.setState({slideCount:s,slideWidth:e,listWidth:r,trackWidth:o,slideHeight:d,listHeight:h},function(){var e=(0,a.getTrackLeft)((0,c["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},t,this.state)),i=(0,a.getTrackCSS)((0,c["default"])({left:e},t,this.state));this.setState({trackStyle:i})})},getWidth:function(t){return t.getBoundingClientRect().width||t.offsetWidth},getHeight:function(t){return t.getBoundingClientRect().height||t.offsetHeight},adaptHeight:function(){if(this.props.adaptiveHeight){var t='[data-index="'+this.state.currentSlide+'"]';if(this.list){var e=l["default"].findDOMNode(this.list);e.style.height=e.querySelector(t).offsetHeight+"px"}}},slideHandler:function(t){var e,i,s,r,n,o=this;if(!this.props.waitForAnimate||!this.state.animating){if(this.props.fade){if(i=this.state.currentSlide,this.props.infinite===!1&&(0>t||t>=this.state.slideCount))return;return e=0>t?t+this.state.slideCount:t>=this.state.slideCount?t-this.state.slideCount:t,this.props.lazyLoad&&this.state.lazyLoadedList.indexOf(e)<0&&this.setState({lazyLoadedList:this.state.lazyLoadedList.concat(e)}),n=function(){o.setState({animating:!1}),o.props.afterChange&&o.props.afterChange(e),delete o.animationEndCallback},this.setState({animating:!0,currentSlide:e},function(){this.animationEndCallback=setTimeout(n,this.props.speed)}),this.props.beforeChange&&this.props.beforeChange(this.state.currentSlide,e),void this.autoPlay()}if(e=t,i=0>e?this.props.infinite===!1?0:this.state.slideCount%this.props.slidesToScroll!==0?this.state.slideCount-this.state.slideCount%this.props.slidesToScroll:this.state.slideCount+e:e>=this.state.slideCount?this.props.infinite===!1?this.state.slideCount-this.props.slidesToShow:this.state.slideCount%this.props.slidesToScroll!==0?0:e-this.state.slideCount:e,s=(0,a.getTrackLeft)((0,c["default"])({slideIndex:e,trackRef:this.track},this.props,this.state)),r=(0,a.getTrackLeft)((0,c["default"])({slideIndex:i,trackRef:this.track},this.props,this.state)),this.props.infinite===!1&&(s=r),this.props.beforeChange&&this.props.beforeChange(this.state.currentSlide,i),this.props.lazyLoad){for(var l=!0,d=[],h=e;h<e+this.props.slidesToShow;h++)l=l&&this.state.lazyLoadedList.indexOf(h)>=0,l||d.push(h);l||this.setState({lazyLoadedList:this.state.lazyLoadedList.concat(d)})}if(this.props.useCSS===!1)this.setState({currentSlide:i,trackStyle:(0,a.getTrackCSS)((0,c["default"])({left:r},this.props,this.state))},function(){this.props.afterChange&&this.props.afterChange(i)});else{var u={animating:!1,currentSlide:i,trackStyle:(0,a.getTrackCSS)((0,c["default"])({left:r},this.props,this.state)),swipeLeft:null};n=function(){o.setState(u),o.props.afterChange&&o.props.afterChange(i),delete o.animationEndCallback},this.setState({animating:!0,currentSlide:i,trackStyle:(0,a.getTrackAnimateCSS)((0,c["default"])({left:s},this.props,this.state))},function(){this.animationEndCallback=setTimeout(n,this.props.speed)})}this.autoPlay()}},swipeDirection:function(t){var e,i,s,r;return e=t.startX-t.curX,i=t.startY-t.curY,s=Math.atan2(i,e),r=Math.round(180*s/Math.PI),0>r&&(r=360-Math.abs(r)),45>=r&&r>=0||360>=r&&r>=315?this.props.rtl===!1?"left":"right":r>=135&&225>=r?this.props.rtl===!1?"right":"left":this.props.verticalSwiping===!0?r>=35&&135>=r?"down":"up":"vertical"},autoPlay:function(){var t=this;if(!this.state.autoPlayTimer){var e=function(){if(t.state.mounted){var e=t.props.rtl?t.state.currentSlide-t.props.slidesToScroll:t.state.currentSlide+t.props.slidesToScroll;t.slideHandler(e)}};this.props.autoplay&&this.setState({autoPlayTimer:setInterval(e,this.props.autoplaySpeed)})}},pause:function(){this.state.autoPlayTimer&&(clearInterval(this.state.autoPlayTimer),this.setState({autoPlayTimer:null}))}};e["default"]=h},function(t,e){"use strict";var i={animating:!1,dragging:!1,autoPlayTimer:null,currentDirection:0,currentLeft:null,currentSlide:0,direction:1,listWidth:null,listHeight:null,slideCount:null,slideWidth:null,slideHeight:null,swipeLeft:null,touchObject:{startX:0,startY:0,curX:0,curY:0},lazyLoadedList:[],initialized:!1,edgeDragged:!1,swiped:!1,trackStyle:{},trackWidth:0};t.exports=i},function(t,e){"use strict";var i={className:"",accessibility:!0,adaptiveHeight:!1,arrows:!0,autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",dots:!1,dotsClass:"slick-dots",draggable:!0,easing:"linear",edgeFriction:.35,fade:!1,focusOnSelect:!1,infinite:!0,initialSlide:0,lazyLoad:!1,pauseOnHover:!0,responsive:null,rtl:!1,slide:"div",slidesToShow:1,slidesToScroll:1,speed:500,swipe:!0,swipeToSlide:!1,touchMove:!0,touchThreshold:5,useCSS:!0,variableWidth:!1,vertical:!1,waitForAnimate:!0,afterChange:null,beforeChange:null,edgeEvent:null,init:null,swipeEvent:null,nextArrow:null,prevArrow:null};t.exports=i},function(t,e,i){var s,r;/*!
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","react-dom"],e):"object"==typeof exports?exports.Slider=e(require("react"),require("react-dom")):t.Slider=e(t.React,t.ReactDOM)}(this,function(t,e){return function(t){function e(s){if(i[s])return i[s].exports;var r=i[s]={exports:{},id:s,loaded:!1};return t[s].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){"use strict";t.exports=i(1)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},n=i(2),o=s(n),l=i(3),a=i(7),d=s(a),c=i(15),h=s(c),u=i(17),p=s(u),f=i(10),S=s(f),v=o["default"].createClass({displayName:"Slider",mixins:[p["default"]],innerSlider:null,innerSliderRefHandler:function(t){this.innerSlider=t},getInitialState:function(){return{breakpoint:null}},componentWillMount:function(){var t=this;if(this.props.responsive){var e=this.props.responsive.map(function(t){return t.breakpoint});e.sort(function(t,e){return t-e}),e.forEach(function(i,s){var r;r=0===s?(0,h["default"])({minWidth:0,maxWidth:i}):(0,h["default"])({minWidth:e[s-1],maxWidth:i}),t.media(r,function(){t.setState({breakpoint:i})})});var i=(0,h["default"])({minWidth:e.slice(-1)[0]});this.media(i,function(){t.setState({breakpoint:null})})}},slickPrev:function(){this.innerSlider.slickPrev()},slickNext:function(){this.innerSlider.slickNext()},slickGoTo:function(t){this.innerSlider.slickGoTo(t)},render:function(){var t,e,i=this;this.state.breakpoint?(e=this.props.responsive.filter(function(t){return t.breakpoint===i.state.breakpoint}),t="unslick"===e[0].settings?"unslick":(0,d["default"])({},this.props,e[0].settings)):t=(0,d["default"])({},S["default"],this.props);var s=this.props.children;return Array.isArray(s)||(s=[s]),s=s.filter(function(t){return!!t}),"unslick"===t?o["default"].createElement("div",null,s):o["default"].createElement(l.InnerSlider,r({ref:this.innerSliderRefHandler},t),s)}});t.exports=v},function(e,i){e.exports=t},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0,e.InnerSlider=void 0;var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},n=i(2),o=s(n),l=i(4),a=s(l),d=i(8),c=s(d),h=i(9),u=s(h),p=i(10),f=s(p),S=i(11),v=s(S),g=i(7),w=s(g),m=i(12),y=i(13),k=i(14);e.InnerSlider=o["default"].createClass({displayName:"InnerSlider",mixins:[c["default"],a["default"]],list:null,track:null,listRefHandler:function(t){this.list=t},trackRefHandler:function(t){this.track=t},getInitialState:function(){return r({},u["default"],{currentSlide:this.props.initialSlide})},getDefaultProps:function(){return f["default"]},componentWillMount:function(){this.props.init&&this.props.init(),this.setState({mounted:!0});for(var t=[],e=0;e<o["default"].Children.count(this.props.children);e++)e>=this.state.currentSlide&&e<this.state.currentSlide+this.props.slidesToShow&&t.push(e);this.props.lazyLoad&&0===this.state.lazyLoadedList.length&&this.setState({lazyLoadedList:t})},componentDidMount:function(){this.initialize(this.props),this.adaptHeight(),window&&(window.addEventListener?window.addEventListener("resize",this.onWindowResized):window.attachEvent("onresize",this.onWindowResized))},componentWillUnmount:function(){this.animationEndCallback&&clearTimeout(this.animationEndCallback),window.addEventListener?window.removeEventListener("resize",this.onWindowResized):window.detachEvent("onresize",this.onWindowResized),this.state.autoPlayTimer&&clearInterval(this.state.autoPlayTimer)},componentWillReceiveProps:function(t){this.props.slickGoTo!=t.slickGoTo?(console.warn("react-slick deprecation warning: slickGoTo prop is deprecated and it will be removed in next release. Use slickGoTo method instead"),this.changeSlide({message:"index",index:t.slickGoTo,currentSlide:this.state.currentSlide})):this.state.currentSlide>=t.children.length?(this.update(t),this.changeSlide({message:"index",index:t.children.length-t.slidesToShow,currentSlide:this.state.currentSlide})):this.update(t)},componentDidUpdate:function(){this.adaptHeight()},onWindowResized:function(){this.update(this.props),this.setState({animating:!1})},slickPrev:function(){this.changeSlide({message:"previous"})},slickNext:function(){this.changeSlide({message:"next"})},slickGoTo:function(t){"number"==typeof t&&this.changeSlide({message:"index",index:t,currentSlide:this.state.currentSlide})},render:function(){var t,e=(0,v["default"])("slick-initialized","slick-slider",this.props.className,{"slick-vertical":this.props.vertical}),i={fade:this.props.fade,cssEase:this.props.cssEase,speed:this.props.speed,infinite:this.props.infinite,centerMode:this.props.centerMode,focusOnSelect:this.props.focusOnSelect?this.selectHandler:null,currentSlide:this.state.currentSlide,lazyLoad:this.props.lazyLoad,lazyLoadedList:this.state.lazyLoadedList,rtl:this.props.rtl,slideWidth:this.state.slideWidth,slidesToShow:this.props.slidesToShow,slidesToScroll:this.props.slidesToScroll,slideCount:this.state.slideCount,trackStyle:this.state.trackStyle,variableWidth:this.props.variableWidth};if(this.props.dots===!0&&this.state.slideCount>=this.props.slidesToShow){var s={dotsClass:this.props.dotsClass,slideCount:this.state.slideCount,slidesToShow:this.props.slidesToShow,currentSlide:this.state.currentSlide,slidesToScroll:this.props.slidesToScroll,clickHandler:this.changeSlide};t=o["default"].createElement(y.Dots,s)}var n,l,a={infinite:this.props.infinite,centerMode:this.props.centerMode,currentSlide:this.state.currentSlide,slideCount:this.state.slideCount,slidesToShow:this.props.slidesToShow,prevArrow:this.props.prevArrow,nextArrow:this.props.nextArrow,clickHandler:this.changeSlide};this.props.arrows&&(n=o["default"].createElement(k.PrevArrow,a),l=o["default"].createElement(k.NextArrow,a));var d=null;this.props.vertical&&(d={height:this.state.listHeight});var c=null;this.props.vertical===!1?this.props.centerMode===!0&&(c={padding:"0px "+this.props.centerPadding}):this.props.centerMode===!0&&(c={padding:this.props.centerPadding+" 0px"});var h=(0,w["default"])({},d,c);return o["default"].createElement("div",{className:e,onMouseEnter:this.onInnerSliderEnter,onMouseLeave:this.onInnerSliderLeave},n,o["default"].createElement("div",{ref:this.listRefHandler,className:"slick-list",style:h,onMouseDown:this.swipeStart,onMouseMove:this.state.dragging?this.swipeMove:null,onMouseUp:this.swipeEnd,onMouseLeave:this.state.dragging?this.swipeEnd:null,onTouchStart:this.swipeStart,onTouchMove:this.state.dragging?this.swipeMove:null,onTouchEnd:this.swipeEnd,onTouchCancel:this.state.dragging?this.swipeEnd:null,onKeyDown:this.props.accessibility?this.keyHandler:null},o["default"].createElement(m.Track,r({ref:this.trackRefHandler},i),this.props.children)),l,t)}})},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0;var r=i(5),n=i(8),o=(s(n),i(7)),l=s(o),a=i(6),d=s(a),c={changeSlide:function(t){var e,i,s,r,n,o=this.props,l=o.slidesToScroll,a=o.slidesToShow,d=this.state,c=d.slideCount,h=d.currentSlide;if(r=c%l!==0,e=r?0:(c-h)%l,"previous"===t.message)s=0===e?l:a-e,n=h-s,this.props.lazyLoad&&(i=h-s,n=-1===i?c-1:i);else if("next"===t.message)s=0===e?l:e,n=h+s,this.props.lazyLoad&&(n=(h+l)%c+e);else if("dots"===t.message||"children"===t.message){if(n=t.index*t.slidesToScroll,n===t.currentSlide)return}else if("index"===t.message&&(n=parseInt(t.index),n===t.currentSlide))return;this.slideHandler(n)},keyHandler:function(t){t.target.tagName.match("TEXTAREA|INPUT|SELECT")||(37===t.keyCode&&this.props.accessibility===!0?this.changeSlide({message:this.props.rtl===!0?"next":"previous"}):39===t.keyCode&&this.props.accessibility===!0&&this.changeSlide({message:this.props.rtl===!0?"previous":"next"}))},selectHandler:function(t){this.changeSlide(t)},swipeStart:function(t){var e,i;this.props.swipe===!1||"ontouchend"in document&&this.props.swipe===!1||this.props.draggable===!1&&-1!==t.type.indexOf("mouse")||(e=void 0!==t.touches?t.touches[0].pageX:t.clientX,i=void 0!==t.touches?t.touches[0].pageY:t.clientY,this.setState({dragging:!0,touchObject:{startX:e,startY:i,curX:e,curY:i}}))},swipeMove:function(t){if(!this.state.dragging)return void t.preventDefault();if(!this.state.animating){var e,i,s,n=this.state.touchObject;i=(0,r.getTrackLeft)((0,l["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},this.props,this.state)),n.curX=t.touches?t.touches[0].pageX:t.clientX,n.curY=t.touches?t.touches[0].pageY:t.clientY,n.swipeLength=Math.round(Math.sqrt(Math.pow(n.curX-n.startX,2))),this.props.verticalSwiping&&(n.swipeLength=Math.round(Math.sqrt(Math.pow(n.curY-n.startY,2)))),s=(this.props.rtl===!1?1:-1)*(n.curX>n.startX?1:-1),this.props.verticalSwiping&&(s=n.curY>n.startY?1:-1);var o=this.state.currentSlide,a=Math.ceil(this.state.slideCount/this.props.slidesToScroll),d=this.swipeDirection(this.state.touchObject),c=n.swipeLength;this.props.infinite===!1&&(0===o&&"right"===d||o+1>=a&&"left"===d)&&(c=n.swipeLength*this.props.edgeFriction,this.state.edgeDragged===!1&&this.props.edgeEvent&&(this.props.edgeEvent(d),this.setState({edgeDragged:!0}))),this.state.swiped===!1&&this.props.swipeEvent&&(this.props.swipeEvent(d),this.setState({swiped:!0})),e=this.props.vertical?i+c*(this.state.listHeight/this.state.listWidth)*s:i+c*s,this.props.verticalSwiping&&(e=i+c*s),this.setState({touchObject:n,swipeLeft:e,trackStyle:(0,r.getTrackCSS)((0,l["default"])({left:e},this.props,this.state))}),Math.abs(n.curX-n.startX)<.8*Math.abs(n.curY-n.startY)||n.swipeLength>4&&t.preventDefault()}},getNavigableIndexes:function(){var t=void 0,e=0,i=0,s=[];for(this.props.infinite?(e=-1*this.props.slidesToShow,i=-1*this.props.slidesToShow,t=2*this.state.slideCount):t=this.state.slideCount;t>e;)s.push(e),e=i+this.props.slidesToScroll,i+=this.props.slidesToScroll<=this.props.slidesToShow?this.props.slidesToScroll:this.props.slidesToShow;return s},checkNavigable:function(t){var e=this.getNavigableIndexes(),i=0;if(t>e[e.length-1])t=e[e.length-1];else for(var s in e){if(t<e[s]){t=i;break}i=e[s]}return t},getSlideCount:function(){var t=this,e=this.props.centerMode?this.state.slideWidth*Math.floor(this.props.slidesToShow/2):0;if(this.props.swipeToSlide){var i=void 0,s=d["default"].findDOMNode(this.list),r=s.querySelectorAll(".slick-slide");Array.from(r).every(function(s){if(t.props.vertical){if(s.offsetTop+t.getHeight(s)/2>-1*t.state.swipeLeft)return i=s,!1}else if(s.offsetLeft-e+t.getWidth(s)/2>-1*t.state.swipeLeft)return i=s,!1;return!0});var n=Math.abs(i.dataset.index-this.state.currentSlide)||1;return n}return this.props.slidesToScroll},swipeEnd:function(t){if(!this.state.dragging)return void t.preventDefault();var e=this.state.touchObject,i=this.state.listWidth/this.props.touchThreshold,s=this.swipeDirection(e);if(this.props.verticalSwiping&&(i=this.state.listHeight/this.props.touchThreshold),this.setState({dragging:!1,edgeDragged:!1,swiped:!1,swipeLeft:null,touchObject:{}}),e.swipeLength)if(e.swipeLength>i){t.preventDefault();var n=void 0,o=void 0;switch(s){case"left":case"down":o=this.state.currentSlide+this.getSlideCount(),n=this.props.swipeToSlide?this.checkNavigable(o):o,this.state.currentDirection=0;break;case"right":case"up":o=this.state.currentSlide-this.getSlideCount(),n=this.props.swipeToSlide?this.checkNavigable(o):o,this.state.currentDirection=1;break;default:n=this.state.currentSlide}this.slideHandler(n)}else{var a=(0,r.getTrackLeft)((0,l["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},this.props,this.state));this.setState({trackStyle:(0,r.getTrackAnimateCSS)((0,l["default"])({left:a},this.props,this.state))})}},onInnerSliderEnter:function(t){this.props.autoplay&&this.props.pauseOnHover&&this.pause()},onInnerSliderLeave:function(t){this.props.autoplay&&this.props.pauseOnHover&&this.autoPlay()}};e["default"]=c},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0,e.getTrackLeft=e.getTrackAnimateCSS=e.getTrackCSS=void 0;var r=i(6),n=s(r),o=i(7),l=s(o),a=function(t,e){return e.reduce(function(e,i){return e&&t.hasOwnProperty(i)},!0)?null:console.error("Keys Missing",t)},d=e.getTrackCSS=function(t){a(t,["left","variableWidth","slideCount","slidesToShow","slideWidth"]);var e,i,s=t.slideCount+2*t.slidesToShow;t.vertical?i=s*t.slideHeight:e=t.variableWidth?(t.slideCount+2*t.slidesToShow)*t.slideWidth:t.centerMode?(t.slideCount+2*(t.slidesToShow+1))*t.slideWidth:(t.slideCount+2*t.slidesToShow)*t.slideWidth;var r={opacity:1,WebkitTransform:t.vertical?"translate3d(0px, "+t.left+"px, 0px)":"translate3d("+t.left+"px, 0px, 0px)",transform:t.vertical?"translate3d(0px, "+t.left+"px, 0px)":"translate3d("+t.left+"px, 0px, 0px)",transition:"",WebkitTransition:"",msTransform:t.vertical?"translateY("+t.left+"px)":"translateX("+t.left+"px)"};return e&&(0,l["default"])(r,{width:e}),i&&(0,l["default"])(r,{height:i}),window&&!window.addEventListener&&window.attachEvent&&(t.vertical?r.marginTop=t.left+"px":r.marginLeft=t.left+"px"),r};e.getTrackAnimateCSS=function(t){a(t,["left","variableWidth","slideCount","slidesToShow","slideWidth","speed","cssEase"]);var e=d(t);return e.WebkitTransition="-webkit-transform "+t.speed+"ms "+t.cssEase,e.transition="transform "+t.speed+"ms "+t.cssEase,e},e.getTrackLeft=function(t){a(t,["slideIndex","trackRef","infinite","centerMode","slideCount","slidesToShow","slidesToScroll","slideWidth","listWidth","variableWidth","slideHeight"]);var e,i,s=0,r=0;if(t.fade)return 0;if(t.infinite)t.slideCount>=t.slidesToShow&&(s=t.slideWidth*t.slidesToShow*-1,r=t.slideHeight*t.slidesToShow*-1),t.slideCount%t.slidesToScroll!==0&&t.slideIndex+t.slidesToScroll>t.slideCount&&t.slideCount>t.slidesToShow&&(t.slideIndex>t.slideCount?(s=(t.slidesToShow-(t.slideIndex-t.slideCount))*t.slideWidth*-1,r=(t.slidesToShow-(t.slideIndex-t.slideCount))*t.slideHeight*-1):(s=t.slideCount%t.slidesToScroll*t.slideWidth*-1,r=t.slideCount%t.slidesToScroll*t.slideHeight*-1));else if(t.slideCount%t.slidesToScroll!==0&&t.slideIndex+t.slidesToScroll>t.slideCount&&t.slideCount>t.slidesToShow){var o=t.slidesToShow-t.slideCount%t.slidesToScroll;s=o*t.slideWidth}if(t.centerMode&&(t.infinite?s+=t.slideWidth*Math.floor(t.slidesToShow/2):s=t.slideWidth*Math.floor(t.slidesToShow/2)),e=t.vertical?t.slideIndex*t.slideHeight*-1+r:t.slideIndex*t.slideWidth*-1+s,t.variableWidth===!0){var l;t.slideCount<=t.slidesToShow||t.infinite===!1?i=n["default"].findDOMNode(t.trackRef).childNodes[t.slideIndex]:(l=t.slideIndex+t.slidesToShow,i=n["default"].findDOMNode(t.trackRef).childNodes[l]),e=i?-1*i.offsetLeft:0,t.centerMode===!0&&(i=t.infinite===!1?n["default"].findDOMNode(t.trackRef).children[t.slideIndex]:n["default"].findDOMNode(t.trackRef).children[t.slideIndex+t.slidesToShow+1],e=i?-1*i.offsetLeft:0,e+=(t.listWidth-i.offsetWidth)/2)}return e}},function(t,i){t.exports=e},function(t,e){"use strict";function i(t){if(null===t||void 0===t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}function s(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var e={},i=0;10>i;i++)e["_"+String.fromCharCode(i)]=i;var s=Object.getOwnPropertyNames(e).map(function(t){return e[t]});if("0123456789"!==s.join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(t){r[t]=t}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(n){return!1}}var r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;t.exports=s()?Object.assign:function(t,e){for(var s,o,l=i(t),a=1;a<arguments.length;a++){s=Object(arguments[a]);for(var d in s)r.call(s,d)&&(l[d]=s[d]);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(s);for(var c=0;c<o.length;c++)n.call(s,o[c])&&(l[o[c]]=s[o[c]])}}return l}},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0;var r=i(2),n=s(r),o=i(6),l=s(o),a=i(5),d=i(7),c=s(d),h={initialize:function(t){var e,i=l["default"].findDOMNode(this.list),s=n["default"].Children.count(t.children),r=this.getWidth(i),o=this.getWidth(l["default"].findDOMNode(this.track));e=t.vertical?o:o/t.slidesToShow;var d=this.getHeight(i.querySelector('[data-index="0"]')),h=d*t.slidesToShow,u=t.rtl?s-1-t.initialSlide:t.initialSlide;this.setState({slideCount:s,slideWidth:e,listWidth:r,trackWidth:o,currentSlide:u,slideHeight:d,listHeight:h},function(){var e=(0,a.getTrackLeft)((0,c["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},t,this.state)),i=(0,a.getTrackCSS)((0,c["default"])({left:e},t,this.state));this.setState({trackStyle:i}),this.autoPlay()})},update:function(t){var e,i=l["default"].findDOMNode(this.list),s=n["default"].Children.count(t.children),r=this.getWidth(i),o=this.getWidth(l["default"].findDOMNode(this.track));e=t.vertical?o:o/t.slidesToShow;var d=this.getHeight(i.querySelector('[data-index="0"]')),h=d*t.slidesToShow;t.autoplay||this.pause(),this.setState({slideCount:s,slideWidth:e,listWidth:r,trackWidth:o,slideHeight:d,listHeight:h},function(){var e=(0,a.getTrackLeft)((0,c["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},t,this.state)),i=(0,a.getTrackCSS)((0,c["default"])({left:e},t,this.state));this.setState({trackStyle:i})})},getWidth:function(t){return t.getBoundingClientRect().width||t.offsetWidth},getHeight:function(t){return t.getBoundingClientRect().height||t.offsetHeight},adaptHeight:function(){if(this.props.adaptiveHeight){var t='[data-index="'+this.state.currentSlide+'"]';if(this.list){var e=l["default"].findDOMNode(this.list);e.style.height=e.querySelector(t).offsetHeight+"px"}}},slideHandler:function(t){var e,i,s,r,n,o=this;if(!this.props.waitForAnimate||!this.state.animating){if(this.props.fade){if(i=this.state.currentSlide,this.props.infinite===!1&&(0>t||t>=this.state.slideCount))return;return e=0>t?t+this.state.slideCount:t>=this.state.slideCount?t-this.state.slideCount:t,this.props.lazyLoad&&this.state.lazyLoadedList.indexOf(e)<0&&this.setState({lazyLoadedList:this.state.lazyLoadedList.concat(e)}),n=function(){o.setState({animating:!1}),o.props.afterChange&&o.props.afterChange(e),delete o.animationEndCallback},this.setState({animating:!0,currentSlide:e},function(){this.animationEndCallback=setTimeout(n,this.props.speed)}),this.props.beforeChange&&this.props.beforeChange(this.state.currentSlide,e),void this.autoPlay()}if(e=t,i=0>e?this.props.infinite===!1?0:this.state.slideCount%this.props.slidesToScroll!==0?this.state.slideCount-this.state.slideCount%this.props.slidesToScroll:this.state.slideCount+e:e>=this.state.slideCount?this.props.infinite===!1?this.state.slideCount-this.props.slidesToShow:this.state.slideCount%this.props.slidesToScroll!==0?0:e-this.state.slideCount:e,s=(0,a.getTrackLeft)((0,c["default"])({slideIndex:e,trackRef:this.track},this.props,this.state)),r=(0,a.getTrackLeft)((0,c["default"])({slideIndex:i,trackRef:this.track},this.props,this.state)),this.props.infinite===!1&&(s=r),this.props.beforeChange&&this.props.beforeChange(this.state.currentSlide,i),this.props.lazyLoad){for(var l=!0,d=[],h=e;h<e+this.props.slidesToShow;h++)l=l&&this.state.lazyLoadedList.indexOf(h)>=0,l||d.push(h);l||this.setState({lazyLoadedList:this.state.lazyLoadedList.concat(d)})}if(this.props.useCSS===!1)this.setState({currentSlide:i,trackStyle:(0,a.getTrackCSS)((0,c["default"])({left:r},this.props,this.state))},function(){this.props.afterChange&&this.props.afterChange(i)});else{var u={animating:!1,currentSlide:i,trackStyle:(0,a.getTrackCSS)((0,c["default"])({left:r},this.props,this.state)),swipeLeft:null};n=function(){o.setState(u),o.props.afterChange&&o.props.afterChange(i),delete o.animationEndCallback},this.setState({animating:!0,currentSlide:i,trackStyle:(0,a.getTrackAnimateCSS)((0,c["default"])({left:s},this.props,this.state))},function(){this.animationEndCallback=setTimeout(n,this.props.speed)})}this.autoPlay()}},swipeDirection:function(t){var e,i,s,r;return e=t.startX-t.curX,i=t.startY-t.curY,s=Math.atan2(i,e),r=Math.round(180*s/Math.PI),0>r&&(r=360-Math.abs(r)),45>=r&&r>=0||360>=r&&r>=315?this.props.rtl===!1?"left":"right":r>=135&&225>=r?this.props.rtl===!1?"right":"left":this.props.verticalSwiping===!0?r>=35&&135>=r?"down":"up":"vertical"},autoPlay:function(){var t=this;if(!this.state.autoPlayTimer){var e=function(){if(t.state.mounted){var e=t.props.rtl?t.state.currentSlide-t.props.slidesToScroll:t.state.currentSlide+t.props.slidesToScroll;t.slideHandler(e)}};this.props.autoplay&&this.setState({autoPlayTimer:setInterval(e,this.props.autoplaySpeed)})}},pause:function(){this.state.autoPlayTimer&&(clearInterval(this.state.autoPlayTimer),this.setState({autoPlayTimer:null}))}};e["default"]=h},function(t,e){"use strict";var i={animating:!1,dragging:!1,autoPlayTimer:null,currentDirection:0,currentLeft:null,currentSlide:0,direction:1,listWidth:null,listHeight:null,slideCount:null,slideWidth:null,slideHeight:null,swipeLeft:null,touchObject:{startX:0,startY:0,curX:0,curY:0},lazyLoadedList:[],initialized:!1,edgeDragged:!1,swiped:!1,trackStyle:{},trackWidth:0};t.exports=i},function(t,e){"use strict";var i={className:"",accessibility:!0,adaptiveHeight:!1,arrows:!0,autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",dots:!1,dotsClass:"slick-dots",draggable:!0,easing:"linear",edgeFriction:.35,fade:!1,focusOnSelect:!1,infinite:!0,initialSlide:0,lazyLoad:!1,pauseOnHover:!0,responsive:null,rtl:!1,slide:"div",slidesToShow:1,slidesToScroll:1,speed:500,swipe:!0,swipeToSlide:!1,touchMove:!0,touchThreshold:5,useCSS:!0,variableWidth:!1,vertical:!1,waitForAnimate:!0,afterChange:null,beforeChange:null,edgeEvent:null,init:null,swipeEvent:null,nextArrow:null,prevArrow:null};t.exports=i},function(t,e,i){var s,r;/*!
 	  Copyright (c) 2016 Jed Watson.
@@ -6,2 +6,2 @@ Licensed under the MIT License (MIT), see
 	*/
-!function(){"use strict";function i(){for(var t=[],e=0;e<arguments.length;e++){var s=arguments[e];if(s){var r=typeof s;if("string"===r||"number"===r)t.push(s);else if(Array.isArray(s))t.push(i.apply(null,s));else if("object"===r)for(var o in s)n.call(s,o)&&s[o]&&t.push(o)}}return t.join(" ")}var n={}.hasOwnProperty;"undefined"!=typeof t&&t.exports?t.exports=i:(s=[],r=function(){return i}.apply(e,s),!(void 0!==r&&(t.exports=r)))}()},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0,e.Track=void 0;var r=i(2),n=s(r),o=i(7),l=s(o),a=i(11),d=s(a),c=function(t){var e,i,s,r,n;return n=t.rtl?t.slideCount-1-t.index:t.index,s=0>n||n>=t.slideCount,t.centerMode?(r=Math.floor(t.slidesToShow/2),i=(n-t.currentSlide)%t.slideCount===0,n>t.currentSlide-r-1&&n<=t.currentSlide+r&&(e=!0)):e=t.currentSlide<=n&&n<t.currentSlide+t.slidesToShow,(0,d["default"])({"slick-slide":!0,"slick-active":e,"slick-center":i,"slick-cloned":s})},h=function(t){var e={};return void 0!==t.variableWidth&&t.variableWidth!==!1||(e.width=t.slideWidth),t.fade&&(e.position="relative",e.left=-t.index*t.slideWidth,e.opacity=t.currentSlide===t.index?1:0,e.transition="opacity "+t.speed+"ms "+t.cssEase,e.WebkitTransition="opacity "+t.speed+"ms "+t.cssEase),e},u=function(t,e){return null===t.key||void 0===t.key?e:t.key},p=function(t){var e,i=[],s=[],r=[],o=n["default"].Children.count(t.children);return n["default"].Children.forEach(t.children,function(a,p){var f=void 0,S={message:"children",index:p,slidesToScroll:t.slidesToScroll,currentSlide:t.currentSlide};f=!t.lazyLoad|(t.lazyLoad&&t.lazyLoadedList.indexOf(p)>=0)?a:n["default"].createElement("div",null);var v,g=h((0,l["default"])({},t,{index:p})),w=c((0,l["default"])({index:p},t));v=f.props.className?(0,d["default"])(w,f.props.className):w;var m=function(e){f.props&&f.props.onClick&&f.props.onClick(e),t.focusOnSelect&&t.focusOnSelect(S)};if(i.push(n["default"].cloneElement(f,{key:"original"+u(f,p),"data-index":p,className:v,tabIndex:"-1",style:(0,l["default"])({outline:"none"},f.props.style||{},g),onClick:m})),t.infinite&&t.fade===!1){var y=t.variableWidth?t.slidesToShow+1:t.slidesToShow;p>=o-y&&(e=-(o-p),s.push(n["default"].cloneElement(f,{key:"precloned"+u(f,e),"data-index":e,className:v,style:(0,l["default"])({},f.props.style||{},g),onClick:m}))),y>p&&(e=o+p,r.push(n["default"].cloneElement(f,{key:"postcloned"+u(f,e),"data-index":e,className:v,style:(0,l["default"])({},f.props.style||{},g),onClick:m})))}}),t.rtl?s.concat(i,r).reverse():s.concat(i,r)};e.Track=n["default"].createClass({displayName:"Track",render:function(){var t=p.call(this,this.props);return n["default"].createElement("div",{className:"slick-track",style:this.props.trackStyle},t)}})},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0,e.Dots=void 0;var r=i(2),n=s(r),o=i(11),l=s(o),a=function(t){var e;return e=Math.ceil(t.slideCount/t.slidesToScroll)};e.Dots=n["default"].createClass({displayName:"Dots",clickHandler:function(t,e){e.preventDefault(),this.props.clickHandler(t)},render:function(){var t=this,e=a({slideCount:this.props.slideCount,slidesToScroll:this.props.slidesToScroll}),i=Array.apply(null,Array(e+1).join("0").split("")).map(function(e,i){var s=i*t.props.slidesToScroll,r=i*t.props.slidesToScroll+(t.props.slidesToScroll-1),o=(0,l["default"])({"slick-active":t.props.currentSlide>=s&&t.props.currentSlide<=r}),a={message:"dots",index:i,slidesToScroll:t.props.slidesToScroll,currentSlide:t.props.currentSlide};return n["default"].createElement("li",{key:i,className:o},n["default"].createElement("button",{onClick:t.clickHandler.bind(t,a)},i+1))});return n["default"].createElement("ul",{className:this.props.dotsClass,style:{display:"block"}},i)}})},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0,e.NextArrow=e.PrevArrow=void 0;var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},n=i(2),o=s(n),l=i(11),a=s(l);e.PrevArrow=o["default"].createClass({displayName:"PrevArrow",clickHandler:function(t,e){e&&e.preventDefault(),this.props.clickHandler(t,e)},render:function(){var t={"slick-arrow":!0,"slick-prev":!0},e=this.clickHandler.bind(this,{message:"previous"});!this.props.infinite&&(0===this.props.currentSlide||this.props.slideCount<=this.props.slidesToShow)&&(t["slick-disabled"]=!0,e=null);var i,s={key:"0","data-role":"none",className:(0,a["default"])(t),style:{display:"block"},onClick:e};return i=this.props.prevArrow?o["default"].cloneElement(this.props.prevArrow,s):o["default"].createElement("button",r({key:"0",type:"button"},s)," Previous")}}),e.NextArrow=o["default"].createClass({displayName:"NextArrow",clickHandler:function(t,e){e&&e.preventDefault(),this.props.clickHandler(t,e)},render:function(){var t={"slick-arrow":!0,"slick-next":!0},e=this.clickHandler.bind(this,{message:"next"});this.props.infinite||(this.props.centerMode&&this.props.currentSlide>=this.props.slideCount-1?(t["slick-disabled"]=!0,e=null):this.props.currentSlide>=this.props.slideCount-this.props.slidesToShow&&(t["slick-disabled"]=!0,e=null),this.props.slideCount<=this.props.slidesToShow&&(t["slick-disabled"]=!0,e=null));var i,s={key:"1","data-role":"none",className:(0,a["default"])(t),style:{display:"block"},onClick:e};return i=this.props.nextArrow?o["default"].cloneElement(this.props.nextArrow,s):o["default"].createElement("button",r({key:"1",type:"button"},s)," Next")}})},function(t,e,i){var s=i(16),r=function(t){var e=/[height|width]$/;return e.test(t)},n=function(t){var e="",i=Object.keys(t);return i.forEach(function(n,o){var l=t[n];n=s(n),r(n)&&"number"==typeof l&&(l+="px"),e+=l===!0?n:l===!1?"not "+n:"("+n+": "+l+")",o<i.length-1&&(e+=" and ")}),e},o=function(t){var e="";return"string"==typeof t?t:t instanceof Array?(t.forEach(function(i,s){e+=n(i),s<t.length-1&&(e+=", ")}),e):n(t)};t.exports=o},function(t,e){var i=function(t){return t.replace(/[A-Z]/g,function(t){return"-"+t.toLowerCase()}).toLowerCase()};t.exports=i},function(t,e,i){var s=i(18),r=s&&i(19),n=i(15),o={media:function(t,e){t=n(t),"function"==typeof e&&(e={match:e}),s&&r.register(t,e),this._responsiveMediaHandlers||(this._responsiveMediaHandlers=[]),this._responsiveMediaHandlers.push({query:t,handler:e})},componentWillUnmount:function(){this._responsiveMediaHandlers&&this._responsiveMediaHandlers.forEach(function(t){s&&r.unregister(t.query,t.handler)})}};t.exports=o},function(t,e){var i=!("undefined"==typeof window||!window.document||!window.document.createElement);t.exports=i},function(t,e,i){var s;!function(r,n,o){var l=window.matchMedia;"undefined"!=typeof t&&t.exports?t.exports=o(l):(s=function(){return n[r]=o(l)}.call(e,i,e,t),!(void 0!==s&&(t.exports=s)))}("enquire",this,function(t){"use strict";function e(t,e){var i,s=0,r=t.length;for(s;r>s&&(i=e(t[s],s),i!==!1);s++);}function i(t){return"[object Array]"===Object.prototype.toString.apply(t)}function s(t){return"function"==typeof t}function r(t){this.options=t,!t.deferSetup&&this.setup()}function n(e,i){this.query=e,this.isUnconditional=i,this.handlers=[],this.mql=t(e);var s=this;this.listener=function(t){s.mql=t,s.assess()},this.mql.addListener(this.listener)}function o(){if(!t)throw new Error("matchMedia not present, legacy browsers require a polyfill");this.queries={},this.browserIsIncapable=!t("only all").matches}return r.prototype={setup:function(){this.options.setup&&this.options.setup(),this.initialised=!0},on:function(){!this.initialised&&this.setup(),this.options.match&&this.options.match()},off:function(){this.options.unmatch&&this.options.unmatch()},destroy:function(){this.options.destroy?this.options.destroy():this.off()},equals:function(t){return this.options===t||this.options.match===t}},n.prototype={addHandler:function(t){var e=new r(t);this.handlers.push(e),this.matches()&&e.on()},removeHandler:function(t){var i=this.handlers;e(i,function(e,s){return e.equals(t)?(e.destroy(),!i.splice(s,1)):void 0})},matches:function(){return this.mql.matches||this.isUnconditional},clear:function(){e(this.handlers,function(t){t.destroy()}),this.mql.removeListener(this.listener),this.handlers.length=0},assess:function(){var t=this.matches()?"on":"off";e(this.handlers,function(e){e[t]()})}},o.prototype={register:function(t,r,o){var l=this.queries,a=o&&this.browserIsIncapable;return l[t]||(l[t]=new n(t,a)),s(r)&&(r={match:r}),i(r)||(r=[r]),e(r,function(e){l[t].addHandler(e)}),this},unregister:function(t,e){var i=this.queries[t];return i&&(e?i.removeHandler(e):(i.clear(),delete this.queries[t])),this}},new o})}])});
+!function(){"use strict";function i(){for(var t=[],e=0;e<arguments.length;e++){var s=arguments[e];if(s){var r=typeof s;if("string"===r||"number"===r)t.push(s);else if(Array.isArray(s))t.push(i.apply(null,s));else if("object"===r)for(var o in s)n.call(s,o)&&s[o]&&t.push(o)}}return t.join(" ")}var n={}.hasOwnProperty;"undefined"!=typeof t&&t.exports?t.exports=i:(s=[],r=function(){return i}.apply(e,s),!(void 0!==r&&(t.exports=r)))}()},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0,e.Track=void 0;var r=i(2),n=s(r),o=i(7),l=s(o),a=i(11),d=s(a),c=function(t){var e,i,s,r,n;return n=t.rtl?t.slideCount-1-t.index:t.index,s=0>n||n>=t.slideCount,t.centerMode?(r=Math.floor(t.slidesToShow/2),i=(n-t.currentSlide)%t.slideCount===0,n>t.currentSlide-r-1&&n<=t.currentSlide+r&&(e=!0)):e=t.currentSlide<=n&&n<t.currentSlide+t.slidesToShow,(0,d["default"])({"slick-slide":!0,"slick-active":e,"slick-center":i,"slick-cloned":s})},h=function(t){var e={};return void 0!==t.variableWidth&&t.variableWidth!==!1||(e.width=t.slideWidth),t.fade&&(e.position="relative",e.left=-t.index*t.slideWidth,e.opacity=t.currentSlide===t.index?1:0,e.transition="opacity "+t.speed+"ms "+t.cssEase,e.WebkitTransition="opacity "+t.speed+"ms "+t.cssEase),e},u=function(t,e){return null===t.key||void 0===t.key?e:t.key},p=function(t){var e,i=[],s=[],r=[],o=n["default"].Children.count(t.children);return n["default"].Children.forEach(t.children,function(a,p){var f=void 0,S={message:"children",index:p,slidesToScroll:t.slidesToScroll,currentSlide:t.currentSlide};f=!t.lazyLoad|(t.lazyLoad&&t.lazyLoadedList.indexOf(p)>=0)?a:n["default"].createElement("div",null);var v,g=h((0,l["default"])({},t,{index:p})),w=c((0,l["default"])({index:p},t));v=f.props.className?(0,d["default"])(w,f.props.className):w;var m=function(e){f.props&&f.props.onClick&&f.props.onClick(e),t.focusOnSelect&&t.focusOnSelect(S)};if(i.push(n["default"].cloneElement(f,{key:"original"+u(f,p),"data-index":p,className:v,tabIndex:"-1",style:(0,l["default"])({outline:"none"},f.props.style||{},g),onClick:m})),t.infinite&&t.fade===!1){var y=t.variableWidth?t.slidesToShow+1:t.slidesToShow;p>=o-y&&(e=-(o-p),s.push(n["default"].cloneElement(f,{key:"precloned"+u(f,e),"data-index":e,className:v,style:(0,l["default"])({},f.props.style||{},g),onClick:m}))),y>p&&(e=o+p,r.push(n["default"].cloneElement(f,{key:"postcloned"+u(f,e),"data-index":e,className:v,style:(0,l["default"])({},f.props.style||{},g),onClick:m})))}}),t.rtl?s.concat(i,r).reverse():s.concat(i,r)};e.Track=n["default"].createClass({displayName:"Track",render:function(){var t=p.call(this,this.props);return n["default"].createElement("div",{className:"slick-track",style:this.props.trackStyle},t)}})},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0,e.Dots=void 0;var r=i(2),n=s(r),o=i(11),l=s(o),a=function(t){var e;return e=Math.ceil(t.slideCount/t.slidesToScroll)};e.Dots=n["default"].createClass({displayName:"Dots",clickHandler:function(t,e){e.preventDefault(),this.props.clickHandler(t)},render:function(){var t=this,e=a({slideCount:this.props.slideCount,slidesToScroll:this.props.slidesToScroll}),i=Array.apply(null,Array(e+1).join("0").split("")).map(function(e,i){var s=i*t.props.slidesToScroll,r=i*t.props.slidesToScroll+(t.props.slidesToScroll-1),o=(0,l["default"])({"slick-active":t.props.currentSlide>=s&&t.props.currentSlide<=r}),a={message:"dots",index:i,slidesToScroll:t.props.slidesToScroll,currentSlide:t.props.currentSlide};return n["default"].createElement("li",{key:i,className:o},n["default"].createElement("button",{onClick:t.clickHandler.bind(t,a)},i+1))});return n["default"].createElement("ul",{className:this.props.dotsClass,style:{display:"block"}},i)}})},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0,e.NextArrow=e.PrevArrow=void 0;var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},n=i(2),o=s(n),l=i(11),a=s(l);e.PrevArrow=o["default"].createClass({displayName:"PrevArrow",clickHandler:function(t,e){e&&e.preventDefault(),this.props.clickHandler(t,e)},render:function(){var t={"slick-arrow":!0,"slick-prev":!0},e=this.clickHandler.bind(this,{message:"previous"});!this.props.infinite&&(0===this.props.currentSlide||this.props.slideCount<=this.props.slidesToShow)&&(t["slick-disabled"]=!0,e=null);var i,s={key:"0","data-role":"none",className:(0,a["default"])(t),style:{display:"block"},onClick:e};return i=this.props.prevArrow?o["default"].cloneElement(this.props.prevArrow,s):o["default"].createElement("button",r({key:"0",type:"button"},s)," Previous")}}),e.NextArrow=o["default"].createClass({displayName:"NextArrow",clickHandler:function(t,e){e&&e.preventDefault(),this.props.clickHandler(t,e)},render:function(){var t={"slick-arrow":!0,"slick-next":!0},e=this.clickHandler.bind(this,{message:"next"});this.props.infinite||(this.props.centerMode?this.props.currentSlide>=this.props.slideCount-1&&(t["slick-disabled"]=!0,e=null):(this.props.slideCount<=this.props.slidesToShow||this.props.currentSlide>=this.props.slideCount-this.props.slidesToShow)&&(t["slick-disabled"]=!0,e=null));var i,s={key:"1","data-role":"none",className:(0,a["default"])(t),style:{display:"block"},onClick:e};return i=this.props.nextArrow?o["default"].cloneElement(this.props.nextArrow,s):o["default"].createElement("button",r({key:"1",type:"button"},s)," Next")}})},function(t,e,i){var s=i(16),r=function(t){var e=/[height|width]$/;return e.test(t)},n=function(t){var e="",i=Object.keys(t);return i.forEach(function(n,o){var l=t[n];n=s(n),r(n)&&"number"==typeof l&&(l+="px"),e+=l===!0?n:l===!1?"not "+n:"("+n+": "+l+")",o<i.length-1&&(e+=" and ")}),e},o=function(t){var e="";return"string"==typeof t?t:t instanceof Array?(t.forEach(function(i,s){e+=n(i),s<t.length-1&&(e+=", ")}),e):n(t)};t.exports=o},function(t,e){var i=function(t){return t.replace(/[A-Z]/g,function(t){return"-"+t.toLowerCase()}).toLowerCase()};t.exports=i},function(t,e,i){var s=i(18),r=s&&i(19),n=i(15),o={media:function(t,e){t=n(t),"function"==typeof e&&(e={match:e}),s&&r.register(t,e),this._responsiveMediaHandlers||(this._responsiveMediaHandlers=[]),this._responsiveMediaHandlers.push({query:t,handler:e})},componentWillUnmount:function(){this._responsiveMediaHandlers&&this._responsiveMediaHandlers.forEach(function(t){s&&r.unregister(t.query,t.handler)})}};t.exports=o},function(t,e){var i=!("undefined"==typeof window||!window.document||!window.document.createElement);t.exports=i},function(t,e,i){var s;!function(r,n,o){var l=window.matchMedia;"undefined"!=typeof t&&t.exports?t.exports=o(l):(s=function(){return n[r]=o(l)}.call(e,i,e,t),!(void 0!==s&&(t.exports=s)))}("enquire",this,function(t){"use strict";function e(t,e){var i,s=0,r=t.length;for(s;r>s&&(i=e(t[s],s),i!==!1);s++);}function i(t){return"[object Array]"===Object.prototype.toString.apply(t)}function s(t){return"function"==typeof t}function r(t){this.options=t,!t.deferSetup&&this.setup()}function n(e,i){this.query=e,this.isUnconditional=i,this.handlers=[],this.mql=t(e);var s=this;this.listener=function(t){s.mql=t,s.assess()},this.mql.addListener(this.listener)}function o(){if(!t)throw new Error("matchMedia not present, legacy browsers require a polyfill");this.queries={},this.browserIsIncapable=!t("only all").matches}return r.prototype={setup:function(){this.options.setup&&this.options.setup(),this.initialised=!0},on:function(){!this.initialised&&this.setup(),this.options.match&&this.options.match()},off:function(){this.options.unmatch&&this.options.unmatch()},destroy:function(){this.options.destroy?this.options.destroy():this.off()},equals:function(t){return this.options===t||this.options.match===t}},n.prototype={addHandler:function(t){var e=new r(t);this.handlers.push(e),this.matches()&&e.on()},removeHandler:function(t){var i=this.handlers;e(i,function(e,s){return e.equals(t)?(e.destroy(),!i.splice(s,1)):void 0})},matches:function(){return this.mql.matches||this.isUnconditional},clear:function(){e(this.handlers,function(t){t.destroy()}),this.mql.removeListener(this.listener),this.handlers.length=0},assess:function(){var t=this.matches()?"on":"off";e(this.handlers,function(e){e[t]()})}},o.prototype={register:function(t,r,o){var l=this.queries,a=o&&this.browserIsIncapable;return l[t]||(l[t]=new n(t,a)),s(r)&&(r={match:r}),i(r)||(r=[r]),e(r,function(e){l[t].addHandler(e)}),this},unregister:function(t,e){var i=this.queries[t];return i&&(e?i.removeHandler(e):(i.clear(),delete this.queries[t])),this}},new o})}])});

docs/demos.jsx

@@ -26,2 +26,4 @@ 'use strict';
 import VerticalMode  from '../examples/VerticalMode'
+import SwipeToSlide from '../examples/SwipeToSlide'
+import VerticalSwipeToSlide from '../examples/VerticalSwipeToSlide'
 
@@ -52,2 +54,4 @@ export default class App extends React.Component {
         <VerticalMode />
+        <SwipeToSlide />
+        <VerticalSwipeToSlide />
       </div>
@@ -54,0 +58,0 @@ );

lib/arrows.js

@@ -74,7 +74,11 @@ 'use strict';
     if (!this.props.infinite) {
-      if (this.props.centerMode && this.props.currentSlide >= this.props.slideCount - 1) {
-        nextClasses['slick-disabled'] = true;
-        nextHandler = null;
+      if (this.props.centerMode) {
+        // check if current slide is last slide
+        if (this.props.currentSlide >= this.props.slideCount - 1) {
+          nextClasses['slick-disabled'] = true;
+          nextHandler = null;
+        }
       } else {
-        if (this.props.currentSlide >= this.props.slideCount - this.props.slidesToShow) {
+        // check if all slides are shown in slider
+        if (this.props.slideCount <= this.props.slidesToShow || this.props.currentSlide >= this.props.slideCount - this.props.slidesToShow) {
           nextClasses['slick-disabled'] = true;
@@ -84,7 +88,2 @@ nextHandler = null;
       }
-
-      if (this.props.slideCount <= this.props.slidesToShow) {
-        nextClasses['slick-disabled'] = true;
-        nextHandler = null;
-      }
     }
@@ -91,0 +90,0 @@

lib/mixins/event-handlers.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _reactDom = require('react-dom');
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -174,2 +178,80 @@
   },
+  getNavigableIndexes: function getNavigableIndexes() {
+    var max = void 0;
+    var breakPoint = 0;
+    var counter = 0;
+    var indexes = [];
+
+    if (!this.props.infinite) {
+      max = this.state.slideCount;
+    } else {
+      breakPoint = this.props.slidesToShow * -1;
+      counter = this.props.slidesToShow * -1;
+      max = this.state.slideCount * 2;
+    }
+
+    while (breakPoint < max) {
+      indexes.push(breakPoint);
+      breakPoint = counter + this.props.slidesToScroll;
+
+      counter += this.props.slidesToScroll <= this.props.slidesToShow ? this.props.slidesToScroll : this.props.slidesToShow;
+    }
+
+    return indexes;
+  },
+  checkNavigable: function checkNavigable(index) {
+    var navigables = this.getNavigableIndexes();
+    var prevNavigable = 0;
+
+    if (index > navigables[navigables.length - 1]) {
+      index = navigables[navigables.length - 1];
+    } else {
+      for (var n in navigables) {
+        if (index < navigables[n]) {
+          index = prevNavigable;
+          break;
+        }
+
+        prevNavigable = navigables[n];
+      }
+    }
+
+    return index;
+  },
+  getSlideCount: function getSlideCount() {
+    var _this = this;
+
+    var centerOffset = this.props.centerMode ? this.state.slideWidth * Math.floor(this.props.slidesToShow / 2) : 0;
+
+    if (this.props.swipeToSlide) {
+      var swipedSlide = void 0;
+
+      var slickList = _reactDom2.default.findDOMNode(this.list);
+
+      var slides = slickList.querySelectorAll('.slick-slide');
+
+      Array.from(slides).every(function (slide) {
+        if (!_this.props.vertical) {
+          if (slide.offsetLeft - centerOffset + _this.getWidth(slide) / 2 > _this.state.swipeLeft * -1) {
+            swipedSlide = slide;
+            return false;
+          }
+        } else {
+          if (slide.offsetTop + _this.getHeight(slide) / 2 > _this.state.swipeLeft * -1) {
+            swipedSlide = slide;
+            return false;
+          }
+        }
+
+        return true;
+      });
+
+      var slidesTraversed = Math.abs(swipedSlide.dataset.index - this.state.currentSlide) || 1;
+
+      return slidesTraversed;
+    } else {
+      return this.props.slidesToScroll;
+    }
+  },
+
   swipeEnd: function swipeEnd(e) {
@@ -203,6 +285,12 @@ if (!this.state.dragging) {
 
+      var slideCount = void 0,
+          newSlide = void 0;
+
       switch (swipeDirection) {
+
         case 'left':
         case 'down':
-          this.slideHandler(this.state.currentSlide + this.props.slidesToScroll);
+          newSlide = this.state.currentSlide + this.getSlideCount();
+          slideCount = this.props.swipeToSlide ? this.checkNavigable(newSlide) : newSlide;
+          this.state.currentDirection = 0;
           break;
@@ -212,7 +300,13 @@
         case 'up':
-          this.slideHandler(this.state.currentSlide - this.props.slidesToScroll);
+          newSlide = this.state.currentSlide - this.getSlideCount();
+          slideCount = this.props.swipeToSlide ? this.checkNavigable(newSlide) : newSlide;
+          this.state.currentDirection = 1;
           break;
 
         default:
+          slideCount = this.state.currentSlide;
+
       }
+
+      this.slideHandler(slideCount);
     } else {
@@ -219,0 +313,0 @@ // Adjust the track back to it's original position.

package.json

 {
   "name": "react-slick",
-  "version": "0.14.0",
+  "version": "0.14.1",
   "description": " React port of slick carousel",
@@ -5,0 +5,0 @@ "main": "./lib",

README.md

@@ -107,3 +107,3 @@ # react-slick
 | swipe | bool |||
-| swipeToSlide | bool |||
+| swipeToSlide | bool | Allow users to drag or swipe directly to a slide irrespective of slidesToScroll | Yes |
 | touchMove | bool |||
@@ -113,3 +113,3 @@ | touchThreshold | int |||
 | useCSS | bool | Enable/Disable CSS Transitions | Yes |
-| vertical | bool |||
+| vertical | bool | Vertical slide mode | Yes |
 | afterChange | function | callback function called after the current index changes | Yes |
@@ -143,2 +143,10 @@ | beforeChange | function | callback function called before the current index changes | Yes |
 
+### Flexbox support 
+If you have flex property on container div of slider, add below css
+```
+* {
+  min-height: 0;
+  min-width: 0;
+}
+```
 
@@ -145,0 +153,0 @@ ### Development

src/arrows.jsx

@@ -51,7 +51,12 @@ 'use strict';
     if (!this.props.infinite) {
-      if (this.props.centerMode && this.props.currentSlide >= (this.props.slideCount - 1)) {
-        nextClasses['slick-disabled'] = true;
-        nextHandler = null;
+      if (this.props.centerMode) {
+        // check if current slide is last slide
+        if (this.props.currentSlide >= (this.props.slideCount - 1)) {
+          nextClasses['slick-disabled'] = true;
+          nextHandler = null;
+        }
       } else {
-        if (this.props.currentSlide >= (this.props.slideCount - this.props.slidesToShow)) {
+        // check if all slides are shown in slider
+        if (this.props.slideCount <= this.props.slidesToShow ||
+          this.props.currentSlide >= (this.props.slideCount - this.props.slidesToShow)) {
           nextClasses['slick-disabled'] = true;
@@ -61,7 +66,2 @@ nextHandler = null;
       }
-
-      if (this.props.slideCount <= this.props.slidesToShow) {
-        nextClasses['slick-disabled'] = true;
-        nextHandler = null;
-      }
     }
@@ -68,0 +68,0 @@

src/mixins/event-handlers.js

@@ -5,2 +5,3 @@ 'use strict';
 import assign from 'object-assign';
+import ReactDOM from 'react-dom';
 
@@ -157,2 +158,78 @@ var EventHandlers = {
   },
+  getNavigableIndexes() {
+    let max;
+    let breakPoint = 0;
+    let counter = 0;
+    let indexes = [];
+
+    if (!this.props.infinite) {
+      max = this.state.slideCount;
+    } else {
+      breakPoint = this.props.slidesToShow * -1;
+      counter = this.props.slidesToShow * -1;
+      max = this.state.slideCount * 2;
+    }
+
+    while (breakPoint < max) {
+      indexes.push(breakPoint);
+      breakPoint = counter + this.props.slidesToScroll;
+
+      counter += this.props.slidesToScroll <= this.props.slidesToShow ?
+        this.props.slidesToScroll : this.props.slidesToShow;
+    }
+
+    return indexes;
+  },
+  checkNavigable(index) {
+    const navigables = this.getNavigableIndexes();
+    let prevNavigable = 0;
+
+    if (index > navigables[navigables.length - 1]) {
+      index = navigables[navigables.length - 1];
+    } else {
+      for (var n in navigables) {
+        if (index < navigables[n]) {
+          index = prevNavigable;
+          break;
+        }
+
+        prevNavigable = navigables[n];
+      }
+    }
+
+    return index;
+  },
+  getSlideCount() {
+    const centerOffset = this.props.centerMode ? this.state.slideWidth * Math.floor(this.props.slidesToShow / 2) : 0;
+
+    if (this.props.swipeToSlide) {
+      let swipedSlide;
+
+      const slickList = ReactDOM.findDOMNode(this.list);
+
+      const slides = slickList.querySelectorAll('.slick-slide');
+
+      Array.from(slides).every((slide) => {
+        if (!this.props.vertical) {
+          if (slide.offsetLeft - centerOffset + (this.getWidth(slide) / 2) > this.state.swipeLeft * -1) {
+            swipedSlide = slide;
+            return false;
+          }
+        } else {
+          if (slide.offsetTop + (this.getHeight(slide) / 2) > this.state.swipeLeft * -1) {
+            swipedSlide = slide;
+            return false;
+          }
+        }
+
+        return true;
+      });
+
+      const slidesTraversed = Math.abs(swipedSlide.dataset.index - this.state.currentSlide) || 1;
+
+      return slidesTraversed;
+    } else {
+      return this.props.slidesToScroll;
+    }
+  },
   swipeEnd: function (e) {
@@ -186,6 +263,11 @@ if (!this.state.dragging) {
 
+      let slideCount, newSlide;
+
       switch (swipeDirection) {
+
         case 'left':
         case 'down':
-          this.slideHandler(this.state.currentSlide + this.props.slidesToScroll);
+          newSlide = this.state.currentSlide + this.getSlideCount();
+          slideCount = this.props.swipeToSlide ? this.checkNavigable(newSlide) : newSlide;
+          this.state.currentDirection = 0;
           break;
@@ -195,7 +277,13 @@
         case 'up':
-          this.slideHandler(this.state.currentSlide - this.props.slidesToScroll);
+          newSlide = this.state.currentSlide - this.getSlideCount();
+          slideCount = this.props.swipeToSlide ? this.checkNavigable(newSlide) : newSlide;
+          this.state.currentDirection = 1;
           break;
 
         default:
+          slideCount = this.state.currentSlide;
+
       }
+
+      this.slideHandler(slideCount);
     } else {
@@ -202,0 +290,0 @@ // Adjust the track back to it's original position.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of package files

70

increased by2.94%

Lines of code

5512

increased by5.55%

Number of lines in readme file

165

increased by5.1%

Worsened metrics

Total package byte prevSize

344841

decreased by-1.48%

No dependency changes