react-slick-rtl - npm Package Compare versions

Comparing version 0.16.2 to 0.23.1

dist/react-slick.min.js

@@ -1,7 +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 n=i[s]={exports:{},id:s,loaded:!1};return t[s].call(n.exports,n,n.exports,e),n.loaded=!0,n.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}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}e.__esModule=!0;var a=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},l=i(2),d=s(l),c=i(3),u=i(7),p=s(u),h=i(21),f=s(h),g=i(10),y=s(g),v=i(23),m=s(v),S=m.default&&i(24),w=function(t){function e(i){n(this,e);var s=r(this,t.call(this,i));return s.state={breakpoint:null},s._responsiveMediaHandlers=[],s.innerSliderRefHandler=s.innerSliderRefHandler.bind(s),s}return o(e,t),e.prototype.innerSliderRefHandler=function(t){this.innerSlider=t},e.prototype.media=function(t,e){S.register(t,e),this._responsiveMediaHandlers.push({query:t,handler:e})},e.prototype.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 n;n=0===s?(0,f.default)({minWidth:0,maxWidth:i}):(0,f.default)({minWidth:e[s-1],maxWidth:i}),m.default&&t.media(n,function(){t.setState({breakpoint:i})})});var i=(0,f.default)({minWidth:e.slice(-1)[0]});m.default&&this.media(i,function(){t.setState({breakpoint:null})})}},e.prototype.componentWillUnmount=function(){this._responsiveMediaHandlers.forEach(function(t){S.unregister(t.query,t.handler)})},e.prototype.slickPrev=function(){this.innerSlider.slickPrev()},e.prototype.slickNext=function(){this.innerSlider.slickNext()},e.prototype.slickGoTo=function(t){this.innerSlider.slickGoTo(t)},e.prototype.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,p.default)({},this.props,e[0].settings)):t=(0,p.default)({},y.default,this.props);var s=this.props.children;return Array.isArray(s)||(s=[s]),s=s.filter(function(t){return!!t}),"unslick"===t?d.default.createElement("div",{className:this.props.className+" unslicked"},s):d.default.createElement(c.InnerSlider,a({ref:this.innerSliderRefHandler},t),s)},e}(d.default.Component);e.default=w},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 n=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},r=i(2),o=s(r),a=i(4),l=s(a),d=i(8),c=s(d),u=i(9),p=s(u),h=i(10),f=s(h),g=i(11),y=s(g),v=i(17),m=s(v),S=i(7),w=s(S),b=i(18),T=i(19),k=i(20);e.InnerSlider=(0,y.default)({displayName:"InnerSlider",mixins:[c.default,l.default],list:null,track:null,listRefHandler:function(t){this.list=t},trackRefHandler:function(t){this.track=t},getInitialState:function(){return n({},p.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}),clearTimeout(this.animationEndCallback),delete this.animationEndCallback},slickPrev:function(){this.changeSlide({message:"previous"})},slickNext:function(){this.changeSlide({message:"next"})},slickGoTo:function(t){t=Number(t),!isNaN(t)&&this.changeSlide({message:"index",index:t,currentSlide:this.state.currentSlide})},render:function(){var t,e=(0,m.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,children:this.props.children,customPaging:this.props.customPaging};t=o.default.createElement(T.Dots,s)}var r,a,l={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&&(r=o.default.createElement(k.PrevArrow,l),a=o.default.createElement(k.NextArrow,l));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 u=(0,w.default)({},d,c);return o.default.createElement("div",{className:e,onMouseEnter:this.onInnerSliderEnter,onMouseLeave:this.onInnerSliderLeave,onMouseOver:this.onInnerSliderOver},r,o.default.createElement("div",{ref:this.listRefHandler,className:"slick-list",style:u,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(b.Track,n({ref:this.trackRefHandler},i),this.props.children)),a,t)}})},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var n=i(5),r=i(8),o=(s(r),i(7)),a=s(o),l=i(6),d=s(l),c={changeSlide:function(t){var e,i,s,n,r,o=this.props,a=o.slidesToScroll,l=o.slidesToShow,d=this.state,c=d.slideCount,u=d.currentSlide;if(n=c%a!==0,e=n?0:(c-u)%a,"previous"===t.message)s=0===e?a:l-e,r=u-s,this.props.lazyLoad&&(i=u-s,r=i===-1?c-1:i);else if("next"===t.message)s=0===e?a:e,r=u+s,this.props.lazyLoad&&(r=(u+a)%c+e);else if("dots"===t.message||"children"===t.message){if(r=t.index*t.slidesToScroll,r===t.currentSlide)return}else if("index"===t.message&&(r=Number(t.index),r===t.currentSlide))return;this.slideHandler(r)},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&&t.type.indexOf("mouse")!==-1||(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.scrolling){if(this.state.animating)return void t.preventDefault();this.props.vertical&&this.props.swipeToSlide&&this.props.verticalSwiping&&t.preventDefault();var e,i,s,r=this.state.touchObject;i=(0,n.getTrackLeft)((0,a.default)({slideIndex:this.state.currentSlide,trackRef:this.track},this.props,this.state)),r.curX=t.touches?t.touches[0].pageX:t.clientX,r.curY=t.touches?t.touches[0].pageY:t.clientY,r.swipeLength=Math.round(Math.sqrt(Math.pow(r.curX-r.startX,2)));var o=Math.round(Math.sqrt(Math.pow(r.curY-r.startY,2)));if(!this.props.verticalSwiping&&!this.state.swiping&&o>4)return void this.setState({scrolling:!0});this.props.verticalSwiping&&(r.swipeLength=o),s=(this.props.rtl===!1?1:-1)*(r.curX>r.startX?1:-1),this.props.verticalSwiping&&(s=r.curY>r.startY?1:-1);var l=this.state.currentSlide,d=Math.ceil(this.state.slideCount/this.props.slidesToScroll),c=this.swipeDirection(this.state.touchObject),u=r.swipeLength;this.props.infinite===!1&&(0===l&&"right"===c||l+1>=d&&"left"===c)&&(u=r.swipeLength*this.props.edgeFriction,this.state.edgeDragged===!1&&this.props.edgeEvent&&(this.props.edgeEvent(c),this.setState({edgeDragged:!0}))),this.state.swiped===!1&&this.props.swipeEvent&&(this.props.swipeEvent(c),this.setState({swiped:!0})),e=this.props.vertical?i+u*(this.state.listHeight/this.state.listWidth)*s:i+u*s,this.props.verticalSwiping&&(e=i+u*s),this.setState({touchObject:r,swipeLeft:e,trackStyle:(0,n.getTrackCSS)((0,a.default)({left:e},this.props,this.state))}),Math.abs(r.curX-r.startX)<.8*Math.abs(r.curY-r.startY)||r.swipeLength>4&&(this.setState({swiping:!0}),t.preventDefault())}},getNavigableIndexes:function(){var t=void 0,e=0,i=0,s=[];for(this.props.infinite?(e=this.props.slidesToShow*-1,i=this.props.slidesToShow*-1,t=2*this.state.slideCount):t=this.state.slideCount;e<t;)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),n=s.querySelectorAll(".slick-slide");Array.from(n).every(function(s){if(t.props.vertical){if(s.offsetTop+t.getHeight(s)/2>t.state.swipeLeft*-1)return i=s,!1}else if(s.offsetLeft-e+t.getWidth(s)/2>t.state.swipeLeft*-1)return i=s,!1;return!0});var r=Math.abs(i.dataset.index-this.state.currentSlide)||1;return r}return this.props.slidesToScroll},swipeEnd:function(t){if(!this.state.dragging)return void(this.props.swipe&&t.preventDefault());var e=this.state.touchObject,i=this.state.listWidth/this.props.touchThreshold,s=this.swipeDirection(e);this.props.verticalSwiping&&(i=this.state.listHeight/this.props.touchThreshold);var r=this.state.scrolling;if(this.setState({dragging:!1,edgeDragged:!1,scrolling:!1,swiping:!1,swiped:!1,swipeLeft:null,touchObject:{}}),!r&&e.swipeLength)if(e.swipeLength>i){t.preventDefault();var o=void 0,l=void 0;switch(s){case"left":case"down":l=this.state.currentSlide+this.getSlideCount(),o=this.props.swipeToSlide?this.checkNavigable(l):l,this.state.currentDirection=0;break;case"right":case"up":l=this.state.currentSlide-this.getSlideCount(),o=this.props.swipeToSlide?this.checkNavigable(l):l,this.state.currentDirection=1;break;default:o=this.state.currentSlide}this.slideHandler(o)}else{var d=(0,n.getTrackLeft)((0,a.default)({slideIndex:this.state.currentSlide,trackRef:this.track},this.props,this.state));this.setState({trackStyle:(0,n.getTrackAnimateCSS)((0,a.default)({left:d},this.props,this.state))})}},onInnerSliderEnter:function(t){this.props.autoplay&&this.props.pauseOnHover&&this.pause()},onInnerSliderOver: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 n=i(6),r=s(n),o=i(7),a=s(o),l=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){l(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,t.right=t.left+t.slideWidth*(t.slidesToShow-1);var n={opacity:1,WebkitTransform:t.vertical?"translate3d(0px, "+t.left+"px, 0px)":"translate3d("+(t.rtl?t.right:t.left)+"px, 0px, 0px)",transform:t.vertical?"translate3d(0px, "+t.left+"px, 0px)":"translate3d("+(t.rtl?t.right:t.left)+"px, 0px, 0px)",transition:"",WebkitTransition:"",msTransform:t.vertical?"translateY("+t.left+"px)":"translateX("+(t.rtl?t.right:t.left)+"px)"};return e&&(0,a.default)(n,{width:e}),i&&(0,a.default)(n,{height:i}),window&&!window.addEventListener&&window.attachEvent&&(t.vertical?n.marginTop=t.left+"px":n.marginLeft=t.left+"px"),n};e.getTrackAnimateCSS=function(t){l(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){l(t,["slideIndex","trackRef","infinite","centerMode","slideCount","slidesToShow","slidesToScroll","slideWidth","listWidth","variableWidth","slideHeight"]);var e,i,s=0,n=0;if(t.fade)return 0;if(t.infinite)t.slideCount>=t.slidesToShow&&(s=t.slideWidth*t.slidesToShow*-1,n=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,n=(t.slidesToShow-(t.slideIndex-t.slideCount))*t.slideHeight*-1):(s=t.slideCount%t.slidesToScroll*t.slideWidth*-1,n=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+n:t.slideIndex*t.slideWidth*-1+s,t.variableWidth===!0){var a;t.slideCount<=t.slidesToShow||t.infinite===!1?i=r.default.findDOMNode(t.trackRef).childNodes[t.slideIndex]:(a=t.slideIndex+t.slidesToShow,i=r.default.findDOMNode(t.trackRef).childNodes[a]),e=i?i.offsetLeft*-1:0,t.centerMode===!0&&(i=t.infinite===!1?r.default.findDOMNode(t.trackRef).children[t.slideIndex]:r.default.findDOMNode(t.trackRef).children[t.slideIndex+t.slidesToShow+1],i&&(e=i.offsetLeft*-1+(t.listWidth-i.offsetWidth)/2))}return e}},function(t,i){t.exports=e},function(t,e){/*
-	object-assign
-	(c) Sindre Sorhus
-	@license MIT
-	*/
-"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;i<10;i++)e["_"+String.fromCharCode(i)]=i;var s=Object.getOwnPropertyNames(e).map(function(t){return e[t]});if("0123456789"!==s.join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(t){n[t]=t}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(t){return!1}}var n=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;t.exports=s()?Object.assign:function(t,e){for(var s,a,l=i(t),d=1;d<arguments.length;d++){s=Object(arguments[d]);for(var c in s)r.call(s,c)&&(l[c]=s[c]);if(n){a=n(s);for(var u=0;u<a.length;u++)o.call(s,a[u])&&(l[a[u]]=s[a[u]])}}return l}},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var n=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},r=i(2),o=s(r),a=i(6),l=s(a),d=i(5),c=i(7),u=s(c),p={initialize:function(t){var e,i=l.default.findDOMNode(this.list),s=o.default.Children.count(t.children),n=this.getWidth(i),r=this.getWidth(l.default.findDOMNode(this.track));if(t.vertical)e=this.getWidth(l.default.findDOMNode(this));else{var a=t.centerMode&&2*parseInt(t.centerPadding);e=(this.getWidth(l.default.findDOMNode(this))-a)/t.slidesToShow}var c=this.getHeight(i.querySelector('[data-index="0"]')),p=c*t.slidesToShow,h=t.rtl?s-1-t.initialSlide:t.initialSlide;this.setState({slideCount:s,slideWidth:e,listWidth:n,trackWidth:r,currentSlide:h,slideHeight:c,listHeight:p},function(){var e=(0,d.getTrackLeft)((0,u.default)({slideIndex:this.state.currentSlide,trackRef:this.track},t,this.state)),i=(0,d.getTrackCSS)((0,u.default)({left:e},t,this.state));this.setState({trackStyle:i}),this.autoPlay()})},update:function(t){var e,i=l.default.findDOMNode(this.list),s=o.default.Children.count(t.children),n=this.getWidth(i),r=this.getWidth(l.default.findDOMNode(this.track));if(t.vertical)e=this.getWidth(l.default.findDOMNode(this));else{var a=t.centerMode&&2*parseInt(t.centerPadding);e=(this.getWidth(l.default.findDOMNode(this))-a)/t.slidesToShow}var c=this.getHeight(i.querySelector('[data-index="0"]')),p=c*t.slidesToShow;t.autoplay?this.autoPlay():this.pause(),this.setState({slideCount:s,slideWidth:e,listWidth:n,trackWidth:r,slideHeight:c,listHeight:p},function(){var e=(0,d.getTrackLeft)((0,u.default)({slideIndex:this.state.currentSlide,trackRef:this.track},t,this.state)),i=(0,d.getTrackCSS)((0,u.default)({left:e},t,this.state));this.setState({trackStyle:i})})},getWidth:function(t){return t&&(t.getBoundingClientRect().width||t.offsetWidth)||0},getHeight:function(t){return t&&(t.getBoundingClientRect().height||t.offsetHeight)||0},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"}}},canGoNext:function(t){var e=!0;return t.infinite||(t.centerMode?t.currentSlide>=t.slideCount-1&&(e=!1):(t.slideCount<=t.slidesToShow||t.currentSlide>=t.slideCount-t.slidesToShow)&&(e=!1)),e},slideHandler:function(t){var e,i,s,n,r,o=this;if(!this.props.waitForAnimate||!this.state.animating){if(this.props.fade){if(i=this.state.currentSlide,this.props.infinite===!1&&(t<0||t>=this.state.slideCount))return;return e=t<0?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)}),r=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(r,this.props.speed)}),this.props.beforeChange&&this.props.beforeChange(this.state.currentSlide,e),void this.autoPlay()}if(e=t,i=e<0?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,d.getTrackLeft)((0,u.default)({slideIndex:e,trackRef:this.track},this.props,this.state)),n=(0,d.getTrackLeft)((0,u.default)({slideIndex:i,trackRef:this.track},this.props,this.state)),this.props.infinite===!1&&(s=n),this.props.beforeChange&&this.props.beforeChange(this.state.currentSlide,i),this.props.lazyLoad){for(var a=!0,l=[],c=e;c<e+this.props.slidesToShow;c++)a=a&&this.state.lazyLoadedList.indexOf(c)>=0,a||l.push(c);a||this.setState({lazyLoadedList:this.state.lazyLoadedList.concat(l)})}if(this.props.useCSS===!1)this.setState({currentSlide:i,trackStyle:(0,d.getTrackCSS)((0,u.default)({left:n},this.props,this.state))},function(){this.props.afterChange&&this.props.afterChange(i)});else{var p={animating:!1,currentSlide:i,trackStyle:(0,d.getTrackCSS)((0,u.default)({left:n},this.props,this.state)),swipeLeft:null};r=function(){o.setState(p),o.props.afterChange&&o.props.afterChange(i),delete o.animationEndCallback},this.setState({animating:!0,currentSlide:i,trackStyle:(0,d.getTrackAnimateCSS)((0,u.default)({left:s},this.props,this.state))},function(){this.animationEndCallback=setTimeout(r,this.props.speed)})}this.autoPlay()}},swipeDirection:function(t){var e,i,s,n;return e=t.startX-t.curX,i=t.startY-t.curY,s=Math.atan2(i,e),n=Math.round(180*s/Math.PI),n<0&&(n=360-Math.abs(n)),n<=45&&n>=0||n<=360&&n>=315?this.props.rtl===!1?"left":"right":n>=135&&n<=225?this.props.rtl===!1?"right":"left":this.props.verticalSwiping===!0?n>=35&&n<=135?"down":"up":"vertical"},play:function(){var t;if(!this.state.mounted)return!1;if(this.props.rtl)t=this.state.currentSlide-this.props.slidesToScroll;else{if(!this.canGoNext(n({},this.props,this.state)))return!1;t=this.state.currentSlide+this.props.slidesToScroll}this.slideHandler(t)},autoPlay:function(){this.state.autoPlayTimer&&clearTimeout(this.state.autoPlayTimer),this.props.autoplay&&this.setState({autoPlayTimer:setTimeout(this.play,this.props.autoplaySpeed)})},pause:function(){this.state.autoPlayTimer&&(clearTimeout(this.state.autoPlayTimer),this.setState({autoPlayTimer:null}))}};e.default=p},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,scrolling:!1,slideCount:null,slideWidth:null,slideHeight:null,swiping:!1,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,i){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}var n=i(2),r=s(n),o={className:"",accessibility:!0,adaptiveHeight:!1,arrows:!0,autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(t){return r.default.createElement("button",null,t+1)},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=o},function(t,e,i){"use strict";var s=i(2),n=i(12);if("undefined"==typeof s)throw Error("create-react-class could not find the React object. If you are using script tags, make sure that React is being loaded before create-react-class.");var r=(new s.Component).updater;t.exports=n(s.Component,s.isValidElement,r)},function(t,e,i){"use strict";function s(t){return t}function n(t,e,i){function n(t,e,i){for(var s in e)e.hasOwnProperty(s)&&d("function"==typeof e[s],"%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.",t.displayName||"ReactClass",r[i],s)}function u(t,e){var i=b.hasOwnProperty(e)?b[e]:null;C.hasOwnProperty(e)&&l("OVERRIDE_BASE"===i,"ReactClassInterface: You are attempting to override `%s` from your class specification. Ensure that your method names do not overlap with React methods.",e),t&&l("DEFINE_MANY"===i||"DEFINE_MANY_MERGED"===i,"ReactClassInterface: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",e)}function p(t,i){if(!i){var s=typeof i,n="object"===s&&null!==i;return void d(n,"%s: You're attempting to include a mixin that is either null or not an object. Check the mixins included by the component, as well as any mixins they include themselves. Expected object but got %s.",t.displayName||"ReactClass",null===i?null:s)}l("function"!=typeof i,"ReactClass: You're attempting to use a component class or function as a mixin. Instead, just use a regular object."),l(!e(i),"ReactClass: You're attempting to use a component as a mixin. Instead, just use a regular object.");var r=t.prototype,o=r.__reactAutoBindPairs;i.hasOwnProperty(c)&&T.mixins(t,i.mixins);for(var a in i)if(i.hasOwnProperty(a)&&a!==c){var p=i[a],h=r.hasOwnProperty(a);if(u(h,a),T.hasOwnProperty(a))T[a](t,p);else{var f=b.hasOwnProperty(a),v="function"==typeof p,m=v&&!f&&!h&&i.autobind!==!1;if(m)o.push(a,p),r[a]=p;else if(h){var S=b[a];l(f&&("DEFINE_MANY_MERGED"===S||"DEFINE_MANY"===S),"ReactClass: Unexpected spec policy %s for key %s when mixing in component specs.",S,a),"DEFINE_MANY_MERGED"===S?r[a]=g(r[a],p):"DEFINE_MANY"===S&&(r[a]=y(r[a],p))}else r[a]=p,"function"==typeof p&&i.displayName&&(r[a].displayName=i.displayName+"_"+a)}}}function h(t,e){if(e)for(var i in e){var s=e[i];if(e.hasOwnProperty(i)){var n=i in T;l(!n,'ReactClass: You are attempting to define a reserved property, `%s`, that shouldn\'t be on the "statics" key. Define it as an instance property instead; it will still be accessible on the constructor.',i);var r=i in t;l(!r,"ReactClass: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",i),t[i]=s}}}function f(t,e){l(t&&e&&"object"==typeof t&&"object"==typeof e,"mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.");for(var i in e)e.hasOwnProperty(i)&&(l(void 0===t[i],"mergeIntoWithNoDuplicateKeys(): Tried to merge two objects with the same key: `%s`. This conflict may be due to a mixin; in particular, this may be caused by two getInitialState() or getDefaultProps() methods returning objects with clashing keys.",i),t[i]=e[i]);return t}function g(t,e){return function(){var i=t.apply(this,arguments),s=e.apply(this,arguments);if(null==i)return s;if(null==s)return i;var n={};return f(n,i),f(n,s),n}}function y(t,e){return function(){t.apply(this,arguments),e.apply(this,arguments)}}function v(t,e){var i=e.bind(t);i.__reactBoundContext=t,i.__reactBoundMethod=e,i.__reactBoundArguments=null;var s=t.constructor.displayName,n=i.bind;return i.bind=function(r){for(var o=arguments.length,a=Array(o>1?o-1:0),l=1;l<o;l++)a[l-1]=arguments[l];if(r!==t&&null!==r)d(!1,"bind(): React component methods may only be bound to the component instance. See %s",s);else if(!a.length)return d(!1,"bind(): You are binding a component method to the component. React does this for you automatically in a high-performance way, so you can safely remove this call. See %s",s),i;var c=n.apply(i,arguments);return c.__reactBoundContext=t,c.__reactBoundMethod=e,c.__reactBoundArguments=a,c},i}function m(t){for(var e=t.__reactAutoBindPairs,i=0;i<e.length;i+=2){var s=e[i],n=e[i+1];t[s]=v(t,n)}}function S(t){var e=s(function(t,s,n){d(this instanceof e,"Something is calling a React component directly. Use a factory or JSX instead. See: https://fb.me/react-legacyfactory"),this.__reactAutoBindPairs.length&&m(this),this.props=t,this.context=s,this.refs=a,this.updater=n||i,this.state=null;var r=this.getInitialState?this.getInitialState():null;void 0===r&&this.getInitialState._isMockFunction&&(r=null),l("object"==typeof r&&!Array.isArray(r),"%s.getInitialState(): must return an object or null",e.displayName||"ReactCompositeComponent"),this.state=r});e.prototype=new E,e.prototype.constructor=e,e.prototype.__reactAutoBindPairs=[],w.forEach(p.bind(null,e)),p(e,k),p(e,t),p(e,x),e.getDefaultProps&&(e.defaultProps=e.getDefaultProps()),e.getDefaultProps&&(e.getDefaultProps.isReactClassApproved={}),e.prototype.getInitialState&&(e.prototype.getInitialState.isReactClassApproved={}),l(e.prototype.render,"createClass(...): Class specification must implement a `render` method."),d(!e.prototype.componentShouldUpdate,"%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",t.displayName||"A component"),d(!e.prototype.componentWillRecieveProps,"%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",t.displayName||"A component");for(var n in b)e.prototype[n]||(e.prototype[n]=null);return e}var w=[],b={mixins:"DEFINE_MANY",statics:"DEFINE_MANY",propTypes:"DEFINE_MANY",contextTypes:"DEFINE_MANY",childContextTypes:"DEFINE_MANY",getDefaultProps:"DEFINE_MANY_MERGED",getInitialState:"DEFINE_MANY_MERGED",getChildContext:"DEFINE_MANY_MERGED",render:"DEFINE_ONCE",componentWillMount:"DEFINE_MANY",componentDidMount:"DEFINE_MANY",componentWillReceiveProps:"DEFINE_MANY",shouldComponentUpdate:"DEFINE_ONCE",componentWillUpdate:"DEFINE_MANY",componentDidUpdate:"DEFINE_MANY",componentWillUnmount:"DEFINE_MANY",updateComponent:"OVERRIDE_BASE"},T={displayName:function(t,e){t.displayName=e},mixins:function(t,e){if(e)for(var i=0;i<e.length;i++)p(t,e[i])},childContextTypes:function(t,e){n(t,e,"childContext"),t.childContextTypes=o({},t.childContextTypes,e)},contextTypes:function(t,e){n(t,e,"context"),t.contextTypes=o({},t.contextTypes,e)},getDefaultProps:function(t,e){t.getDefaultProps?t.getDefaultProps=g(t.getDefaultProps,e):t.getDefaultProps=e},propTypes:function(t,e){n(t,e,"prop"),t.propTypes=o({},t.propTypes,e)},statics:function(t,e){h(t,e)},autobind:function(){}},k={componentDidMount:function(){this.__isMounted=!0}},x={componentWillUnmount:function(){this.__isMounted=!1}},C={replaceState:function(t,e){this.updater.enqueueReplaceState(this,t,e)},isMounted:function(){return d(this.__didWarnIsMounted,"%s: isMounted is deprecated. Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks.",this.constructor&&this.constructor.displayName||this.name||"Component"),this.__didWarnIsMounted=!0,!!this.__isMounted}},E=function(){};return o(E.prototype,t.prototype,C),S}var r,o=i(7),a=i(13),l=i(14),d=i(15),c="mixins";r={prop:"prop",context:"context",childContext:"child context"},t.exports=n},function(t,e,i){"use strict";var s={};Object.freeze(s),t.exports=s},function(t,e,i){"use strict";function s(t,e,i,s,r,o,a,l){if(n(e),!t){var d;if(void 0===e)d=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[i,s,r,o,a,l],u=0;d=new Error(e.replace(/%s/g,function(){return c[u++]})),d.name="Invariant Violation"}throw d.framesToPop=1,d}}var n=function(t){};n=function(t){if(void 0===t)throw new Error("invariant requires an error message argument")},t.exports=s},function(t,e,i){"use strict";var s=i(16),n=s,r=function(t){for(var e=arguments.length,i=Array(e>1?e-1:0),s=1;s<e;s++)i[s-1]=arguments[s];var n=0,r="Warning: "+t.replace(/%s/g,function(){return i[n++]});"undefined"!=typeof console&&console.error(r);try{throw new Error(r)}catch(t){}};n=function(t,e){if(void 0===e)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(0!==e.indexOf("Failed Composite propType: ")&&!t){for(var i=arguments.length,s=Array(i>2?i-2:0),n=2;n<i;n++)s[n-2]=arguments[n];r.apply(void 0,[e].concat(s))}},t.exports=n},function(t,e){"use strict";function i(t){return function(){return t}}var s=function(){};s.thatReturns=i,s.thatReturnsFalse=i(!1),s.thatReturnsTrue=i(!0),s.thatReturnsNull=i(null),s.thatReturnsThis=function(){return this},s.thatReturnsArgument=function(t){return t},t.exports=s},function(t,e,i){var s,n;/*!
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","react-dom"],t):"object"==typeof exports?exports.Slider=t(require("react"),require("react-dom")):e.Slider=t(e.React,e.ReactDOM)}(this,function(e,t){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var i=n(1),o=r(i);t.default=o.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(2),c=r(l),u=n(3),d=n(13),p=r(d),f=n(15),h=r(f),v=n(8),y=(0,v.canUseDOM)()&&n(16),g=function(e){function t(n){i(this,t);var r=o(this,e.call(this,n));return r.innerSliderRefHandler=function(e){return r.innerSlider=e},r.onInnerResize=function(e){var t=r.props.responsive;if(t&&e){var n=e.width,i=t.map(function(e){return e.breakpoint}).sort(function(e,t){return e-t}).find(function(e){return e>=n});i&&r.setState({breakpoint:i})}},r.slickPrev=function(){return r.innerSlider.slickPrev()},r.slickNext=function(){return r.innerSlider.slickNext()},r.slickGoTo=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return r.innerSlider.slickGoTo(e,t)},r.slickPause=function(){return r.innerSlider.pause("paused")},r.slickPlay=function(){return r.innerSlider.autoPlay("play")},r.state={breakpoint:null},r._responsiveMediaHandlers=[],r}return s(t,e),t.prototype.media=function(e,t){y.register(e,t),this._responsiveMediaHandlers.push({query:e,handler:t})},t.prototype.componentWillMount=function(){var e=this;if(this.props.responsive){var t=this.props.responsive.map(function(e){return e.breakpoint});t.sort(function(e,t){return e-t}),t.forEach(function(n,r){var i=void 0;i=0===r?(0,p.default)({minWidth:0,maxWidth:n}):(0,p.default)({minWidth:t[r-1]+1,maxWidth:n}),(0,v.canUseDOM)()&&e.media(i,function(){e.setState({breakpoint:n})})});var n=(0,p.default)({minWidth:t.slice(-1)[0]});(0,v.canUseDOM)()&&this.media(n,function(){e.setState({breakpoint:null})})}},t.prototype.componentWillUnmount=function(){this._responsiveMediaHandlers.forEach(function(e){y.unregister(e.query,e.handler)})},t.prototype.render=function(){var e,t,n=this;this.state.breakpoint?(t=this.props.responsive.filter(function(e){return e.breakpoint===n.state.breakpoint}),e="unslick"===t[0].settings?"unslick":a({},h.default,this.props,t[0].settings)):e=a({},h.default,this.props),e.centerMode&&(e.slidesToScroll>1&&console.warn("slidesToScroll should be equal to 1 in centerMode, you are using "+e.slidesToScroll),e.slidesToScroll=1),e.fade&&(e.slidesToShow>1&&console.warn("slidesToShow should be equal to 1 when fade is true, you're using "+e.slidesToShow),e.slidesToScroll>1&&console.warn("slidesToScroll should be equal to 1 when fade is true, you're using "+e.slidesToScroll),e.slidesToShow=1,e.slidesToScroll=1);var r=c.default.Children.toArray(this.props.children);r=r.filter(function(e){return"string"==typeof e?!!e.trim():!!e}),e.variableWidth&&(e.rows>1||e.slidesPerRow>1)&&(console.warn("variableWidth is not supported in case of rows > 1 or slidesPerRow > 1"),e.variableWidth=!1);for(var i=[],o=null,s=0;s<r.length;s+=e.rows*e.slidesPerRow){for(var l=[],d=s;d<s+e.rows*e.slidesPerRow;d+=e.slidesPerRow){for(var p=[],f=d;f<d+e.slidesPerRow&&(e.variableWidth&&r[f].props.style&&(o=r[f].props.style.width),!(f>=r.length));f+=1)p.push(c.default.cloneElement(r[f],{key:100*s+10*d+f,tabIndex:-1,style:{width:100/e.slidesPerRow+"%",display:"inline-block"}}));l.push(c.default.createElement("div",{key:10*s+d},p))}e.variableWidth?i.push(c.default.createElement("div",{key:s,style:{width:o}},l)):i.push(c.default.createElement("div",{key:s},l))}if("unslick"===e){var v="regular slider "+(this.props.className||"");return c.default.createElement("div",{className:v},i)}return i.length<=e.slidesToShow&&(e.unslick=!0),c.default.createElement(u.InnerSlider,a({ref:this.innerSliderRefHandler},e,{onResize:this.onInnerResize}),i)},t}(c.default.Component);t.default=g},function(t,n){t.exports=e},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0,t.InnerSlider=void 0;var l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=n(2),d=r(u),p=n(4),f=r(p),h=n(5),v=r(h),y=n(6),g=r(y),S=n(7),w=r(S),m=n(8),b=n(9),k=n(10),T=n(11),O=n(12),_=r(O);t.InnerSlider=function(e){function t(n){o(this,t);var r=s(this,e.call(this,n));return r.listRefHandler=function(e){return r.list=e},r.trackRefHandler=function(e){return r.track=e},r.adaptHeight=function(){if(r.props.adaptiveHeight&&r.list){var e=r.list.querySelector('[data-index="'+r.state.currentSlide+'"]');r.list.style.height=(0,m.getHeight)(e)+"px"}},r.componentWillMount=function(){if(r.ssrInit(),r.props.onInit&&r.props.onInit(),r.props.lazyLoad){var e=(0,m.getOnDemandLazySlides)(c({},r.props,r.state));e.length>0&&(r.setState(function(t){return{lazyLoadedList:t.lazyLoadedList.concat(e)}}),r.props.onLazyLoad&&r.props.onLazyLoad(e))}},r.componentDidMount=function(){var e=c({listRef:r.list,trackRef:r.track},r.props);r.updateState(e,!0,function(){r.adaptHeight(),r.props.autoplay&&r.autoPlay("update")}),"progressive"===r.props.lazyLoad&&(r.lazyLoadTimer=setInterval(r.progressiveLazyLoad,1e3)),r.ro=new _.default(function(e){r.state.animating?(r.onWindowResized(!1),r.callbackTimers.push(setTimeout(function(){return r.onWindowResized()},r.props.speed))):r.onWindowResized();var t=e.find(function(e){return e.target===r.list});t&&r.props.onResize&&r.props.onResize(t.contentRect)}),r.ro.observe(r.list),Array.prototype.forEach.call(document.querySelectorAll(".slick-slide"),function(e){e.onfocus=r.props.pauseOnFocus?r.onSlideFocus:null,e.onblur=r.props.pauseOnFocus?r.onSlideBlur:null}),window&&(window.addEventListener?window.addEventListener("resize",r.onWindowResized):window.attachEvent("onresize",r.onWindowResized))},r.componentWillUnmount=function(){r.animationEndCallback&&clearTimeout(r.animationEndCallback),r.lazyLoadTimer&&clearInterval(r.lazyLoadTimer),r.callbackTimers.length&&(r.callbackTimers.forEach(function(e){return clearTimeout(e)}),r.callbackTimers=[]),window.addEventListener?window.removeEventListener("resize",r.onWindowResized):window.detachEvent("onresize",r.onWindowResized),r.autoplayTimer&&clearInterval(r.autoplayTimer)},r.componentWillReceiveProps=function(e){for(var t=c({listRef:r.list,trackRef:r.track},e,r.state),n=!1,i=Object.keys(r.props),o=Array.isArray(i),s=0,i=o?i:i[Symbol.iterator]();;){var a;if(o){if(s>=i.length)break;a=i[s++]}else{if(s=i.next(),s.done)break;a=s.value}var u=a;if(!e.hasOwnProperty(u)){n=!0;break}if("object"!==l(e[u])&&"function"!=typeof e[u]&&e[u]!==r.props[u]){n=!0;break}}r.updateState(t,n,function(){r.state.currentSlide>=d.default.Children.count(e.children)&&r.changeSlide({message:"index",index:d.default.Children.count(e.children)-e.slidesToShow,currentSlide:r.state.currentSlide}),e.autoplay?r.autoPlay("update"):r.pause("paused")})},r.componentDidUpdate=function(){if(r.checkImagesLoad(),r.props.onReInit&&r.props.onReInit(),r.props.lazyLoad){var e=(0,m.getOnDemandLazySlides)(c({},r.props,r.state));e.length>0&&(r.setState(function(t){return{lazyLoadedList:t.lazyLoadedList.concat(e)}}),r.props.onLazyLoad&&r.props.onLazyLoad(e))}r.adaptHeight()},r.onWindowResized=function(e){r.debouncedResize&&r.debouncedResize.cancel(),r.debouncedResize=(0,g.default)(function(){return r.resizeWindow(e)},50),r.debouncedResize()},r.resizeWindow=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];if(f.default.findDOMNode(r.track)){var t=c({listRef:r.list,trackRef:r.track},r.props,r.state);r.updateState(t,e,function(){r.props.autoplay?r.autoPlay("update"):r.pause("paused")}),r.setState({animating:!1}),clearTimeout(r.animationEndCallback),delete r.animationEndCallback}},r.updateState=function(e,t,n){var i=(0,m.initializedState)(e);e=c({},e,i,{slideIndex:i.currentSlide});var o=(0,m.getTrackLeft)(e);e=c({},e,{left:o});var s=(0,m.getTrackCSS)(e);(t||d.default.Children.count(r.props.children)!==d.default.Children.count(e.children))&&(i.trackStyle=s),r.setState(i,n)},r.ssrInit=function(){if(r.props.variableWidth){var e=0,t=0,n=[],i=(0,m.getPreClones)(c({},r.props,r.state,{slideCount:r.props.children.length})),o=(0,m.getPostClones)(c({},r.props,r.state,{slideCount:r.props.children.length}));r.props.children.forEach(function(t){n.push(t.props.style.width),e+=t.props.style.width});for(var s=0;s<i;s++)t+=n[n.length-1-s],e+=n[n.length-1-s];for(var a=0;a<o;a++)e+=n[a];for(var l=0;l<r.state.currentSlide;l++)t+=n[l];var u={width:e+"px",left:-t+"px"};if(r.props.centerMode){var p=n[r.state.currentSlide]+"px";u.left="calc("+u.left+" + (100% - "+p+") / 2 ) "}return void r.setState({trackStyle:u})}var f=d.default.Children.count(r.props.children),h=c({},r.props,r.state,{slideCount:f}),v=(0,m.getPreClones)(h)+(0,m.getPostClones)(h)+f,y=100/r.props.slidesToShow*v,g=100/v,S=-g*((0,m.getPreClones)(h)+r.state.currentSlide)*y/100;r.props.centerMode&&(S+=(100-g*y/100)/2);var w={width:y+"%",left:S+"%"};r.setState({slideWidth:g+"%",trackStyle:w})},r.checkImagesLoad=function(){var e=document.querySelectorAll(".slick-slide img"),t=e.length,n=0;Array.prototype.forEach.call(e,function(e){var i=function(){return++n&&n>=t&&r.onWindowResized()};if(e.onclick){var o=e.onclick;e.onclick=function(){o(),e.parentNode.focus()}}else e.onclick=function(){return e.parentNode.focus()};e.onload||(r.props.lazyLoad?e.onload=function(){r.adaptHeight(),r.callbackTimers.push(setTimeout(r.onWindowResized,r.props.speed))}:(e.onload=i,e.onerror=function(){i(),r.props.onLazyLoadError&&r.props.onLazyLoadError()}))})},r.progressiveLazyLoad=function(){for(var e=[],t=c({},r.props,r.state),n=r.state.currentSlide;n<r.state.slideCount+(0,m.getPostClones)(t);n++)if(r.state.lazyLoadedList.indexOf(n)<0){e.push(n);break}for(var i=r.state.currentSlide-1;i>=-(0,m.getPreClones)(t);i--)if(r.state.lazyLoadedList.indexOf(i)<0){e.push(i);break}e.length>0?(r.setState(function(t){return{lazyLoadedList:t.lazyLoadedList.concat(e)}}),r.props.onLazyLoad&&r.props.onLazyLoad(e)):r.lazyLoadTimer&&(clearInterval(r.lazyLoadTimer),delete r.lazyLoadTimer)},r.slideHandler=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=r.props,o=n.asNavFor,s=n.currentSlide,a=n.beforeChange,l=n.onLazyLoad,u=n.speed,d=n.afterChange,p=(0,m.slideHandler)(c({index:e},r.props,r.state,{trackRef:r.track,useCSS:r.props.useCSS&&!t})),f=p.state,h=p.nextState;if(f){a&&a(s,f.currentSlide);var v=f.lazyLoadedList.filter(function(e){return r.state.lazyLoadedList.indexOf(e)<0});l&&v.length>0&&l(v),r.setState(f,function(){o&&o.innerSlider.state.currentSlide!==s&&o.innerSlider.slideHandler(e),h&&(r.animationEndCallback=setTimeout(function(){var e=h.animating,t=i(h,["animating"]);r.setState(t,function(){r.callbackTimers.push(setTimeout(function(){return r.setState({animating:e})},10)),d&&d(f.currentSlide),delete r.animationEndCallback})},u))})}},r.changeSlide=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=c({},r.props,r.state),i=(0,m.changeSlide)(n,e);(0===i||i)&&(t===!0?r.slideHandler(i,t):r.slideHandler(i))},r.clickHandler=function(e){r.clickable===!1&&(e.stopPropagation(),e.preventDefault()),r.clickable=!0},r.keyHandler=function(e){var t=(0,m.keyHandler)(e,r.props.accessibility,r.props.rtl);""!==t&&r.changeSlide({message:t})},r.selectHandler=function(e){r.changeSlide(e)},r.disableBodyScroll=function(){var e=function(e){e=e||window.event,e.preventDefault&&e.preventDefault(),e.returnValue=!1};window.ontouchmove=e},r.enableBodyScroll=function(){window.ontouchmove=null},r.swipeStart=function(e){r.props.verticalSwiping&&r.disableBodyScroll();var t=(0,m.swipeStart)(e,r.props.swipe,r.props.draggable);""!==t&&r.setState(t)},r.swipeMove=function(e){var t=(0,m.swipeMove)(e,c({},r.props,r.state,{trackRef:r.track,listRef:r.list,slideIndex:r.state.currentSlide}));t&&(t.swiping&&(r.clickable=!1),r.setState(t))},r.swipeEnd=function(e){var t=(0,m.swipeEnd)(e,c({},r.props,r.state,{trackRef:r.track,listRef:r.list,slideIndex:r.state.currentSlide}));if(t){var n=t.triggerSlideHandler;delete t.triggerSlideHandler,r.setState(t),void 0!==n&&(r.slideHandler(n),r.props.verticalSwiping&&r.enableBodyScroll())}},r.slickPrev=function(){r.callbackTimers.push(setTimeout(function(){return r.changeSlide({message:"previous"})},0))},r.slickNext=function(){r.callbackTimers.push(setTimeout(function(){return r.changeSlide({message:"next"})},0))},r.slickGoTo=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return e=Number(e),isNaN(e)?"":void r.callbackTimers.push(setTimeout(function(){return r.changeSlide({message:"index",index:e,currentSlide:r.state.currentSlide},t)},0))},r.play=function(){var e;if(r.props.rtl)e=r.state.currentSlide-r.props.slidesToScroll;else{if(!(0,m.canGoNext)(c({},r.props,r.state)))return!1;e=r.state.currentSlide+r.props.slidesToScroll}r.slideHandler(e)},r.autoPlay=function(e){r.autoplayTimer&&clearInterval(r.autoplayTimer);var t=r.state.autoplaying;if("update"===e){if("hovered"===t||"focused"===t||"paused"===t)return}else if("leave"===e){if("paused"===t||"focused"===t)return}else if("blur"===e&&("paused"===t||"hovered"===t))return;r.autoplayTimer=setInterval(r.play,r.props.autoplaySpeed+50),r.setState({autoplaying:"playing"})},r.pause=function(e){r.autoplayTimer&&(clearInterval(r.autoplayTimer),r.autoplayTimer=null);var t=r.state.autoplaying;"paused"===e?r.setState({autoplaying:"paused"}):"focused"===e?"hovered"!==t&&"playing"!==t||r.setState({autoplaying:"focused"}):"playing"===t&&r.setState({autoplaying:"hovered"})},r.onDotsOver=function(){return r.props.autoplay&&r.pause("hovered")},r.onDotsLeave=function(){return r.props.autoplay&&"hovered"===r.state.autoplaying&&r.autoPlay("leave")},r.onTrackOver=function(){return r.props.autoplay&&r.pause("hovered")},r.onTrackLeave=function(){return r.props.autoplay&&"hovered"===r.state.autoplaying&&r.autoPlay("leave")},r.onSlideFocus=function(){return r.props.autoplay&&r.pause("focused")},r.onSlideBlur=function(){return r.props.autoplay&&"focused"===r.state.autoplaying&&r.autoPlay("blur")},r.render=function(){var e=(0,w.default)("slick-slider",r.props.className,{"slick-vertical":r.props.vertical,"slick-initialized":!0}),t=c({},r.props,r.state),n=(0,m.extractObject)(t,["fade","cssEase","speed","infinite","centerMode","focusOnSelect","currentSlide","lazyLoad","lazyLoadedList","rtl","slideWidth","slideHeight","listHeight","vertical","slidesToShow","slidesToScroll","slideCount","trackStyle","variableWidth","unslick","centerPadding"]),i=r.props.pauseOnHover;n=c({},n,{onMouseEnter:i?r.onTrackOver:null,onMouseLeave:i?r.onTrackLeave:null,onMouseOver:i?r.onTrackOver:null,focusOnSelect:r.props.focusOnSelect?r.selectHandler:null});var o;if(r.props.dots===!0&&r.state.slideCount>=r.props.slidesToShow){var s=(0,m.extractObject)(t,["dotsClass","slideCount","slidesToShow","currentSlide","slidesToScroll","clickHandler","children","customPaging","infinite","appendDots"]),a=r.props.pauseOnDotsHover;s=c({},s,{clickHandler:r.changeSlide,onMouseEnter:a?r.onDotsLeave:null,onMouseOver:a?r.onDotsOver:null,onMouseLeave:a?r.onDotsLeave:null}),o=d.default.createElement(k.Dots,s)}var l,u,p=(0,m.extractObject)(t,["infinite","centerMode","currentSlide","slideCount","slidesToShow","prevArrow","nextArrow"]);p.clickHandler=r.changeSlide,r.props.arrows&&(l=d.default.createElement(T.PrevArrow,p),u=d.default.createElement(T.NextArrow,p));var f=null;r.props.vertical&&(f={height:r.state.listHeight});var h=null;r.props.vertical===!1?r.props.centerMode===!0&&(h={padding:"0px "+r.props.centerPadding}):r.props.centerMode===!0&&(h={padding:r.props.centerPadding+" 0px"});var v=c({},f,h),y=r.props.touchMove,g={className:"slick-list",style:v,onClick:r.clickHandler,onMouseDown:y?r.swipeStart:null,onMouseMove:r.state.dragging&&y?r.swipeMove:null,onMouseUp:y?r.swipeEnd:null,onMouseLeave:r.state.dragging&&y?r.swipeEnd:null,onTouchStart:y?r.swipeStart:null,onTouchMove:r.state.dragging&&y?r.swipeMove:null,onTouchEnd:y?r.swipeEnd:null,onTouchCancel:r.state.dragging&&y?r.swipeEnd:null,onKeyDown:r.props.accessibility?r.keyHandler:null},S={className:e,dir:"ltr"};return r.props.unslick&&(g={className:"slick-list"},S={className:e}),d.default.createElement("div",S,r.props.unslick?"":l,d.default.createElement("div",c({ref:r.listRefHandler},g),d.default.createElement(b.Track,c({ref:r.trackRefHandler},n),r.props.children)),r.props.unslick?"":u,r.props.unslick?"":o)},r.list=null,r.track=null,r.state=c({},v.default,{currentSlide:r.props.initialSlide,slideCount:d.default.Children.count(r.props.children)}),r.callbackTimers=[],r.clickable=!0,r.debouncedResize=null,r}return a(t,e),t}(d.default.Component)},function(e,n){e.exports=t},function(e,t){"use strict";t.__esModule=!0;var n={animating:!1,autoplaying:null,currentDirection:0,currentLeft:null,currentSlide:0,direction:1,dragging:!1,edgeDragged:!1,initialized:!1,lazyLoadedList:[],listHeight:null,listWidth:null,scrolling:!1,slideCount:null,slideHeight:null,slideWidth:null,swipeLeft:null,swiped:!1,swiping:!1,touchObject:{startX:0,startY:0,curX:0,curY:0},trackStyle:{},trackWidth:0};t.default=n},function(e,t){(function(t){function n(e,t,n){function i(t){var n=v,r=y;return v=y=void 0,O=t,S=e.apply(r,n)}function o(e){return O=e,w=setTimeout(u,t),_?i(e):S}function l(e){var n=e-T,r=e-O,i=t-n;return x?b(i,g-r):i}function c(e){var n=e-T,r=e-O;return void 0===T||n>=t||n<0||x&&r>=g}function u(){var e=k();return c(e)?d(e):void(w=setTimeout(u,l(e)))}function d(e){return w=void 0,E&&v?i(e):(v=y=void 0,S)}function p(){void 0!==w&&clearTimeout(w),O=0,v=T=y=w=void 0}function f(){return void 0===w?S:d(k())}function h(){var e=k(),n=c(e);if(v=arguments,y=this,T=e,n){if(void 0===w)return o(T);if(x)return w=setTimeout(u,t),i(T)}return void 0===w&&(w=setTimeout(u,t)),S}var v,y,g,S,w,T,O=0,_=!1,x=!1,E=!0;if("function"!=typeof e)throw new TypeError(a);return t=s(t)||0,r(n)&&(_=!!n.leading,x="maxWait"in n,g=x?m(s(n.maxWait)||0,t):g,E="trailing"in n?!!n.trailing:E),h.cancel=p,h.flush=f,h}function r(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==typeof e}function o(e){return"symbol"==typeof e||i(e)&&w.call(e)==c}function s(e){if("number"==typeof e)return e;if(o(e))return l;if(r(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=r(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(u,"");var n=p.test(e);return n||f.test(e)?h(e.slice(2),n?2:8):d.test(e)?l:+e}var a="Expected a function",l=NaN,c="[object Symbol]",u=/^\s+|\s+$/g,d=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,f=/^0o[0-7]+$/i,h=parseInt,v="object"==typeof t&&t&&t.Object===Object&&t,y="object"==typeof self&&self&&self.Object===Object&&self,g=v||y||Function("return this")(),S=Object.prototype,w=S.toString,m=Math.max,b=Math.min,k=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t,n){var r,i;/*!
 	  Copyright (c) 2016 Jed Watson.
@@ -11,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 n=typeof s;if("string"===n||"number"===n)t.push(s);else if(Array.isArray(s))t.push(i.apply(null,s));else if("object"===n)for(var o in s)r.call(s,o)&&s[o]&&t.push(o)}}return t.join(" ")}var r={}.hasOwnProperty;"undefined"!=typeof t&&t.exports?t.exports=i:(s=[],n=function(){return i}.apply(e,s),!(void 0!==n&&(t.exports=n)))}()},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}e.__esModule=!0,e.Track=void 0;var a=i(2),l=s(a),d=i(7),c=s(d),u=i(17),p=s(u),h=function(t){var e,i,s,n,r;return r=t.rtl?t.slideCount-1-t.index:t.index,s=r<0||r>=t.slideCount,t.centerMode?(n=Math.floor(t.slidesToShow/2),i=(r-t.currentSlide)%t.slideCount===0,r>t.currentSlide-n-1&&r<=t.currentSlide+n&&(e=!0)):e=t.currentSlide<=r&&r<t.currentSlide+t.slidesToShow,(0,p.default)({"slick-slide":!0,"slick-active":e,"slick-center":i,"slick-cloned":s})},f=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},g=function(t,e){return null===t.key||void 0===t.key?e:t.key},y=function(t){var e,i=[],s=[],n=[],r=l.default.Children.count(t.children);return l.default.Children.forEach(t.children,function(o,a){var d=void 0,u={message:"children",index:a,slidesToScroll:t.slidesToScroll,currentSlide:t.currentSlide};d=!t.lazyLoad||t.lazyLoad&&t.lazyLoadedList.indexOf(a)>=0?o:l.default.createElement("div",null);var y=f((0,c.default)({},t,{index:a})),v=d.props.className||"",m=function(e){d.props&&d.props.onClick&&d.props.onClick(e),t.focusOnSelect&&t.focusOnSelect(u)};if(i.push(l.default.cloneElement(d,{key:"original"+g(d,a),"data-index":a,className:(0,p.default)(h((0,c.default)({index:a},t)),v),tabIndex:"-1",style:(0,c.default)({outline:"none"},d.props.style||{},y),onClick:m})),t.infinite&&t.fade===!1){var S=t.variableWidth?t.slidesToShow+1:t.slidesToShow;a>=r-S&&(e=-(r-a),s.push(l.default.cloneElement(d,{key:"precloned"+g(d,e),"data-index":e,className:(0,p.default)(h((0,c.default)({index:e},t)),v),style:(0,c.default)({},d.props.style||{},y),onClick:m}))),a<S&&(e=r+a,n.push(l.default.cloneElement(d,{key:"postcloned"+g(d,e),"data-index":e,className:(0,p.default)(h((0,c.default)({index:e},t)),v),style:(0,c.default)({},d.props.style||{},y),onClick:m})))}}),t.rtl?s.concat(i,n).reverse():s.concat(i,n)};e.Track=function(t){function e(){return n(this,e),r(this,t.apply(this,arguments))}return o(e,t),e.prototype.render=function(){var t=y.call(this,this.props);return l.default.createElement("div",{className:"slick-track",style:this.props.trackStyle},t)},e}(l.default.Component)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}e.__esModule=!0,e.Dots=void 0;var a=i(2),l=s(a),d=i(17),c=s(d),u=function(t){var e;return e=Math.ceil(t.slideCount/t.slidesToScroll)};e.Dots=function(t){function e(){return n(this,e),r(this,t.apply(this,arguments))}return o(e,t),e.prototype.clickHandler=function(t,e){e.preventDefault(),this.props.clickHandler(t)},e.prototype.render=function(){var t=this,e=u({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,n=i*t.props.slidesToScroll+(t.props.slidesToScroll-1),r=(0,c.default)({"slick-active":t.props.currentSlide>=s&&t.props.currentSlide<=n}),o={message:"dots",index:i,slidesToScroll:t.props.slidesToScroll,currentSlide:t.props.currentSlide},a=t.clickHandler.bind(t,o);return l.default.createElement("li",{key:i,className:r},l.default.cloneElement(t.props.customPaging(i),{onClick:a}))});return l.default.createElement("ul",{className:this.props.dotsClass,style:{display:"block"}},i)},e}(l.default.Component)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}e.__esModule=!0,e.NextArrow=e.PrevArrow=void 0;var a=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},l=i(2),d=s(l),c=i(17),u=s(c),p=i(8),h=s(p);e.PrevArrow=function(t){function e(){return n(this,e),r(this,t.apply(this,arguments))}return o(e,t),e.prototype.clickHandler=function(t,e){e&&e.preventDefault(),this.props.clickHandler(t,e)},e.prototype.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={key:"0","data-role":"none",className:(0,u.default)(t),style:{display:"block"},onClick:e},s={currentSlide:this.props.currentSlide,slideCount:this.props.slideCount},n=void 0;return n=this.props.prevArrow?d.default.cloneElement(this.props.prevArrow,a({},i,s)):d.default.createElement("button",a({key:"0",type:"button"},i)," Previous")},e}(d.default.Component),e.NextArrow=function(t){function e(){return n(this,e),r(this,t.apply(this,arguments))}return o(e,t),e.prototype.clickHandler=function(t,e){e&&e.preventDefault(),this.props.clickHandler(t,e)},e.prototype.render=function(){var t={"slick-arrow":!0,"slick-next":!0},e=this.clickHandler.bind(this,{message:"next"});h.default.canGoNext(this.props)||(t["slick-disabled"]=!0,e=null);var i={key:"1","data-role":"none",className:(0,u.default)(t),style:{display:"block"},onClick:e},s={currentSlide:this.props.currentSlide,slideCount:this.props.slideCount},n=void 0;return n=this.props.nextArrow?d.default.cloneElement(this.props.nextArrow,a({},i,s)):d.default.createElement("button",a({key:"1",type:"button"},i)," Next")},e}(d.default.Component)},function(t,e,i){var s=i(22),n=function(t){var e=/[height|width]$/;return e.test(t)},r=function(t){var e="",i=Object.keys(t);return i.forEach(function(r,o){var a=t[r];r=s(r),n(r)&&"number"==typeof a&&(a+="px"),e+=a===!0?r:a===!1?"not "+r:"("+r+": "+a+")",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+=r(i),s<t.length-1&&(e+=", ")}),e):r(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){var i=!("undefined"==typeof window||!window.document||!window.document.createElement);t.exports=i},function(t,e,i){var s=i(25);t.exports=new s},function(t,e,i){function s(){if(!window.matchMedia)throw new Error("matchMedia not present, legacy browsers require a polyfill");this.queries={},this.browserIsIncapable=!window.matchMedia("only all").matches}var n=i(26),r=i(28),o=r.each,a=r.isFunction,l=r.isArray;s.prototype={constructor:s,register:function(t,e,i){var s=this.queries,r=i&&this.browserIsIncapable;return s[t]||(s[t]=new n(t,r)),a(e)&&(e={match:e}),l(e)||(e=[e]),o(e,function(e){a(e)&&(e={match:e}),s[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}},t.exports=s},function(t,e,i){function s(t,e){this.query=t,this.isUnconditional=e,this.handlers=[],this.mql=window.matchMedia(t);var i=this;this.listener=function(t){i.mql=t.currentTarget||t,i.assess()},this.mql.addListener(this.listener)}var n=i(27),r=i(28).each;s.prototype={constuctor:s,addHandler:function(t){var e=new n(t);this.handlers.push(e),this.matches()&&e.on()},removeHandler:function(t){var e=this.handlers;r(e,function(i,s){if(i.equals(t))return i.destroy(),!e.splice(s,1)})},matches:function(){return this.mql.matches||this.isUnconditional},clear:function(){r(this.handlers,function(t){t.destroy()}),this.mql.removeListener(this.listener),this.handlers.length=0},assess:function(){var t=this.matches()?"on":"off";r(this.handlers,function(e){e[t]()})}},t.exports=s},function(t,e){function i(t){this.options=t,!t.deferSetup&&this.setup()}i.prototype={constructor:i,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}},t.exports=i},function(t,e){function i(t,e){var i,s=0,n=t.length;for(s;s<n&&(i=e(t[s],s),i!==!1);s++);}function s(t){return"[object Array]"===Object.prototype.toString.apply(t)}function n(t){return"function"==typeof t}t.exports={isFunction:n,isArray:s,each:i}}])});
+!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var i=typeof r;if("string"===i||"number"===i)e.push(r);else if(Array.isArray(r))e.push(n.apply(null,r));else if("object"===i)for(var s in r)o.call(r,s)&&r[s]&&e.push(s)}}return e.join(" ")}var o={}.hasOwnProperty;"undefined"!=typeof e&&e.exports?e.exports=n:(r=[],i=function(){return n}.apply(t,r),!(void 0!==i&&(e.exports=i)))}()},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0,t.canUseDOM=t.slidesOnLeft=t.slidesOnRight=t.siblingDirection=t.getTotalSlides=t.getPostClones=t.getPreClones=t.getTrackLeft=t.getTrackAnimateCSS=t.getTrackCSS=t.checkSpecKeys=t.getSlideCount=t.checkNavigable=t.getNavigableIndexes=t.swipeEnd=t.swipeMove=t.swipeStart=t.keyHandler=t.changeSlide=t.slideHandler=t.initializedState=t.extractObject=t.canGoNext=t.getSwipeDirection=t.getHeight=t.getWidth=t.lazySlidesOnRight=t.lazySlidesOnLeft=t.lazyEndIndex=t.lazyStartIndex=t.getRequiredLazySlides=t.getOnDemandLazySlides=void 0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=n(2),s=r(o),a=n(4),l=r(a),c=t.getOnDemandLazySlides=function(e){for(var t=[],n=u(e),r=d(e),i=n;i<r;i++)e.lazyLoadedList.indexOf(i)<0&&t.push(i);return t},u=(t.getRequiredLazySlides=function(e){for(var t=[],n=u(e),r=d(e),i=n;i<r;i++)t.push(i);return t},t.lazyStartIndex=function(e){return e.currentSlide-p(e)}),d=t.lazyEndIndex=function(e){return e.currentSlide+f(e)},p=t.lazySlidesOnLeft=function(e){return e.centerMode?Math.floor(e.slidesToShow/2)+(parseInt(e.centerPadding)>0?1:0):0},f=t.lazySlidesOnRight=function(e){return e.centerMode?Math.floor((e.slidesToShow-1)/2)+1+(parseInt(e.centerPadding)>0?1:0):e.slidesToShow},h=t.getWidth=function(e){return e&&e.offsetWidth||0},v=t.getHeight=function(e){return e&&e.offsetHeight||0},y=t.getSwipeDirection=function(e){var t,n,r,i,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return t=e.startX-e.curX,n=e.startY-e.curY,r=Math.atan2(n,t),i=Math.round(180*r/Math.PI),i<0&&(i=360-Math.abs(i)),i<=45&&i>=0||i<=360&&i>=315?"left":i>=135&&i<=225?"right":o===!0?i>=35&&i<=135?"up":"down":"vertical"},g=t.canGoNext=function(e){var t=!0;return e.infinite||(e.centerMode&&e.currentSlide>=e.slideCount-1?t=!1:(e.slideCount<=e.slidesToShow||e.currentSlide>=e.slideCount-e.slidesToShow)&&(t=!1)),t},S=(t.extractObject=function(e,t){var n={};return t.forEach(function(t){return n[t]=e[t]}),n},t.initializedState=function(e){var t=s.default.Children.count(e.children),n=Math.ceil(h(l.default.findDOMNode(e.listRef))),r=Math.ceil(h(l.default.findDOMNode(e.trackRef))),i=void 0;if(e.vertical)i=n;else{var o=e.centerMode&&2*parseInt(e.centerPadding);"string"==typeof e.centerPadding&&"%"===e.centerPadding.slice(-1)&&(o*=n/100),i=Math.ceil((n-o)/e.slidesToShow)}var a=l.default.findDOMNode(e.listRef)&&v(l.default.findDOMNode(e.listRef).querySelector('[data-index="0"]')),u=a*e.slidesToShow,d=void 0===e.currentSlide?e.initialSlide:e.currentSlide;e.rtl&&void 0===e.currentSlide&&(d=t-1-e.initialSlide);var p=e.lazyLoadedList||[],f=c({currentSlide:d,lazyLoadedList:p},e);p.concat(f);var y={slideCount:t,slideWidth:i,listWidth:n,trackWidth:r,currentSlide:d,slideHeight:a,listHeight:u,lazyLoadedList:p};return null===e.autoplaying&&e.autoplay&&(y.autoplaying="playing"),y},t.slideHandler=function(e){var t=e.waitForAnimate,n=e.animating,r=e.fade,o=e.infinite,s=e.index,a=e.slideCount,l=e.lazyLoadedList,u=e.lazyLoad,d=e.currentSlide,p=e.centerMode,f=e.slidesToScroll,h=e.slidesToShow,v=e.useCSS;if(t&&n)return{};var y=s,S=void 0,w=void 0,m=void 0,b={},_={};if(r){if(!o&&(s<0||s>=a))return{};s<0?y=s+a:s>=a&&(y=s-a),u&&l.indexOf(y)<0&&l.push(y),b={animating:!0,currentSlide:y,lazyLoadedList:l},_={animating:!1}}else S=y,y<0?(S=y+a,o?a%f!==0&&(S=a-a%f):S=0):!g(e)&&y>d?y=S=d:p&&y>=a?(y=o?a:a-1,S=o?0:a-1):y>=a&&(S=y-a,o?a%f!==0&&(S=0):S=a-h),w=O(i({},e,{slideIndex:y})),m=O(i({},e,{slideIndex:S})),o||(w===m&&(y=S),w=m),u&&l.concat(c(i({},e,{currentSlide:y}))),v?(b={animating:!0,currentSlide:S,trackStyle:T(i({},e,{left:w})),lazyLoadedList:l},_={animating:!1,currentSlide:S,trackStyle:k(i({},e,{left:m})),swipeLeft:null}):b={currentSlide:S,trackStyle:k(i({},e,{left:m})),lazyLoadedList:l};return{state:b,nextState:_}},t.changeSlide=function(e,t){var n,r,o,s,a,l=e.slidesToScroll,c=e.slidesToShow,u=e.slideCount,d=e.currentSlide,p=e.lazyLoad,f=e.infinite;if(s=u%l!==0,n=s?0:(u-d)%l,"previous"===t.message)o=0===n?l:c-n,a=d-o,p&&!f&&(r=d-o,a=r===-1?u-1:r);else if("next"===t.message)o=0===n?l:n,a=d+o,p&&!f&&(a=(d+l)%u+n);else if("dots"===t.message){if(a=t.index*t.slidesToScroll,a===t.currentSlide)return null}else if("children"===t.message){if(a=t.index,a===t.currentSlide)return null;if(f){var h=M(i({},e,{targetSlide:a}));a>t.currentSlide&&"left"===h?a-=u:a<t.currentSlide&&"right"===h&&(a+=u)}}else if("index"===t.message&&(a=Number(t.index),a===t.currentSlide))return null;return a},t.keyHandler=function(e,t,n){return e.target.tagName.match("TEXTAREA|INPUT|SELECT")||!t?"":37===e.keyCode?n?"next":"previous":39===e.keyCode?n?"previous":"next":""},t.swipeStart=function(e,t,n){return"IMG"===e.target.tagName&&e.preventDefault(),!t||!n&&e.type.indexOf("mouse")!==-1?"":{dragging:!0,touchObject:{startX:e.touches?e.touches[0].pageX:e.clientX,startY:e.touches?e.touches[0].pageY:e.clientY,curX:e.touches?e.touches[0].pageX:e.clientX,curY:e.touches?e.touches[0].pageY:e.clientY}}},t.swipeMove=function(e,t){var n=t.scrolling,r=t.animating,o=t.vertical,s=t.swipeToSlide,a=t.verticalSwiping,l=t.rtl,c=t.currentSlide,u=t.edgeFriction,d=t.edgeDragged,p=t.onEdge,f=t.swiped,h=t.swiping,v=t.slideCount,S=t.slidesToScroll,w=t.infinite,m=t.touchObject,b=t.swipeEvent,T=t.listHeight,_=t.listWidth;if(!n){if(r)return e.preventDefault();o&&s&&a&&e.preventDefault();var x=void 0,E={},M=O(t);m.curX=e.touches?e.touches[0].pageX:e.clientX,m.curY=e.touches?e.touches[0].pageY:e.clientY,m.swipeLength=Math.round(Math.sqrt(Math.pow(m.curX-m.startX,2)));var L=Math.round(Math.sqrt(Math.pow(m.curY-m.startY,2)));if(!a&&!h&&L>10)return{scrolling:!0};a&&(m.swipeLength=L);var C=(l?-1:1)*(m.curX>m.startX?1:-1);a&&(C=m.curY>m.startY?1:-1);var z=Math.ceil(v/S),R=y(t.touchObject,a),P=m.swipeLength;return w||(0===c&&"right"===R||c+1>=z&&"left"===R||!g(t)&&"left"===R)&&(P=m.swipeLength*u,d===!1&&p&&(p(R),E.edgeDragged=!0)),!f&&b&&(b(R),E.swiped=!0),x=o?M+P*(T/_)*C:l?M-P*C:M+P*C,a&&(x=M+P*C),E=i({},E,{touchObject:m,swipeLeft:x,trackStyle:k(i({},t,{left:x}))}),Math.abs(m.curX-m.startX)<.8*Math.abs(m.curY-m.startY)?E:(m.swipeLength>10&&(E.swiping=!0,e.preventDefault()),E)}},t.swipeEnd=function(e,t){var n=t.dragging,r=t.swipe,o=t.touchObject,s=t.listWidth,a=t.touchThreshold,l=t.verticalSwiping,c=t.listHeight,u=t.currentSlide,d=t.swipeToSlide,p=t.scrolling,f=t.onSwipe;if(!n)return r&&e.preventDefault(),{};var h=l?c/a:s/a,v=y(o,l),g={dragging:!1,edgeDragged:!1,scrolling:!1,swiping:!1,swiped:!1,swipeLeft:null,touchObject:{}};if(p)return g;if(!o.swipeLength)return g;if(o.swipeLength>h){e.preventDefault(),f&&f(v);var S=void 0,b=void 0;switch(v){case"left":case"up":b=u+m(t),S=d?w(t,b):b,g.currentDirection=0;break;case"right":case"down":b=u-m(t),S=d?w(t,b):b,g.currentDirection=1;break;default:S=u}g.triggerSlideHandler=S}else{var k=O(t);g.trackStyle=T(i({},t,{left:k}))}return g},t.getNavigableIndexes=function(e){for(var t=e.infinite?2*e.slideCount:e.slideCount,n=e.infinite?e.slidesToShow*-1:0,r=e.infinite?e.slidesToShow*-1:0,i=[];n<t;)i.push(n),n=r+e.slidesToScroll,r+=Math.min(e.slidesToScroll,e.slidesToShow);return i}),w=t.checkNavigable=function(e,t){var n=S(e),r=0;if(t>n[n.length-1])t=n[n.length-1];else for(var i in n){if(t<n[i]){t=r;break}r=n[i]}return t},m=t.getSlideCount=function(e){var t=e.centerMode?e.slideWidth*Math.floor(e.slidesToShow/2):0;if(e.swipeToSlide){var n=void 0,r=l.default.findDOMNode(e.listRef),i=r.querySelectorAll(".slick-slide");if(Array.from(i).every(function(r){if(e.vertical){if(r.offsetTop+v(r)/2>e.swipeLeft*-1)return n=r,!1}else if(r.offsetLeft-t+h(r)/2>e.swipeLeft*-1)return n=r,!1;return!0}),!n)return 0;var o=e.rtl===!0?e.slideCount-e.currentSlide:e.currentSlide,s=Math.abs(n.dataset.index-o)||1;return s}return e.slidesToScroll},b=t.checkSpecKeys=function(e,t){return t.reduce(function(t,n){return t&&e.hasOwnProperty(n)},!0)?null:console.error("Keys Missing:",e)},k=t.getTrackCSS=function(e){b(e,["left","variableWidth","slideCount","slidesToShow","slideWidth"]);var t=void 0,n=void 0,r=e.slideCount+2*e.slidesToShow;e.vertical?n=r*e.slideHeight:t=E(e)*e.slideWidth;var o={opacity:1,transition:"",WebkitTransition:""};if(e.useTransform){var s=e.vertical?"translate3d(0px, "+e.left+"px, 0px)":"translate3d("+e.left+"px, 0px, 0px)",a=e.vertical?"translate3d(0px, "+e.left+"px, 0px)":"translate3d("+e.left+"px, 0px, 0px)",l=e.vertical?"translateY("+e.left+"px)":"translateX("+e.left+"px)";o=i({},o,{WebkitTransform:s,transform:a,msTransform:l})}else e.vertical?o.top=e.left:o.left=e.left;return e.fade&&(o={opacity:1}),t&&(o.width=t),n&&(o.height=n),window&&!window.addEventListener&&window.attachEvent&&(e.vertical?o.marginTop=e.left+"px":o.marginLeft=e.left+"px"),o},T=t.getTrackAnimateCSS=function(e){b(e,["left","variableWidth","slideCount","slidesToShow","slideWidth","speed","cssEase"]);var t=k(e);return e.useTransform?(t.WebkitTransition="-webkit-transform "+e.speed+"ms "+e.cssEase,t.transition="transform "+e.speed+"ms "+e.cssEase):e.vertical?t.transition="top "+e.speed+"ms "+e.cssEase:t.transition="left "+e.speed+"ms "+e.cssEase,t},O=t.getTrackLeft=function(e){if(e.unslick)return 0;b(e,["slideIndex","trackRef","infinite","centerMode","slideCount","slidesToShow","slidesToScroll","slideWidth","listWidth","variableWidth","slideHeight"]);var t,n,r=e.slideIndex,i=e.trackRef,o=e.infinite,s=e.centerMode,a=e.slideCount,c=e.slidesToShow,u=e.slidesToScroll,d=e.slideWidth,p=e.listWidth,f=e.variableWidth,h=e.slideHeight,v=e.fade,y=e.vertical,g=0,S=0;if(v||1===e.slideCount)return 0;var w=0;if(o?(w=-_(e),a%u!==0&&r+u>a&&(w=-(r>a?c-(r-a):a%u)),s&&(w+=parseInt(c/2))):(a%u!==0&&r+u>a&&(w=c-a%u),s&&(w=parseInt(c/2))),g=w*d,S=w*h,t=y?r*h*-1+S:r*d*-1+g,f===!0){var m,k=l.default.findDOMNode(i);if(m=r+_(e),n=k&&k.childNodes[m],t=n?n.offsetLeft*-1:0,s===!0){m=o?r+_(e):r,n=k&&k.children[m],t=0;for(var T=0;T<m;T++)t-=k&&k.children[T]&&k.children[T].offsetWidth;t-=parseInt(e.centerPadding),t+=n&&(p-n.offsetWidth)/2}}return t},_=t.getPreClones=function(e){return e.unslick||!e.infinite?0:e.variableWidth?e.slideCount:e.slidesToShow+(e.centerMode?1:0)},x=t.getPostClones=function(e){return e.unslick||!e.infinite?0:e.slideCount},E=t.getTotalSlides=function(e){return 1===e.slideCount?1:_(e)+e.slideCount+x(e)},M=t.siblingDirection=function(e){return e.targetSlide>e.currentSlide?e.targetSlide>e.currentSlide+L(e)?"left":"right":e.targetSlide<e.currentSlide-C(e)?"right":"left"},L=t.slidesOnRight=function(e){var t=e.slidesToShow,n=e.centerMode,r=e.rtl,i=e.centerPadding;if(n){var o=(t-1)/2+1;return parseInt(i)>0&&(o+=1),r&&t%2===0&&(o+=1),o}return r?0:t-1},C=t.slidesOnLeft=function(e){var t=e.slidesToShow,n=e.centerMode,r=e.rtl,i=e.centerPadding;if(n){var o=(t-1)/2+1;return parseInt(i)>0&&(o+=1),r||t%2!==0||(o+=1),o}return r?t-1:0};t.canUseDOM=function(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0,t.Track=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(2),c=r(l),u=n(7),d=r(u),p=n(8),f=function(e){var t,n,r,i,o;o=e.rtl?e.slideCount-1-e.index:e.index,r=o<0||o>=e.slideCount,e.centerMode?(i=Math.floor(e.slidesToShow/2),n=(o-e.currentSlide)%e.slideCount===0,o>e.currentSlide-i-1&&o<=e.currentSlide+i&&(t=!0)):t=e.currentSlide<=o&&o<e.currentSlide+e.slidesToShow;var s=o===e.currentSlide;return{"slick-slide":!0,"slick-active":t,"slick-center":n,"slick-cloned":r,"slick-current":s}},h=function(e){var t={};return void 0!==e.variableWidth&&e.variableWidth!==!1||(t.width=e.slideWidth),e.fade&&(t.position="relative",e.vertical?t.top=-e.index*parseInt(e.slideHeight):t.left=-e.index*parseInt(e.slideWidth),t.opacity=e.currentSlide===e.index?1:0,t.transition="opacity "+e.speed+"ms "+e.cssEase+", visibility "+e.speed+"ms "+e.cssEase,t.WebkitTransition="opacity "+e.speed+"ms "+e.cssEase+", visibility "+e.speed+"ms "+e.cssEase),t},v=function(e,t){return e.key||t},y=function(e){var t,n=[],r=[],i=[],o=c.default.Children.count(e.children),s=(0,p.lazyStartIndex)(e),l=(0,p.lazyEndIndex)(e);return c.default.Children.forEach(e.children,function(u,y){var g=void 0,S={message:"children",index:y,slidesToScroll:e.slidesToScroll,currentSlide:e.currentSlide};g=!e.lazyLoad||e.lazyLoad&&e.lazyLoadedList.indexOf(y)>=0?u:c.default.createElement("div",null);var w=h(a({},e,{index:y})),m=g.props.className||"",b=f(a({},e,{index:y}));if(n.push(c.default.cloneElement(g,{key:"original"+v(g,y),"data-index":y,className:(0,d.default)(b,m),tabIndex:"-1","aria-hidden":!b["slick-active"],style:a({outline:"none"},g.props.style||{},w),onClick:function(t){g.props&&g.props.onClick&&g.props.onClick(t),e.focusOnSelect&&e.focusOnSelect(S)}})),e.infinite&&e.fade===!1){var k=o-y;k<=(0,p.getPreClones)(e)&&o!==e.slidesToShow&&(t=-k,t>=s&&(g=u),b=f(a({},e,{index:t})),r.push(c.default.cloneElement(g,{key:"precloned"+v(g,t),"data-index":t,tabIndex:"-1",className:(0,d.default)(b,m),"aria-hidden":!b["slick-active"],style:a({},g.props.style||{},w),onClick:function(t){g.props&&g.props.onClick&&g.props.onClick(t),e.focusOnSelect&&e.focusOnSelect(S)}}))),o!==e.slidesToShow&&(t=o+y,t<l&&(g=u),b=f(a({},e,{index:t})),i.push(c.default.cloneElement(g,{key:"postcloned"+v(g,t),"data-index":t,tabIndex:"-1",className:(0,d.default)(b,m),"aria-hidden":!b["slick-active"],style:a({},g.props.style||{},w),onClick:function(t){g.props&&g.props.onClick&&g.props.onClick(t),e.focusOnSelect&&e.focusOnSelect(S)}})))}}),e.rtl?r.concat(n,i).reverse():r.concat(n,i)};t.Track=function(e){function t(){return i(this,t),o(this,e.apply(this,arguments))}return s(t,e),t.prototype.render=function(){var e=y(this.props),t=this.props,n=t.onMouseEnter,r=t.onMouseOver,i=t.onMouseLeave,o={onMouseEnter:n,onMouseOver:r,onMouseLeave:i};return c.default.createElement("div",a({className:"slick-track",style:this.props.trackStyle},o),e)},t}(c.default.PureComponent)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0,t.Dots=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(2),c=r(l),u=n(7),d=r(u),p=function(e){var t;return t=e.infinite?Math.ceil(e.slideCount/e.slidesToScroll):Math.ceil((e.slideCount-e.slidesToShow)/e.slidesToScroll)+1};t.Dots=function(e){function t(){return i(this,t),o(this,e.apply(this,arguments))}return s(t,e),t.prototype.clickHandler=function(e,t){t.preventDefault(),this.props.clickHandler(e)},t.prototype.render=function(){var e=this,t=p({slideCount:this.props.slideCount,slidesToScroll:this.props.slidesToScroll,slidesToShow:this.props.slidesToShow,infinite:this.props.infinite}),n=this.props,r=n.onMouseEnter,i=n.onMouseOver,o=n.onMouseLeave,s={onMouseEnter:r,onMouseOver:i,onMouseLeave:o},l=Array.apply(null,Array(t+1).join("0").split("")).map(function(t,n){var r=n*e.props.slidesToScroll,i=n*e.props.slidesToScroll+(e.props.slidesToScroll-1),o=(0,d.default)({"slick-active":e.props.currentSlide>=r&&e.props.currentSlide<=i}),s={message:"dots",index:n,slidesToScroll:e.props.slidesToScroll,currentSlide:e.props.currentSlide},a=e.clickHandler.bind(e,s);return c.default.createElement("li",{key:n,className:o},c.default.cloneElement(e.props.customPaging(n),{onClick:a}))});return c.default.cloneElement(this.props.appendDots(l),a({className:this.props.dotsClass},s))},t}(c.default.PureComponent)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0,t.NextArrow=t.PrevArrow=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(2),c=r(l),u=n(7),d=r(u),p=n(8);t.PrevArrow=function(e){function t(){return i(this,t),o(this,e.apply(this,arguments))}return s(t,e),t.prototype.clickHandler=function(e,t){t&&t.preventDefault(),this.props.clickHandler(e,t)},t.prototype.render=function(){var e={"slick-arrow":!0,"slick-prev":!0},t=this.clickHandler.bind(this,{message:"previous"});!this.props.infinite&&(0===this.props.currentSlide||this.props.slideCount<=this.props.slidesToShow)&&(e["slick-disabled"]=!0,t=null);var n={key:"0","data-role":"none",className:(0,d.default)(e),style:{display:"block"},onClick:t},r={currentSlide:this.props.currentSlide,slideCount:this.props.slideCount},i=void 0;return i=this.props.prevArrow?c.default.cloneElement(this.props.prevArrow,a({},n,r)):c.default.createElement("button",a({key:"0",type:"button"},n)," ","Previous")},t}(c.default.PureComponent),t.NextArrow=function(e){function t(){return i(this,t),o(this,e.apply(this,arguments))}return s(t,e),t.prototype.clickHandler=function(e,t){t&&t.preventDefault(),this.props.clickHandler(e,t)},t.prototype.render=function(){var e={"slick-arrow":!0,"slick-next":!0},t=this.clickHandler.bind(this,{message:"next"});(0,p.canGoNext)(this.props)||(e["slick-disabled"]=!0,t=null);var n={key:"1","data-role":"none",className:(0,d.default)(e),style:{display:"block"},onClick:t},r={currentSlide:this.props.currentSlide,slideCount:this.props.slideCount},i=void 0;return i=this.props.nextArrow?c.default.cloneElement(this.props.nextArrow,a({},n,r)):c.default.createElement("button",a({key:"1",type:"button"},n)," ","Next")},t}(c.default.PureComponent)},function(e,t,n){(function(t){!function(t,n){e.exports=n()}(this,function(){"use strict";function e(e){return parseFloat(e)||0}function n(t){for(var n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return n.reduce(function(n,r){var i=t["border-"+r+"-width"];return n+e(i)},0)}function r(t){for(var n=["top","right","bottom","left"],r={},i=0,o=n;i<o.length;i+=1){var s=o[i],a=t["padding-"+s];r[s]=e(a)}return r}function i(e){var t=e.getBBox();return c(0,0,t.width,t.height)}function o(t){var i=t.clientWidth,o=t.clientHeight;if(!i&&!o)return k;var a=b(t).getComputedStyle(t),l=r(a),u=l.left+l.right,d=l.top+l.bottom,p=e(a.width),f=e(a.height);if("border-box"===a.boxSizing&&(Math.round(p+u)!==i&&(p-=n(a,"left","right")+u),Math.round(f+d)!==o&&(f-=n(a,"top","bottom")+d)),!s(t)){var h=Math.round(p+u)-i,v=Math.round(f+d)-o;1!==Math.abs(h)&&(p-=h),1!==Math.abs(v)&&(f-=v)}return c(l.left,l.top,p,f)}function s(e){return e===b(e).document.documentElement}function a(e){return d?T(e)?i(e):o(e):k}function l(e){var t=e.x,n=e.y,r=e.width,i=e.height,o="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,s=Object.create(o.prototype);return m(s,{x:t,y:n,width:r,height:i,top:n,right:t+r,bottom:i+n,left:t}),s}function c(e,t,n,r){return{x:e,y:t,width:n,height:r}}var u=function(){function e(e,t){var n=-1;return e.some(function(e,r){return e[0]===t&&(n=r,!0)}),n}return"undefined"!=typeof Map?Map:function(){function t(){this.__entries__=[]}var n={size:{configurable:!0}};return n.size.get=function(){return this.__entries__.length},t.prototype.get=function(t){var n=e(this.__entries__,t),r=this.__entries__[n];return r&&r[1]},t.prototype.set=function(t,n){var r=e(this.__entries__,t);~r?this.__entries__[r][1]=n:this.__entries__.push([t,n])},t.prototype.delete=function(t){var n=this.__entries__,r=e(n,t);~r&&n.splice(r,1)},t.prototype.has=function(t){return!!~e(this.__entries__,t)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(e,t){var n=this;void 0===t&&(t=null);for(var r=0,i=n.__entries__;r<i.length;r+=1){var o=i[r];e.call(t,o[1],o[0])}},Object.defineProperties(t.prototype,n),t}()}(),d="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,p=function(){return"undefined"!=typeof t&&t.Math===Math?t:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")()}(),f=function(){return"function"==typeof requestAnimationFrame?requestAnimationFrame.bind(p):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}}(),h=2,v=function(e,t){function n(){o&&(o=!1,e()),s&&i()}function r(){f(n)}function i(){var e=Date.now();if(o){if(e-a<h)return;s=!0}else o=!0,s=!1,setTimeout(r,t);a=e}var o=!1,s=!1,a=0;return i},y=20,g=["top","right","bottom","left","width","height","size","weight"],S="undefined"!=typeof MutationObserver,w=function(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=v(this.refresh.bind(this),y)};w.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_()},w.prototype.removeObserver=function(e){var t=this.observers_,n=t.indexOf(e);~n&&t.splice(n,1),!t.length&&this.connected_&&this.disconnect_()},w.prototype.refresh=function(){var e=this.updateObservers_();e&&this.refresh()},w.prototype.updateObservers_=function(){var e=this.observers_.filter(function(e){return e.gatherActive(),e.hasActive()});return e.forEach(function(e){return e.broadcastActive()}),e.length>0},w.prototype.connect_=function(){d&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),S?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},w.prototype.disconnect_=function(){d&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},w.prototype.onTransitionEnd_=function(e){var t=e.propertyName;void 0===t&&(t="");var n=g.some(function(e){return!!~t.indexOf(e)});n&&this.refresh()},w.getInstance=function(){return this.instance_||(this.instance_=new w),this.instance_},w.instance_=null;var m=function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n+=1){var i=r[n];Object.defineProperty(e,i,{value:t[i],enumerable:!1,writable:!1,configurable:!0})}return e},b=function(e){var t=e&&e.ownerDocument&&e.ownerDocument.defaultView;return t||p},k=c(0,0,0,0),T=function(){return"undefined"!=typeof SVGGraphicsElement?function(e){return e instanceof b(e).SVGGraphicsElement}:function(e){return e instanceof b(e).SVGElement&&"function"==typeof e.getBBox}}(),O=function(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=c(0,0,0,0),this.target=e};O.prototype.isActive=function(){var e=a(this.target);return this.contentRect_=e,e.width!==this.broadcastWidth||e.height!==this.broadcastHeight},O.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e};var _=function(e,t){var n=l(t);m(this,{target:e,contentRect:n})},x=function(e,t,n){if(this.activeObservations_=[],this.observations_=new u,"function"!=typeof e)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=e,this.controller_=t,this.callbackCtx_=n};x.prototype.observe=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof b(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)||(t.set(e,new O(e)),this.controller_.addObserver(this),this.controller_.refresh())}},x.prototype.unobserve=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof b(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)&&(t.delete(e),t.size||this.controller_.removeObserver(this))}},x.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},x.prototype.gatherActive=function(){var e=this;this.clearActive(),this.observations_.forEach(function(t){t.isActive()&&e.activeObservations_.push(t)})},x.prototype.broadcastActive=function(){if(this.hasActive()){var e=this.callbackCtx_,t=this.activeObservations_.map(function(e){return new _(e.target,e.broadcastRect())});this.callback_.call(e,t,e),this.clearActive()}},x.prototype.clearActive=function(){this.activeObservations_.splice(0)},x.prototype.hasActive=function(){return this.activeObservations_.length>0};var E="undefined"!=typeof WeakMap?new WeakMap:new u,M=function(e){if(!(this instanceof M))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var t=w.getInstance(),n=new x(e,t,this);E.set(this,n)};["observe","unobserve","disconnect"].forEach(function(e){M.prototype[e]=function(){return(t=E.get(this))[e].apply(t,arguments);var t}});var L=function(){return"undefined"!=typeof p.ResizeObserver?p.ResizeObserver:M}();return L})}).call(t,function(){return this}())},function(e,t,n){var r=n(14),i=function(e){var t=/[height|width]$/;return t.test(e)},o=function(e){var t="",n=Object.keys(e);return n.forEach(function(o,s){var a=e[o];o=r(o),i(o)&&"number"==typeof a&&(a+="px"),t+=a===!0?o:a===!1?"not "+o:"("+o+": "+a+")",s<n.length-1&&(t+=" and ")}),t},s=function(e){var t="";return"string"==typeof e?e:e instanceof Array?(e.forEach(function(n,r){t+=o(n),r<e.length-1&&(t+=", ")}),t):o(e)};e.exports=s},function(e,t){var n=function(e){return e.replace(/[A-Z]/g,function(e){return"-"+e.toLowerCase()}).toLowerCase()};e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var i=n(2),o=r(i),s={accessibility:!0,adaptiveHeight:!1,afterChange:null,appendDots:function(e){return o.default.createElement("ul",{style:{display:"block"}},e)},arrows:!0,autoplay:!1,autoplaySpeed:3e3,beforeChange:null,centerMode:!1,centerPadding:"50px",className:"",cssEase:"ease",customPaging:function(e){return o.default.createElement("button",null,e+1)},dots:!1,dotsClass:"slick-dots",draggable:!0,easing:"linear",edgeFriction:.35,fade:!1,focusOnSelect:!1,infinite:!0,initialSlide:0,lazyLoad:null,nextArrow:null,onEdge:null,onInit:null,onLazyLoadError:null,onReInit:null,pauseOnDotsHover:!1,pauseOnFocus:!1,pauseOnHover:!0,prevArrow:null,responsive:null,rows:1,rtl:!1,slide:"div",slidesPerRow:1,slidesToScroll:1,slidesToShow:1,speed:500,swipe:!0,swipeEvent:null,swipeToSlide:!1,touchMove:!0,touchThreshold:5,useCSS:!0,useTransform:!0,variableWidth:!1,vertical:!1,waitForAnimate:!0};t.default=s},function(e,t,n){var r=n(17);e.exports=new r},function(e,t,n){function r(){if(!window.matchMedia)throw new Error("matchMedia not present, legacy browsers require a polyfill");this.queries={},this.browserIsIncapable=!window.matchMedia("only all").matches}var i=n(18),o=n(20),s=o.each,a=o.isFunction,l=o.isArray;r.prototype={constructor:r,register:function(e,t,n){var r=this.queries,o=n&&this.browserIsIncapable;return r[e]||(r[e]=new i(e,o)),a(t)&&(t={match:t}),l(t)||(t=[t]),s(t,function(t){a(t)&&(t={match:t}),r[e].addHandler(t)}),this},unregister:function(e,t){var n=this.queries[e];return n&&(t?n.removeHandler(t):(n.clear(),delete this.queries[e])),this}},e.exports=r},function(e,t,n){function r(e,t){this.query=e,this.isUnconditional=t,this.handlers=[],this.mql=window.matchMedia(e);var n=this;this.listener=function(e){n.mql=e.currentTarget||e,n.assess()},this.mql.addListener(this.listener)}var i=n(19),o=n(20).each;r.prototype={constuctor:r,addHandler:function(e){var t=new i(e);this.handlers.push(t),this.matches()&&t.on()},removeHandler:function(e){var t=this.handlers;o(t,function(n,r){if(n.equals(e))return n.destroy(),!t.splice(r,1)})},matches:function(){return this.mql.matches||this.isUnconditional},clear:function(){o(this.handlers,function(e){e.destroy()}),this.mql.removeListener(this.listener),this.handlers.length=0},assess:function(){var e=this.matches()?"on":"off";o(this.handlers,function(t){t[e]()})}},e.exports=r},function(e,t){function n(e){this.options=e,!e.deferSetup&&this.setup()}n.prototype={constructor:n,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(e){return this.options===e||this.options.match===e}},e.exports=n},function(e,t){function n(e,t){var n,r=0,i=e.length;for(r;r<i&&(n=t(e[r],r),n!==!1);r++);}function r(e){return"[object Array]"===Object.prototype.toString.apply(e)}function i(e){return"function"==typeof e}e.exports={isFunction:i,isArray:r,each:n}}])});

lib/arrows.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -8,14 +8,12 @@ exports.__esModule = true;
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _classnames = require('classnames');
+var _classnames = require("classnames");
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-var _helpers = require('./mixins/helpers');
+var _innerSliderUtils = require("./utils/innerSliderUtils");
 
-var _helpers2 = _interopRequireDefault(_helpers);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -29,4 +27,4 @@
 
-var PrevArrow = exports.PrevArrow = function (_React$Component) {
-  _inherits(PrevArrow, _React$Component);
+var PrevArrow = exports.PrevArrow = function (_React$PureComponent) {
+  _inherits(PrevArrow, _React$PureComponent);
 
@@ -36,3 +34,3 @@ function PrevArrow() {
 
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
+    return _possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
   }
@@ -48,7 +46,7 @@
   PrevArrow.prototype.render = function render() {
-    var prevClasses = { 'slick-arrow': true, 'slick-prev': true };
-    var prevHandler = this.clickHandler.bind(this, { message: 'previous' });
+    var prevClasses = { "slick-arrow": true, "slick-prev": true };
+    var prevHandler = this.clickHandler.bind(this, { message: "previous" });
 
     if (!this.props.infinite && (this.props.currentSlide === 0 || this.props.slideCount <= this.props.slidesToShow)) {
-      prevClasses['slick-disabled'] = true;
+      prevClasses["slick-disabled"] = true;
       prevHandler = null;
@@ -58,6 +56,6 @@ }
     var prevArrowProps = {
-      key: '0',
-      'data-role': 'none',
+      key: "0",
+      "data-role": "none",
       className: (0, _classnames2.default)(prevClasses),
-      style: { display: 'block' },
+      style: { display: "block" },
       onClick: prevHandler
@@ -75,5 +73,6 @@ };
       prevArrow = _react2.default.createElement(
-        'button',
-        _extends({ key: '0', type: 'button' }, prevArrowProps),
-        ' Previous'
+        "button",
+        _extends({ key: "0", type: "button" }, prevArrowProps),
+        " ",
+        "Previous"
       );
@@ -86,6 +85,6 @@ }
   return PrevArrow;
-}(_react2.default.Component);
+}(_react2.default.PureComponent);
 
-var NextArrow = exports.NextArrow = function (_React$Component2) {
-  _inherits(NextArrow, _React$Component2);
+var NextArrow = exports.NextArrow = function (_React$PureComponent2) {
+  _inherits(NextArrow, _React$PureComponent2);
 
@@ -95,3 +94,3 @@ function NextArrow() {
 
-    return _possibleConstructorReturn(this, _React$Component2.apply(this, arguments));
+    return _possibleConstructorReturn(this, _React$PureComponent2.apply(this, arguments));
   }
@@ -107,7 +106,7 @@
   NextArrow.prototype.render = function render() {
-    var nextClasses = { 'slick-arrow': true, 'slick-next': true };
-    var nextHandler = this.clickHandler.bind(this, { message: 'next' });
+    var nextClasses = { "slick-arrow": true, "slick-next": true };
+    var nextHandler = this.clickHandler.bind(this, { message: "next" });
 
-    if (!_helpers2.default.canGoNext(this.props)) {
-      nextClasses['slick-disabled'] = true;
+    if (!(0, _innerSliderUtils.canGoNext)(this.props)) {
+      nextClasses["slick-disabled"] = true;
       nextHandler = null;
@@ -117,6 +116,6 @@ }
     var nextArrowProps = {
-      key: '1',
-      'data-role': 'none',
+      key: "1",
+      "data-role": "none",
       className: (0, _classnames2.default)(nextClasses),
-      style: { display: 'block' },
+      style: { display: "block" },
       onClick: nextHandler
@@ -134,5 +133,6 @@ };
       nextArrow = _react2.default.createElement(
-        'button',
-        _extends({ key: '1', type: 'button' }, nextArrowProps),
-        ' Next'
+        "button",
+        _extends({ key: "1", type: "button" }, nextArrowProps),
+        " ",
+        "Next"
       );
@@ -145,2 +145,2 @@ }
   return NextArrow;
-}(_react2.default.Component);
+}(_react2.default.PureComponent);

lib/default-props.js

@@ -1,5 +0,7 @@
-'use strict';
+"use strict";
 
-var _react = require('react');
+exports.__esModule = true;
 
+var _react = require("react");
+
 var _react2 = _interopRequireDefault(_react);
@@ -10,53 +12,66 @@
 var defaultProps = {
-    className: '',
-    accessibility: true,
-    adaptiveHeight: false,
-    arrows: true,
-    autoplay: false,
-    autoplaySpeed: 3000,
-    centerMode: false,
-    centerPadding: '50px',
-    cssEase: 'ease',
-    customPaging: function customPaging(i) {
-        return _react2.default.createElement(
-            'button',
-            null,
-            i + 1
-        );
-    },
-    dots: false,
-    dotsClass: 'slick-dots',
-    draggable: true,
-    easing: 'linear',
-    edgeFriction: 0.35,
-    fade: false,
-    focusOnSelect: false,
-    infinite: true,
-    initialSlide: 0,
-    lazyLoad: false,
-    pauseOnHover: true,
-    responsive: null,
-    rtl: false,
-    slide: 'div',
-    slidesToShow: 1,
-    slidesToScroll: 1,
-    speed: 500,
-    swipe: true,
-    swipeToSlide: false,
-    touchMove: true,
-    touchThreshold: 5,
-    useCSS: true,
-    variableWidth: false,
-    vertical: false,
-    waitForAnimate: true,
-    afterChange: null,
-    beforeChange: null,
-    edgeEvent: null,
-    init: null,
-    swipeEvent: null,
-    // nextArrow, prevArrow are react componets
-    nextArrow: null,
-    prevArrow: null
+  accessibility: true,
+  adaptiveHeight: false,
+  afterChange: null,
+  appendDots: function appendDots(dots) {
+    return _react2.default.createElement(
+      "ul",
+      { style: { display: "block" } },
+      dots
+    );
+  },
+  arrows: true,
+  autoplay: false,
+  autoplaySpeed: 3000,
+  beforeChange: null,
+  centerMode: false,
+  centerPadding: "50px",
+  className: "",
+  cssEase: "ease",
+  customPaging: function customPaging(i) {
+    return _react2.default.createElement(
+      "button",
+      null,
+      i + 1
+    );
+  },
+  dots: false,
+  dotsClass: "slick-dots",
+  draggable: true,
+  easing: "linear",
+  edgeFriction: 0.35,
+  fade: false,
+  focusOnSelect: false,
+  infinite: true,
+  initialSlide: 0,
+  lazyLoad: null,
+  nextArrow: null,
+  onEdge: null,
+  onInit: null,
+  onLazyLoadError: null,
+  onReInit: null,
+  pauseOnDotsHover: false,
+  pauseOnFocus: false,
+  pauseOnHover: true,
+  prevArrow: null,
+  responsive: null,
+  rows: 1,
+  rtl: false,
+  slide: "div",
+  slidesPerRow: 1,
+  slidesToScroll: 1,
+  slidesToShow: 1,
+  speed: 500,
+  swipe: true,
+  swipeEvent: null,
+  swipeToSlide: false,
+  touchMove: true,
+  touchThreshold: 5,
+  useCSS: true,
+  useTransform: true,
+  variableWidth: false,
+  vertical: false,
+  waitForAnimate: true
 };
 
-module.exports = defaultProps;
+exports.default = defaultProps;

lib/dots.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,7 +6,9 @@ exports.__esModule = true;
 
-var _react = require('react');
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
+var _react = require("react");
+
 var _react2 = _interopRequireDefault(_react);
 
-var _classnames = require('classnames');
+var _classnames = require("classnames");
 
@@ -25,8 +27,14 @@ var _classnames2 = _interopRequireDefault(_classnames);
   var dots;
-  dots = Math.ceil(spec.slideCount / spec.slidesToScroll);
+
+  if (spec.infinite) {
+    dots = Math.ceil(spec.slideCount / spec.slidesToScroll);
+  } else {
+    dots = Math.ceil((spec.slideCount - spec.slidesToShow) / spec.slidesToScroll) + 1;
+  }
+
   return dots;
 };
 
-var Dots = exports.Dots = function (_React$Component) {
-  _inherits(Dots, _React$Component);
+var Dots = exports.Dots = function (_React$PureComponent) {
+  _inherits(Dots, _React$PureComponent);
 
@@ -36,3 +44,3 @@ function Dots() {
 
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
+    return _possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
   }
@@ -52,3 +60,5 @@
       slideCount: this.props.slideCount,
-      slidesToScroll: this.props.slidesToScroll
+      slidesToScroll: this.props.slidesToScroll,
+      slidesToShow: this.props.slidesToShow,
+      infinite: this.props.infinite
     });
@@ -59,12 +69,17 @@
     // Credit: http://stackoverflow.com/a/13735425/1849458
-    var dots = Array.apply(null, Array(dotCount + 1).join('0').split('')).map(function (x, i) {
+    var _props = this.props,
+        onMouseEnter = _props.onMouseEnter,
+        onMouseOver = _props.onMouseOver,
+        onMouseLeave = _props.onMouseLeave;
 
+    var mouseEvents = { onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave };
+    var dots = Array.apply(null, Array(dotCount + 1).join("0").split("")).map(function (x, i) {
       var leftBound = i * _this2.props.slidesToScroll;
       var rightBound = i * _this2.props.slidesToScroll + (_this2.props.slidesToScroll - 1);
       var className = (0, _classnames2.default)({
-        'slick-active': _this2.props.currentSlide >= leftBound && _this2.props.currentSlide <= rightBound
+        "slick-active": _this2.props.currentSlide >= leftBound && _this2.props.currentSlide <= rightBound
       });
 
       var dotOptions = {
-        message: 'dots',
+        message: "dots",
         index: i,
@@ -76,5 +91,4 @@ slidesToScroll: _this2.props.slidesToScroll,
       var onClick = _this2.clickHandler.bind(_this2, dotOptions);
-
       return _react2.default.createElement(
-        'li',
+        "li",
         { key: i, className: className },
@@ -85,10 +99,8 @@ _react2.default.cloneElement(_this2.props.customPaging(i), { onClick: onClick })
 
-    return _react2.default.createElement(
-      'ul',
-      { className: this.props.dotsClass, style: { display: 'block' } },
-      dots
-    );
+    return _react2.default.cloneElement(this.props.appendDots(dots), _extends({
+      className: this.props.dotsClass
+    }, mouseEvents));
   };
 
   return Dots;
-}(_react2.default.Component);
+}(_react2.default.PureComponent);

lib/index.js

@@ -1,3 +0,11 @@
-'use strict';
+"use strict";
 
-module.exports = require('./slider');
+exports.__esModule = true;
+
+var _slider = require("./slider");
+
+var _slider2 = _interopRequireDefault(_slider);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = _slider2.default;

lib/initial-state.js

 "use strict";
 
+exports.__esModule = true;
 var initialState = {
-    animating: false,
-    dragging: false,
-    autoPlayTimer: null,
-    currentDirection: 0,
-    currentLeft: null,
-    currentSlide: 0,
-    direction: 1,
-    listWidth: null,
-    listHeight: null,
-    scrolling: false,
-    // loadIndex: 0,
-    slideCount: null,
-    slideWidth: null,
-    slideHeight: null,
-    swiping: false,
-    // sliding: false,
-    // slideOffset: 0,
-    swipeLeft: null,
-    touchObject: {
-        startX: 0,
-        startY: 0,
-        curX: 0,
-        curY: 0
-    },
-
-    lazyLoadedList: [],
-
-    // added for react
-    initialized: false,
-    edgeDragged: false,
-    swiped: false, // used by swipeEvent. differentites between touch and swipe.
-    trackStyle: {},
-    trackWidth: 0
-
-    // Removed
-    // transformsEnabled: false,
-    // $nextArrow: null,
-    // $prevArrow: null,
-    // $dots: null,
-    // $list: null,
-    // $slideTrack: null,
-    // $slides: null,
+  animating: false,
+  autoplaying: null,
+  currentDirection: 0,
+  currentLeft: null,
+  currentSlide: 0,
+  direction: 1,
+  dragging: false,
+  edgeDragged: false,
+  initialized: false,
+  lazyLoadedList: [],
+  listHeight: null,
+  listWidth: null,
+  scrolling: false,
+  slideCount: null,
+  slideHeight: null,
+  slideWidth: null,
+  swipeLeft: null,
+  swiped: false, // used by swipeEvent. differentites between touch and swipe.
+  swiping: false,
+  touchObject: { startX: 0, startY: 0, curX: 0, curY: 0 },
+  trackStyle: {},
+  trackWidth: 0
 };
 
-module.exports = initialState;
+exports.default = initialState;

lib/inner-slider.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,278 +6,743 @@ exports.__esModule = true;
 
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _eventHandlers = require('./mixins/event-handlers');
+var _reactDom = require("react-dom");
 
-var _eventHandlers2 = _interopRequireDefault(_eventHandlers);
+var _reactDom2 = _interopRequireDefault(_reactDom);
 
-var _helpers = require('./mixins/helpers');
+var _initialState = require("./initial-state");
 
-var _helpers2 = _interopRequireDefault(_helpers);
+var _initialState2 = _interopRequireDefault(_initialState);
 
-var _initialState = require('./initial-state');
+var _lodash = require("lodash.debounce");
 
-var _initialState2 = _interopRequireDefault(_initialState);
+var _lodash2 = _interopRequireDefault(_lodash);
 
-var _defaultProps = require('./default-props');
+var _classnames = require("classnames");
 
-var _defaultProps2 = _interopRequireDefault(_defaultProps);
+var _classnames2 = _interopRequireDefault(_classnames);
 
-var _createReactClass = require('create-react-class');
+var _innerSliderUtils = require("./utils/innerSliderUtils");
 
-var _createReactClass2 = _interopRequireDefault(_createReactClass);
+var _track = require("./track");
 
-var _classnames = require('classnames');
+var _dots = require("./dots");
 
-var _classnames2 = _interopRequireDefault(_classnames);
+var _arrows = require("./arrows");
 
-var _objectAssign = require('object-assign');
+var _resizeObserverPolyfill = require("resize-observer-polyfill");
 
-var _objectAssign2 = _interopRequireDefault(_objectAssign);
+var _resizeObserverPolyfill2 = _interopRequireDefault(_resizeObserverPolyfill);
 
-var _track = require('./track');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _dots = require('./dots');
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 
-var _arrows = require('./arrows');
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 
-var InnerSlider = exports.InnerSlider = (0, _createReactClass2.default)({
-  displayName: 'InnerSlider',
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-  mixins: [_helpers2.default, _eventHandlers2.default],
-  list: null,
-  track: null,
-  listRefHandler: function listRefHandler(ref) {
-    this.list = ref;
-  },
-  trackRefHandler: function trackRefHandler(ref) {
-    this.track = ref;
-  },
-  getInitialState: function getInitialState() {
-    return _extends({}, _initialState2.default, {
-      currentSlide: this.props.initialSlide
-    });
-  },
-  getDefaultProps: function getDefaultProps() {
-    return _defaultProps2.default;
-  },
-  componentWillMount: function componentWillMount() {
-    if (this.props.init) {
-      this.props.init();
-    }
-    this.setState({
-      mounted: true
-    });
-    var lazyLoadedList = [];
-    for (var i = 0; i < _react2.default.Children.count(this.props.children); i++) {
-      if (i >= this.state.currentSlide && i < this.state.currentSlide + this.props.slidesToShow) {
-        lazyLoadedList.push(i);
+var InnerSlider = exports.InnerSlider = function (_React$Component) {
+  _inherits(InnerSlider, _React$Component);
+
+  function InnerSlider(props) {
+    _classCallCheck(this, InnerSlider);
+
+    var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
+
+    _this.listRefHandler = function (ref) {
+      return _this.list = ref;
+    };
+
+    _this.trackRefHandler = function (ref) {
+      return _this.track = ref;
+    };
+
+    _this.adaptHeight = function () {
+      if (_this.props.adaptiveHeight && _this.list) {
+        var elem = _this.list.querySelector("[data-index=\"" + _this.state.currentSlide + "\"]");
+        _this.list.style.height = (0, _innerSliderUtils.getHeight)(elem) + "px";
       }
-    }
+    };
 
-    if (this.props.lazyLoad && this.state.lazyLoadedList.length === 0) {
-      this.setState({
-        lazyLoadedList: lazyLoadedList
+    _this.componentWillMount = function () {
+      _this.ssrInit();
+      _this.props.onInit && _this.props.onInit();
+      if (_this.props.lazyLoad) {
+        var slidesToLoad = (0, _innerSliderUtils.getOnDemandLazySlides)(_extends({}, _this.props, _this.state));
+        if (slidesToLoad.length > 0) {
+          _this.setState(function (prevState) {
+            return {
+              lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)
+            };
+          });
+          if (_this.props.onLazyLoad) {
+            _this.props.onLazyLoad(slidesToLoad);
+          }
+        }
+      }
+    };
+
+    _this.componentDidMount = function () {
+      var spec = _extends({ listRef: _this.list, trackRef: _this.track }, _this.props);
+      _this.updateState(spec, true, function () {
+        _this.adaptHeight();
+        _this.props.autoplay && _this.autoPlay("update");
       });
-    }
-  },
-  componentDidMount: function componentDidMount() {
-    // Hack for autoplay -- Inspect Later
-    this.initialize(this.props);
-    this.adaptHeight();
+      if (_this.props.lazyLoad === "progressive") {
+        _this.lazyLoadTimer = setInterval(_this.progressiveLazyLoad, 1000);
+      }
+      _this.ro = new _resizeObserverPolyfill2.default(function (entries) {
+        if (_this.state.animating) {
+          _this.onWindowResized(false); // don't set trackStyle hence don't break animation
+          _this.callbackTimers.push(setTimeout(function () {
+            return _this.onWindowResized();
+          }, _this.props.speed));
+        } else {
+          _this.onWindowResized();
+        }
 
-    // To support server-side rendering
-    if (!window) {
-      return;
-    }
-    if (window.addEventListener) {
-      window.addEventListener('resize', this.onWindowResized);
-    } else {
-      window.attachEvent('onresize', this.onWindowResized);
-    }
-  },
-  componentWillUnmount: function componentWillUnmount() {
-    if (this.animationEndCallback) {
-      clearTimeout(this.animationEndCallback);
-    }
-    if (window.addEventListener) {
-      window.removeEventListener('resize', this.onWindowResized);
-    } else {
-      window.detachEvent('onresize', this.onWindowResized);
-    }
-    if (this.state.autoPlayTimer) {
-      clearInterval(this.state.autoPlayTimer);
-    }
-  },
-  componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
-    if (this.props.slickGoTo != nextProps.slickGoTo) {
-      if (process.env.NODE_ENV !== 'production') {
-        console.warn('react-slick deprecation warning: slickGoTo prop is deprecated and it will be removed in next release. Use slickGoTo method instead');
+        // find the relevant observed target
+        var listEntry = entries.find(function (entry) {
+          return entry.target === _this.list;
+        });
+        if (listEntry) {
+          _this.props.onResize && _this.props.onResize(listEntry.contentRect);
+        }
+      });
+      _this.ro.observe(_this.list);
+      Array.prototype.forEach.call(document.querySelectorAll(".slick-slide"), function (slide) {
+        slide.onfocus = _this.props.pauseOnFocus ? _this.onSlideFocus : null;
+        slide.onblur = _this.props.pauseOnFocus ? _this.onSlideBlur : null;
+      });
+      // To support server-side rendering
+      if (!window) {
+        return;
       }
-      this.changeSlide({
-        message: 'index',
-        index: nextProps.slickGoTo,
-        currentSlide: this.state.currentSlide
+      if (window.addEventListener) {
+        window.addEventListener("resize", _this.onWindowResized);
+      } else {
+        window.attachEvent("onresize", _this.onWindowResized);
+      }
+    };
+
+    _this.componentWillUnmount = function () {
+      if (_this.animationEndCallback) {
+        clearTimeout(_this.animationEndCallback);
+      }
+      if (_this.lazyLoadTimer) {
+        clearInterval(_this.lazyLoadTimer);
+      }
+      if (_this.callbackTimers.length) {
+        _this.callbackTimers.forEach(function (timer) {
+          return clearTimeout(timer);
+        });
+        _this.callbackTimers = [];
+      }
+      if (window.addEventListener) {
+        window.removeEventListener("resize", _this.onWindowResized);
+      } else {
+        window.detachEvent("onresize", _this.onWindowResized);
+      }
+      if (_this.autoplayTimer) {
+        clearInterval(_this.autoplayTimer);
+      }
+    };
+
+    _this.componentWillReceiveProps = function (nextProps) {
+      var spec = _extends({
+        listRef: _this.list,
+        trackRef: _this.track
+      }, nextProps, _this.state);
+      var setTrackStyle = false;
+      for (var _iterator = Object.keys(_this.props), _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
+        var _ref;
+
+        if (_isArray) {
+          if (_i >= _iterator.length) break;
+          _ref = _iterator[_i++];
+        } else {
+          _i = _iterator.next();
+          if (_i.done) break;
+          _ref = _i.value;
+        }
+
+        var key = _ref;
+
+        if (!nextProps.hasOwnProperty(key)) {
+          setTrackStyle = true;
+          break;
+        }
+        if (_typeof(nextProps[key]) === "object" || typeof nextProps[key] === "function") {
+          continue;
+        }
+        if (nextProps[key] !== _this.props[key]) {
+          setTrackStyle = true;
+          break;
+        }
+      }
+      _this.updateState(spec, setTrackStyle, function () {
+        if (_this.state.currentSlide >= _react2.default.Children.count(nextProps.children)) {
+          _this.changeSlide({
+            message: "index",
+            index: _react2.default.Children.count(nextProps.children) - nextProps.slidesToShow,
+            currentSlide: _this.state.currentSlide
+          });
+        }
+        if (nextProps.autoplay) {
+          _this.autoPlay("update");
+        } else {
+          _this.pause("paused");
+        }
       });
-    } else if (this.state.currentSlide >= nextProps.children.length) {
-      this.update(nextProps);
-      this.changeSlide({
-        message: 'index',
-        index: nextProps.children.length - nextProps.slidesToShow,
-        currentSlide: this.state.currentSlide
+    };
+
+    _this.componentDidUpdate = function () {
+      _this.checkImagesLoad();
+      _this.props.onReInit && _this.props.onReInit();
+      if (_this.props.lazyLoad) {
+        var slidesToLoad = (0, _innerSliderUtils.getOnDemandLazySlides)(_extends({}, _this.props, _this.state));
+        if (slidesToLoad.length > 0) {
+          _this.setState(function (prevState) {
+            return {
+              lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)
+            };
+          });
+          if (_this.props.onLazyLoad) {
+            _this.props.onLazyLoad(slidesToLoad);
+          }
+        }
+      }
+      // if (this.props.onLazyLoad) {
+      //   this.props.onLazyLoad([leftMostSlide])
+      // }
+      _this.adaptHeight();
+    };
+
+    _this.onWindowResized = function (setTrackStyle) {
+      if (_this.debouncedResize) _this.debouncedResize.cancel();
+      _this.debouncedResize = (0, _lodash2.default)(function () {
+        return _this.resizeWindow(setTrackStyle);
+      }, 50);
+      _this.debouncedResize();
+    };
+
+    _this.resizeWindow = function () {
+      var setTrackStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+      if (!_reactDom2.default.findDOMNode(_this.track)) return;
+      var spec = _extends({
+        listRef: _this.list,
+        trackRef: _this.track
+      }, _this.props, _this.state);
+      _this.updateState(spec, setTrackStyle, function () {
+        if (_this.props.autoplay) _this.autoPlay("update");else _this.pause("paused");
       });
-    } else {
-      this.update(nextProps);
-    }
-  },
-  componentDidUpdate: function componentDidUpdate() {
-    this.adaptHeight();
-  },
-  onWindowResized: function onWindowResized() {
-    this.update(this.props);
-    // animating state should be cleared while resizing, otherwise autoplay stops working
-    this.setState({
-      animating: false
-    });
-    clearTimeout(this.animationEndCallback);
-    delete this.animationEndCallback;
-  },
-  slickPrev: function slickPrev() {
-    this.changeSlide({ message: 'previous' });
-  },
-  slickNext: function slickNext() {
-    this.changeSlide({ message: 'next' });
-  },
-  slickGoTo: function slickGoTo(slide) {
-    slide = Number(slide);
-    !isNaN(slide) && this.changeSlide({
-      message: 'index',
-      index: slide,
-      currentSlide: this.state.currentSlide
-    });
-  },
-  render: function render() {
-    var className = (0, _classnames2.default)('slick-initialized', 'slick-slider', this.props.className, {
-      'slick-vertical': this.props.vertical
-    });
+      // animating state should be cleared while resizing, otherwise autoplay stops working
+      _this.setState({
+        animating: false
+      });
+      clearTimeout(_this.animationEndCallback);
+      delete _this.animationEndCallback;
+    };
 
-    var trackProps = {
-      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
+    _this.updateState = function (spec, setTrackStyle, callback) {
+      var updatedState = (0, _innerSliderUtils.initializedState)(spec);
+      spec = _extends({}, spec, updatedState, { slideIndex: updatedState.currentSlide });
+      var targetLeft = (0, _innerSliderUtils.getTrackLeft)(spec);
+      spec = _extends({}, spec, { left: targetLeft });
+      var trackStyle = (0, _innerSliderUtils.getTrackCSS)(spec);
+      if (setTrackStyle || _react2.default.Children.count(_this.props.children) !== _react2.default.Children.count(spec.children)) {
+        updatedState["trackStyle"] = trackStyle;
+      }
+      _this.setState(updatedState, callback);
     };
 
-    var dots;
-
-    if (this.props.dots === true && this.state.slideCount >= this.props.slidesToShow) {
-      var dotProps = {
-        dotsClass: this.props.dotsClass,
-        slideCount: this.state.slideCount,
-        slidesToShow: this.props.slidesToShow,
-        currentSlide: this.state.currentSlide,
-        slidesToScroll: this.props.slidesToScroll,
-        clickHandler: this.changeSlide,
-        children: this.props.children,
-        customPaging: this.props.customPaging
+    _this.ssrInit = function () {
+      if (_this.props.variableWidth) {
+        var _trackWidth = 0,
+            _trackLeft = 0;
+        var childrenWidths = [];
+        var preClones = (0, _innerSliderUtils.getPreClones)(_extends({}, _this.props, _this.state, {
+          slideCount: _this.props.children.length
+        }));
+        var postClones = (0, _innerSliderUtils.getPostClones)(_extends({}, _this.props, _this.state, {
+          slideCount: _this.props.children.length
+        }));
+        _this.props.children.forEach(function (child) {
+          childrenWidths.push(child.props.style.width);
+          _trackWidth += child.props.style.width;
+        });
+        for (var i = 0; i < preClones; i++) {
+          _trackLeft += childrenWidths[childrenWidths.length - 1 - i];
+          _trackWidth += childrenWidths[childrenWidths.length - 1 - i];
+        }
+        for (var _i2 = 0; _i2 < postClones; _i2++) {
+          _trackWidth += childrenWidths[_i2];
+        }
+        for (var _i3 = 0; _i3 < _this.state.currentSlide; _i3++) {
+          _trackLeft += childrenWidths[_i3];
+        }
+        var _trackStyle = {
+          width: _trackWidth + "px",
+          left: -_trackLeft + "px"
+        };
+        if (_this.props.centerMode) {
+          var currentWidth = childrenWidths[_this.state.currentSlide] + "px";
+          _trackStyle.left = "calc(" + _trackStyle.left + " + (100% - " + currentWidth + ") / 2 ) ";
+        }
+        _this.setState({
+          trackStyle: _trackStyle
+        });
+        return;
+      }
+      var childrenCount = _react2.default.Children.count(_this.props.children);
+      var spec = _extends({}, _this.props, _this.state, { slideCount: childrenCount });
+      var slideCount = (0, _innerSliderUtils.getPreClones)(spec) + (0, _innerSliderUtils.getPostClones)(spec) + childrenCount;
+      var trackWidth = 100 / _this.props.slidesToShow * slideCount;
+      var slideWidth = 100 / slideCount;
+      var trackLeft = -slideWidth * ((0, _innerSliderUtils.getPreClones)(spec) + _this.state.currentSlide) * trackWidth / 100;
+      if (_this.props.centerMode) {
+        trackLeft += (100 - slideWidth * trackWidth / 100) / 2;
+      }
+      var trackStyle = {
+        width: trackWidth + "%",
+        left: trackLeft + "%"
       };
+      _this.setState({
+        slideWidth: slideWidth + "%",
+        trackStyle: trackStyle
+      });
+    };
 
-      dots = _react2.default.createElement(_dots.Dots, dotProps);
-    }
+    _this.checkImagesLoad = function () {
+      var images = document.querySelectorAll(".slick-slide img");
+      var imagesCount = images.length,
+          loadedCount = 0;
+      Array.prototype.forEach.call(images, function (image) {
+        var handler = function handler() {
+          return ++loadedCount && loadedCount >= imagesCount && _this.onWindowResized();
+        };
+        if (!image.onclick) {
+          image.onclick = function () {
+            return image.parentNode.focus();
+          };
+        } else {
+          var prevClickHandler = image.onclick;
+          image.onclick = function () {
+            prevClickHandler();
+            image.parentNode.focus();
+          };
+        }
+        if (!image.onload) {
+          if (_this.props.lazyLoad) {
+            image.onload = function () {
+              _this.adaptHeight();
+              _this.callbackTimers.push(setTimeout(_this.onWindowResized, _this.props.speed));
+            };
+          } else {
+            image.onload = handler;
+            image.onerror = function () {
+              handler();
+              _this.props.onLazyLoadError && _this.props.onLazyLoadError();
+            };
+          }
+        }
+      });
+    };
 
-    var prevArrow, nextArrow;
+    _this.progressiveLazyLoad = function () {
+      var slidesToLoad = [];
+      var spec = _extends({}, _this.props, _this.state);
+      for (var index = _this.state.currentSlide; index < _this.state.slideCount + (0, _innerSliderUtils.getPostClones)(spec); index++) {
+        if (_this.state.lazyLoadedList.indexOf(index) < 0) {
+          slidesToLoad.push(index);
+          break;
+        }
+      }
+      for (var _index = _this.state.currentSlide - 1; _index >= -(0, _innerSliderUtils.getPreClones)(spec); _index--) {
+        if (_this.state.lazyLoadedList.indexOf(_index) < 0) {
+          slidesToLoad.push(_index);
+          break;
+        }
+      }
+      if (slidesToLoad.length > 0) {
+        _this.setState(function (state) {
+          return {
+            lazyLoadedList: state.lazyLoadedList.concat(slidesToLoad)
+          };
+        });
+        if (_this.props.onLazyLoad) {
+          _this.props.onLazyLoad(slidesToLoad);
+        }
+      } else {
+        if (_this.lazyLoadTimer) {
+          clearInterval(_this.lazyLoadTimer);
+          delete _this.lazyLoadTimer;
+        }
+      }
+    };
 
-    var arrowProps = {
-      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.slideHandler = function (index) {
+      var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var _this$props = _this.props,
+          asNavFor = _this$props.asNavFor,
+          currentSlide = _this$props.currentSlide,
+          beforeChange = _this$props.beforeChange,
+          onLazyLoad = _this$props.onLazyLoad,
+          speed = _this$props.speed,
+          afterChange = _this$props.afterChange;
+
+      var _slideHandler = (0, _innerSliderUtils.slideHandler)(_extends({
+        index: index
+      }, _this.props, _this.state, {
+        trackRef: _this.track,
+        useCSS: _this.props.useCSS && !dontAnimate
+      })),
+          state = _slideHandler.state,
+          nextState = _slideHandler.nextState;
+
+      if (!state) return;
+      beforeChange && beforeChange(currentSlide, state.currentSlide);
+      var slidesToLoad = state.lazyLoadedList.filter(function (value) {
+        return _this.state.lazyLoadedList.indexOf(value) < 0;
+      });
+      onLazyLoad && slidesToLoad.length > 0 && onLazyLoad(slidesToLoad);
+      _this.setState(state, function () {
+        asNavFor && asNavFor.innerSlider.state.currentSlide !== currentSlide && asNavFor.innerSlider.slideHandler(index);
+        if (!nextState) return;
+        _this.animationEndCallback = setTimeout(function () {
+          var animating = nextState.animating,
+              firstBatch = _objectWithoutProperties(nextState, ["animating"]);
+
+          _this.setState(firstBatch, function () {
+            _this.callbackTimers.push(setTimeout(function () {
+              return _this.setState({ animating: animating });
+            }, 10));
+            afterChange && afterChange(state.currentSlide);
+            delete _this.animationEndCallback;
+          });
+        }, speed);
+      });
     };
 
-    if (this.props.arrows) {
-      prevArrow = _react2.default.createElement(_arrows.PrevArrow, arrowProps);
-      nextArrow = _react2.default.createElement(_arrows.NextArrow, arrowProps);
-    }
+    _this.changeSlide = function (options) {
+      var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
-    var verticalHeightStyle = null;
+      var spec = _extends({}, _this.props, _this.state);
+      var targetSlide = (0, _innerSliderUtils.changeSlide)(spec, options);
+      if (targetSlide !== 0 && !targetSlide) return;
+      if (dontAnimate === true) {
+        _this.slideHandler(targetSlide, dontAnimate);
+      } else {
+        _this.slideHandler(targetSlide);
+      }
+    };
 
-    if (this.props.vertical) {
-      verticalHeightStyle = {
-        height: this.state.listHeight
+    _this.clickHandler = function (e) {
+      if (_this.clickable === false) {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+      _this.clickable = true;
+    };
+
+    _this.keyHandler = function (e) {
+      var dir = (0, _innerSliderUtils.keyHandler)(e, _this.props.accessibility, _this.props.rtl);
+      dir !== "" && _this.changeSlide({ message: dir });
+    };
+
+    _this.selectHandler = function (options) {
+      _this.changeSlide(options);
+    };
+
+    _this.disableBodyScroll = function () {
+      var preventDefault = function preventDefault(e) {
+        e = e || window.event;
+        if (e.preventDefault) e.preventDefault();
+        e.returnValue = false;
       };
-    }
+      window.ontouchmove = preventDefault;
+    };
 
-    var centerPaddingStyle = null;
+    _this.enableBodyScroll = function () {
+      window.ontouchmove = null;
+    };
 
-    if (this.props.vertical === false) {
-      if (this.props.centerMode === true) {
-        centerPaddingStyle = {
-          padding: '0px ' + this.props.centerPadding
-        };
+    _this.swipeStart = function (e) {
+      if (_this.props.verticalSwiping) {
+        _this.disableBodyScroll();
       }
-    } else {
-      if (this.props.centerMode === true) {
-        centerPaddingStyle = {
-          padding: this.props.centerPadding + ' 0px'
+      var state = (0, _innerSliderUtils.swipeStart)(e, _this.props.swipe, _this.props.draggable);
+      state !== "" && _this.setState(state);
+    };
+
+    _this.swipeMove = function (e) {
+      var state = (0, _innerSliderUtils.swipeMove)(e, _extends({}, _this.props, _this.state, {
+        trackRef: _this.track,
+        listRef: _this.list,
+        slideIndex: _this.state.currentSlide
+      }));
+      if (!state) return;
+      if (state["swiping"]) {
+        _this.clickable = false;
+      }
+      _this.setState(state);
+    };
+
+    _this.swipeEnd = function (e) {
+      var state = (0, _innerSliderUtils.swipeEnd)(e, _extends({}, _this.props, _this.state, {
+        trackRef: _this.track,
+        listRef: _this.list,
+        slideIndex: _this.state.currentSlide
+      }));
+      if (!state) return;
+      var triggerSlideHandler = state["triggerSlideHandler"];
+      delete state["triggerSlideHandler"];
+      _this.setState(state);
+      if (triggerSlideHandler === undefined) return;
+      _this.slideHandler(triggerSlideHandler);
+      if (_this.props.verticalSwiping) {
+        _this.enableBodyScroll();
+      }
+    };
+
+    _this.slickPrev = function () {
+      // this and fellow methods are wrapped in setTimeout
+      // to make sure initialize setState has happened before
+      // any of such methods are called
+      _this.callbackTimers.push(setTimeout(function () {
+        return _this.changeSlide({ message: "previous" });
+      }, 0));
+    };
+
+    _this.slickNext = function () {
+      _this.callbackTimers.push(setTimeout(function () {
+        return _this.changeSlide({ message: "next" });
+      }, 0));
+    };
+
+    _this.slickGoTo = function (slide) {
+      var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      slide = Number(slide);
+      if (isNaN(slide)) return "";
+      _this.callbackTimers.push(setTimeout(function () {
+        return _this.changeSlide({
+          message: "index",
+          index: slide,
+          currentSlide: _this.state.currentSlide
+        }, dontAnimate);
+      }, 0));
+    };
+
+    _this.play = function () {
+      var nextIndex;
+      if (_this.props.rtl) {
+        nextIndex = _this.state.currentSlide - _this.props.slidesToScroll;
+      } else {
+        if ((0, _innerSliderUtils.canGoNext)(_extends({}, _this.props, _this.state))) {
+          nextIndex = _this.state.currentSlide + _this.props.slidesToScroll;
+        } else {
+          return false;
+        }
+      }
+
+      _this.slideHandler(nextIndex);
+    };
+
+    _this.autoPlay = function (playType) {
+      if (_this.autoplayTimer) {
+        clearInterval(_this.autoplayTimer);
+      }
+      var autoplaying = _this.state.autoplaying;
+      if (playType === "update") {
+        if (autoplaying === "hovered" || autoplaying === "focused" || autoplaying === "paused") {
+          return;
+        }
+      } else if (playType === "leave") {
+        if (autoplaying === "paused" || autoplaying === "focused") {
+          return;
+        }
+      } else if (playType === "blur") {
+        if (autoplaying === "paused" || autoplaying === "hovered") {
+          return;
+        }
+      }
+      _this.autoplayTimer = setInterval(_this.play, _this.props.autoplaySpeed + 50);
+      _this.setState({ autoplaying: "playing" });
+    };
+
+    _this.pause = function (pauseType) {
+      if (_this.autoplayTimer) {
+        clearInterval(_this.autoplayTimer);
+        _this.autoplayTimer = null;
+      }
+      var autoplaying = _this.state.autoplaying;
+      if (pauseType === "paused") {
+        _this.setState({ autoplaying: "paused" });
+      } else if (pauseType === "focused") {
+        if (autoplaying === "hovered" || autoplaying === "playing") {
+          _this.setState({ autoplaying: "focused" });
+        }
+      } else {
+        // pauseType  is 'hovered'
+        if (autoplaying === "playing") {
+          _this.setState({ autoplaying: "hovered" });
+        }
+      }
+    };
+
+    _this.onDotsOver = function () {
+      return _this.props.autoplay && _this.pause("hovered");
+    };
+
+    _this.onDotsLeave = function () {
+      return _this.props.autoplay && _this.state.autoplaying === "hovered" && _this.autoPlay("leave");
+    };
+
+    _this.onTrackOver = function () {
+      return _this.props.autoplay && _this.pause("hovered");
+    };
+
+    _this.onTrackLeave = function () {
+      return _this.props.autoplay && _this.state.autoplaying === "hovered" && _this.autoPlay("leave");
+    };
+
+    _this.onSlideFocus = function () {
+      return _this.props.autoplay && _this.pause("focused");
+    };
+
+    _this.onSlideBlur = function () {
+      return _this.props.autoplay && _this.state.autoplaying === "focused" && _this.autoPlay("blur");
+    };
+
+    _this.render = function () {
+      var className = (0, _classnames2.default)("slick-slider", _this.props.className, {
+        "slick-vertical": _this.props.vertical,
+        "slick-initialized": true
+      });
+      var spec = _extends({}, _this.props, _this.state);
+      var trackProps = (0, _innerSliderUtils.extractObject)(spec, ["fade", "cssEase", "speed", "infinite", "centerMode", "focusOnSelect", "currentSlide", "lazyLoad", "lazyLoadedList", "rtl", "slideWidth", "slideHeight", "listHeight", "vertical", "slidesToShow", "slidesToScroll", "slideCount", "trackStyle", "variableWidth", "unslick", "centerPadding"]);
+      var pauseOnHover = _this.props.pauseOnHover;
+
+      trackProps = _extends({}, trackProps, {
+        onMouseEnter: pauseOnHover ? _this.onTrackOver : null,
+        onMouseLeave: pauseOnHover ? _this.onTrackLeave : null,
+        onMouseOver: pauseOnHover ? _this.onTrackOver : null,
+        focusOnSelect: _this.props.focusOnSelect ? _this.selectHandler : null
+      });
+
+      var dots;
+      if (_this.props.dots === true && _this.state.slideCount >= _this.props.slidesToShow) {
+        var dotProps = (0, _innerSliderUtils.extractObject)(spec, ["dotsClass", "slideCount", "slidesToShow", "currentSlide", "slidesToScroll", "clickHandler", "children", "customPaging", "infinite", "appendDots"]);
+        var pauseOnDotsHover = _this.props.pauseOnDotsHover;
+
+        dotProps = _extends({}, dotProps, {
+          clickHandler: _this.changeSlide,
+          onMouseEnter: pauseOnDotsHover ? _this.onDotsLeave : null,
+          onMouseOver: pauseOnDotsHover ? _this.onDotsOver : null,
+          onMouseLeave: pauseOnDotsHover ? _this.onDotsLeave : null
+        });
+        dots = _react2.default.createElement(_dots.Dots, dotProps);
+      }
+
+      var prevArrow, nextArrow;
+      var arrowProps = (0, _innerSliderUtils.extractObject)(spec, ["infinite", "centerMode", "currentSlide", "slideCount", "slidesToShow", "prevArrow", "nextArrow"]);
+      arrowProps.clickHandler = _this.changeSlide;
+
+      if (_this.props.arrows) {
+        prevArrow = _react2.default.createElement(_arrows.PrevArrow, arrowProps);
+        nextArrow = _react2.default.createElement(_arrows.NextArrow, arrowProps);
+      }
+
+      var verticalHeightStyle = null;
+
+      if (_this.props.vertical) {
+        verticalHeightStyle = {
+          height: _this.state.listHeight
         };
       }
-    }
 
-    var listStyle = (0, _objectAssign2.default)({}, verticalHeightStyle, centerPaddingStyle);
+      var centerPaddingStyle = null;
 
-    return _react2.default.createElement(
-      'div',
-      {
+      if (_this.props.vertical === false) {
+        if (_this.props.centerMode === true) {
+          centerPaddingStyle = {
+            padding: "0px " + _this.props.centerPadding
+          };
+        }
+      } else {
+        if (_this.props.centerMode === true) {
+          centerPaddingStyle = {
+            padding: _this.props.centerPadding + " 0px"
+          };
+        }
+      }
+
+      var listStyle = _extends({}, verticalHeightStyle, centerPaddingStyle);
+      var touchMove = _this.props.touchMove;
+      var listProps = {
+        className: "slick-list",
+        style: listStyle,
+        onClick: _this.clickHandler,
+        onMouseDown: touchMove ? _this.swipeStart : null,
+        onMouseMove: _this.state.dragging && touchMove ? _this.swipeMove : null,
+        onMouseUp: touchMove ? _this.swipeEnd : null,
+        onMouseLeave: _this.state.dragging && touchMove ? _this.swipeEnd : null,
+        onTouchStart: touchMove ? _this.swipeStart : null,
+        onTouchMove: _this.state.dragging && touchMove ? _this.swipeMove : null,
+        onTouchEnd: touchMove ? _this.swipeEnd : null,
+        onTouchCancel: _this.state.dragging && touchMove ? _this.swipeEnd : null,
+        onKeyDown: _this.props.accessibility ? _this.keyHandler : null
+      };
+
+      var innerSliderProps = {
         className: className,
-        onMouseEnter: this.onInnerSliderEnter,
-        onMouseLeave: this.onInnerSliderLeave,
-        onMouseOver: this.onInnerSliderOver
-      },
-      prevArrow,
-      _react2.default.createElement(
-        'div',
-        {
-          ref: this.listRefHandler,
-          className: 'slick-list',
-          style: listStyle,
-          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 },
+        dir: "ltr"
+      };
+
+      if (_this.props.unslick) {
+        listProps = { className: "slick-list" };
+        innerSliderProps = { className: className };
+      }
+      return _react2.default.createElement(
+        "div",
+        innerSliderProps,
+        !_this.props.unslick ? prevArrow : "",
         _react2.default.createElement(
-          _track.Track,
-          _extends({ ref: this.trackRefHandler }, trackProps),
-          this.props.children
-        )
-      ),
-      nextArrow,
-      dots
-    );
+          "div",
+          _extends({ ref: _this.listRefHandler }, listProps),
+          _react2.default.createElement(
+            _track.Track,
+            _extends({ ref: _this.trackRefHandler }, trackProps),
+            _this.props.children
+          )
+        ),
+        !_this.props.unslick ? nextArrow : "",
+        !_this.props.unslick ? dots : ""
+      );
+    };
+
+    _this.list = null;
+    _this.track = null;
+    _this.state = _extends({}, _initialState2.default, {
+      currentSlide: _this.props.initialSlide,
+      slideCount: _react2.default.Children.count(_this.props.children)
+    });
+    _this.callbackTimers = [];
+    _this.clickable = true;
+    _this.debouncedResize = null;
+    return _this;
   }
-});
+
+  return InnerSlider;
+}(_react2.default.Component);

lib/slider.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -7,24 +7,18 @@ exports.__esModule = true;
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _innerSlider = require('./inner-slider');
+var _innerSlider = require("./inner-slider");
 
-var _objectAssign = require('object-assign');
+var _json2mq = require("json2mq");
 
-var _objectAssign2 = _interopRequireDefault(_objectAssign);
-
-var _json2mq = require('json2mq');
-
 var _json2mq2 = _interopRequireDefault(_json2mq);
 
-var _defaultProps = require('./default-props');
+var _defaultProps = require("./default-props");
 
 var _defaultProps2 = _interopRequireDefault(_defaultProps);
 
-var _canUseDom = require('can-use-dom');
+var _innerSliderUtils = require("./utils/innerSliderUtils");
 
-var _canUseDom2 = _interopRequireDefault(_canUseDom);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -38,3 +32,3 @@
 
-var enquire = _canUseDom2.default && require('enquire.js');
+var enquire = (0, _innerSliderUtils.canUseDOM)() && require("enquire.js");
 
@@ -49,2 +43,49 @@ var Slider = function (_React$Component) {
 
+    _this.innerSliderRefHandler = function (ref) {
+      return _this.innerSlider = ref;
+    };
+
+    _this.onInnerResize = function (rect) {
+      var responsive = _this.props.responsive;
+
+      if (responsive && rect) {
+        var width = rect.width;
+
+        // find next effective breakpoint (without mutating the original responsive array)
+
+        var nextBreakpoint = responsive.map(function (resp) {
+          return resp.breakpoint;
+        }).sort(function (a, b) {
+          return a - b;
+        }).find(function (brkp) {
+          return brkp >= width;
+        });
+
+        if (nextBreakpoint) {
+          _this.setState({ breakpoint: nextBreakpoint });
+        }
+      }
+    };
+
+    _this.slickPrev = function () {
+      return _this.innerSlider.slickPrev();
+    };
+
+    _this.slickNext = function () {
+      return _this.innerSlider.slickNext();
+    };
+
+    _this.slickGoTo = function (slide) {
+      var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      return _this.innerSlider.slickGoTo(slide, dontAnimate);
+    };
+
+    _this.slickPause = function () {
+      return _this.innerSlider.pause("paused");
+    };
+
+    _this.slickPlay = function () {
+      return _this.innerSlider.autoPlay("play");
+    };
+
     _this.state = {
@@ -54,11 +95,7 @@ breakpoint: null
     _this._responsiveMediaHandlers = [];
-    _this.innerSliderRefHandler = _this.innerSliderRefHandler.bind(_this);
     return _this;
   }
 
-  Slider.prototype.innerSliderRefHandler = function innerSliderRefHandler(ref) {
-    this.innerSlider = ref;
-  };
-
   Slider.prototype.media = function media(query, handler) {
+    // javascript handler for  css media query
     enquire.register(query, handler);
@@ -68,5 +105,13 @@ this._responsiveMediaHandlers.push({ query: query, handler: handler });
 
+  // handles responsive breakpoints
+
+
   Slider.prototype.componentWillMount = function componentWillMount() {
     var _this2 = this;
 
+    // performance monitoring
+    //if (process.env.NODE_ENV !== 'production') {
+    //const { whyDidYouUpdate } = require('why-did-you-update')
+    //whyDidYouUpdate(React)
+    //}
     if (this.props.responsive) {
@@ -76,2 +121,3 @@ var breakpoints = this.props.responsive.map(function (breakpt) {
       });
+      // sort them in increasing order of their numerical value
       breakpoints.sort(function (x, y) {
@@ -82,9 +128,14 @@ return x - y;
       breakpoints.forEach(function (breakpoint, index) {
-        var bQuery;
+        // media query for each breakpoint
+        var bQuery = void 0;
         if (index === 0) {
           bQuery = (0, _json2mq2.default)({ minWidth: 0, maxWidth: breakpoint });
         } else {
-          bQuery = (0, _json2mq2.default)({ minWidth: breakpoints[index - 1], maxWidth: breakpoint });
+          bQuery = (0, _json2mq2.default)({
+            minWidth: breakpoints[index - 1] + 1,
+            maxWidth: breakpoint
+          });
         }
-        _canUseDom2.default && _this2.media(bQuery, function () {
+        // when not using server side rendering
+        (0, _innerSliderUtils.canUseDOM)() && _this2.media(bQuery, function () {
           _this2.setState({ breakpoint: breakpoint });
@@ -95,5 +146,6 @@ });
       // Register media query for full screen. Need to support resize from small to large
+      // convert javascript object to media query string
       var query = (0, _json2mq2.default)({ minWidth: breakpoints.slice(-1)[0] });
 
-      _canUseDom2.default && this.media(query, function () {
+      (0, _innerSliderUtils.canUseDOM)() && this.media(query, function () {
         _this2.setState({ breakpoint: null });
@@ -110,14 +162,2 @@ });
 
-  Slider.prototype.slickPrev = function slickPrev() {
-    this.innerSlider.slickPrev();
-  };
-
-  Slider.prototype.slickNext = function slickNext() {
-    this.innerSlider.slickNext();
-  };
-
-  Slider.prototype.slickGoTo = function slickGoTo(slide) {
-    this.innerSlider.slickGoTo(slide);
-  };
-
   Slider.prototype.render = function render() {
@@ -132,31 +172,103 @@ var _this3 = this;
       });
-      settings = newProps[0].settings === 'unslick' ? 'unslick' : (0, _objectAssign2.default)({}, this.props, newProps[0].settings);
+      settings = newProps[0].settings === "unslick" ? "unslick" : _extends({}, _defaultProps2.default, this.props, newProps[0].settings);
     } else {
-      settings = (0, _objectAssign2.default)({}, _defaultProps2.default, this.props);
+      settings = _extends({}, _defaultProps2.default, this.props);
     }
 
-    var children = this.props.children;
-    if (!Array.isArray(children)) {
-      children = [children];
+    // force scrolling by one if centerMode is on
+    if (settings.centerMode) {
+      if (settings.slidesToScroll > 1 && process.env.NODE_ENV !== "production") {
+        console.warn("slidesToScroll should be equal to 1 in centerMode, you are using " + settings.slidesToScroll);
+      }
+      settings.slidesToScroll = 1;
     }
+    // force showing one slide and scrolling by one if the fade mode is on
+    if (settings.fade) {
+      if (settings.slidesToShow > 1 && process.env.NODE_ENV !== "production") {
+        console.warn("slidesToShow should be equal to 1 when fade is true, you're using " + settings.slidesToShow);
+      }
+      if (settings.slidesToScroll > 1 && process.env.NODE_ENV !== "production") {
+        console.warn("slidesToScroll should be equal to 1 when fade is true, you're using " + settings.slidesToScroll);
+      }
+      settings.slidesToShow = 1;
+      settings.slidesToScroll = 1;
+    }
 
+    // makes sure that children is an array, even when there is only 1 child
+    var children = _react2.default.Children.toArray(this.props.children);
+
     // Children may contain false or null, so we should filter them
+    // children may also contain string filled with spaces (in certain cases where we use jsx strings)
     children = children.filter(function (child) {
+      if (typeof child === "string") {
+        return !!child.trim();
+      }
       return !!child;
     });
 
-    if (settings === 'unslick') {
-      // if 'unslick' responsive breakpoint setting used, just return the <Slider> tag nested HTML
+    // rows and slidesPerRow logic is handled here
+    if (settings.variableWidth && (settings.rows > 1 || settings.slidesPerRow > 1)) {
+      console.warn("variableWidth is not supported in case of rows > 1 or slidesPerRow > 1");
+      settings.variableWidth = false;
+    }
+    var newChildren = [];
+    var currentWidth = null;
+    for (var i = 0; i < children.length; i += settings.rows * settings.slidesPerRow) {
+      var newSlide = [];
+      for (var j = i; j < i + settings.rows * settings.slidesPerRow; j += settings.slidesPerRow) {
+        var row = [];
+        for (var k = j; k < j + settings.slidesPerRow; k += 1) {
+          if (settings.variableWidth && children[k].props.style) {
+            currentWidth = children[k].props.style.width;
+          }
+          if (k >= children.length) break;
+          row.push(_react2.default.cloneElement(children[k], {
+            key: 100 * i + 10 * j + k,
+            tabIndex: -1,
+            style: {
+              width: 100 / settings.slidesPerRow + "%",
+              display: "inline-block"
+            }
+          }));
+        }
+        newSlide.push(_react2.default.createElement(
+          "div",
+          { key: 10 * i + j },
+          row
+        ));
+      }
+      if (settings.variableWidth) {
+        newChildren.push(_react2.default.createElement(
+          "div",
+          { key: i, style: { width: currentWidth } },
+          newSlide
+        ));
+      } else {
+        newChildren.push(_react2.default.createElement(
+          "div",
+          { key: i },
+          newSlide
+        ));
+      }
+    }
+
+    if (settings === "unslick") {
+      var className = "regular slider " + (this.props.className || "");
       return _react2.default.createElement(
-        'div',
-        { className: this.props.className + ' unslicked' },
-        children
+        "div",
+        { className: className },
+        newChildren
       );
-    } else {
-      return _react2.default.createElement(
-        _innerSlider.InnerSlider,
-        _extends({ ref: this.innerSliderRefHandler }, settings),
-        children
-      );
+    } else if (newChildren.length <= settings.slidesToShow) {
+      settings.unslick = true;
     }
+    return _react2.default.createElement(
+      _innerSlider.InnerSlider,
+      _extends({
+        ref: this.innerSliderRefHandler
+      }, settings, {
+        onResize: this.onInnerResize
+      }),
+      newChildren
+    );
   };
@@ -163,0 +275,0 @@

lib/track.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,14 +6,14 @@ exports.__esModule = true;
 
-var _react = require('react');
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
+var _react = require("react");
+
 var _react2 = _interopRequireDefault(_react);
 
-var _objectAssign = require('object-assign');
+var _classnames = require("classnames");
 
-var _objectAssign2 = _interopRequireDefault(_objectAssign);
+var _classnames2 = _interopRequireDefault(_classnames);
 
-var _classnames = require('classnames');
+var _innerSliderUtils = require("./utils/innerSliderUtils");
 
-var _classnames2 = _interopRequireDefault(_classnames);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -27,2 +27,3 @@
 
+// given specifications/props for a slide, fetch all the classes that need to be applied to the slide
 var getSlideClasses = function getSlideClasses(spec) {
@@ -47,8 +48,10 @@ var slickActive, slickCenter, slickCloned;
   }
-  return (0, _classnames2.default)({
-    'slick-slide': true,
-    'slick-active': slickActive,
-    'slick-center': slickCenter,
-    'slick-cloned': slickCloned
-  });
+  var slickCurrent = index === spec.currentSlide;
+  return {
+    "slick-slide": true,
+    "slick-active": slickActive,
+    "slick-center": slickCenter,
+    "slick-cloned": slickCloned,
+    "slick-current": slickCurrent // dubious in case of RTL
+  };
 };
@@ -64,7 +67,11 @@
   if (spec.fade) {
-    style.position = 'relative';
-    style.left = -spec.index * spec.slideWidth;
+    style.position = "relative";
+    if (spec.vertical) {
+      style.top = -spec.index * parseInt(spec.slideHeight);
+    } else {
+      style.left = -spec.index * parseInt(spec.slideWidth);
+    }
     style.opacity = spec.currentSlide === spec.index ? 1 : 0;
-    style.transition = 'opacity ' + spec.speed + 'ms ' + spec.cssEase;
-    style.WebkitTransition = 'opacity ' + spec.speed + 'ms ' + spec.cssEase;
+    style.transition = "opacity " + spec.speed + "ms " + spec.cssEase + ", " + "visibility " + spec.speed + "ms " + spec.cssEase;
+    style.WebkitTransition = "opacity " + spec.speed + "ms " + spec.cssEase + ", " + "visibility " + spec.speed + "ms " + spec.cssEase;
   }
@@ -76,4 +83,3 @@
 var getKey = function getKey(child, fallbackKey) {
-  // key could be a zero
-  return child.key === null || child.key === undefined ? fallbackKey : child.key;
+  return child.key || fallbackKey;
 };
@@ -86,3 +92,5 @@
   var postCloneSlides = [];
-  var count = _react2.default.Children.count(spec.children);
+  var childrenCount = _react2.default.Children.count(spec.children);
+  var startIndex = (0, _innerSliderUtils.lazyStartIndex)(spec);
+  var endIndex = (0, _innerSliderUtils.lazyEndIndex)(spec);
 
@@ -92,3 +100,3 @@ _react2.default.Children.forEach(spec.children, function (elem, index) {
     var childOnClickOptions = {
-      message: 'children',
+      message: "children",
       index: index,
@@ -99,49 +107,71 @@ slidesToScroll: spec.slidesToScroll,
 
+    // in case of lazyLoad, whether or not we want to fetch the slide
     if (!spec.lazyLoad || spec.lazyLoad && spec.lazyLoadedList.indexOf(index) >= 0) {
       child = elem;
     } else {
-      child = _react2.default.createElement('div', null);
+      child = _react2.default.createElement("div", null);
     }
-    var childStyle = getSlideStyle((0, _objectAssign2.default)({}, spec, { index: index }));
-    var slideClass = child.props.className || '';
-
-    var onClick = function onClick(e) {
-      child.props && child.props.onClick && child.props.onClick(e);
-      if (spec.focusOnSelect) {
-        spec.focusOnSelect(childOnClickOptions);
+    var childStyle = getSlideStyle(_extends({}, spec, { index: index }));
+    var slideClass = child.props.className || "";
+    var slideClasses = getSlideClasses(_extends({}, spec, { index: index }));
+    // push a cloned element of the desired slide
+    slides.push(_react2.default.cloneElement(child, {
+      key: "original" + getKey(child, index),
+      "data-index": index,
+      className: (0, _classnames2.default)(slideClasses, slideClass),
+      tabIndex: "-1",
+      "aria-hidden": !slideClasses["slick-active"],
+      style: _extends({ outline: "none" }, child.props.style || {}, childStyle),
+      onClick: function onClick(e) {
+        child.props && child.props.onClick && child.props.onClick(e);
+        if (spec.focusOnSelect) {
+          spec.focusOnSelect(childOnClickOptions);
+        }
       }
-    };
-
-    slides.push(_react2.default.cloneElement(child, {
-      key: 'original' + getKey(child, index),
-      'data-index': index,
-      className: (0, _classnames2.default)(getSlideClasses((0, _objectAssign2.default)({ index: index }, spec)), slideClass),
-      tabIndex: '-1',
-      style: (0, _objectAssign2.default)({ outline: 'none' }, child.props.style || {}, childStyle),
-      onClick: onClick
     }));
 
-    // variableWidth doesn't wrap properly.
+    // if slide needs to be precloned or postcloned
     if (spec.infinite && spec.fade === false) {
-      var infiniteCount = spec.variableWidth ? spec.slidesToShow + 1 : spec.slidesToShow;
-
-      if (index >= count - infiniteCount) {
-        key = -(count - index);
+      var preCloneNo = childrenCount - index;
+      if (preCloneNo <= (0, _innerSliderUtils.getPreClones)(spec) && childrenCount !== spec.slidesToShow) {
+        key = -preCloneNo;
+        if (key >= startIndex) {
+          child = elem;
+        }
+        slideClasses = getSlideClasses(_extends({}, spec, { index: key }));
         preCloneSlides.push(_react2.default.cloneElement(child, {
-          key: 'precloned' + getKey(child, key),
-          'data-index': key,
-          className: (0, _classnames2.default)(getSlideClasses((0, _objectAssign2.default)({ index: key }, spec)), slideClass),
-          style: (0, _objectAssign2.default)({}, child.props.style || {}, childStyle),
-          onClick: onClick
+          key: "precloned" + getKey(child, key),
+          "data-index": key,
+          tabIndex: "-1",
+          className: (0, _classnames2.default)(slideClasses, slideClass),
+          "aria-hidden": !slideClasses["slick-active"],
+          style: _extends({}, child.props.style || {}, childStyle),
+          onClick: function onClick(e) {
+            child.props && child.props.onClick && child.props.onClick(e);
+            if (spec.focusOnSelect) {
+              spec.focusOnSelect(childOnClickOptions);
+            }
+          }
         }));
       }
 
-      if (index < infiniteCount) {
-        key = count + index;
+      if (childrenCount !== spec.slidesToShow) {
+        key = childrenCount + index;
+        if (key < endIndex) {
+          child = elem;
+        }
+        slideClasses = getSlideClasses(_extends({}, spec, { index: key }));
         postCloneSlides.push(_react2.default.cloneElement(child, {
-          key: 'postcloned' + getKey(child, key),
-          'data-index': key,
-          className: (0, _classnames2.default)(getSlideClasses((0, _objectAssign2.default)({ index: key }, spec)), slideClass),
-          style: (0, _objectAssign2.default)({}, child.props.style || {}, childStyle),
-          onClick: onClick
+          key: "postcloned" + getKey(child, key),
+          "data-index": key,
+          tabIndex: "-1",
+          className: (0, _classnames2.default)(slideClasses, slideClass),
+          "aria-hidden": !slideClasses["slick-active"],
+          style: _extends({}, child.props.style || {}, childStyle),
+          onClick: function onClick(e) {
+            child.props && child.props.onClick && child.props.onClick(e);
+            if (spec.focusOnSelect) {
+              spec.focusOnSelect(childOnClickOptions);
+            }
+          }
         }));
@@ -159,4 +189,4 @@ }
 
-var Track = exports.Track = function (_React$Component) {
-  _inherits(Track, _React$Component);
+var Track = exports.Track = function (_React$PureComponent) {
+  _inherits(Track, _React$PureComponent);
 
@@ -166,10 +196,19 @@ function Track() {
 
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
+    return _possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
   }
 
   Track.prototype.render = function render() {
-    var slides = renderSlides.call(this, this.props);
+    var slides = renderSlides(this.props);
+    var _props = this.props,
+        onMouseEnter = _props.onMouseEnter,
+        onMouseOver = _props.onMouseOver,
+        onMouseLeave = _props.onMouseLeave;
+
+    var mouseEvents = { onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave };
     return _react2.default.createElement(
-      'div',
-      { className: 'slick-track', style: this.props.trackStyle },
+      "div",
+      _extends({
+        className: "slick-track",
+        style: this.props.trackStyle
+      }, mouseEvents),
       slides
@@ -180,2 +219,2 @@ );
   return Track;
-}(_react2.default.Component);
+}(_react2.default.PureComponent);

package.json

 {
   "name": "react-slick-rtl",
-  "version": "0.16.2",
-  "description": " React port of slick carousel with RTL bug fix",
+  "version": "0.23.1",
+  "description": "forked version React port of slick carousel",
   "main": "./lib",
@@ -12,8 +12,11 @@ "files": [
     "start": "gulp server",
+    "build": "gulp clean && gulp sass && gulp copy && webpack",
     "prepublish": "babel ./src --out-dir ./lib && gulp dist",
-    "test": "jest",
+    "test": "eslint src && jest",
     "test:watch": "jest --watch",
-    "lint": "eslint src"
+    "lint": "eslint src",
+    "gen": "node examples/scripts/generateExampleConfigs.js && node examples/scripts/generateExamples.js && xdg-open docs/jquery.html",
+    "precommit": "lint-staged"
   },
-  "author": "Sagiv ben giat",
+  "author": "Sagiv Ben giat",
   "license": "MIT",
@@ -39,2 +42,3 @@ "repository": {
     "babel-loader": "^6.2.5",
+    "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-plugin-transform-object-assign": "^6.8.0",
@@ -52,2 +56,3 @@ "babel-polyfill": "^6.16.0",
     "eslint": "^3.6.1",
+    "eslint-plugin-import": "^2.9.0",
     "eslint-plugin-react": "^6.3.0",
@@ -58,5 +63,9 @@ "express": "^4.14.0",
     "gulp-sass": "^3.1.0",
+    "husky": "^0.14.3",
     "jasmine-core": "^2.5.2",
     "jest": "^19.0.2",
+    "jquery": "^3.2.1",
+    "js-beautify": "^1.7.5",
     "json-loader": "^0.5.4",
+    "lint-staged": "^7.0.3",
     "node-sass": "^4.5.2",
@@ -72,19 +81,18 @@ "postcss-loader": "^1.3.3",
     "sinon": "^2.1.0",
+    "slick-carousel": "^1.8.1",
     "style-loader": "^0.16.1",
     "webpack": "^1.13.2",
-    "webpack-dev-server": "^1.16.1"
+    "webpack-dev-server": "^1.16.1",
+    "why-did-you-update": "^0.1.1"
   },
   "dependencies": {
-    "can-use-dom": "^0.1.0",
     "classnames": "^2.2.5",
-    "create-react-class": "^15.5.2",
     "enquire.js": "^2.1.6",
     "json2mq": "^0.2.0",
-    "object-assign": "^4.1.0",
-    "slick-carousel": "^1.8.1"
+    "lodash.debounce": "^4.0.8",
+    "resize-observer-polyfill": "^1.5.0"
   },
   "peerDependencies": {
     "react": "^0.14.0 || ^15.0.1 || ^16.0.0",
-    "react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0",
-    "slick-carousel": "^1.6.0 || ^1.8.0"
+    "react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0"
   },
@@ -94,5 +102,15 @@ "jest": {
       "./test-setup.js"
+    ],
+    "testPathIgnorePatterns": [
+      "/__tests__/scripts.js",
+      "/__tests__/testUtils.js"
     ]
   },
-  "npmName": "react-slick",
+  "lint-staged": {
+    "*.{js,json,md}": [
+      "prettier --write",
+      "git add"
+    ]
+  },
+  "npmName": "react-slick-rtl",
   "npmFileMap": [
@@ -107,5 +125,10 @@ {
   "bugs": {
-    "url": "https://github.com/akiran/react-slick/issues"
+    "url": "https://github.com/sag1v/react-slick/issues"
   },
-  "homepage": "https://github.com/akiran/react-slick"
+  "homepage": "https://github.com/sag1v/react-slick",
+  "collective": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/react-slick",
+    "logo": "https://opencollective.com/opencollective/logo.txt"
+  }
 }

README.md

@@ -1,22 +0,23 @@
-# react-slick-rtl
+### react-slick
 
-[![Join the chat at https://gitter.im/akiran/react-slick](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/akiran/react-slick?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
+[![Backers on Open Collective](https://opencollective.com/react-slick/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/react-slick/sponsors/badge.svg)](#sponsors) [![Join the chat at https://gitter.im/akiran/react-slick](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/akiran/react-slick?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 
+##### Carousel component built with React. It is a react port of [slick carousel](http://kenwheeler.github.io/slick/)
 
-Carousel component built with React. It is a react port of [slick carousel](http://kenwheeler.github.io/slick/)
+## [Documentation](http://react-slick.neostack.com)
 
-
-
 ### Installation
 
 **npm**
+
 ```bash
-npm install react-slick-rtl
+npm install react-slick
 ```
+
 **yarn**
+
 ```bash
-yarn add react-slick-rtl
+yarn add react-slick
 ```
 
-
 ⚠️ Also install slick-carousel for css and font
@@ -33,27 +34,16 @@
 ```html
-<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" />
+<link rel="stylesheet" type="text/css" charset="UTF-8" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" />
 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" />
 ```
 
-### [Demos](http://neostack.com/opensource/react-slick)
+### [PlayGround](https://codesandbox.io/s/ppwkk5l6xx)
 
-### [PlayGround](https://jsfiddle.net/kirana/20bumb4g/)
-Use [jsfiddle template](https://jsfiddle.net/kirana/20bumb4g/) to try react-slick with different settings.
-
-### Filing issues
-Please replicate your issue with [jsfiddle template](https://jsfiddle.net/kirana/20bumb4g/) and post it along with issue to make it easy for me to debug.
-
-
-### Starter Kit
-Checkout [yeoman generator](https://github.com/akiran/generator-react-slick) to quickly
-get started with react-slick.
-
 ### Example
 
 ```js
-var React = require('react');
-var Slider = require('react-slick');
+import React from "react";
+import Slider from "react-slick";
 
 class SimpleSlider extends React.Component {
-  render: function () {
+  render() {
     var settings = {
@@ -68,8 +58,20 @@ dots: true,
       <Slider {...settings}>
-        <div><h3>1</h3></div>
-        <div><h3>2</h3></div>
-        <div><h3>3</h3></div>
-        <div><h3>4</h3></div>
-        <div><h3>5</h3></div>
-        <div><h3>6</h3></div>
+        <div>
+          <h3>1</h3>
+        </div>
+        <div>
+          <h3>2</h3>
+        </div>
+        <div>
+          <h3>3</h3>
+        </div>
+        <div>
+          <h3>4</h3>
+        </div>
+        <div>
+          <h3>5</h3>
+        </div>
+        <div>
+          <h3>6</h3>
+        </div>
       </Slider>
@@ -83,119 +85,48 @@ );
 
-Props            | Type            | Default Value                   | Description                                                 | Working
----------------- | --------------- | ------------------------------- | -----------                                                 | -------
-`accessibility`  | `bool`          | `true`                          | Enable tabbing and arrow key navigation                     | Yes
-`className`      | `string`        | `''`                            | CSS class for inner slider div                              | Yes
-`adaptiveHeight` | `bool`          | `false`                         | Adjust the slide's height automatically                     | Yes
-`arrows`         | `bool`          | `true`                          |                                                             | Yes
-`nextArrow`      | React Element   | `null`                          | React element for next arrow. [Example](customArrows)       | Yes
-`prevArrow`      | React Element   | `null`                          | React element for prev arrow. [Example](customArrows)       | Yes
-`autoplay`       | `bool`          | `false`                         |                                                             | Yes
-`autoplaySpeed`  | `int`           | `3000`                          | Delay between each auto scroll (in milliseconds)            | Yes
-`centerMode`     | `bool`          | `false`                         | Center current slide                                        | Yes
-`centerPadding`  |                 | `'50px'`                        |                                                             |
-`cssEase`        |                 | `'ease'`                        |                                                             |
-`customPaging`   | `func`          | `i => <button>{i + 1}</button>` | Custom paging templates. [Example](customPaging)            | Yes
-`dots`           | `bool`          | `Default`                       |                                                             | Yes
-`dotsClass`      | `string`        | `'slick-dots'`                  | CSS class for dots                                          | Yes
-`draggable`      | `bool`          | `true`                          | Enable scrollable via dragging on desktop                   | Yes
-`easing`         | `string`        | `'linear'`                      |                                                             |
-`fade`           | `bool`          | `Default`                       |                                                             | Yes
-`focusOnSelect`  | `bool`          | `false`                         | Go to slide on click                                        | Yes
-`infinite`       | `bool`          | `true`                          | Infinitely wrap around contents                             | Yes
-`initialSlide`   | `int`           | `0`                             | Index of first slide                                        | Yes
-`lazyLoad`       | `bool`          | `false`                         | Load images or render components on demand                  | Yes
-`pauseOnHover`   | `bool`          | `true`                          | Prevents autoplay while hovering                            | Yes
-`responsive`     | `array`         | `null`                          | Customize based on breakpoints (detailed explanation below) | Yes
-`rtl`            | `bool`          | `false`                         | Reverses the slide order                                    | Yes
-`slide`          | `string`        | `'div'`                         |                                                             |
-`slidesToShow`   | `int`           | `1`                             | Yes                                                         | Yes
-`slidesToScroll` | `int`           | `1`                             |                                                             |
-`speed`          | `int`           | `500`                           |                                                             |
-`swipe`          | `bool`          | `true`                          |                                                             |
-`swipeToSlide`   | `bool`          | `false`                         | Enable drag/swpie irrespective of `slidesToScroll`          | Yes
-`touchMove`      | `bool`          | `true`                          |                                                             |
-`touchThreshold` | `int`           | `5`                             |                                                             |
-`variableWidth`  | `bool`          | `false`                         |                                                             |
-`useCSS`         | `bool`          | `true`                          | Enable/Disable CSS Transitions                              | Yes
-`vertical`       | `bool`          | `false`                         |                                                             | Yes
-`afterChange`    | `func`          | `Default`                       | Index change callback. `index => ...`                       | Yes
-`beforeChange`   | `func`          | `null`                          | Index change callback. `(oldIndex, newIndex) => ...`        | Yes
-`slickGoTo`      | `int`           | `Default`                       | Go to the specified slide number                            |
+For all available props, go [here](https://react-slick.neostack.com/docs/api/).
 
-#### `responsive` property
+### Methods
 
-Array of objects in the form of `{ breakpoint: int, settings: { ... } }` The breakpoint _int_ is the `maxWidth` so the settings will be applied when resolution is below this value. Breakpoints in the array should be ordered from smallest to greatest. Use 'unslick' in place of the settings object to disable rendering the carousel at that breakpoint. Example: `[ { breakpoint: 768, settings: { slidesToShow: 3 } }, { breakpoint: 1024, settings: { slidesToShow: 5 } }, { breakpoint: 100000, settings: 'unslick' } ]`
+For all available methods, go [here](https://react-slick.neostack.com/docs/api#methods)
 
-[customArrows]: https://github.com/akiran/react-slick/blob/master/examples/CustomArrows.js
-[customPaging]: https://github.com/akiran/react-slick/blob/master/examples/CustomPaging.js
+### Development
 
+Want to run demos locally
 
-### Methods
-* `slickNext()`   - function called to change current slide on next slide ([Example](https://github.com/akiran/react-slick/blob/master/examples/PreviousNextMethods.js))
-* `slickPrev()`   - function called to change current slide on previous slide ([Example](https://github.com/akiran/react-slick/blob/master/examples/PreviousNextMethods.js))
-* `slickGoTo(slideNumber)` - function called to change current slide to given slide number ([Example](https://github.com/akiran/react-slick/blob/master/examples/SlickGoTo.js))
-
-### Custom next/prev arrows
-
-To customize the next/prev arrow elements, simply create new React components and set them
-as the values of nextArrow and prevArrow.
-
-```js
-class LeftNavButton extends React.Component {
-  render() {
-    return <button {...this.props}>Next</button>
-  }
-}
+```bash
+git clone https://github.com/akiran/react-slick
+cd react-slick
+npm install
+npm start
+open http://localhost:8080
 ```
 
-Important: be sure that you pass your component's props to your clickable element
-like the example above. If you don't, your custom component won't trigger the click handler.
+<a href="https://opencollective.com/react-slick/donate" target="_blank">
+  <img src="https://opencollective.com/react-slick/donate/[e-mail]?color=blue" width=300 />
+</a>
 
-You can also set `onClick={this.props.onClick}` if you only want to set the click handler.
+## Contributors
 
-### Flexbox support
-If you have flex property on container div of slider, add below css
-```css
-* {
-  min-height: 0;
-  min-width: 0;
-}
-```
+This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].
+<a href="https://github.com/akiran/react-slick/graphs/contributors"><img src="https://opencollective.com/react-slick/contributors.svg?width=890" /></a>
 
-### Test Setup
-If you try to run tests with jest in a project that uses react-slick, you may run into this error
-```
-matchMedia not present, legacy browsers require a polyfill
-```
+## Backers
 
-To fix this issue add below snippet in test-setup.js
-```js
-window.matchMedia = window.matchMedia || function() {
-    return {
-        matches : false,
-        addListener : function() {},
-        removeListener: function() {}
-    };
-};
+Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/react-slick#backer)]
 
-```
-and add below jest config in package.json
-```json
-"jest": {
-    "setupFiles": ["test-setup.js"]
-}
-```
+<a href="https://opencollective.com/react-slick#backers" target="_blank"><img src="https://opencollective.com/react-slick/backers.svg?width=890"></a>
 
+## Sponsors
 
-### Development
-Want to run demos locally
+Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/react-slick#sponsor)]
 
-```bash
-git clone https://github.com/akiran/react-slick
-npm install
-npm start
-open http://localhost:8080
-```
-
-### Polyfills for old IE support
-`matchMedia` support from [media-match](https://github.com/weblinc/media-match)
+<a href="https://opencollective.com/react-slick/sponsor/0/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/0/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/1/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/1/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/2/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/2/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/3/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/3/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/4/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/4/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/5/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/5/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/6/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/6/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/7/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/7/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/8/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/8/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/9/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/9/avatar.svg"></a>

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

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

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

Total package byte prevSize

292507

increased by26.4%

Dependency count

7

decreased by-30%

Lines of code

5816

increased by24.11%

Worsened metrics

Dev dependency count

47

increased by20.51%

Number of package files

15

decreased by-6.25%

Number of low maintenance alerts

2

increased by100%

Number of low quality alerts

3

increased by50%

Number of lines in readme file

130

decreased by-34.67%

Number of low supply chain risk alerts

3

increased by200%

Number of medium supply chain risk alerts

4

increased byInfinity%

Dependency changes

• + Addedlodash.debounce@^4.0.8

• + Addedresize-observer-polyfill@^1.5.0

• + Addedlodash.debounce@4.0.8(transitive)

• + Addedresize-observer-polyfill@1.5.1(transitive)

• - Removedcan-use-dom@^0.1.0

• - Removedcreate-react-class@^15.5.2

• - Removedobject-assign@^4.1.0

• - Removedslick-carousel@^1.8.1

• - Removedcan-use-dom@0.1.0(transitive)

• - Removedcreate-react-class@15.7.0(transitive)

• - Removedjquery@3.7.1(transitive)

• - Removedslick-carousel@1.8.1(transitive)