perfect-gui 3.0.1 → 3.0.3

package/README.md

@@ -91,12 +91,14 @@ gui.image('Click this', 'path/to/image', () => {
 
 ```javascript
 // Simple slider, only returns a value to the callback
+// step parameter is optional
 gui.slider('Slide this', { value: 5, min: 0, max: 10, step: .1 }, value => {
     console.log('Slider value : ' + value);
 });
 
 // Object-based slider, automatically updates the value of the object property.
 // Directly updating the property will also update the slider.
+// step parameter is optional
 gui.slider('Slide this', { object: foo, prop: 'bar', min: 0, max: 10, step: .1 });
 ```
 </td></tr>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "perfect-gui",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "description": "Nice and simple GUI for JavaScript.",
   "main": "src/index.js",
   "directories": {

package/src/index.js

@@ -224,13 +224,13 @@ export default class GUI {
         this._checkMandatoryParams({
             min: 'number',
             max: 'number',
-            step: 'number'
         }, sliderParams);
 
         let isObject = false;
         let propReferenceIndex = null;
         let object; 
         let prop;
+        let step = sliderParams.step || (sliderParams.max - sliderParams.min) / 100;
 
         if ( typeof sliderParams.value == 'number' ) {
             this._checkMandatoryParams({
@@ -263,8 +263,8 @@ export default class GUI {
                 type: 'range',
                 min: sliderParams.min,
                 max: sliderParams.max,
-                step: sliderParams.step,
-                value: sliderParams.value
+                step,
+                value: isObject ? object[prop] : sliderParams.value
             }
         });
     

package/test/src/js/basics.js

@@ -19,7 +19,7 @@ export default function basics() {
     });
 
     gui.slider('Slider (simple callback)', 
-        { min: 0, max: 1, value: 1, step: .2 }, 
+        { value: 1, min: 0, max: 1 }, 
         value => {
             element.style.opacity = value;
         }