@@ -94,6 +94,10 @@ return /******/ (function(modules) { // webpackBootstrap
94
94
displayName : 'Slider' ,
95
95
96
96
mixins : [ _reactResponsiveMixin2 . default ] ,
97
+ innerSlider : null ,
98
+ innerSliderRefHandler : function innerSliderRefHandler ( ref ) {
99
+ this . innerSlider = ref ;
100
+ } ,
97
101
getInitialState : function getInitialState ( ) {
98
102
return {
99
103
breakpoint : null
@@ -132,15 +136,15 @@ return /******/ (function(modules) { // webpackBootstrap
132
136
} ,
133
137
134
138
slickPrev : function slickPrev ( ) {
135
- this . refs . innerSlider . slickPrev ( ) ;
139
+ this . innerSlider . slickPrev ( ) ;
136
140
} ,
137
141
138
142
slickNext : function slickNext ( ) {
139
- this . refs . innerSlider . slickNext ( ) ;
143
+ this . innerSlider . slickNext ( ) ;
140
144
} ,
141
145
142
146
slickGoTo : function slickGoTo ( slide ) {
143
- this . refs . innerSlider . slickGoTo ( slide ) ;
147
+ this . innerSlider . slickGoTo ( slide ) ;
144
148
} ,
145
149
146
150
render : function render ( ) {
@@ -177,7 +181,7 @@ return /******/ (function(modules) { // webpackBootstrap
177
181
} else {
178
182
return _react2 . default . createElement (
179
183
_innerSlider . InnerSlider ,
180
- _extends ( { ref : 'innerSlider' } , settings ) ,
184
+ _extends ( { ref : this . innerSliderRefHandler } , settings ) ,
181
185
children
182
186
) ;
183
187
}
@@ -239,6 +243,14 @@ return /******/ (function(modules) { // webpackBootstrap
239
243
displayName : 'InnerSlider' ,
240
244
241
245
mixins : [ _helpers2 . default , _eventHandlers2 . default ] ,
246
+ list : null ,
247
+ track : null ,
248
+ listRefHandler : function listRefHandler ( ref ) {
249
+ this . list = ref ;
250
+ } ,
251
+ trackRefHandler : function trackRefHandler ( ref ) {
252
+ this . track = ref ;
253
+ } ,
242
254
getInitialState : function getInitialState ( ) {
243
255
return _extends ( { } , _initialState2 . default , {
244
256
currentSlide : this . props . initialSlide
@@ -328,7 +340,7 @@ return /******/ (function(modules) { // webpackBootstrap
328
340
this . changeSlide ( { message : 'next' } ) ;
329
341
} ,
330
342
slickGoTo : function slickGoTo ( slide ) {
331
- slide && this . changeSlide ( {
343
+ typeof slide === 'number' && this . changeSlide ( {
332
344
message : 'index' ,
333
345
index : slide ,
334
346
currentSlide : this . state . currentSlide
@@ -412,7 +424,7 @@ return /******/ (function(modules) { // webpackBootstrap
412
424
_react2 . default . createElement (
413
425
'div' ,
414
426
{
415
- ref : 'list' ,
427
+ ref : this . listRefHandler ,
416
428
className : 'slick-list' ,
417
429
style : centerPaddingStyle ,
418
430
onMouseDown : this . swipeStart ,
@@ -426,7 +438,7 @@ return /******/ (function(modules) { // webpackBootstrap
426
438
onKeyDown : this . props . accessibility ? this . keyHandler : null } ,
427
439
_react2 . default . createElement (
428
440
_track . Track ,
429
- _extends ( { ref : 'track' } , trackProps ) ,
441
+ _extends ( { ref : this . trackRefHandler } , trackProps ) ,
430
442
this . props . children
431
443
)
432
444
) ,
@@ -552,7 +564,7 @@ return /******/ (function(modules) { // webpackBootstrap
552
564
553
565
curLeft = ( 0 , _trackHelper . getTrackLeft ) ( ( 0 , _objectAssign2 . default ) ( {
554
566
slideIndex : this . state . currentSlide ,
555
- trackRef : this . refs . track
567
+ trackRef : this . track
556
568
} , this . props , this . state ) ) ;
557
569
touchObject . curX = e . touches ? e . touches [ 0 ] . pageX : e . clientX ;
558
570
touchObject . curY = e . touches ? e . touches [ 0 ] . pageY : e . clientY ;
@@ -629,7 +641,7 @@ return /******/ (function(modules) { // webpackBootstrap
629
641
// Adjust the track back to it's original position.
630
642
var currentLeft = ( 0 , _trackHelper . getTrackLeft ) ( ( 0 , _objectAssign2 . default ) ( {
631
643
slideIndex : this . state . currentSlide ,
632
- trackRef : this . refs . track
644
+ trackRef : this . track
633
645
} , this . props , this . state ) ) ;
634
646
635
647
this . setState ( {
@@ -815,8 +827,8 @@ return /******/ (function(modules) { // webpackBootstrap
815
827
var helpers = {
816
828
initialize : function initialize ( props ) {
817
829
var slideCount = _react2 . default . Children . count ( props . children ) ;
818
- var listWidth = this . getWidth ( _reactDom2 . default . findDOMNode ( this . refs . list ) ) ;
819
- var trackWidth = this . getWidth ( _reactDom2 . default . findDOMNode ( this . refs . track ) ) ;
830
+ var listWidth = this . getWidth ( _reactDom2 . default . findDOMNode ( this . list ) ) ;
831
+ var trackWidth = this . getWidth ( _reactDom2 . default . findDOMNode ( this . track ) ) ;
820
832
var slideWidth = trackWidth / props . slidesToShow ;
821
833
822
834
var currentSlide = props . rtl ? slideCount - 1 - props . initialSlide : props . initialSlide ;
@@ -831,7 +843,7 @@ return /******/ (function(modules) { // webpackBootstrap
831
843
832
844
var targetLeft = ( 0 , _trackHelper . getTrackLeft ) ( ( 0 , _objectAssign2 . default ) ( {
833
845
slideIndex : this . state . currentSlide ,
834
- trackRef : this . refs . track
846
+ trackRef : this . track
835
847
} , props , this . state ) ) ;
836
848
// getCSS function needs previously set state
837
849
var trackStyle = ( 0 , _trackHelper . getTrackCSS ) ( ( 0 , _objectAssign2 . default ) ( { left : targetLeft } , props , this . state ) ) ;
@@ -845,8 +857,8 @@ return /******/ (function(modules) { // webpackBootstrap
845
857
// This method has mostly same code as initialize method.
846
858
// Refactor it
847
859
var slideCount = _react2 . default . Children . count ( props . children ) ;
848
- var listWidth = this . getWidth ( _reactDom2 . default . findDOMNode ( this . refs . list ) ) ;
849
- var trackWidth = this . getWidth ( _reactDom2 . default . findDOMNode ( this . refs . track ) ) ;
860
+ var listWidth = this . getWidth ( _reactDom2 . default . findDOMNode ( this . list ) ) ;
861
+ var trackWidth = this . getWidth ( _reactDom2 . default . findDOMNode ( this . track ) ) ;
850
862
var slideWidth = this . getWidth ( _reactDom2 . default . findDOMNode ( this ) ) / props . slidesToShow ;
851
863
852
864
// pause slider if autoplay is set to false
@@ -861,7 +873,7 @@ return /******/ (function(modules) { // webpackBootstrap
861
873
862
874
var targetLeft = ( 0 , _trackHelper . getTrackLeft ) ( ( 0 , _objectAssign2 . default ) ( {
863
875
slideIndex : this . state . currentSlide ,
864
- trackRef : this . refs . track
876
+ trackRef : this . track
865
877
} , props , this . state ) ) ;
866
878
// getCSS function needs previously set state
867
879
var trackStyle = ( 0 , _trackHelper . getTrackCSS ) ( ( 0 , _objectAssign2 . default ) ( { left : targetLeft } , props , this . state ) ) ;
@@ -875,8 +887,8 @@ return /******/ (function(modules) { // webpackBootstrap
875
887
adaptHeight : function adaptHeight ( ) {
876
888
if ( this . props . adaptiveHeight ) {
877
889
var selector = '[data-index="' + this . state . currentSlide + '"]' ;
878
- if ( this . refs . list ) {
879
- var slickList = _reactDom2 . default . findDOMNode ( this . refs . list ) ;
890
+ if ( this . list ) {
891
+ var slickList = _reactDom2 . default . findDOMNode ( this . list ) ;
880
892
slickList . style . height = slickList . querySelector ( selector ) . offsetHeight + 'px' ;
881
893
}
882
894
}
@@ -963,19 +975,14 @@ return /******/ (function(modules) { // webpackBootstrap
963
975
currentSlide = targetSlide ;
964
976
}
965
977
966
- // Don't change slide if it's not infite and current slide is the first or last slide page.
967
- if ( currentSlide === this . state . currentSlide && this . props . infinite === false ) {
968
- return ;
969
- }
970
-
971
978
targetLeft = ( 0 , _trackHelper . getTrackLeft ) ( ( 0 , _objectAssign2 . default ) ( {
972
979
slideIndex : targetSlide ,
973
- trackRef : this . refs . track
980
+ trackRef : this . track
974
981
} , this . props , this . state ) ) ;
975
982
976
983
currentLeft = ( 0 , _trackHelper . getTrackLeft ) ( ( 0 , _objectAssign2 . default ) ( {
977
984
slideIndex : currentSlide ,
978
- trackRef : this . refs . track
985
+ trackRef : this . track
979
986
} , this . props , this . state ) ) ;
980
987
981
988
if ( this . props . infinite === false ) {
@@ -1260,7 +1267,7 @@ return /******/ (function(modules) { // webpackBootstrap
1260
1267
infinite : true ,
1261
1268
initialSlide : 0 ,
1262
1269
lazyLoad : false ,
1263
- pauseOnHover : false ,
1270
+ pauseOnHover : true ,
1264
1271
responsive : null ,
1265
1272
rtl : false ,
1266
1273
slide : 'div' ,
0 commit comments