react-slick - npm Package Compare versions

Comparing version 0.13.1 to 0.13.2

dist/react-slick.min.js

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

docs/demos.jsx

@@ -10,3 +10,4 @@ 'use strict';
 import Responsive from '../examples/Responsive'
-import UnevenSets from '../examples/UnevenSets'
+import UnevenSetsInfinite from '../examples/UnevenSetsInfinite'
+import UnevenSetsFinite from '../examples/UnevenSetsFinite'
 import CenterMode from '../examples/CenterMode'
@@ -23,2 +24,4 @@ import FocusOnSelect from '../examples/FocusOnSelect'
 import CustomArrows from '../examples/CustomArrows'
+import PreviousNextMethods from '../examples/PreviousNextMethods'
+import DynamicSlides  from '../examples/DynamicSlides'
 
@@ -32,3 +35,4 @@ export default class App extends React.Component {
         <Responsive />
-        <UnevenSets />
+        <UnevenSetsInfinite />
+        <UnevenSetsFinite />
         <CenterMode />
@@ -46,2 +50,4 @@ <FocusOnSelect />
         <CustomArrows />
+        <PreviousNextMethods />
+        <DynamicSlides />
       </div>
@@ -48,0 +54,0 @@ );

examples/PreviousNextMethods.js

@@ -11,6 +11,6 @@ import React, { Component } from 'react'
   next() {
-    this.refs.slider.next()
+    this.refs.slider.slickNext()
   }
   previous() {
-    this.refs.slider.previous()
+    this.refs.slider.slickPrev()
   }
@@ -25,6 +25,5 @@ render() {
     };
-    return null
     return (
       <div>
-        <h2> Single Item</h2>
+        <h2>Previous and Next methods</h2>
         <Slider ref='slider' {...settings}>
@@ -38,4 +37,6 @@ <div key={1}><h3>1</h3></div>
         </Slider>
-        <button onClick={this.previous}>Previous</button>
-        <button onClick={this.next}>>Next</button>
+        <div style={{textAlign: 'center'}}>
+          <button className='button' onClick={this.previous}>Previous</button>
+          <button className='button' onClick={this.next}>Next</button>
+        </div>
       </div>
@@ -42,0 +43,0 @@ );

examples/SlickGoTo.js

@@ -8,9 +8,6 @@ import React, { Component } from 'react'
     super(props)
-    this.state = {
-      slickGoTo: 0
-    }
     this.changeHandler = this.changeHandler.bind(this)
   }
   changeHandler(e) {
-    this.setState({slickGoTo: e.target.value});
+    this.refs.slider.slickGoTo(e.target.value)
   }
@@ -24,3 +21,2 @@ render() {
       slidesToScroll: 1,
-      slickGoTo: this.state.slickGoTo || 0
     };
@@ -30,4 +26,4 @@ return (
         <h2>Slick Go To</h2>
-        <input onChange={this.changeHandler} value={this.state.slickGoTo} type='range' min={0} max={3} />
-        <Slider {...settings}>
+        <input onChange={this.changeHandler} initialValue={0} type='range' min={0} max={3} />
+        <Slider ref='slider' {...settings}>
           <div><img src={baseUrl + '/abstract01.jpg'} /></div>
@@ -34,0 +30,0 @@ <div><img src={baseUrl + '/abstract02.jpg'} /></div>

lib/inner-slider.js

@@ -97,2 +97,5 @@ 'use strict';
     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');
+      }
       this.changeSlide({
@@ -103,2 +106,9 @@ message: 'index',
       });
+    } 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
+      });
     } else {
@@ -118,2 +128,15 @@ this.update(nextProps);
   },
+  slickPrev: function slickPrev() {
+    this.changeSlide({ message: 'previous' });
+  },
+  slickNext: function slickNext() {
+    this.changeSlide({ message: 'next' });
+  },
+  slickGoTo: function slickGoTo(slide) {
+    slide && this.changeSlide({
+      message: 'index',
+      index: slide,
+      currentSlide: this.state.currentSlide
+    });
+  },
   render: function render() {
@@ -120,0 +143,0 @@ var className = (0, _classnames2.default)('slick-initialized', 'slick-slider', this.props.className);

lib/mixins/event-handlers.js

@@ -51,3 +51,3 @@ 'use strict';
     } else if (options.message === 'index') {
-      targetSlide = options.index;
+      targetSlide = parseInt(options.index);
       if (targetSlide === options.currentSlide) {
@@ -60,2 +60,3 @@ return;
   },
+
   // Accessiblity handler for previous and next
@@ -62,0 +63,0 @@ keyHandler: function keyHandler(e) {

lib/mixins/trackHelper.js

@@ -84,2 +84,10 @@ 'use strict';
     }
+  } else {
+
+    if (spec.slideCount % spec.slidesToScroll !== 0) {
+      if (spec.slideIndex + spec.slidesToScroll > spec.slideCount && spec.slideCount > spec.slidesToShow) {
+        var slidesToOffset = spec.slidesToShow - spec.slideCount % spec.slidesToScroll;
+        slideOffset = slidesToOffset * spec.slideWidth;
+      }
+    }
   }
@@ -86,0 +94,0 @@

lib/slider.js

 'use strict';
 
+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');
@@ -67,2 +69,15 @@
   },
+
+  slickPrev: function slickPrev() {
+    this.refs.innerSlider.slickPrev();
+  },
+
+  slickNext: function slickNext() {
+    this.refs.innerSlider.slickNext();
+  },
+
+  slickGoTo: function slickGoTo(slide) {
+    this.refs.innerSlider.slickGoTo(slide);
+  },
+
   render: function render() {
@@ -102,3 +117,3 @@ var _this2 = this;
         _innerSlider.InnerSlider,
-        settings,
+        _extends({ ref: 'innerSlider' }, settings),
         children
@@ -105,0 +120,0 @@ );

package.json

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

README.md

@@ -8,6 +8,4 @@ # react-slick
 
-# Road to 1.0
-react-slick is under active development now.
-Soon this project will have all the features of slick carousel.
-We encourage your feedback and support.
+### Important
+ * slickGoTo prop is deprecated in favor of slickGoTo method. Check this [slickGoTo usage example](https://github.com/akiran/react-slick/blob/master/examples/SlickGoTo.js). slickGoTo prop will be removed in react-slick@0.14
 
@@ -23,3 +21,3 @@ ### Installation
 ```bash
-bower install slick-carousel
+npm install slick-carousel
 ```
@@ -30,3 +28,4 @@
 ```html
-<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.3.15/slick.css" />
+<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" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" />
 ```
@@ -114,4 +113,11 @@
 | beforeChange | function | callback function called before the current index changes | Yes |
-| slickGoTo | int | go to the specified slide number
+| slickGoTo | int | go to the specified slide number | |
 
+
+### Methods
+* slickNext   - function called to change current slide on next slide
+* slickPrev   - function called to change current slide on previous slide
+
+Check this [example](https://github.com/akiran/react-slick/blob/master/examples/PreviousNextMethods.js) for these methods usage
+
 ### Custom next/prev arrows
@@ -118,0 +124,0 @@

src/inner-slider.jsx

@@ -69,2 +69,5 @@ 'use strict';
     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')
+      }
       this.changeSlide({
@@ -75,2 +78,9 @@ message: 'index',
       });
+    } 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
+      });
     } else {
@@ -90,2 +100,15 @@ this.update(nextProps);
   },
+  slickPrev: function () {
+    this.changeSlide({message: 'previous'});
+  },
+  slickNext: function () {
+    this.changeSlide({message: 'next'});
+  },
+  slickGoTo: function (slide) {
+    slide && this.changeSlide({
+      message: 'index',
+      index: slide,
+      currentSlide: this.state.currentSlide
+    });
+  },
   render: function () {
@@ -92,0 +115,0 @@ var className = classnames('slick-initialized', 'slick-slider', this.props.className);

src/mixins/event-handlers.js

@@ -35,3 +35,3 @@ 'use strict';
     } else if (options.message === 'index') {
-      targetSlide = options.index;
+      targetSlide = parseInt(options.index);
       if (targetSlide === options.currentSlide) {
@@ -44,2 +44,3 @@ return;
   },
+ 
   // Accessiblity handler for previous and next
@@ -46,0 +47,0 @@ keyHandler: function (e) {

src/mixins/trackHelper.js

@@ -82,4 +82,14 @@ 'use strict';
     }
+  } else {
+
+    if (spec.slideCount % spec.slidesToScroll !== 0) {
+      if (spec.slideIndex + spec.slidesToScroll > spec.slideCount && spec.slideCount > spec.slidesToShow) {
+          var slidesToOffset = spec.slidesToShow - (spec.slideCount % spec.slidesToScroll);
+          slideOffset = slidesToOffset * spec.slideWidth;
+      }
+    }
   }
 
+
+
   if (spec.centerMode) {
@@ -86,0 +96,0 @@ if(spec.infinite) {

src/slider.jsx

@@ -42,2 +42,15 @@ 'use strict';
   },
+
+  slickPrev: function () {
+    this.refs.innerSlider.slickPrev();
+  },
+
+  slickNext: function () {
+    this.refs.innerSlider.slickNext();
+  },
+
+  slickGoTo: function (slide) {
+    this.refs.innerSlider.slickGoTo(slide)
+  },
+
   render: function () {
@@ -70,3 +83,3 @@ var settings;
       return (
-        <InnerSlider {...settings}>
+        <InnerSlider ref='innerSlider' {...settings}>
           {children}
@@ -73,0 +86,0 @@ </InnerSlider>

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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

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

368516

increased by2.32%

Number of package files

67

increased by3.08%

Lines of code

4872

increased by4.01%

Number of lines in readme file

153

increased by4.08%

Worsened metrics

Number of low supply chain risk alerts

1

increased byInfinity%

No dependency changes