Update demo site with noSwitching option

demo.js

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

index.html

@@ -71,6 +71,16 @@
     <show-code js-file="minRangeSlider" html-file="rangeSlider"></show-code>
   </article>
 
+  <article>
+    <h2>Range slider with noSwitching=true</h2>
+    <rzslider
+      rz-slider-model="noSwitchingSlider.minValue"
+      rz-slider-high="noSwitchingSlider.maxValue"
+      rz-slider-options="noSwitchingSlider.options"
+    ></rzslider>
+    <show-code js-file="noSwitchingSlider" html-file="rangeSlider"></show-code>
+  </article>
+
   <article>
     <h2>Slider with visible selection bar</h2>
     <rzslider

snippets/noSwitchingSlider.js

+$scope.slider = {
+    minValue: 10,
+    maxValue: 90,
+    options: {
+        floor: 0,
+        ceil: 100,
+        step: 1,
+        noSwitching: true
+    }
+};