angular-slider
diff --git a/‎CHANGELOG.md
Lines changed: 10 additions & 0 deletions b/‎CHANGELOG.md
Lines changed: 10 additions & 0 deletions
diff --git a/‎demo/demo.js
Lines changed: 0 additions & 9 deletions b/‎demo/demo.js
Lines changed: 0 additions & 9 deletions
diff --git a/‎dist/rzslider.css
Lines changed: 11 additions & 1 deletion b/‎dist/rzslider.css
Lines changed: 11 additions & 1 deletion
diff --git a/‎dist/rzslider.js
Lines changed: 26 additions & 0 deletions b/‎dist/rzslider.js
Lines changed: 26 additions & 0 deletions
diff --git a/‎dist/rzslider.min.css
Lines changed: 1 addition & 1 deletion b/‎dist/rzslider.min.css
Lines changed: 1 addition & 1 deletion
diff --git a/‎dist/rzslider.min.js
Lines changed: 2 additions & 2 deletions b/‎dist/rzslider.min.js
Lines changed: 2 additions & 2 deletions
@@ -1,3 +1,13 @@
+# 7.0.0 (not-released-yet)
+
+## Feature
+
+- feat(transition): slider moves are now animated. (this can be disabled via the `disableAnimation` option)
+
+## Breaking change
+
+The module name was renamed from `rzModule` to `rzSlider`.
+
 # 6.7.0 (2019-02-23)
 
 ## Feature
 
@@ -464,11 +464,6 @@ app.controller('MainCtrl', function($scope, $rootScope, $timeout, $uibModal) {
       floor: 0,
       ceil: 10,
       vertical: true,
-      showSelectionBarEnd: true,
-      selectionBarGradient: {
-        from: 'white',
-        to: '#0db9f0',
-      },
     },
   }
   $scope.verticalSlider2 = {
@@ -478,10 +473,6 @@ app.controller('MainCtrl', function($scope, $rootScope, $timeout, $uibModal) {
       floor: 0,
       ceil: 100,
       vertical: true,
-      selectionBarGradient: {
-        from: 'white',
-        to: '#0db9f0',
-      },
     },
   }
   $scope.verticalSlider3 = {
 
@@ -72,6 +72,7 @@
         enforceRange: false,
         noSwitching: false,
         onlyBindHandles: false,
+        disableAnimation: false,
         onStart: null,
         onChange: null,
         onEnd: null,
@@ -332,6 +333,11 @@
          */
         this.currentFocusElement = null
 
+        /**
+         * Internal variable to know if we are already moving
+         */
+        this.moving = false
+
         // Slider DOM elements wrapped in jqLite
         this.fullBar = null // The whole slider bar
         this.selBar = null // Highlight between two handles
@@ -387,6 +393,10 @@
 
           this.initHasRun = true
 
+          if (this.options.disableAnimation) {
+            this.sliderElem.addClass('noanimate')
+          }
+
           // Watch for changes to the model
           thrLow = rzThrottle(function() {
             self.onLowHandleChange()
@@ -2036,6 +2046,12 @@
          * @returns {undefined}
          */
         onMove: function(pointer, event, fromTick) {
+          if (!this.options.disableAnimation) {
+            if (this.moving) {
+              this.sliderElem.addClass('noanimate')
+            }
+          }
+          this.moving = true
           var changedTouches = this.getEventAttr(event, 'changedTouches')
           var touchForThisSlider
           if (changedTouches) {
@@ -2082,6 +2098,10 @@
          * @returns {undefined}
          */
         onEnd: function(ehMove, event) {
+          this.moving = false
+          if (!this.options.disableAnimation) {
+            this.sliderElem.removeClass('noanimate')
+          }
           var changedTouches = this.getEventAttr(event, 'changedTouches')
           if (changedTouches && changedTouches[0].identifier !== this.touchId) {
             return
@@ -2328,6 +2348,12 @@
          * @returns {undefined}
          */
         onDragMove: function(pointer, event) {
+          if (!this.options.disableAnimation) {
+            if (this.moving) {
+              this.sliderElem.addClass('noanimate')
+            }
+          }
+          this.moving = true
           var newPos = this.getEventPosition(event),
             newMinValue,
             newMaxValue,