lexgui 0.1.37 → 0.1.40

package/changelog.md

@@ -1,5 +1,34 @@
 # lexgui.js changelog
 
+## 0.1.41 (dev)
+
+
+
+## 0.1.40 (master)
+
+New widget: Form. Series of Text + Submit Button using form data (Object).
+Fix non-unique "input-filter" id.
+Improved Number/Vector mouse interaction with `pointerLock`.
+Updated docs.
+
+## 0.1.39
+
+New widget: Pad. Bidimensional slider.
+`LX.makeDraggable` now supports 'absolute' and 'fixed' positions.
+Fix passing onDragStart/onMove functions to Dialogs.
+Minor bug fixes.
+
+## 0.1.38
+
+Timeline: Fixed timeline signals and added callbacks
+
+Number/Vector widgets:
+    - Support for onPress&onRelease for catching mouse events.
+    - Added `setLimits` for min, max, step parameters.
+
+Added Size Widget (N dimension number widget).
+Minor bug fixes.
+
 ## 0.1.37
 
 Audio:
@@ -14,7 +43,7 @@ Fixed Number/Vector precision.
 Fixed ContextMenu position on creation over window size.
 Minor bug fixes.
 
-## 0.1.36 (master)
+## 0.1.36
 
 Default skipCallback as `true` on emit widget signal.
 Add some vec2 math functions.

package/demo.js

@@ -478,14 +478,12 @@ function fillPanel( panel ) {
     panel.branch("Preferences", {icon: "fa-solid fa-gear"});
     panel.addButton(null, "Click me, Im Full Width...");
     panel.addText("Text", "Warning text", null, { warning: true });
-    panel.addKnob("A Knob", 4, 0, 200, value => { console.log(value) }, /*{ size: 'sm' }*/);
     panel.sameLine(2);
     panel.addFile("Img1", data => { console.log(data) }, {} );
     panel.addFile("Img2", data => { console.log(data) }, {} );
     panel.addDropdown("Best Engine", ["Godot", "Unity", "Unreal Engine"], "Unity", (value, event) => {
         console.log(value);
     });
-
     panel.addDropdown("Best Logo", [{value:"Godot", src: "https://godotengine.org/assets/press/logo_vertical_color_light.webp"}, {value: "Unity", src: "https://logos-world.net/wp-content/uploads/2023/01/Unity-Logo.png"}, {value:"Unreal Engine", src: "https://cdn2.unrealengine.com/ue-logo-stacked-unreal-engine-w-677x545-fac11de0943f.png"}], "Godot", (value, event) => {
         console.log(value);
     }, {filter: true});
@@ -539,6 +537,17 @@ function fillPanel( panel ) {
     panel.addCurve("Opacity", opacityValues, (value, event) => {
         console.log(value);
     });
+    panel.addPad("2D Pad", [0.5, 0.5], (value, event) => {
+        console.log(value);
+    }, { padSize: "100px", min: -1, max: 2 });
+    panel.addSize("Screen Res", [1280, 720], (value, event) => {
+        console.log(value);
+    }, { units: "p" });
+
+    const formData = { username: "", password: { value: "", type: "password" } };
+    panel.addForm("Test form", formData, (value, event) => {
+        console.log(value);
+    }, { actionName: "Login" });
 
     // another branch
     panel.branch("Canvas", {icon: "fa-solid fa-palette", filter: true});
@@ -694,6 +703,7 @@ function fillBottomPanel( panel ) {
     panel.addTextArea("Notes", "", (value, event) => {
         console.log(value);
     }, { placeholder: 'Some notes...' });
+    panel.addKnob("A Knob", 4, 0, 200, value => { console.log(value) }, /*{ size: 'sm' }*/);
     panel.addButton("Apply", "Add button to branch", (value, event) => {
         const branch = panel.getBranch("Information");
         panel.queue( branch.content );

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "lexgui",
-    "version": "0.1.37",
+    "version": "0.1.40",
     "description": "JS library to create web graphical user interfaces",
     "type": "module",
     "main": "./build/lexgui.js",