Update dist files and bump version

dist/coloris.css

@@ -46,24 +46,24 @@
 
 .clr-picker input[type="range"]::-webkit-slider-runnable-track {
   width: 100%;
-  height: 8px;
+  height: 16px;
 }
 
 .clr-picker input[type="range"]::-webkit-slider-thumb {
-  width: 8px;
-  height: 8px;
+  width: 16px;
+  height: 16px;
   -webkit-appearance: none;
 }
 
 .clr-picker input[type="range"]::-moz-range-track {
   width: 100%;
-  height: 8px;
+  height: 16px;
   border: 0;
 }
 
 .clr-picker input[type="range"]::-moz-range-thumb {
-  width: 8px;
-  height: 8px;
+  width: 16px;
+  height: 16px;
   border: 0;
 }
 
@@ -91,9 +91,9 @@
 .clr-hue input,
 .clr-alpha input {
   position: absolute;
-  width: calc(100% + 16px);
+  width: calc(100% + 32px);
   height: 16px;
-  left: -8px;
+  left: -16px;
   top: -4px;
   margin: 0;
   background-color: transparent;

dist/coloris.js

@@ -316,6 +316,7 @@
 
       if (settings.focusInput || settings.selectInput) {
         colorValue.focus({ preventScroll: true });
+        colorValue.setSelectionRange(currentEl.selectionStart, currentEl.selectionEnd);
       }
 
       if (settings.selectInput) {
@@ -997,9 +998,11 @@
     });
 
     addListener(colorValue, 'change', function (event) {
+      var value = colorValue.value;
+
       if (currentEl || settings.inline) {
-        setColorFromStr(colorValue.value);
-        pickColor();
+        var color = value === '' ? value : setColorFromStr(value);
+        pickColor(color);
       }
     });
 
@@ -1013,7 +1016,7 @@
       closePicker();
     });
 
-    addListener(document, 'click', '.clr-format input', function (event) {
+    addListener(getEl('clr-format'), 'click', '.clr-format input', function (event) {
       currentFormat = event.target.value;
       updateColor();
       pickColor();