2.3.0 release

CHANGELOG.md

+# 2.3.0 (2015-12-22)
+## Features
+- Add keyboard support (activated by default with `keyboardSupport` set to true) (#191).
+- Add a `draggableRangeOnly` options (#203).
+
 # 2.2.0 (2015-12-17)
 ## Features
 - Add a `getSelectionBarColor` option to dynamically change the selection bar color (#197).

Gruntfile.js

@@ -96,17 +96,17 @@ module.exports = function(grunt) {
       },
       js: {
         src: ['dist/rzslider.js'],
-        dest: 'dist/rzslider.js',
+        dest: 'dist/rzslider.js'
       },
       css: {
         src: ['dist/rzslider.css'],
-        dest: 'dist/rzslider.css',
-      },
+        dest: 'dist/rzslider.css'
+      }
     },
 
     ngAnnotate: {
       options: {
-        singleQuotes: true,
+        singleQuotes: true
       },
       rzslider: {
         files: [{
@@ -159,6 +159,6 @@ module.exports = function(grunt) {
   grunt.registerTask('default', ['css', 'js']);
   grunt.registerTask('test', ['karma']);
 
-  grunt.registerTask('css', ['recess']);
-  grunt.registerTask('js', ['ngtemplates', 'replace','concat', 'ngAnnotate', 'uglify']);
+  grunt.registerTask('css', ['recess','concat:css']);
+  grunt.registerTask('js', ['ngtemplates', 'replace','concat:js', 'ngAnnotate', 'uglify']);
 };

README.md

@@ -154,10 +154,11 @@ The default options are:
     ceil: null, //defaults to rz-slider-model
     step: 1,
     precision: 0,
-    translate: null,
     id: null,
+    translate: null,
     stepsArray: null,
     draggableRange: false,
+    draggableRangeOnly: false,
     showSelectionBar: false,
     hideLimitLabels: false,
     readOnly: false,
@@ -165,7 +166,10 @@ The default options are:
     interval: 350,
     showTicks: false,
     showTicksValues: false,
+    ticksValuesTooltip: null,
     vertical: false,
+    selectionBarColor: null,
+    keyboardSupport: true,
     scale: 1,
     onStart: null,
     onChange: null,
@@ -239,6 +243,14 @@ $scope.slider = {
 **vertical** - _Boolean (defaults to false)_: Set to true to display the slider vertically. The slider will take the full height of its parent.
 _Changing this value at runtime is not currently supported._
 
+**keyboardSupport** - _Boolean (defaults to true)_: Handles are focusable (on click or with tab) and can be modified using the following keyboard controls:
+  - Left/bottom arrows: -1
+  - Right/top arrows: +1
+  - Page-down: -10%
+  - Page-up: +10%
+  - Home: minimum value
+  - End: maximum value
+
 ## Change default options
 If you want the change the default options for all the sliders displayed in your application, you can set them using the `RzSliderOptions.options()` method:
 ```js

bower.json

 {
   "name": "angularjs-slider",
-  "version": "2.2.0",
-  "homepage": "https://github.com/rzajac/angularjs-slider",
+  "version": "2.3.0",
+  "homepage": "https://github.com/angular-slider/angularjs-slider",
   "authors": [
     "Rafal Zajac <rzajac@gmail.com>",
     "Valentin Hervieu <valentin@hervieu.me>",

dist/rzslider.css

-/**
- * Angular JS slider directive
- *
- * (c) Rafal Zajac <rzajac@gmail.com>
- * http://github.com/rzajac/angularjs-slider
- *
- * Licensed under the MIT license
- */
-
+/*! angularjs-slider - v2.3.0 - 
+ (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
+ https://github.com/angular-slider/angularjs-slider - 
+ 2015-12-22 */
 rzslider {
   position: relative;
   display: inline-block;

dist/rzslider.js

-/*! angularjs-slider - v2.2.0 - 
+/*! angularjs-slider - v2.3.0 - 
  (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
  https://github.com/angular-slider/angularjs-slider - 
- 2015-12-21 */
+ 2015-12-22 */
 /*jslint unparam: true */
 /*global angular: false, console: false, define, module */
 (function(root, factory) {

dist/rzslider.min.css

-/*! angularjs-slider - v2.2.0 -  (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -  https://github.com/angular-slider/angularjs-slider -  2015-12-21 */
+/*! angularjs-slider - v2.3.0 -  (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -  https://github.com/angular-slider/angularjs-slider -  2015-12-22 */
 rzslider{position:relative;display:inline-block;width:100%;height:4px;margin:35px 0 15px 0;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}rzslider[disabled]{cursor:not-allowed}rzslider[disabled] .rz-pointer{cursor:not-allowed;background-color:#d8e0f3}rzslider span{position:absolute;display:inline-block;white-space:nowrap}rzslider .rz-base{width:100%;height:100%;padding:0}rzslider .rz-bar-wrapper{left:0;z-index:1;width:100%;height:32px;padding-top:16px;margin-top:-16px;box-sizing:border-box}rzslider .rz-bar-wrapper.rz-draggable{cursor:move}rzslider .rz-bar{left:0;z-index:1;width:100%;height:4px;background:#d8e0f3;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}rzslider .rz-bar.rz-selection{z-index:2;background:#0db9f0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}rzslider .rz-pointer{top:-14px;z-index:3;width:32px;height:32px;cursor:pointer;background-color:#0db9f0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}rzslider .rz-pointer:after{position:absolute;top:12px;left:12px;width:8px;height:8px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:''}rzslider .rz-pointer:hover:after{background-color:#fff}rzslider .rz-pointer.rz-active:after{background-color:#451aff}rzslider .rz-bubble{bottom:16px;padding:1px 3px;color:#55637d;cursor:default}rzslider .rz-bubble.rz-selection{top:16px}rzslider .rz-bubble.rz-limit{color:#55637d}rzslider .rz-ticks{position:absolute;top:-3px;left:0;z-index:1;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:0;padding:0 11px;margin:0;list-style:none;box-sizing:border-box;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}rzslider .rz-ticks .tick{width:10px;height:10px;text-align:center;cursor:pointer;background:#d8e0f3;border-radius:50%}rzslider .rz-ticks .tick.selected{background:#0db9f0}rzslider .rz-ticks .tick .tick-value{position:absolute;top:-30px;transform:translate(-50%,0)}rzslider.vertical{position:relative;width:4px;height:100%;padding:0;margin:0 20px;vertical-align:baseline}rzslider.vertical .rz-base{width:100%;height:100%;padding:0}rzslider.vertical .rz-bar-wrapper{top:auto;left:0;width:32px;height:100%;padding:0 0 0 16px;margin:0 0 0 -16px}rzslider.vertical .rz-bar{bottom:0;left:auto;width:4px;height:100%}rzslider.vertical .rz-pointer{top:auto;bottom:0;left:-14px!important}rzslider.vertical .rz-bubble{bottom:0;left:16px!important;margin-left:3px}rzslider.vertical .rz-bubble.rz-selection{top:auto;left:16px!important}rzslider.vertical .rz-ticks{top:0;left:-3px;z-index:1;width:0;height:100%;padding:11px 0;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}rzslider.vertical .rz-ticks .tick{vertical-align:middle}rzslider.vertical .rz-ticks .tick .tick-value{top:auto;right:-30px;transform:translate(0,-28%)}
\ No newline at end of file

package.json

 {
   "name": "angularjs-slider",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "AngularJS slider directive with no external dependencies. Mobile friendly!.",
   "main": "dist/rzslider.js",
   "repository": {