fix(selection bar): Fix the selection bar that can be unsync in some edge cases

Author: ValentinH

demo/debug.html

@@ -19,8 +19,8 @@
   <article>
     <h2>Debug slider</h2>
     <rzslider
-      data-rz-slider-model="rangeSlider.minValue"
-      data-rz-slider-options="rangeSlider.options"
+      data-rz-slider-model="debugSlider.value"
+      data-rz-slider-options="debugSlider.options"
     ></rzslider>
   </article>
 

demo/demo.js

@@ -5,6 +5,14 @@ app.controller('MainCtrl', function($scope, $rootScope, $timeout, $uibModal) {
   $scope.minSlider = {
     value: 10
   };
+  $scope.debugSlider = {
+    value: 50,
+    options: {
+      floor: 0,
+      ceil: 100,
+      showSelectionBar: true
+    }
+  };
 
   //Range slider config
   $scope.rangeSlider = {

dist/rzslider.css

@@ -1,7 +1,7 @@
 /*! angularjs-slider - v6.1.1 - 
  (c) Rafal Zajac <[email protected]>, Valentin Hervieu <[email protected]>, Jussi Saarivirta <[email protected]>, Angelin Sirbu <[email protected]> - 
  https://github.com/angular-slider/angularjs-slider - 
- 2017-03-29 */
+ 2017-04-23 */
 /*jslint unparam: true */
 /*global angular: false, console: false, define, module */
 (function(root, factory) {
@@ -1275,7 +1275,7 @@
             dimension = Math.abs(this.maxPos - this.minH.rzsp) + this.handleHalfDim;
             position = this.minH.rzsp + this.handleHalfDim;
           } else {
-            dimension = Math.abs(this.maxH.rzsp - this.minH.rzsp) + this.handleHalfDim;
+            dimension = this.minH.rzsp + this.handleHalfDim;
             position = 0;
           }
         }

dist/rzslider.js

@@ -1279,7 +1279,7 @@
             dimension = Math.abs(this.maxPos - this.minH.rzsp) + this.handleHalfDim;
             position = this.minH.rzsp + this.handleHalfDim;
           } else {
-            dimension = Math.abs(this.maxH.rzsp - this.minH.rzsp) + this.handleHalfDim;
+            dimension = this.minH.rzsp + this.handleHalfDim;
             position = 0;
           }
         }