lexgui 0.1.39 → 0.1.41

package/changelog.md

@@ -1,8 +1,29 @@
 # lexgui.js changelog
 
-## 0.1.40 (dev)
+## 0.1.42 (dev)
 
-## 0.1.39 (master)
+## 0.1.41 (master)
+
+AssetView:
+- Renamed all option parameters (remove snake_case).
+- Support showing `lastModified` file data.
+
+Knob Widget:
+- Support disabled option.
+- Add `options.snap` = # subdivisions for value snapping.
+
+More Timeline refactor and fixes.
+Removed `LX.UTILS.clamp`. Still can be used in `LX.clamp`.
+Update Fontawesome CSS to v6.7.2.
+
+## 0.1.40
+
+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.

package/demo.js

@@ -481,12 +481,6 @@ function fillPanel( panel ) {
     panel.sameLine(2);
     panel.addFile("Img1", data => { console.log(data) }, {} );
     panel.addFile("Img2", data => { console.log(data) }, {} );
-    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" });
     panel.addDropdown("Best Engine", ["Godot", "Unity", "Unreal Engine"], "Unity", (value, event) => {
         console.log(value);
     });
@@ -543,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});
@@ -698,7 +703,9 @@ 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.addKnob("A Small Knob", 4, 0, 200, value => { console.log( value ) }, { size: 'sm', disabled: true });
+    panel.addKnob("A Knob", 4, 0, 200, value => { console.log( value ) } );
+    panel.addKnob("A Big Knob", 4, 0, 200, value => { console.log( value ) }, { size: 'bg', snap: 4 });
     panel.addButton("Apply", "Add button to branch", (value, event) => {
         const branch = panel.getBranch("Information");
         panel.queue( branch.content );
@@ -706,8 +713,8 @@ function fillBottomPanel( panel ) {
         panel.clearQueue();
     });
 
-    panel.branch("A collapsed branch", {closed: true});
-    panel.addText(null, "Nothing here", null, {disabled: true});
+    panel.branch("A collapsed branch", { closed: true });
+    panel.addText(null, "Nothing here", null, { disabled: true });
     panel.merge();
 }
 

package/examples/asset_view.html

@@ -43,9 +43,9 @@
         };
 
         let assetView = new LX.AssetView({ 
-            // skip_browser: true,
-            // skip_preview: true,
-            // root_path: "../"
+            // skipBrowser: true,
+            // skipPreview: true,
+            // rootPath: "../"
         });
         bottomArea.attach( assetView );
 
@@ -53,17 +53,19 @@
             {
                 id: "dog.png",
                 type: "image",
-                src: "https://pngfre.com/wp-content/uploads/1653714420512-1-904x1024.png"
+                path: "https://pngfre.com/wp-content/uploads/1653714420512-1-904x1024.png"
             },
             {
                 id: "sigml_test.sigml",
                 type: "sigml",
-                src: "../data/sigml_test.sigml"
+                src: "../data/sigml_test.sigml",
+                lastModified: 1740588312813
             },
             {
                 id: "test.json",
                 type: "JSON",
-                src: "../data/test.json"
+                src: "../data/test.json",
+                lastModified: 1740581312813
             },
             {
                 id: "godot",
@@ -136,7 +138,8 @@
             {
                 id: "brow_lowerer.png",
                 type: "clip",
-                src: "../data/brow_lowerer.png"
+                src: "../data/brow_lowerer.png",
+                lastModified: 1740181312813
             }
         ];
 

package/package.json

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