perfect-gui 3.0.2 → 3.0.4

package/README.md

@@ -91,12 +91,16 @@ gui.image('Click this', 'path/to/image', () => {
 
 ```javascript
 // Simple slider, only returns a value to the callback
+// min parameter is optional, default is 0
+// max parameter is optional, default is 1
+// step parameter is optional, default is (max - min) * 0.01
 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.
+// callback 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.2",
+  "version": "3.0.4",
   "description": "Nice and simple GUI for JavaScript.",
   "main": "src/index.js",
   "directories": {

package/src/index.js

@@ -221,16 +221,14 @@ export default class GUI {
     }
     
     slider (text, sliderParams, callback) {
-        this._checkMandatoryParams({
-            min: 'number',
-            max: 'number',
-            step: 'number'
-        }, sliderParams);
-
         let isObject = false;
         let propReferenceIndex = null;
         let object; 
         let prop;
+        
+        const min = sliderParams.min ?? 0;
+        const max = sliderParams.max ?? 1;
+        const step = sliderParams.step || (max - min) / 100;
 
         if ( typeof sliderParams.value == 'number' ) {
             this._checkMandatoryParams({
@@ -261,9 +259,9 @@ export default class GUI {
             class: 'p-gui__slider-ctrl',
             customAttributes: {
                 type: 'range',
-                min: sliderParams.min,
-                max: sliderParams.max,
-                step: sliderParams.step,
+                min,
+                max,
+                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 }, 
         value => {
             element.style.opacity = value;
         }