perfect-gui 4.0.7 → 4.1.1

package/package.json

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

package/src/index.js

@@ -12,6 +12,7 @@ export default class GUI {
         }
 
         this.propReferences = [];
+        this.folders = [];
 
         if ( options.isFolder ) {
             this._folderConstructor(options.folderOptions);
@@ -72,8 +73,6 @@ export default class GUI {
 
         this.closed = false;
         if (options.closed) this.toggleClose();
-
-        this.folders = [];
     }
 
     _styleInstance() {
@@ -512,8 +511,8 @@ export default class GUI {
             el: 'div',
             class: 'p-gui__vector2-area',
             onclick: (evt) => {
-                objectX[propX] = parseFloat(this._mapLinear(evt.offsetX, 0, area.clientWidth, minX, maxX).toFixed(1));
-                objectY[propY] = parseFloat(this._mapLinear(evt.offsetY, 0, area.clientHeight, maxY, minY).toFixed(1));
+                objectX[propX] = parseFloat(this._mapLinear(evt.offsetX, 0, area.clientWidth, minX, maxX).toFixed(2));
+                objectY[propY] = parseFloat(this._mapLinear(evt.offsetY, 0, area.clientHeight, maxY, minY).toFixed(2));
 
                 if (callback) {
                     callback(objectX[propX], objectX[propY]);
@@ -529,8 +528,8 @@ export default class GUI {
         });
         area.addEventListener('pointermove', (evt) => {
             if (pointer_is_down) {
-                objectX[propX] = parseFloat(this._mapLinear(evt.offsetX, 0, area.clientWidth, minX, maxX).toFixed(1));
-                objectY[propY] = parseFloat(this._mapLinear(evt.offsetY, 0, area.clientHeight, maxY, minY).toFixed(1));
+                objectX[propX] = parseFloat(this._mapLinear(evt.offsetX, 0, area.clientWidth, minX, maxX).toFixed(2));
+                objectY[propY] = parseFloat(this._mapLinear(evt.offsetY, 0, area.clientHeight, maxY, minY).toFixed(2));
 
                 if (callback) {
                     callback(objectX[propX], objectX[propY]);
@@ -621,6 +620,7 @@ export default class GUI {
         let closed = typeof options.closed == 'boolean' ? options.closed : false;
         let name = options.name || '';
         let color = options.color || null;
+        let maxHeight = options.maxHeight || null;
 
         this.imageContainer = null;
 
@@ -629,14 +629,17 @@ export default class GUI {
         if (this.folders.length == 0) {
             className += ' p-gui__folder--first';
         }
-        
+
         if (closed) {
             className += ' p-gui__folder--closed';
         }
+
+        let container_style = color ? `background-color: ${color};` : '';
+        container_style += maxHeight ? `max-height: ${maxHeight}px;` : '';
         
         let container = this._createElement({
             class: className,
-            inline: color ? `background-color: ${color};`: null,
+            inline: container_style,
         });
         
         let folderHeader = this._createElement({

package/src/styles.js

@@ -301,7 +301,7 @@ return /* css */`
     width: 100%;
     position: relative;
     background: #434343;
-    overflow: hidden;
+    overflow: auto;
     margin-bottom: 3px;
     display: flex;
     flex-wrap: wrap;