- use number ~ number instead of number to number for input value.

 - duse default value `0` for input value if parseFloat fails.

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## v2.0.3
+
+ - use `number ~ number` instead of `number to number` for input value.
+ - duse default value `0` for input value if parseFloat fails.
+
+
 ## v2.0.2
 
  - handle right-click issue

dist/ldrs.js

@@ -34,15 +34,25 @@ ldSlider = function(opt){
     handle = function(){
       var v;
       if (this$.range) {
-        v = (this$.input.value || '').split(/\s+to\s+/);
+        v = (this$.input.value || '').split(/\s*~\s*/);
         v = {
-          from: parseFloat(v[0]),
-          to: parseFloat(v[1])
+          from: parseFloat((v[0] || '').trim()),
+          to: parseFloat((v[1] || '').trim())
         };
+        if (isNaN(v.from)) {
+          v.from = 0;
+        }
+        if (isNaN(v.to)) {
+          v.from = 0;
+        }
         this$.repos(v.from, true, false, true, false);
         return this$.repos(v.to, true, false, true, true);
       } else {
-        return this$.repos(this$.input.value, true, false, true);
+        v = parseFloat((this$.input.value || '').trim());
+        if (isNaN(v)) {
+          v = 0;
+        }
+        return this$.repos(v, true, false, true);
       }
     };
     this.input.addEventListener('change', handle);
@@ -127,7 +137,7 @@ ldSlider.prototype = import$(Object.create(Object.prototype), {
     return this.debounce = setTimeout(function(){
       var v;
       if (this$.range) {
-        v = this$.val.from + " to " + this$.val.to;
+        v = this$.val.from + " ~ " + this$.val.to;
         if (this$.input.value !== v) {
           return this$.input.value = v;
         }

package.json

@@ -3,7 +3,7 @@
   "name": "ldslider",
   "license": "MIT",
   "description": "Slider Library in Vanilla JS",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "files": [
     "dist/**/*"
   ],

src/ldrs.ls

@@ -13,11 +13,16 @@ ldSlider = (opt={}) ->
     if @input.getAttribute(\data-class) => @input.classList.add.apply @input.classList, that.split(' ')
     handle = ~>
       if @range =>
-        v = (@input.value or '').split(/\s+to\s+/)
-        v = {from: parseFloat(v.0), to: parseFloat(v.1)}
+        v = (@input.value or '').split(/\s*~\s*/)
+        v = {from: parseFloat((v.0 or '').trim!), to: parseFloat((v.1 or '').trim!)}
+        if isNaN(v.from) => v.from = 0
+        if isNaN(v.to) => v.from = 0
         @repos v.from, true, false, true, false
         @repos v.to, true, false, true, true
-      else @repos @input.value, true, false, true
+      else
+        v = parseFloat((@input.value or '').trim!)
+        if isNaN(v) => v = 0
+        @repos v, true, false, true
     @input.addEventListener \change, handle
     @input.addEventListener \input, handle
 
@@ -86,7 +91,7 @@ ldSlider.prototype = Object.create(Object.prototype) <<< do
     clearTimeout @debounce
     @debounce = setTimeout (~>
       if @range =>
-        v = "#{@val.from} to #{@val.to}"
+        v = "#{@val.from} ~ #{@val.to}"
         if @input.value != v => @input.value = v
       else
         if @input.value != @val.from => @input.value = @val.from

web/static/assets/lib/ldrs/dev/ldrs.js

@@ -34,15 +34,25 @@ ldSlider = function(opt){
     handle = function(){
       var v;
       if (this$.range) {
-        v = (this$.input.value || '').split(/\s+to\s+/);
+        v = (this$.input.value || '').split(/\s*~\s*/);
         v = {
-          from: parseFloat(v[0]),
-          to: parseFloat(v[1])
+          from: parseFloat((v[0] || '').trim()),
+          to: parseFloat((v[1] || '').trim())
         };
+        if (isNaN(v.from)) {
+          v.from = 0;
+        }
+        if (isNaN(v.to)) {
+          v.from = 0;
+        }
         this$.repos(v.from, true, false, true, false);
         return this$.repos(v.to, true, false, true, true);
       } else {
-        return this$.repos(this$.input.value, true, false, true);
+        v = parseFloat((this$.input.value || '').trim());
+        if (isNaN(v)) {
+          v = 0;
+        }
+        return this$.repos(v, true, false, true);
       }
     };
     this.input.addEventListener('change', handle);
@@ -127,7 +137,7 @@ ldSlider.prototype = import$(Object.create(Object.prototype), {
     return this.debounce = setTimeout(function(){
       var v;
       if (this$.range) {
-        v = this$.val.from + " to " + this$.val.to;
+        v = this$.val.from + " ~ " + this$.val.to;
         if (this$.input.value !== v) {
           return this$.input.value = v;
         }