1.2.0

Added 3 news options thanks to sconix:
-cpPresetColors
-cpPresetLabel
-cpWidth,

bower.json

@@ -1,6 +1,6 @@
 {
     "name": "angular2-color-picker",
-    "version": "1.1.2",
+    "version": "1.2.0",
     "authors": [
         "Alberto Pujante <[email protected]>"
     ],

examples/package.json

@@ -1,7 +1,7 @@
 {
     "name": "angular2-color-picker-example",
     "description": "Example for Angular2 Color Picker",
-    "version": "1.1.2",
+    "version": "1.2.0",
     "scripts": {
         "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
         "lite": "lite-server",

package.json

@@ -1,7 +1,7 @@
 {
     "name": "angular2-color-picker",
     "description": "Angular 2 Color Picker Directive, no dependences required.",
-    "version": "1.1.2",
+    "version": "1.2.0",
     "main": "index.js",
     "scripts": {       
         "build": "gulp"

src/templates/default/color-picker.scss

@@ -180,15 +180,15 @@
         height: 16px;
         border:none;
         margin-bottom: 16px;
-				background-size: 100%;
+        background-size: 100% 100%;
         background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwkUFWbCCAAAAFxJREFUaN7t0kEKg0AQAME2x83/n2qu5qCgD1iDhCoYdpnbQC9bbY1qVO/jvc6k3ad91s7/7F1/csgPrujuQ17BDYSFsBAWwgJhISyEBcJCWAgLhIWwEBYIi2f7Ar/1TCgFH2X9AAAAAElFTkSuQmCC');
     }
     .alpha{
         cursor: pointer;
         width: 100%;
         height: 16px;
         border:none;
-				background-size: 100%;
+        background-size: 100% 100%;
         background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwYQlZMa3gAAAWVJREFUaN7tmEGO6jAQRCsOArHgBpyAJYGjcGocxAm4A2IHpmoWE0eBH+ezmFlNvU06shJ3W6VEelWMUQAIIF9f6qZpimsA1LYtS2uF51/u27YVAFZVRUkEoGHdPV/sIcbIEIIkUdI/9Xa7neyv61+SWFUVAVCSct00TWn2fv6u3+Ecfd3tXzy/0+nEUu+SPjo/kqzrmiQpScN6v98XewfA8/lMkiLJ2WxGSUopcT6fM6U0NX9/frfbjev1WtfrlZfLhYfDQQHG/AIOlnGwjINlHCxjHCzjYJm/TJWdCwquJXseFFzGwDNNeiKMOJTO8xQdDQaeB29+K9efeLaBo9J7vdvtJj1RjFFjfiv7qv95tjx/7leSQgh93e1ffMeIp6O+YQjho/N791t1XVOSSI7N//K+4/GoxWLBx+PB5/Op5XLJ+/3OlJJWqxU3m83ovv5iGf8KjYNlHCxjHCzjYBkHy5gf5gusvQU7U37jTAAAAABJRU5ErkJggg==');
     }
 
@@ -229,7 +229,7 @@
         padding: 4px 8px;
 
         .box{
-            padding: 0 24px 4px 8px;
+            padding: 0 24px 8px 8px;
             input{
                 min-width: 0;
                 flex: 1;
@@ -262,7 +262,7 @@
         padding: 4px 8px;
 
         .box{
-            padding: 0 24px 4px 8px;
+            padding: 0 24px 8px 8px;
             input{
                 flex: 1 1 auto;
                 border: #a9a9a9 solid 1px;