react-carousel-slider - npm Package Compare versions

Comparing version 1.0.20 to 1.0.21

es/index.js

@@ -29,2 +29,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
+        _this.dragEvent = {
+            startPoint: 0,
+            deltaX: 0,
+            thrershold: 0,
+            disableDragImage: function () {
+                var transparent = new Image();
+                transparent.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+                return transparent;
+            }()
+        };
+
         _this.calculateSlidesOrder = _this.calculateSlidesOrder.bind(_this);
@@ -43,2 +54,3 @@ _this.itemsReorder = _this.itemsReorder.bind(_this);
         };
+
         _this.mannerSetting = _this.handleMannerSetting();
@@ -103,3 +115,2 @@
             touchStartX: 0,
-            prevTouchX: 0,
             beingTouched: false
@@ -120,2 +131,6 @@ };
 
+        _this.handleDragStart = _this.handleDragStart.bind(_this);
+        _this.handleDragStop = _this.handleDragStop.bind(_this);
+        _this.handleDragOver = _this.handleDragOver.bind(_this);
+
         _this.setSliderBoxStyles = _this.setSliderBoxStyles.bind(_this);
@@ -134,2 +149,6 @@ _this.setItemsStyle = _this.setItemsStyle.bind(_this);
 
+    CarouselSlider.prototype.componentDidMount = function componentDidMount() {
+        this.dragEvent.threshold = this.refs.sliderBox.offsetWidth > 100 ? this.refs.sliderBox.offsetWidth / 5 : 50;
+    };
+
     CarouselSlider.prototype.componentWillUnmount = function componentWillUnmount() {
@@ -313,2 +332,3 @@ clearInterval(this.autoSlidingTimer);
 
+        // slideCon.style.transition = 'transform ' + this.mannerSetting.duration + ' ease';
         slideCon.style.transform = 'translateX(-' + this.slidingManner.initialMovement + 'px)';
@@ -333,10 +353,17 @@ this.slidingManner.movement = this.slidingManner.movement + this.slidingManner.initialMovement;
                 this.autoSlidingTimer = setInterval(function () {
+
                     if (_this4.slidingManner.currentSlide === _this4.slideCnt) {
-                        _this4.slidingManner.direction = -1;
-                        _this4.moveSlide(_this4.slidingManner.direction);
+                        if (!_this4.slidingManner.sliding) {
+                            _this4.slidingManner.direction = -1;
+                            _this4.moveSlide(_this4.slidingManner.direction);
+                        }
                     } else if (_this4.slidingManner.currentSlide === 1) {
-                        _this4.slidingManner.direction = 1;
-                        _this4.moveSlide(_this4.slidingManner.direction);
+                        if (!_this4.slidingManner.sliding) {
+                            _this4.slidingManner.direction = 1;
+                            _this4.moveSlide(_this4.slidingManner.direction);
+                        }
                     } else {
-                        _this4.moveSlide(_this4.slidingManner.direction);
+                        if (!_this4.slidingManner.sliding) {
+                            _this4.moveSlide(_this4.slidingManner.direction);
+                        }
                     }
@@ -417,2 +444,3 @@ }, milliseconds);
 
+                slideCon.style.transition = 'transform ' + this.mannerSetting.duration + ' ease'; // for after dragging
                 if (direction === 1 && this.slidingManner.currentSlide < this.slideCnt) {
@@ -442,2 +470,3 @@ this.slidingManner.sliding = true;
     CarouselSlider.prototype.handleTouchStart = function handleTouchStart(e) {
+        this.slidingManner.sliding = true;
         this.touchEvent.touchStartX = e.targetTouches[0].clientX;
@@ -448,7 +477,7 @@ this.touchEvent.beingTouched = true;
     CarouselSlider.prototype.handleTouchMove = function handleTouchMove(e) {
+        this.slidingManner.sliding = true;
         if (this.touchEvent.beingTouched) {
-            var currentX = e.targetTouches[0].clientX;
-            var deltaX = currentX - this.touchEvent.touchStartX;
-            this.touchEvent.touchMovement = deltaX;
-            this.touchEvent.prevTouchX = currentX;
+            this.touchEvent.touchMovement = this.touchEvent.touchStartX - e.targetTouches[0].clientX;
+            var dragMovement = this.slidingManner.movement + this.touchEvent.touchMovement;
+            e.currentTarget.style.transform = 'translateX(-' + dragMovement + 'px)';
         }
@@ -458,14 +487,16 @@ };
     CarouselSlider.prototype.handleTouchEnd = function handleTouchEnd(e) {
-        if (this.touchEvent.touchStartX != e.changedTouches[0].clientX) {
+        this.slidingManner.sliding = false;
+
+        if (Math.abs(this.touchEvent.touchStartX - e.changedTouches[0].clientX) > 20) {
             if (!this.slidingManner.sliding) {
-                if (Math.abs(this.touchEvent.touchMovement) > 25) {
-                    if (this.touchEvent.touchMovement > 0) {
-                        this.moveSlide(-1);
-                    } else {
-                        this.moveSlide(1);
-                    }
+                if (Math.abs(this.touchEvent.touchMovement) > this.dragEvent.threshold) {
+                    var direction = this.touchEvent.touchMovement > 0 ? 1 : -1;
+                    this.moveSlide(direction);
+                } else {
+                    e.currentTarget.style.transition = 'transform 0.5s ease';
+                    e.currentTarget.style.transform = 'translateX(-' + this.slidingManner.movement + 'px)';
                 }
             }
             this.touchEvent.touchStartX = 0;
-            this.touchEvent.beingTouched = true;
+            this.touchEvent.beingTouched = false;
         }
@@ -480,2 +511,33 @@ };
 
+    CarouselSlider.prototype.handleDragStart = function handleDragStart(e) {
+
+        this.slidingManner.sliding = true;
+        e.currentTarget.style.transition = 'none';
+        this.dragEvent.startPoint = e.clientX;
+        e.dataTransfer.setDragImage(this.dragEvent.disableDragImage, 1, 1);
+    };
+
+    CarouselSlider.prototype.handleDragOver = function handleDragOver(e) {
+        this.dragEvent.deltaX = this.dragEvent.startPoint - e.clientX;
+        var dragMovement = this.slidingManner.movement + this.dragEvent.deltaX;
+        e.currentTarget.style.transform = 'translateX(-' + dragMovement + 'px)';
+        e.dataTransfer.dropEffect = 'none'; // To eliminate green add button on chrome.
+        e.dataTransfer.effectAllowed = 'none';
+        e.preventDefault();
+    };
+
+    CarouselSlider.prototype.handleDragStop = function handleDragStop(e) {
+
+        var direction = this.dragEvent.deltaX > 0 ? 1 : -1;
+        this.slidingManner.sliding = false;
+        if (Math.abs(this.dragEvent.deltaX) > this.dragEvent.threshold) {
+            if (!this.slidingManner.sliding) {
+                this.moveSlide(direction);
+            }
+        } else {
+            e.currentTarget.style.transition = 'transform 0.5s ease';
+            e.currentTarget.style.transform = 'translateX(-' + this.slidingManner.movement + 'px)';
+        }
+    };
+
     CarouselSlider.prototype.setTextBoxStyle = function setTextBoxStyle() {
@@ -732,3 +794,13 @@ if (this.props.textBoxStyle) {
                 'div',
-                { className: 'slideCon', ref: 'slideCon', style: this.setSlideConHeight() },
+                { className: 'slideCon', ref: 'slideCon',
+                    onDragStart: function onDragStart(e) {
+                        return _this6.handleDragStart(e);
+                    },
+                    onDragEnd: function onDragEnd(e) {
+                        return _this6.handleDragStop(e);
+                    },
+                    onDragOver: function onDragOver(e) {
+                        return _this6.handleDragOver(e);
+                    },
+                    style: this.setSlideConHeight() },
                 items
@@ -735,0 +807,0 @@ );

lib/index.js

@@ -38,2 +38,13 @@ 'use strict';
 
+        _this.dragEvent = {
+            startPoint: 0,
+            deltaX: 0,
+            thrershold: 0,
+            disableDragImage: function () {
+                var transparent = new Image();
+                transparent.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+                return transparent;
+            }()
+        };
+
         _this.calculateSlidesOrder = _this.calculateSlidesOrder.bind(_this);
@@ -52,2 +63,3 @@ _this.itemsReorder = _this.itemsReorder.bind(_this);
         };
+
         _this.mannerSetting = _this.handleMannerSetting();
@@ -112,3 +124,2 @@
             touchStartX: 0,
-            prevTouchX: 0,
             beingTouched: false
@@ -129,2 +140,6 @@ };
 
+        _this.handleDragStart = _this.handleDragStart.bind(_this);
+        _this.handleDragStop = _this.handleDragStop.bind(_this);
+        _this.handleDragOver = _this.handleDragOver.bind(_this);
+
         _this.setSliderBoxStyles = _this.setSliderBoxStyles.bind(_this);
@@ -143,2 +158,6 @@ _this.setItemsStyle = _this.setItemsStyle.bind(_this);
 
+    CarouselSlider.prototype.componentDidMount = function componentDidMount() {
+        this.dragEvent.threshold = this.refs.sliderBox.offsetWidth > 100 ? this.refs.sliderBox.offsetWidth / 5 : 50;
+    };
+
     CarouselSlider.prototype.componentWillUnmount = function componentWillUnmount() {
@@ -322,2 +341,3 @@ clearInterval(this.autoSlidingTimer);
 
+        // slideCon.style.transition = 'transform ' + this.mannerSetting.duration + ' ease';
         slideCon.style.transform = 'translateX(-' + this.slidingManner.initialMovement + 'px)';
@@ -342,10 +362,17 @@ this.slidingManner.movement = this.slidingManner.movement + this.slidingManner.initialMovement;
                 this.autoSlidingTimer = setInterval(function () {
+
                     if (_this4.slidingManner.currentSlide === _this4.slideCnt) {
-                        _this4.slidingManner.direction = -1;
-                        _this4.moveSlide(_this4.slidingManner.direction);
+                        if (!_this4.slidingManner.sliding) {
+                            _this4.slidingManner.direction = -1;
+                            _this4.moveSlide(_this4.slidingManner.direction);
+                        }
                     } else if (_this4.slidingManner.currentSlide === 1) {
-                        _this4.slidingManner.direction = 1;
-                        _this4.moveSlide(_this4.slidingManner.direction);
+                        if (!_this4.slidingManner.sliding) {
+                            _this4.slidingManner.direction = 1;
+                            _this4.moveSlide(_this4.slidingManner.direction);
+                        }
                     } else {
-                        _this4.moveSlide(_this4.slidingManner.direction);
+                        if (!_this4.slidingManner.sliding) {
+                            _this4.moveSlide(_this4.slidingManner.direction);
+                        }
                     }
@@ -426,2 +453,3 @@ }, milliseconds);
 
+                slideCon.style.transition = 'transform ' + this.mannerSetting.duration + ' ease'; // for after dragging
                 if (direction === 1 && this.slidingManner.currentSlide < this.slideCnt) {
@@ -451,2 +479,3 @@ this.slidingManner.sliding = true;
     CarouselSlider.prototype.handleTouchStart = function handleTouchStart(e) {
+        this.slidingManner.sliding = true;
         this.touchEvent.touchStartX = e.targetTouches[0].clientX;
@@ -457,7 +486,7 @@ this.touchEvent.beingTouched = true;
     CarouselSlider.prototype.handleTouchMove = function handleTouchMove(e) {
+        this.slidingManner.sliding = true;
         if (this.touchEvent.beingTouched) {
-            var currentX = e.targetTouches[0].clientX;
-            var deltaX = currentX - this.touchEvent.touchStartX;
-            this.touchEvent.touchMovement = deltaX;
-            this.touchEvent.prevTouchX = currentX;
+            this.touchEvent.touchMovement = this.touchEvent.touchStartX - e.targetTouches[0].clientX;
+            var dragMovement = this.slidingManner.movement + this.touchEvent.touchMovement;
+            e.currentTarget.style.transform = 'translateX(-' + dragMovement + 'px)';
         }
@@ -467,14 +496,16 @@ };
     CarouselSlider.prototype.handleTouchEnd = function handleTouchEnd(e) {
-        if (this.touchEvent.touchStartX != e.changedTouches[0].clientX) {
+        this.slidingManner.sliding = false;
+
+        if (Math.abs(this.touchEvent.touchStartX - e.changedTouches[0].clientX) > 20) {
             if (!this.slidingManner.sliding) {
-                if (Math.abs(this.touchEvent.touchMovement) > 25) {
-                    if (this.touchEvent.touchMovement > 0) {
-                        this.moveSlide(-1);
-                    } else {
-                        this.moveSlide(1);
-                    }
+                if (Math.abs(this.touchEvent.touchMovement) > this.dragEvent.threshold) {
+                    var direction = this.touchEvent.touchMovement > 0 ? 1 : -1;
+                    this.moveSlide(direction);
+                } else {
+                    e.currentTarget.style.transition = 'transform 0.5s ease';
+                    e.currentTarget.style.transform = 'translateX(-' + this.slidingManner.movement + 'px)';
                 }
             }
             this.touchEvent.touchStartX = 0;
-            this.touchEvent.beingTouched = true;
+            this.touchEvent.beingTouched = false;
         }
@@ -489,2 +520,33 @@ };
 
+    CarouselSlider.prototype.handleDragStart = function handleDragStart(e) {
+
+        this.slidingManner.sliding = true;
+        e.currentTarget.style.transition = 'none';
+        this.dragEvent.startPoint = e.clientX;
+        e.dataTransfer.setDragImage(this.dragEvent.disableDragImage, 1, 1);
+    };
+
+    CarouselSlider.prototype.handleDragOver = function handleDragOver(e) {
+        this.dragEvent.deltaX = this.dragEvent.startPoint - e.clientX;
+        var dragMovement = this.slidingManner.movement + this.dragEvent.deltaX;
+        e.currentTarget.style.transform = 'translateX(-' + dragMovement + 'px)';
+        e.dataTransfer.dropEffect = 'none'; // To eliminate green add button on chrome.
+        e.dataTransfer.effectAllowed = 'none';
+        e.preventDefault();
+    };
+
+    CarouselSlider.prototype.handleDragStop = function handleDragStop(e) {
+
+        var direction = this.dragEvent.deltaX > 0 ? 1 : -1;
+        this.slidingManner.sliding = false;
+        if (Math.abs(this.dragEvent.deltaX) > this.dragEvent.threshold) {
+            if (!this.slidingManner.sliding) {
+                this.moveSlide(direction);
+            }
+        } else {
+            e.currentTarget.style.transition = 'transform 0.5s ease';
+            e.currentTarget.style.transform = 'translateX(-' + this.slidingManner.movement + 'px)';
+        }
+    };
+
     CarouselSlider.prototype.setTextBoxStyle = function setTextBoxStyle() {
@@ -741,3 +803,13 @@ if (this.props.textBoxStyle) {
                 'div',
-                { className: 'slideCon', ref: 'slideCon', style: this.setSlideConHeight() },
+                { className: 'slideCon', ref: 'slideCon',
+                    onDragStart: function onDragStart(e) {
+                        return _this6.handleDragStart(e);
+                    },
+                    onDragEnd: function onDragEnd(e) {
+                        return _this6.handleDragStop(e);
+                    },
+                    onDragOver: function onDragOver(e) {
+                        return _this6.handleDragOver(e);
+                    },
+                    style: this.setSlideConHeight() },
                 items
@@ -744,0 +816,0 @@ );

package.json

 {
   "name": "react-carousel-slider",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "description": "react-carousel-slider React component",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

umd/react-carousel-slider.js

 /*!
- * react-carousel-slider v1.0.10
+ * react-carousel-slider v1.0.6
  * MIT Licensed
@@ -125,2 +125,13 @@ */
 
+        _this.dragEvent = {
+            startPoint: 0,
+            deltaX: 0,
+            thrershold: 0,
+            disableDragImage: function () {
+                var transparent = new Image();
+                transparent.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+                return transparent;
+            }()
+        };
+
         _this.calculateSlidesOrder = _this.calculateSlidesOrder.bind(_this);
@@ -139,2 +150,3 @@ _this.itemsReorder = _this.itemsReorder.bind(_this);
         };
+
         _this.mannerSetting = _this.handleMannerSetting();
@@ -199,3 +211,2 @@
             touchStartX: 0,
-            prevTouchX: 0,
             beingTouched: false
@@ -216,2 +227,6 @@ };
 
+        _this.handleDragStart = _this.handleDragStart.bind(_this);
+        _this.handleDragStop = _this.handleDragStop.bind(_this);
+        _this.handleDragOver = _this.handleDragOver.bind(_this);
+
         _this.setSliderBoxStyles = _this.setSliderBoxStyles.bind(_this);
@@ -230,2 +245,6 @@ _this.setItemsStyle = _this.setItemsStyle.bind(_this);
 
+    CarouselSlider.prototype.componentDidMount = function componentDidMount() {
+        this.dragEvent.threshold = this.refs.sliderBox.offsetWidth > 100 ? this.refs.sliderBox.offsetWidth / 5 : 50;
+    };
+
     CarouselSlider.prototype.componentWillUnmount = function componentWillUnmount() {
@@ -409,2 +428,3 @@ clearInterval(this.autoSlidingTimer);
 
+        // slideCon.style.transition = 'transform ' + this.mannerSetting.duration + ' ease';
         slideCon.style.transform = 'translateX(-' + this.slidingManner.initialMovement + 'px)';
@@ -429,10 +449,17 @@ this.slidingManner.movement = this.slidingManner.movement + this.slidingManner.initialMovement;
                 this.autoSlidingTimer = setInterval(function () {
+
                     if (_this4.slidingManner.currentSlide === _this4.slideCnt) {
-                        _this4.slidingManner.direction = -1;
-                        _this4.moveSlide(_this4.slidingManner.direction);
+                        if (!_this4.slidingManner.sliding) {
+                            _this4.slidingManner.direction = -1;
+                            _this4.moveSlide(_this4.slidingManner.direction);
+                        }
                     } else if (_this4.slidingManner.currentSlide === 1) {
-                        _this4.slidingManner.direction = 1;
-                        _this4.moveSlide(_this4.slidingManner.direction);
+                        if (!_this4.slidingManner.sliding) {
+                            _this4.slidingManner.direction = 1;
+                            _this4.moveSlide(_this4.slidingManner.direction);
+                        }
                     } else {
-                        _this4.moveSlide(_this4.slidingManner.direction);
+                        if (!_this4.slidingManner.sliding) {
+                            _this4.moveSlide(_this4.slidingManner.direction);
+                        }
                     }
@@ -513,2 +540,3 @@ }, milliseconds);
 
+                slideCon.style.transition = 'transform ' + this.mannerSetting.duration + ' ease'; // for after dragging
                 if (direction === 1 && this.slidingManner.currentSlide < this.slideCnt) {
@@ -538,2 +566,3 @@ this.slidingManner.sliding = true;
     CarouselSlider.prototype.handleTouchStart = function handleTouchStart(e) {
+        this.slidingManner.sliding = true;
         this.touchEvent.touchStartX = e.targetTouches[0].clientX;
@@ -544,7 +573,7 @@ this.touchEvent.beingTouched = true;
     CarouselSlider.prototype.handleTouchMove = function handleTouchMove(e) {
+        this.slidingManner.sliding = true;
         if (this.touchEvent.beingTouched) {
-            var currentX = e.targetTouches[0].clientX;
-            var deltaX = currentX - this.touchEvent.touchStartX;
-            this.touchEvent.touchMovement = deltaX;
-            this.touchEvent.prevTouchX = currentX;
+            this.touchEvent.touchMovement = this.touchEvent.touchStartX - e.targetTouches[0].clientX;
+            var dragMovement = this.slidingManner.movement + this.touchEvent.touchMovement;
+            e.currentTarget.style.transform = 'translateX(-' + dragMovement + 'px)';
         }
@@ -554,14 +583,16 @@ };
     CarouselSlider.prototype.handleTouchEnd = function handleTouchEnd(e) {
-        if (this.touchEvent.touchStartX != e.changedTouches[0].clientX) {
+        this.slidingManner.sliding = false;
+
+        if (Math.abs(this.touchEvent.touchStartX - e.changedTouches[0].clientX) > 20) {
             if (!this.slidingManner.sliding) {
-                if (Math.abs(this.touchEvent.touchMovement) > 25) {
-                    if (this.touchEvent.touchMovement > 0) {
-                        this.moveSlide(-1);
-                    } else {
-                        this.moveSlide(1);
-                    }
+                if (Math.abs(this.touchEvent.touchMovement) > this.dragEvent.threshold) {
+                    var direction = this.touchEvent.touchMovement > 0 ? 1 : -1;
+                    this.moveSlide(direction);
+                } else {
+                    e.currentTarget.style.transition = 'transform 0.5s ease';
+                    e.currentTarget.style.transform = 'translateX(-' + this.slidingManner.movement + 'px)';
                 }
             }
             this.touchEvent.touchStartX = 0;
-            this.touchEvent.beingTouched = true;
+            this.touchEvent.beingTouched = false;
         }
@@ -576,2 +607,33 @@ };
 
+    CarouselSlider.prototype.handleDragStart = function handleDragStart(e) {
+
+        this.slidingManner.sliding = true;
+        e.currentTarget.style.transition = 'none';
+        this.dragEvent.startPoint = e.clientX;
+        e.dataTransfer.setDragImage(this.dragEvent.disableDragImage, 1, 1);
+    };
+
+    CarouselSlider.prototype.handleDragOver = function handleDragOver(e) {
+        this.dragEvent.deltaX = this.dragEvent.startPoint - e.clientX;
+        var dragMovement = this.slidingManner.movement + this.dragEvent.deltaX;
+        e.currentTarget.style.transform = 'translateX(-' + dragMovement + 'px)';
+        e.dataTransfer.dropEffect = 'none'; // To eliminate green add button on chrome.
+        e.dataTransfer.effectAllowed = 'none';
+        e.preventDefault();
+    };
+
+    CarouselSlider.prototype.handleDragStop = function handleDragStop(e) {
+
+        var direction = this.dragEvent.deltaX > 0 ? 1 : -1;
+        this.slidingManner.sliding = false;
+        if (Math.abs(this.dragEvent.deltaX) > this.dragEvent.threshold) {
+            if (!this.slidingManner.sliding) {
+                this.moveSlide(direction);
+            }
+        } else {
+            e.currentTarget.style.transition = 'transform 0.5s ease';
+            e.currentTarget.style.transform = 'translateX(-' + this.slidingManner.movement + 'px)';
+        }
+    };
+
     CarouselSlider.prototype.setTextBoxStyle = function setTextBoxStyle() {
@@ -828,3 +890,13 @@ if (this.props.textBoxStyle) {
                 'div',
-                { className: 'slideCon', ref: 'slideCon', style: this.setSlideConHeight() },
+                { className: 'slideCon', ref: 'slideCon',
+                    onDragStart: function onDragStart(e) {
+                        return _this6.handleDragStart(e);
+                    },
+                    onDragEnd: function onDragEnd(e) {
+                        return _this6.handleDragStop(e);
+                    },
+                    onDragOver: function onDragOver(e) {
+                        return _this6.handleDragOver(e);
+                    },
+                    style: this.setSlideConHeight() },
                 items
@@ -831,0 +903,0 @@ );

umd/react-carousel-slider.min.js

 /*!
- * react-carousel-slider v1.0.10
+ * react-carousel-slider v1.0.6
  * MIT Licensed
  */
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports.ReactCarouselSlider=e(require("react")):t.ReactCarouselSlider=e(t.React)}("undefined"!=typeof self?self:this,function(t){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var s=e[n]={i:n,l:!1,exports:{}};return t[n].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:n})},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=0)}([function(t,e,i){t.exports=i(1)},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(2),s=i.n(n),r=i(3);i.n(r);var o=function(t){function e(i){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var n=function(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}(this,t.call(this,i));return n.slidingManner={currentSlide:1,slidesTotalWidth:0,initialMovement:0,movement:0,direction:1,cycle:0,sliding:!1,slideOrders:[[],[],[]]},n.calculateSlidesOrder=n.calculateSlidesOrder.bind(n),n.itemsReorder=n.itemsReorder.bind(n),n.movementReset=n.movementReset.bind(n),n.loadedCnt=0,n.imgsWidth={},n.mannerSetting={autoSliding:!1,circular:!0,duration:"0.5s",flag:!1,button:!0},n.mannerSetting=n.handleMannerSetting(),n.defaultSliderBoxStyle={height:"400px",width:"90%",background:"#EEEEEE",border:"none"},n.defaultSlideConStyle={height:"80%"},n.defaultItemsStyle={padding:"3px",background:"#FAFAFA",margin:"0px 40px"},n.buttonManner={hoverEvent:!1},n.defaultButtonSetStyle={},n.defaultButtonIconStyle={color:"white",background:"#757575",height:"30px",width:"30px",margin:"10px",fontSize:"20px",borderRadius:"2px",border:"none"},n.defaultBtnPosition={"top-left":!0,"top-right":!1,"middle-inside":!1,"middle-outside":!1,"bottom-right":!1,"bottom-left":!1,"bottom-beneath":!1},n.itemsMargin=n.props.itemsStyle&&n.props.itemsStyle.margin?parseInt(n.props.itemsStyle.margin.split(" ")[1].replace("px","")):parseInt(n.defaultItemsStyle.margin.split(" ")[1].replace("px","")),n.slideType=n.props.slideItems?"prop":n.props.slideCpnts?"cpnt":null,n.slideCnt="prop"===n.slideType?n.props.slideItems.length:"cpnt"===n.slideType?n.props.slideCpnts.length:0,n.slideEls="prop"===n.slideType?n.props.slideItems:"cpnt"===n.slideType?n.props.slideCpnts:null,n.touchEvent={touchMovement:0,touchStartX:0,prevTouchX:0,beingTouched:!1},n.imgLoaded=n.imgLoaded.bind(n),n.nonImgLoaded=n.nonImgLoaded.bind(n),n.slideItemHandler=n.slideItemHandler.bind(n),n.initialSlideCon=n.initialSlideCon.bind(n),n.calMovement=n.calMovement.bind(n),n.autoSliding=n.autoSliding.bind(n),n.handleTouchStart=n.handleTouchStart.bind(n),n.handleTouchMove=n.handleTouchMove.bind(n),n.handleTouchEnd=n.handleTouchEnd.bind(n),n.handleButtonClick=n.handleButtonClick.bind(n),n.setSliderBoxStyles=n.setSliderBoxStyles.bind(n),n.setItemsStyle=n.setItemsStyle.bind(n),n.setSlideConHeight=n.setSlideConHeight.bind(n),n.detectButtonPosition=n.detectButtonPosition.bind(n),n.allocateButtonSet=n.allocateButtonSet.bind(n),n.setLeftButtonStyle=n.setLeftButtonStyle.bind(n),n.setHoverEvent=n.setHoverEvent.bind(n),n.calculateSlidesOrder(),n}return function(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,t),e.prototype.componentWillUnmount=function(){clearInterval(this.autoSlidingTimer)},e.prototype.handleMannerSetting=function(){return this.props.manner?Object.assign({},this.mannerSetting,this.props.manner):this.mannerSetting},e.prototype.handleBubbling=function(t){t.stopPropagation()},e.prototype.calculateSlidesOrder=function(){for(var t=[],e=[],i=[],n=-1*this.slideCnt;n<=2*this.slideCnt;n++)0!==n&&t.push(n);this.slidingManner.slideOrders[0]=t;for(var s=0;s<t.length;s++)s<2*this.slideCnt?i.push(t[s]):e.push(t[s]);this.slidingManner.slideOrders[1]=e.concat(i),e=[],i=[];for(var r=0;r<t.length;r++)r<this.slideCnt?i.push(t[r]):e.push(t[r]);this.slidingManner.slideOrders[2]=e.concat(i)},e.prototype.mobileDetect=function(){return!!/Mobi|Tablet|iPad|iPhone/.test(navigator.userAgent)},e.prototype.nonImgLoaded=function(t){var e="ref"+t;if(this.refs[e]){var i=this.setItemsStyle(),n=this.refs[e];for(var s in i)n.style[s]=i[s];this.loadedCnt+=1,this.imgsWidth[t]=n.offsetWidth,(!this.mannerSetting.circular&&1===t||this.mannerSetting.circular&&1===this.slideCnt)&&this.initialSlideCon(),this.mannerSetting.circular&&this.loadedCnt===3*this.slideCnt&&this.initialSlideCon()}},e.prototype.imgLoaded=function(t){var e="ref"+t;if(this.refs[e]){var i=0,n=0,s=0,r=this.setItemsStyle(),o=this.refs[e];for(var l in o.offsetWidth>=this.refs.sliderBox.offsetWidth&&(i=o.offsetHeight/o.offsetWidth,s=(n=this.refs.sliderBox.offsetWidth-2*this.itemsMargin)*i,r.height=s+"px",r.width=n+"px"),r)o.style[l]=r[l];this.loadedCnt+=1,this.imgsWidth[t]=o.offsetWidth,(!this.mannerSetting.circular&&1===t||this.mannerSetting.circular&&1===this.slideCnt)&&this.initialSlideCon(),this.mannerSetting.circular&&this.loadedCnt===3*this.slideCnt&&this.initialSlideCon()}},e.prototype.slideItemHandler=function(t,e){var i=this;switch(this.slideType){case"prop":var n=(t.imgSrc,s.a.createElement("img",{src:t.imgSrc})),r=t.des?s.a.createElement("p",{style:this.setTextBoxStyle()},t.des):null;return s.a.createElement("div",{className:"itemWrapper",style:{order:e},onError:function(){return i.nonImgLoaded(e)},onLoad:function(){return i.imgLoaded(e)},onClick:this.handleBubbling,ref:"ref"+e,key:"ref"+e},n,r);case"cpnt":return s.a.createElement("div",{className:"itemWrapper",style:{order:e},onError:function(){return i.nonImgLoaded(e)},onLoad:function(){return i.imgLoaded(e)},onClick:this.handleBubbling,ref:"ref"+e,key:"ref"+e},t)}},e.prototype.initialSlideCon=function(){var t=this,e=this.refs.slideCon;if(e.addEventListener("transitionend",function(){t.slidingManner.sliding=!1}),this.mannerSetting.circular&&1!==this.slideCnt){for(var i=0,n=1;n<this.slideCnt+1;n++)i+=parseInt(this.imgsWidth[n]);this.slidingManner.slidesTotalWidth=i+this.slideCnt*this.itemsMargin*2,this.slidingManner.initialMovement=this.slidingManner.slidesTotalWidth-(this.refs.sliderBox.offsetWidth-(this.imgsWidth[1]+2*this.itemsMargin))/2}else this.refs.sflag.style.flexBasis=this.refs.sliderBox.offsetWidth+"px",this.refs.eflag.style.flexBasis=this.refs.sliderBox.offsetWidth+"px",e.style.transition="transform "+this.mannerSetting.duration+" ease",this.slidingManner.initialMovement=(this.refs.sliderBox.offsetWidth-this.imgsWidth[1])/2+this.itemsMargin+this.imgsWidth[1];e.style.transform="translateX(-"+this.slidingManner.initialMovement+"px)",this.slidingManner.movement=this.slidingManner.movement+this.slidingManner.initialMovement,this.autoSliding()},e.prototype.autoSliding=function(){var t=this;if(this.mannerSetting.autoSliding&&1!==this.slideCnt){var e=this.mannerSetting.autoSliding.interval.slice(0,-1),i=1e3*parseInt(e);this.mannerSetting.circular?this.autoSlidingTimer=setInterval(function(){t.slidingManner.sliding||t.moveSlide(t.slidingManner.direction)},i):this.autoSlidingTimer=setInterval(function(){t.slidingManner.currentSlide===t.slideCnt?(t.slidingManner.direction=-1,t.moveSlide(t.slidingManner.direction)):1===t.slidingManner.currentSlide?(t.slidingManner.direction=1,t.moveSlide(t.slidingManner.direction)):t.moveSlide(t.slidingManner.direction)},i)}},e.prototype.itemsReorder=function(){for(var t=0;t<3*this.slideCnt;t++)t<this.slideCnt?this.refs["ref"+(t-this.slideCnt)].style.order=this.slidingManner.slideOrders[this.slidingManner.cycle][t]:this.refs["ref"+(t-this.slideCnt+1)].style.order=this.slidingManner.slideOrders[this.slidingManner.cycle][t]},e.prototype.movementReset=function(t){var e=this,i=setInterval(function(){if(!e.slidingManner.sliding){var n=e.refs.slideCon;n.style.transition="none",t>0?(n.style.transform="translateX(-"+e.slidingManner.initialMovement+"px)",e.slidingManner.movement=e.slidingManner.initialMovement):t<0&&(n.style.transform="translateX(-"+(e.slidingManner.movement+e.slidingManner.slidesTotalWidth)+"px)",e.slidingManner.movement=e.slidingManner.movement+e.slidingManner.slidesTotalWidth),clearInterval(i)}},25)},e.prototype.moveSlide=function(t){var e=this.mannerSetting.circular?3*this.slideCnt:this.slideCnt;if(this.loadedCnt===e){var i=0,n=this.refs.slideCon;this.mannerSetting.circular?(this.slidingManner.sliding=!0,n.style.transition="transform "+this.mannerSetting.duration+" ease",1===t?(i=this.calMovement(t),this.slidingManner.movement=this.slidingManner.movement+i,n.style.transform="translateX(-"+this.slidingManner.movement+"px)",this.slidingManner.currentSlide=this.slidingManner.currentSlide+1,this.slidingManner.currentSlide===this.slideCnt+1&&(this.slidingManner.currentSlide=1,this.slidingManner.cycle=2===this.slidingManner.cycle?0:this.slidingManner.cycle+1,this.itemsReorder(),this.movementReset(t))):-1===t&&(i=this.calMovement(t),this.slidingManner.movement=this.slidingManner.movement-i,n.style.transform="translateX(-"+this.slidingManner.movement+"px)",this.slidingManner.currentSlide=1===this.slidingManner.currentSlide?-1:this.slidingManner.currentSlide-1,-1===this.slidingManner.currentSlide&&(this.slidingManner.currentSlide=this.slideCnt,this.slidingManner.cycle=0===this.slidingManner.cycle?2:this.slidingManner.cycle-1,this.itemsReorder(),this.movementReset(t)))):1===t&&this.slidingManner.currentSlide<this.slideCnt?(this.slidingManner.sliding=!0,i=this.calMovement(t),this.slidingManner.currentSlide=this.slidingManner.currentSlide+1,this.slidingManner.movement=this.slidingManner.movement+i,n.style.transform="translateX(-"+this.slidingManner.movement+"px)"):-1===t&&this.slidingManner.currentSlide>1&&(this.slidingManner.sliding=!0,i=this.calMovement(t),this.slidingManner.currentSlide=this.slidingManner.currentSlide-1,this.slidingManner.movement=this.slidingManner.movement-i,n.style.transform="translateX(-"+this.slidingManner.movement+"px)")}},e.prototype.calMovement=function(t){var e=1===t?1:1===this.slidingManner.currentSlide?-2:-1;return this.imgsWidth[this.slidingManner.currentSlide]/2+2*this.itemsMargin+this.imgsWidth[this.slidingManner.currentSlide+e]/2},e.prototype.handleTouchStart=function(t){this.touchEvent.touchStartX=t.targetTouches[0].clientX,this.touchEvent.beingTouched=!0},e.prototype.handleTouchMove=function(t){if(this.touchEvent.beingTouched){var e=t.targetTouches[0].clientX,i=e-this.touchEvent.touchStartX;this.touchEvent.touchMovement=i,this.touchEvent.prevTouchX=e}},e.prototype.handleTouchEnd=function(t){this.touchEvent.touchStartX!=t.changedTouches[0].clientX&&(this.slidingManner.sliding||Math.abs(this.touchEvent.touchMovement)>25&&(this.touchEvent.touchMovement>0?this.moveSlide(-1):this.moveSlide(1)),this.touchEvent.touchStartX=0,this.touchEvent.beingTouched=!0)},e.prototype.handleButtonClick=function(t){this.slidingManner.sliding||this.moveSlide(t)},e.prototype.setTextBoxStyle=function(){if(this.props.textBoxStyle)return this.props.textBoxStyle},e.prototype.setItemsStyle=function(){if(this.props.itemsStyle){var t=JSON.parse(JSON.stringify(this.props.itemsStyle));return delete t.height,Object.assign({},this.defaultItemsStyle,t)}return JSON.parse(JSON.stringify(this.defaultItemsStyle))},e.prototype.setSlideConHeight=function(){return this.props.itemsStyle&&this.props.itemsStyle.height?{height:this.props.itemsStyle.height}:{height:this.defaultSlideConStyle.height}},e.prototype.detectButtonPosition=function(){var t=[],e=this.defaultBtnPosition;for(var i in this.props.buttonSetting&&this.props.buttonSetting.placeOn&&!1===e[this.props.buttonSetting.placeOn]&&(e[this.props.buttonSetting.placeOn]=!0),e)!0===e[i]&&(t=i.split("-"));var n=void 0;return n="left"!==t[1]&&"right"!==t[1]&&"inside"!==t[1],"middle"===t[0]?{separate:!0,outOfBox:n,vertical:t[0],horizontal:t[1]}:{separate:!1,outOfBox:n,vertical:t[0],horizontal:t[1]}},e.prototype.setRightButtonStyle=function(){var t=void 0;return t=this.defaultButtonIconStyle,this.props.buttonSetting&&this.props.buttonSetting.style&&this.props.buttonSetting.style.right&&(t=Object.assign({},this.defaultButtonIconStyle,this.props.buttonSetting.style.right)),t},e.prototype.setLeftButtonStyle=function(){var t=void 0;return t=this.defaultButtonIconStyle,this.props.buttonSetting&&this.props.buttonSetting.style&&this.props.buttonSetting.style.left&&(t=Object.assign({},this.defaultButtonIconStyle,this.props.buttonSetting.style.left)),t},e.prototype.allocateButtonSet=function(t){var e={};if(e=Object.assign({},this.defaultButtonSetStyle),!t.separate){switch(t.horizontal){case"beneath":break;case"left":e.position="absolute",e.left="0px";break;case"right":e.position="absolute",e.right="0px"}switch(t.vertical){case"top":e.position="absolute",e.top="0px";break;case"bottom":"beneath"!==t.horizontal&&(e.position="absolute",e.bottom="0px")}}return e},e.prototype.setSliderBoxStyles=function(){return this.props.sliderBoxStyle?Object.assign({},this.defaultSliderBoxStyle,this.props.sliderBoxStyle):this.defaultSliderBoxStyle},e.prototype.setHoverEvent=function(){if(this.props.buttonSetting&&(this.props.buttonSetting.hoverEvent?this.props.buttonSetting.hoverEvent:this.buttonManner.hoverEvent))return{opacity:0}},e.prototype.render=function(){var t=this,e=void 0,i=void 0,n=void 0,r=void 0,o=void 0,l=void 0,a=void 0,d=void 0,h=void 0,c=void 0,u=void 0;return this.slideCnt&&(this.mannerSetting.button&&(u=this.detectButtonPosition(),h=this.props.lBtnCpnt?this.props.lBtnCpnt:s.a.createElement("div",{className:"arrowBtn previous",style:this.setLeftButtonStyle()}),c=this.props.rBtnCpnt?this.props.rBtnCpnt:s.a.createElement("div",{className:"arrowBtn next",style:this.setRightButtonStyle()}),u.separate?(a=s.a.createElement("div",{className:"buttonWrapper left",style:this.setHoverEvent(),onClick:function(){return t.handleButtonClick(-1)}},h),d=s.a.createElement("div",{className:"buttonWrapper right",style:this.setHoverEvent(),onClick:function(){return t.handleButtonClick(1)}},c)):l=s.a.createElement("div",{className:"buttonSet",style:this.allocateButtonSet(u)},s.a.createElement("div",{className:"buttonWrapper",style:this.setHoverEvent(),onClick:function(){return t.handleButtonClick(-1)}},h),s.a.createElement("div",{className:"buttonWrapper",style:this.setHoverEvent(),onClick:function(){return t.handleButtonClick(1)}},c))),this.mannerSetting.circular&&this.slideCnt>1?i=(i=(i=this.slideEls.map(function(e,i){return t.slideItemHandler(e,i-t.slideCnt)})).concat(this.slideEls.map(function(e,i){return t.slideItemHandler(e,i+1)}))).concat(this.slideEls.map(function(e,i){return t.slideItemHandler(e,i+1+t.slideCnt)})):(this.mannerSetting.flag?(n=s.a.createElement("div",{className:"flag",ref:"sflag",style:{order:0},key:"sflag"}),r=s.a.createElement("div",{className:"flag",ref:"eflag",style:{order:this.slideCnt+1},key:"eflag"})):(n=s.a.createElement("div",{className:"flag",ref:"sflag",style:{background:"transparent",order:0},key:"sflag"}),r=s.a.createElement("div",{className:"flag",ref:"eflag",style:{background:"transparent",order:this.slideCnt+1},key:"eflag"})),(i=this.slideEls.map(function(e,i){return t.slideItemHandler(e,i+1)})).unshift(n),i.push(r)),o=this.mobileDetect()?s.a.createElement("div",{className:"slideCon",ref:"slideCon",style:this.setSlideConHeight(),onTouchStart:function(e){return t.handleTouchStart(e)},onTouchMove:function(e){return t.handleTouchMove(e)},onTouchEnd:function(e){return t.handleTouchEnd(e)}},i):s.a.createElement("div",{className:"slideCon",ref:"slideCon",style:this.setSlideConHeight()},i),e=this.mannerSetting.button?u.separate?u.outOfBox?s.a.createElement("div",{className:"sliderSet"},a,s.a.createElement("div",{className:"sliderBox",ref:"sliderBox",style:this.setSliderBoxStyles()},o),d):s.a.createElement("div",{className:"sliderBox",ref:"sliderBox",style:this.setSliderBoxStyles()},a,o,d):u.outOfBox?s.a.createElement("div",null,s.a.createElement("div",{className:"sliderBox",ref:"sliderBox",style:this.setSliderBoxStyles()},o),l):s.a.createElement("div",{className:"sliderBox",ref:"sliderBox",style:this.setSliderBoxStyles()},l,o):s.a.createElement("div",{className:"sliderSet"},s.a.createElement("div",{className:"sliderBox",ref:"sliderBox",style:this.setSliderBoxStyles()},o))),e},e}(n.Component);e.default=o},function(e,i){e.exports=t},function(t,e){}]).default});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports.ReactCarouselSlider=e(require("react")):t.ReactCarouselSlider=e(t.React)}("undefined"!=typeof self?self:this,function(t){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var s=e[i]={i:i,l:!1,exports:{}};return t[i].call(s.exports,s,s.exports,n),s.l=!0,s.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){t.exports=n(1)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),s=n.n(i),r=n(3);n.n(r);var o=function(t){function e(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var i,s=function(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}(this,t.call(this,n));return s.slidingManner={currentSlide:1,slidesTotalWidth:0,initialMovement:0,movement:0,direction:1,cycle:0,sliding:!1,slideOrders:[[],[],[]]},s.dragEvent={startPoint:0,deltaX:0,thrershold:0,disableDragImage:(i=new Image,i.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",i)},s.calculateSlidesOrder=s.calculateSlidesOrder.bind(s),s.itemsReorder=s.itemsReorder.bind(s),s.movementReset=s.movementReset.bind(s),s.loadedCnt=0,s.imgsWidth={},s.mannerSetting={autoSliding:!1,circular:!0,duration:"0.5s",flag:!1,button:!0},s.mannerSetting=s.handleMannerSetting(),s.defaultSliderBoxStyle={height:"400px",width:"90%",background:"#EEEEEE",border:"none"},s.defaultSlideConStyle={height:"80%"},s.defaultItemsStyle={padding:"3px",background:"#FAFAFA",margin:"0px 40px"},s.buttonManner={hoverEvent:!1},s.defaultButtonSetStyle={},s.defaultButtonIconStyle={color:"white",background:"#757575",height:"30px",width:"30px",margin:"10px",fontSize:"20px",borderRadius:"2px",border:"none"},s.defaultBtnPosition={"top-left":!0,"top-right":!1,"middle-inside":!1,"middle-outside":!1,"bottom-right":!1,"bottom-left":!1,"bottom-beneath":!1},s.itemsMargin=s.props.itemsStyle&&s.props.itemsStyle.margin?parseInt(s.props.itemsStyle.margin.split(" ")[1].replace("px","")):parseInt(s.defaultItemsStyle.margin.split(" ")[1].replace("px","")),s.slideType=s.props.slideItems?"prop":s.props.slideCpnts?"cpnt":null,s.slideCnt="prop"===s.slideType?s.props.slideItems.length:"cpnt"===s.slideType?s.props.slideCpnts.length:0,s.slideEls="prop"===s.slideType?s.props.slideItems:"cpnt"===s.slideType?s.props.slideCpnts:null,s.touchEvent={touchMovement:0,touchStartX:0,beingTouched:!1},s.imgLoaded=s.imgLoaded.bind(s),s.nonImgLoaded=s.nonImgLoaded.bind(s),s.slideItemHandler=s.slideItemHandler.bind(s),s.initialSlideCon=s.initialSlideCon.bind(s),s.calMovement=s.calMovement.bind(s),s.autoSliding=s.autoSliding.bind(s),s.handleTouchStart=s.handleTouchStart.bind(s),s.handleTouchMove=s.handleTouchMove.bind(s),s.handleTouchEnd=s.handleTouchEnd.bind(s),s.handleButtonClick=s.handleButtonClick.bind(s),s.handleDragStart=s.handleDragStart.bind(s),s.handleDragStop=s.handleDragStop.bind(s),s.handleDragOver=s.handleDragOver.bind(s),s.setSliderBoxStyles=s.setSliderBoxStyles.bind(s),s.setItemsStyle=s.setItemsStyle.bind(s),s.setSlideConHeight=s.setSlideConHeight.bind(s),s.detectButtonPosition=s.detectButtonPosition.bind(s),s.allocateButtonSet=s.allocateButtonSet.bind(s),s.setLeftButtonStyle=s.setLeftButtonStyle.bind(s),s.setHoverEvent=s.setHoverEvent.bind(s),s.calculateSlidesOrder(),s}return function(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,t),e.prototype.componentDidMount=function(){this.dragEvent.threshold=this.refs.sliderBox.offsetWidth>100?this.refs.sliderBox.offsetWidth/5:50},e.prototype.componentWillUnmount=function(){clearInterval(this.autoSlidingTimer)},e.prototype.handleMannerSetting=function(){return this.props.manner?Object.assign({},this.mannerSetting,this.props.manner):this.mannerSetting},e.prototype.handleBubbling=function(t){t.stopPropagation()},e.prototype.calculateSlidesOrder=function(){for(var t=[],e=[],n=[],i=-1*this.slideCnt;i<=2*this.slideCnt;i++)0!==i&&t.push(i);this.slidingManner.slideOrders[0]=t;for(var s=0;s<t.length;s++)s<2*this.slideCnt?n.push(t[s]):e.push(t[s]);this.slidingManner.slideOrders[1]=e.concat(n),e=[],n=[];for(var r=0;r<t.length;r++)r<this.slideCnt?n.push(t[r]):e.push(t[r]);this.slidingManner.slideOrders[2]=e.concat(n)},e.prototype.mobileDetect=function(){return!!/Mobi|Tablet|iPad|iPhone/.test(navigator.userAgent)},e.prototype.nonImgLoaded=function(t){var e="ref"+t;if(this.refs[e]){var n=this.setItemsStyle(),i=this.refs[e];for(var s in n)i.style[s]=n[s];this.loadedCnt+=1,this.imgsWidth[t]=i.offsetWidth,(!this.mannerSetting.circular&&1===t||this.mannerSetting.circular&&1===this.slideCnt)&&this.initialSlideCon(),this.mannerSetting.circular&&this.loadedCnt===3*this.slideCnt&&this.initialSlideCon()}},e.prototype.imgLoaded=function(t){var e="ref"+t;if(this.refs[e]){var n=0,i=0,s=0,r=this.setItemsStyle(),o=this.refs[e];for(var l in o.offsetWidth>=this.refs.sliderBox.offsetWidth&&(n=o.offsetHeight/o.offsetWidth,s=(i=this.refs.sliderBox.offsetWidth-2*this.itemsMargin)*n,r.height=s+"px",r.width=i+"px"),r)o.style[l]=r[l];this.loadedCnt+=1,this.imgsWidth[t]=o.offsetWidth,(!this.mannerSetting.circular&&1===t||this.mannerSetting.circular&&1===this.slideCnt)&&this.initialSlideCon(),this.mannerSetting.circular&&this.loadedCnt===3*this.slideCnt&&this.initialSlideCon()}},e.prototype.slideItemHandler=function(t,e){var n=this;switch(this.slideType){case"prop":var i=(t.imgSrc,s.a.createElement("img",{src:t.imgSrc})),r=t.des?s.a.createElement("p",{style:this.setTextBoxStyle()},t.des):null;return s.a.createElement("div",{className:"itemWrapper",style:{order:e},onError:function(){return n.nonImgLoaded(e)},onLoad:function(){return n.imgLoaded(e)},onClick:this.handleBubbling,ref:"ref"+e,key:"ref"+e},i,r);case"cpnt":return s.a.createElement("div",{className:"itemWrapper",style:{order:e},onError:function(){return n.nonImgLoaded(e)},onLoad:function(){return n.imgLoaded(e)},onClick:this.handleBubbling,ref:"ref"+e,key:"ref"+e},t)}},e.prototype.initialSlideCon=function(){var t=this,e=this.refs.slideCon;if(e.addEventListener("transitionend",function(){t.slidingManner.sliding=!1}),this.mannerSetting.circular&&1!==this.slideCnt){for(var n=0,i=1;i<this.slideCnt+1;i++)n+=parseInt(this.imgsWidth[i]);this.slidingManner.slidesTotalWidth=n+this.slideCnt*this.itemsMargin*2,this.slidingManner.initialMovement=this.slidingManner.slidesTotalWidth-(this.refs.sliderBox.offsetWidth-(this.imgsWidth[1]+2*this.itemsMargin))/2}else this.refs.sflag.style.flexBasis=this.refs.sliderBox.offsetWidth+"px",this.refs.eflag.style.flexBasis=this.refs.sliderBox.offsetWidth+"px",e.style.transition="transform "+this.mannerSetting.duration+" ease",this.slidingManner.initialMovement=(this.refs.sliderBox.offsetWidth-this.imgsWidth[1])/2+this.itemsMargin+this.imgsWidth[1];e.style.transform="translateX(-"+this.slidingManner.initialMovement+"px)",this.slidingManner.movement=this.slidingManner.movement+this.slidingManner.initialMovement,this.autoSliding()},e.prototype.autoSliding=function(){var t=this;if(this.mannerSetting.autoSliding&&1!==this.slideCnt){var e=this.mannerSetting.autoSliding.interval.slice(0,-1),n=1e3*parseInt(e);this.mannerSetting.circular?this.autoSlidingTimer=setInterval(function(){t.slidingManner.sliding||t.moveSlide(t.slidingManner.direction)},n):this.autoSlidingTimer=setInterval(function(){t.slidingManner.currentSlide===t.slideCnt?t.slidingManner.sliding||(t.slidingManner.direction=-1,t.moveSlide(t.slidingManner.direction)):1===t.slidingManner.currentSlide?t.slidingManner.sliding||(t.slidingManner.direction=1,t.moveSlide(t.slidingManner.direction)):t.slidingManner.sliding||t.moveSlide(t.slidingManner.direction)},n)}},e.prototype.itemsReorder=function(){for(var t=0;t<3*this.slideCnt;t++)t<this.slideCnt?this.refs["ref"+(t-this.slideCnt)].style.order=this.slidingManner.slideOrders[this.slidingManner.cycle][t]:this.refs["ref"+(t-this.slideCnt+1)].style.order=this.slidingManner.slideOrders[this.slidingManner.cycle][t]},e.prototype.movementReset=function(t){var e=this,n=setInterval(function(){if(!e.slidingManner.sliding){var i=e.refs.slideCon;i.style.transition="none",t>0?(i.style.transform="translateX(-"+e.slidingManner.initialMovement+"px)",e.slidingManner.movement=e.slidingManner.initialMovement):t<0&&(i.style.transform="translateX(-"+(e.slidingManner.movement+e.slidingManner.slidesTotalWidth)+"px)",e.slidingManner.movement=e.slidingManner.movement+e.slidingManner.slidesTotalWidth),clearInterval(n)}},25)},e.prototype.moveSlide=function(t){var e=this.mannerSetting.circular?3*this.slideCnt:this.slideCnt;if(this.loadedCnt===e){var n=0,i=this.refs.slideCon;this.mannerSetting.circular?(this.slidingManner.sliding=!0,i.style.transition="transform "+this.mannerSetting.duration+" ease",1===t?(n=this.calMovement(t),this.slidingManner.movement=this.slidingManner.movement+n,i.style.transform="translateX(-"+this.slidingManner.movement+"px)",this.slidingManner.currentSlide=this.slidingManner.currentSlide+1,this.slidingManner.currentSlide===this.slideCnt+1&&(this.slidingManner.currentSlide=1,this.slidingManner.cycle=2===this.slidingManner.cycle?0:this.slidingManner.cycle+1,this.itemsReorder(),this.movementReset(t))):-1===t&&(n=this.calMovement(t),this.slidingManner.movement=this.slidingManner.movement-n,i.style.transform="translateX(-"+this.slidingManner.movement+"px)",this.slidingManner.currentSlide=1===this.slidingManner.currentSlide?-1:this.slidingManner.currentSlide-1,-1===this.slidingManner.currentSlide&&(this.slidingManner.currentSlide=this.slideCnt,this.slidingManner.cycle=0===this.slidingManner.cycle?2:this.slidingManner.cycle-1,this.itemsReorder(),this.movementReset(t)))):(i.style.transition="transform "+this.mannerSetting.duration+" ease",1===t&&this.slidingManner.currentSlide<this.slideCnt?(this.slidingManner.sliding=!0,n=this.calMovement(t),this.slidingManner.currentSlide=this.slidingManner.currentSlide+1,this.slidingManner.movement=this.slidingManner.movement+n,i.style.transform="translateX(-"+this.slidingManner.movement+"px)"):-1===t&&this.slidingManner.currentSlide>1&&(this.slidingManner.sliding=!0,n=this.calMovement(t),this.slidingManner.currentSlide=this.slidingManner.currentSlide-1,this.slidingManner.movement=this.slidingManner.movement-n,i.style.transform="translateX(-"+this.slidingManner.movement+"px)"))}},e.prototype.calMovement=function(t){var e=1===t?1:1===this.slidingManner.currentSlide?-2:-1;return this.imgsWidth[this.slidingManner.currentSlide]/2+2*this.itemsMargin+this.imgsWidth[this.slidingManner.currentSlide+e]/2},e.prototype.handleTouchStart=function(t){this.slidingManner.sliding=!0,this.touchEvent.touchStartX=t.targetTouches[0].clientX,this.touchEvent.beingTouched=!0},e.prototype.handleTouchMove=function(t){if(this.slidingManner.sliding=!0,this.touchEvent.beingTouched){this.touchEvent.touchMovement=this.touchEvent.touchStartX-t.targetTouches[0].clientX;var e=this.slidingManner.movement+this.touchEvent.touchMovement;t.currentTarget.style.transform="translateX(-"+e+"px)"}},e.prototype.handleTouchEnd=function(t){if(this.slidingManner.sliding=!1,Math.abs(this.touchEvent.touchStartX-t.changedTouches[0].clientX)>20){if(!this.slidingManner.sliding)if(Math.abs(this.touchEvent.touchMovement)>this.dragEvent.threshold){var e=this.touchEvent.touchMovement>0?1:-1;this.moveSlide(e)}else t.currentTarget.style.transition="transform 0.5s ease",t.currentTarget.style.transform="translateX(-"+this.slidingManner.movement+"px)";this.touchEvent.touchStartX=0,this.touchEvent.beingTouched=!1}},e.prototype.handleButtonClick=function(t){this.slidingManner.sliding||this.moveSlide(t)},e.prototype.handleDragStart=function(t){this.slidingManner.sliding=!0,t.currentTarget.style.transition="none",this.dragEvent.startPoint=t.clientX,t.dataTransfer.setDragImage(this.dragEvent.disableDragImage,1,1)},e.prototype.handleDragOver=function(t){this.dragEvent.deltaX=this.dragEvent.startPoint-t.clientX;var e=this.slidingManner.movement+this.dragEvent.deltaX;t.currentTarget.style.transform="translateX(-"+e+"px)",t.dataTransfer.dropEffect="none",t.dataTransfer.effectAllowed="none",t.preventDefault()},e.prototype.handleDragStop=function(t){var e=this.dragEvent.deltaX>0?1:-1;this.slidingManner.sliding=!1,Math.abs(this.dragEvent.deltaX)>this.dragEvent.threshold?this.slidingManner.sliding||this.moveSlide(e):(t.currentTarget.style.transition="transform 0.5s ease",t.currentTarget.style.transform="translateX(-"+this.slidingManner.movement+"px)")},e.prototype.setTextBoxStyle=function(){if(this.props.textBoxStyle)return this.props.textBoxStyle},e.prototype.setItemsStyle=function(){if(this.props.itemsStyle){var t=JSON.parse(JSON.stringify(this.props.itemsStyle));return delete t.height,Object.assign({},this.defaultItemsStyle,t)}return JSON.parse(JSON.stringify(this.defaultItemsStyle))},e.prototype.setSlideConHeight=function(){return this.props.itemsStyle&&this.props.itemsStyle.height?{height:this.props.itemsStyle.height}:{height:this.defaultSlideConStyle.height}},e.prototype.detectButtonPosition=function(){var t=[],e=this.defaultBtnPosition;for(var n in this.props.buttonSetting&&this.props.buttonSetting.placeOn&&!1===e[this.props.buttonSetting.placeOn]&&(e[this.props.buttonSetting.placeOn]=!0),e)!0===e[n]&&(t=n.split("-"));var i=void 0;return i="left"!==t[1]&&"right"!==t[1]&&"inside"!==t[1],"middle"===t[0]?{separate:!0,outOfBox:i,vertical:t[0],horizontal:t[1]}:{separate:!1,outOfBox:i,vertical:t[0],horizontal:t[1]}},e.prototype.setRightButtonStyle=function(){var t=void 0;return t=this.defaultButtonIconStyle,this.props.buttonSetting&&this.props.buttonSetting.style&&this.props.buttonSetting.style.right&&(t=Object.assign({},this.defaultButtonIconStyle,this.props.buttonSetting.style.right)),t},e.prototype.setLeftButtonStyle=function(){var t=void 0;return t=this.defaultButtonIconStyle,this.props.buttonSetting&&this.props.buttonSetting.style&&this.props.buttonSetting.style.left&&(t=Object.assign({},this.defaultButtonIconStyle,this.props.buttonSetting.style.left)),t},e.prototype.allocateButtonSet=function(t){var e={};if(e=Object.assign({},this.defaultButtonSetStyle),!t.separate){switch(t.horizontal){case"beneath":break;case"left":e.position="absolute",e.left="0px";break;case"right":e.position="absolute",e.right="0px"}switch(t.vertical){case"top":e.position="absolute",e.top="0px";break;case"bottom":"beneath"!==t.horizontal&&(e.position="absolute",e.bottom="0px")}}return e},e.prototype.setSliderBoxStyles=function(){return this.props.sliderBoxStyle?Object.assign({},this.defaultSliderBoxStyle,this.props.sliderBoxStyle):this.defaultSliderBoxStyle},e.prototype.setHoverEvent=function(){if(this.props.buttonSetting&&(this.props.buttonSetting.hoverEvent?this.props.buttonSetting.hoverEvent:this.buttonManner.hoverEvent))return{opacity:0}},e.prototype.render=function(){var t=this,e=void 0,n=void 0,i=void 0,r=void 0,o=void 0,l=void 0,a=void 0,d=void 0,h=void 0,c=void 0,u=void 0;return this.slideCnt&&(this.mannerSetting.button&&(u=this.detectButtonPosition(),h=this.props.lBtnCpnt?this.props.lBtnCpnt:s.a.createElement("div",{className:"arrowBtn previous",style:this.setLeftButtonStyle()}),c=this.props.rBtnCpnt?this.props.rBtnCpnt:s.a.createElement("div",{className:"arrowBtn next",style:this.setRightButtonStyle()}),u.separate?(a=s.a.createElement("div",{className:"buttonWrapper left",style:this.setHoverEvent(),onClick:function(){return t.handleButtonClick(-1)}},h),d=s.a.createElement("div",{className:"buttonWrapper right",style:this.setHoverEvent(),onClick:function(){return t.handleButtonClick(1)}},c)):l=s.a.createElement("div",{className:"buttonSet",style:this.allocateButtonSet(u)},s.a.createElement("div",{className:"buttonWrapper",style:this.setHoverEvent(),onClick:function(){return t.handleButtonClick(-1)}},h),s.a.createElement("div",{className:"buttonWrapper",style:this.setHoverEvent(),onClick:function(){return t.handleButtonClick(1)}},c))),this.mannerSetting.circular&&this.slideCnt>1?n=(n=(n=this.slideEls.map(function(e,n){return t.slideItemHandler(e,n-t.slideCnt)})).concat(this.slideEls.map(function(e,n){return t.slideItemHandler(e,n+1)}))).concat(this.slideEls.map(function(e,n){return t.slideItemHandler(e,n+1+t.slideCnt)})):(this.mannerSetting.flag?(i=s.a.createElement("div",{className:"flag",ref:"sflag",style:{order:0},key:"sflag"}),r=s.a.createElement("div",{className:"flag",ref:"eflag",style:{order:this.slideCnt+1},key:"eflag"})):(i=s.a.createElement("div",{className:"flag",ref:"sflag",style:{background:"transparent",order:0},key:"sflag"}),r=s.a.createElement("div",{className:"flag",ref:"eflag",style:{background:"transparent",order:this.slideCnt+1},key:"eflag"})),(n=this.slideEls.map(function(e,n){return t.slideItemHandler(e,n+1)})).unshift(i),n.push(r)),o=this.mobileDetect()?s.a.createElement("div",{className:"slideCon",ref:"slideCon",style:this.setSlideConHeight(),onTouchStart:function(e){return t.handleTouchStart(e)},onTouchMove:function(e){return t.handleTouchMove(e)},onTouchEnd:function(e){return t.handleTouchEnd(e)}},n):s.a.createElement("div",{className:"slideCon",ref:"slideCon",onDragStart:function(e){return t.handleDragStart(e)},onDragEnd:function(e){return t.handleDragStop(e)},onDragOver:function(e){return t.handleDragOver(e)},style:this.setSlideConHeight()},n),e=this.mannerSetting.button?u.separate?u.outOfBox?s.a.createElement("div",{className:"sliderSet"},a,s.a.createElement("div",{className:"sliderBox",ref:"sliderBox",style:this.setSliderBoxStyles()},o),d):s.a.createElement("div",{className:"sliderBox",ref:"sliderBox",style:this.setSliderBoxStyles()},a,o,d):u.outOfBox?s.a.createElement("div",null,s.a.createElement("div",{className:"sliderBox",ref:"sliderBox",style:this.setSliderBoxStyles()},o),l):s.a.createElement("div",{className:"sliderBox",ref:"sliderBox",style:this.setSliderBoxStyles()},l,o):s.a.createElement("div",{className:"sliderSet"},s.a.createElement("div",{className:"sliderBox",ref:"sliderBox",style:this.setSliderBoxStyles()},o))),e},e}(i.Component);e.default=o},function(e,n){e.exports=t},function(t,e){}]).default});
 //# sourceMappingURL=react-carousel-slider.min.js.map

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

202925

increased by9.16%

Lines of code

2841

increased by7.17%

No dependency changes