lexgui 0.1.41 → 0.1.42

package/changelog.md

@@ -1,11 +1,30 @@
 # lexgui.js changelog
 
-## 0.1.42 (dev)
+## 0.1.43 (dev)
 
-## 0.1.41 (master)
+
+
+## 0.1.42 (master)
+
+AssetView:
+- Support custom element title on hover for Content layout mode `options.useNativeTitle`
+- AssetView onRefreshContent option
+
+CodeEditor:
+- Renamed all option parameters (remove snake case).
+- Fixed tab language override.
+- Support addTab() and loadFile() with options (`options.language`)
+- Fixed XML highlighting
+
+Support options.title in Panel.addButton.
+[Area] `options.no_append` -> `options.skipAppend`.
+[Area] `options.skip_default_area` -> `options.skipDefaultArea`.
+Minor bug fixes.
+
+## 0.1.41
 
 AssetView:
-- Renamed all option parameters (remove snake_case).
+- Renamed all option parameters (remove snake case).
 - Support showing `lastModified` file data.
 
 Knob Widget:

package/demo.js

@@ -176,18 +176,16 @@ bottom.addMenubar( m => {
             kfTimeline.resize();
         }
         else {
-            kfTimeline = new LX.KeyFramesTimeline("kf-timeline", { width: m.root.clientWidth, height: m.parent.root.parentElement.clientHeight - m.root.clientHeight });
+            kfTimeline = new LX.KeyFramesTimeline("kf-timeline", {
+                onBeforeCreateTopBar: panel => {
+                    panel.addButton('', '<i class="fa fa-wand-magic-sparkles"></i>', ( value, event ) => { });
+                }
+            });
+
             bottom.attach(kfTimeline.root);
             kfTimeline.setSelectedItems(["Item 1", "Item 2", "Item 3"]);
             kfTimeline.setAnimationClip({tracks: [{name: "Item 1.position", values: [0,1,0, 1], times: [0, 0.1, 0.2, 0.3]}, {name: "Item 1.scale", values: [0,1,0, 0.5], times: [0, 0.1, 0.2, 0.3]}, {name: "Item 2", values: [0,1,0,1], times: [0.1, 0.2, 0.3, 0.8]}, {name: "Item 3.position", values: [0,1,0], times: [0, 0.1, 0.2, 0.3]}, {name: "Item 3.scale", values: [0,1,0], times: [0, 0.1, 0.2, 0.3]}], duration: 1});
-            
-            kfTimeline.addButtons([
-                { icon: 'fa fa-wand-magic-sparkles', name: 'autoKeyEnabled' },
-                { icon: 'fa fa-filter', name: "optimize", callback: (value, event) => {   kfTimeline.onShowOptimizeMenu(event);}},
-                { icon: 'fa-regular fa-rectangle-xmark', name: 'unselectAll', callback: (value, event) => { kfTimeline.unSelectAllKeyFrames();}}
-            ]);
-            
-            kfTimeline.draw(0);
+            kfTimeline.draw( 0 );
         }
     });
 

package/examples/asset_view.html

@@ -42,7 +42,8 @@
             canvas.height = bounding.height;
         };
 
-        let assetView = new LX.AssetView({ 
+        let assetView = new LX.AssetView({
+            // useNativeTitle: true,
             // skipBrowser: true,
             // skipPreview: true,
             // rootPath: "../"
@@ -121,7 +122,7 @@
                     {
                         id: "color.png",
                         type: "image",
-                        src: "https://cdn.icon-icons.com/icons2/2389/PNG/512/unreal_engine_logo_icon_144771.png"
+                        src: "https://cdn2.unrealengine.com/ue-logotype-2023-vertical-white-1686x2048-bbfded26daa7.png"
                     },
                     {
                         id: "demo.js",

package/examples/code_editor.html

@@ -23,9 +23,9 @@
         // init library and get main area
         let area = LX.init();
 
-        const file_explorer = true;
+        const fileExplorer = true;
 
-        if( !file_explorer )
+        if( !fileExplorer )
         {
             var [leftArea, rightArea] = area.split({ sizes:["55%","45%"] });
 
@@ -46,10 +46,10 @@
         }
 
         let editor = new LX.CodeEditor(area, {
-            // allow_add_scripts: false,
+            // allowAddScripts: false,
             // autocomplete: false,
-            // disable_edition: true,
-            file_explorer: file_explorer
+            // disableEdition: true,
+            fileExplorer: fileExplorer
         });
 
         editor.loadFile( "../data/js_sample.js" );
@@ -59,9 +59,11 @@
         editor.loadFile( "../data/xml_sample.xml" );
         editor.loadFile( "../data/python_sample.py" );
         editor.loadFile( "../data/rust_sample.rs" );
+        editor.loadFile( "../data/animation.bml", { language: "JSON" } );
         editor.loadFile( "../localhost.bat" );
+        editor.loadFile( "../index.html" );
         
-        if( !file_explorer )
+        if( !fileExplorer )
         {
             var ctx = canvas.getContext("2d");
             ctx.fillStyle = "#b7a9b1";

package/package.json

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