lexgui 0.7.0 → 0.7.2

package/changelog.md

@@ -2,7 +2,32 @@
 
 ## dev
 
-## 0.7.0 (master)
+## 0.7.2 (master)
+
+Fixed AssetView Filter select.
+Fixed tooltips on Dialog without modal.
+Exposed LX.Timebar in VideoEditor extension.
+
+CodeEditor:
+- Fixed Ctrl+Wheel to modify font size.
+- Added ZoomIn/ZoomOut buttons to Info Panel to modify font size.
+- Selected Font size now persists locally using `localStorage`.
+- Support for showing/hiding status bar elements.
+- Improved syntax highlighting consistency using new HightlightRules.
+- Added support for PHP and TypeScript highlighting.
+- Started work on scope detection (enums, structs, methods, classes, etc.) for syntax highlighting.
+- Added support for adding new custom language.
+
+## 0.7.1
+
+Added support for selecting custom Min, Max range in RangeInput component.
+Added value labels to RangeInput component.
+`LX.asTooltip` Updates:
+- Now supports `options.offsetX`, `options.offsetY` and `options.callback`.
+- Change content and offsets dynamically using `trigger.dataset["tooltipContent" | "tooltipOffsetX" | "tooltipOffsetY"]`.
+Fixed Popovers using `options.reference`.
+
+## 0.7.0
 
 General/Utils:
 - "Components" have been renamed to "Extensions".

package/demo.js

@@ -259,7 +259,8 @@ const starterTheme = LX.getTheme();
             panel.addText("Text", "LexGUI.js @jxarco", null, {placeholder: "e.g. ColorPicker", icon: "Type"});
             panel.addColor("Font Color", "#303b8d", null);
             panel.addNumber("Font Size", 36, null, { min: 1, max: 48, step: 1, units: "px"});
-            panel.addSelect("Font Family", ["Arial", "GeistSans", "Monospace", "Ubuntu"], "GeistSans");
+            panel.addSelect("Font Family", ["Arial", "GeistSans", "Monospace", "CascadiaCode"], "GeistSans");
+            panel.addRange("Threshold Range", [2, 7], (v) => console.log(v), { min: 0, max: 10, step: 1, className: "accent" });
             panel.addVector2("2D Position", [300, 350], null, { min: 0, max: 1024 });
             const opacityValues = [
                 [0.2, 0.3146875],

package/examples/all-components.html

@@ -262,6 +262,7 @@
             panelB.addRange("Warning", 2, null, { min: 0, max: 10, step: 1, className: "warning" });
             panelB.addRange("Inverted", 22, null, { min: 20, max: 48, step: 1, left: true });
             panelB.addRange("NoFill", 10, null, { min: 1, max: 48, step: 1, fill: false });
+            panelB.addRange("With Range", [2, 6], null, { min: 1, max: 10, step: 1 });
             panelB.addRange("Disabled", 29, null, { min: 1, max: 48, step: 1, disabled: true });
             panelB.branch("Select Inputs", { closed: closedDefault });
             panelB.addSelect("Classic", selectValues, "Unity", null);

package/examples/code-editor.html

@@ -27,8 +27,9 @@
 
     const fileExplorer = true;
 
-    if (!fileExplorer) {
-        var [leftArea, rightArea] = area.split({ sizes: ["55%", "45%"] });
+    if( !fileExplorer )
+    {
+        var [ leftArea, rightArea ] = area.split({ sizes: ["55%", "45%"] });
 
         var canvas = document.createElement('canvas');
         canvas.id = "mycanvas";
@@ -50,10 +51,12 @@
         // allowAddScripts: false,
         // autocomplete: false,
         // disableEdition: true,
+        // skipInfo: true,
         fileExplorer: fileExplorer
     });
 
     editor.loadFile("../data/js_sample.js");
+    editor.loadFile("../data/ts_sample.ts");
     editor.loadFile("../data/json_sample.json");
     editor.loadFile("../data/css_sample.css");
     editor.loadFile("../data/cpp_sample.cpp");
@@ -64,7 +67,9 @@
     editor.loadFile("../data/rust_sample.rs");
     editor.loadFile("../data/animation.bml", { language: "JSON" });
     editor.loadFile("../data/CMakeLists.txt", { language: "CMake" });
+    editor.loadFile("../data/php_sample.php");
     editor.loadFile("../data/localhost.bat");
+    editor.loadFile("../changelog.md");
     editor.loadFile("../index.html");
 
     if (!fileExplorer) {

package/package.json

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