AngularJS-Slider 2.0.0 demo

HTML

<link rel="stylesheet" href="https://rawgit.com/rzajac/angularjs-slider/master/dist/rzslider.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.14.3/ui-bootstrap-tpls.js"></script>
<script src="https://rawgit.com/rzajac/angularjs-slider/master/dist/rzslider.js"></script>
<div ng-app="rzSliderDemo">
    <div ng-controller="MainCtrl" class="wrapper">
        <article>
Model:
            <input type="number" ng-model="minSlider.value" />
            <br/>
            <rzslider rz-slider-model="minSlider.value"
          rz-slider-options="slider.options"></rzslider>
        </article>
    </div>
</div>

CSS

* {
    margin: 0;
    padding: 0;
}
body {
    font-family:'Open Sans', sans-serif;
    color: #1f2636;
    font-size: 14px;
    padding-bottom: 40px;
}
header {
    background: #0db9f0;
    color: #fff;
    margin: -40px;
    margin-bottom: 40px;
    text-align: center;
    padding: 40px 0;
}
h1 {
    font-weight: 300;
}
h2 {
    margin-bottom:10px;
}
.wrapper {
    background: #fff;
    padding: 40px;
}
article {
    margin-bottom: 10px;
}
.tab-pane {
    padding-top: 10px;
}
.field-title {
    width: 100px;
}
.vertical-sliders {
    margin: 0;
}
.vertical-sliders > div {
    height: 250px;
}

JavaScript

var app = angular.module('rzSliderDemo', ['rzModule', 'ui.bootstrap']);
app.controller('MainCtrl', function ($scope, $rootScope, $timeout, $modal) {
    $scope.minSlider = {
        value: 2
    };
    $scope.slider = {
  value: 100,
  options: {
    ceil: 5,
    step: 1,
    showTicksValues: true,
    customValueToPosition: function(val, minVal, maxVal) {
      val = Math.sqrt(val);
      minVal = Math.sqrt(minVal);
      maxVal = Math.sqrt(maxVal);
      var range = minVal - maxVal;
      return (val - maxVal) / range;      
    },
    customPositionToValue: function(percent, minVal, maxVal) {
      minVal = Math.sqrt(minVal);
      maxVal = Math.sqrt(maxVal);
      var value = percent * (minVal - maxVal) + maxVal;
      return Math.pow(value, 2);
    }
  }
};
});