update demo site with latest options

demo.js

@@ -17,7 +17,7 @@ app.controller('MainCtrl', function ($scope, $rootScope, $timeout, $modal) {
   };
 
   //Range slider config
-  $scope.minRangeSlider = {
+  $scope.rangeSlider = {
     minValue: 10,
     maxValue: 90,
     options: {
@@ -27,6 +27,17 @@ app.controller('MainCtrl', function ($scope, $rootScope, $timeout, $modal) {
     }
   };
 
+  $scope.minRangeSlider = {
+    minValue: 10,
+    maxValue: 90,
+    options: {
+      floor: 0,
+      ceil: 100,
+      step: 1,
+      minRange: 10
+    }
+  };
+
   //Slider with selection bar
   $scope.slider_visible_bar = {
     value: 10,

index.html

@@ -51,8 +51,18 @@
 
   <article>
     <h2>Range slider</h2>
-    Min Value: <input type="number" ng-model="minRangeSlider.minValue"/><br/>
-    Max Value: <input type="number" ng-model="minRangeSlider.maxValue"/><br/>
+    Min Value: <input type="number" ng-model="rangeSlider.minValue"/><br/>
+    Max Value: <input type="number" ng-model="rangeSlider.maxValue"/><br/>
+    <rzslider
+      rz-slider-model="rangeSlider.minValue"
+      rz-slider-high="rangeSlider.maxValue"
+      rz-slider-options="rangeSlider.options"
+    ></rzslider>
+    <show-code js-file="rangeSlider" html-file="rangeSlider"></show-code>
+  </article>
+
+  <article>
+    <h2>Range slider with a minimal range set to 10</h2>
     <rzslider
       rz-slider-model="minRangeSlider.minValue"
       rz-slider-high="minRangeSlider.maxValue"

snippets/minRangeSlider.js

@@ -4,6 +4,7 @@ $scope.slider = {
     options: {
         floor: 0,
         ceil: 100,
-        step: 1
+        step: 1,
+        minRange: 10
     }
 };

snippets/rangeSlider.js

+$scope.slider = {
+    minValue: 10,
+    maxValue: 90,
+    options: {
+        floor: 0,
+        ceil: 100,
+        step: 1
+    }
+};
\ No newline at end of file