lexgui 0.6.0 → 0.6.2

package/changelog.md

@@ -2,7 +2,32 @@
 
 ## dev
 
-## 0.6.0 (master)
+## 0.6.2 (master)
+
+Widgets:
+- Fixed Title Widget class override.
+- Fixed Select list focusout issue.
+- Added `success` theme color to supported widgets.
+- Table active filters are now displayed in each filter button.
+- Added support for Range Filter in Table Widget.
+- Fixed dragging over drag-icon location in Number&Vector Widget inputs.
+
+Added a few more icon solid variants.
+Minor CSS tweaks.
+
+## 0.6.1
+
+Widgets:
+- Support back `options.selected` in ComboButtons Widget as `ValueType|Array<ValueType>`.
+- Fixed Drag icon in Number/Vector widgets modifying layout.
+
+Fixed some issues when resizing initially hidden Areas.
+Fixed Dropdown issue sometimes opening all submenus on open Menubar entries.
+Fixed Dropdown creation crash when no input items.
+Fixed AssetView content on max height and scroll.
+Improved robustness of `LX.getSupportedDOMName`.
+
+## 0.6.0
 
 `LX.init` now has to called using `await`.
 Use Dropdowns elements in menubar.

package/examples/all_widgets.html

@@ -96,16 +96,18 @@
             buttonsLeftPanel.addButton(null, "Secondary", null, { buttonClass: "secondary" });
             buttonsLeftPanel.addButton(null, "Accent", null, { buttonClass: "accent" });
             buttonsLeftPanel.addButton(null, "Contrast", null, { buttonClass: "contrast" });
-            buttonsLeftPanel.addButton(null, "Warning", null, { buttonClass: "warning" });
+            buttonsLeftPanel.addButton(null, "Success", null, { buttonClass: "success" });
             buttonsLeftPanel.addButton(null, "Error", null, { buttonClass: "error" });
+            buttonsLeftPanel.addButton(null, "Warning", null, { buttonClass: "warning" });
             buttonsLeftPanel.branch("Disabled Buttons", { closed: closedDefault });
             buttonsLeftPanel.addButton(null, "Classic", null, { disabled: true });
             buttonsLeftPanel.addButton(null, "Primary", null, { disabled: true, buttonClass: "primary" });
             buttonsLeftPanel.addButton(null, "Secondary", null, { disabled: true, buttonClass: "secondary" });
             buttonsLeftPanel.addButton(null, "Accent", null, { disabled: true, buttonClass: "accent" });
             buttonsLeftPanel.addButton(null, "Contrast", null, { disabled: true, buttonClass: "contrast" });
-            buttonsLeftPanel.addButton(null, "Warning", null, { disabled: true, buttonClass: "warning" });
+            buttonsLeftPanel.addButton(null, "Success", null, { disabled: true, buttonClass: "success" });
             buttonsLeftPanel.addButton(null, "Error", null, { disabled: true, buttonClass: "error" });
+            buttonsLeftPanel.addButton(null, "Warning", null, { disabled: true, buttonClass: "warning" });
             buttonsLeftPanel.branch("Advanced Buttons", { closed: closedDefault });
             buttonsLeftPanel.addButton("Icon Button", "Not used", null, { icon: "Skull" });
             buttonsLeftPanel.sameLine();
@@ -127,16 +129,18 @@
             buttonsRightPanel.addButton(null, "Secondary Outline", null, { buttonClass: "secondary outline" });
             buttonsRightPanel.addButton(null, "Accent Outline", null, { buttonClass: "accent outline" });
             buttonsRightPanel.addButton(null, "Contrast Outline", null, { buttonClass: "contrast outline" });
-            buttonsRightPanel.addButton(null, "Warning Outline", null, { buttonClass: "warning outline" });
+            buttonsRightPanel.addButton(null, "Success Outline", null, { buttonClass: "success outline" });
             buttonsRightPanel.addButton(null, "Error Outline", null, { buttonClass: "error outline" });
+            buttonsRightPanel.addButton(null, "Warning Outline", null, { buttonClass: "warning outline" });
             buttonsRightPanel.branch("Dashed Buttons", { closed: closedDefault });
             buttonsRightPanel.addButton(null, "Classic Dashed", null, { buttonClass: "dashed" });
             buttonsRightPanel.addButton(null, "Primary Dashed", null, { buttonClass: "primary dashed" });
             buttonsRightPanel.addButton(null, "Secondary Dashed", null, { buttonClass: "secondary dashed" });
             buttonsRightPanel.addButton(null, "Accent Dashed", null, { buttonClass: "accent dashed" });
             buttonsRightPanel.addButton(null, "Contrast Dashed", null, { buttonClass: "contrast dashed" });
-            buttonsRightPanel.addButton(null, "Warning Dashed", null, { buttonClass: "warning dashed" });
+            buttonsRightPanel.addButton(null, "Success Dashed", null, { buttonClass: "success dashed" });
             buttonsRightPanel.addButton(null, "Error Dashed", null, { buttonClass: "error dashed" });
+            buttonsRightPanel.addButton(null, "Warning Dashed", null, { buttonClass: "warning dashed" });
             buttonsRightPanel.branch("Combo Buttons", { closed: closedDefault });
             buttonsRightPanel.addComboButtons("Classic Combo", comboValues);
             buttonsRightPanel.addComboButtons("Toggle Combo", comboValues, { toggle: true });
@@ -158,8 +162,9 @@
             checkLeftPanel.addCheckbox(null, true, null, { className: "secondary", label: "Secondary" });
             checkLeftPanel.addCheckbox(null, true, null, { className: "accent", label: "Accent" });
             checkLeftPanel.addCheckbox(null, true, null, { className: "contrast", label: "Contrast" });
-            checkLeftPanel.addCheckbox(null, true, null, { className: "warning", label: "Warning" });
+            checkLeftPanel.addCheckbox(null, true, null, { className: "success", label: "Success" });
             checkLeftPanel.addCheckbox(null, true, null, { className: "error", label: "Error" });
+            checkLeftPanel.addCheckbox(null, true, null, { className: "warning", label: "Warning" });
         }
 
         // Radiogroup
@@ -177,16 +182,18 @@
             checkRightPanel.addToggle(null, true, null, { className: "secondary", label: "Secondary" });
             checkRightPanel.addToggle(null, true, null, { className: "accent", label: "Accent" });
             checkRightPanel.addToggle(null, true, null, { className: "contrast", label: "Contrast" });
-            checkRightPanel.addToggle(null, true, null, { className: "warning", label: "Warning" });
+            checkRightPanel.addToggle(null, true, null, { className: "success", label: "Success" });
             checkRightPanel.addToggle(null, true, null, { className: "error", label: "Error" });
+            checkRightPanel.addToggle(null, true, null, { className: "warning", label: "Warning" });
             checkRightPanel.branch("Outline Toggles", { closed: closedDefault });
             checkRightPanel.addToggle(null, true, null, { label: "Classic" });
             checkRightPanel.addToggle(null, true, null, { className: "primary outline", label: "Primary" });
             checkRightPanel.addToggle(null, true, null, { className: "secondary outline", label: "Secondary" });
             checkRightPanel.addToggle(null, true, null, { className: "accent outline", label: "Accent" });
             checkRightPanel.addToggle(null, true, null, { className: "contrast outline", label: "Contrast" });
-            checkRightPanel.addToggle(null, true, null, { className: "warning outline", label: "Warning" });
+            checkRightPanel.addToggle(null, true, null, { className: "success outline", label: "Success" });
             checkRightPanel.addToggle(null, true, null, { className: "error outline", label: "Error" });
+            checkRightPanel.addToggle(null, true, null, { className: "warning outline", label: "Warning" });
         }
 
         // Test Inputs
@@ -226,8 +233,9 @@
             panelB.addRange("Secondary", 4, null, { min: 0, max: 10, step: 1, className: "secondary" });
             panelB.addRange("Accent", 3, null, { min: 0, max: 10, step: 1, className: "accent" });
             panelB.addRange("Contrast", 5, null, { min: 0, max: 10, step: 1, className: "contrast" });
-            panelB.addRange("Warning", 2, null, { min: 0, max: 10, step: 1, className: "warning" });
+            panelB.addRange("Success", 9, null, { min: 0, max: 10, step: 1, className: "success" });
             panelB.addRange("Error", 6, null, { min: 0, max: 10, step: 1, className: "error" });
+            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("Disabled", 29, null, { min: 1, max: 48, step: 1, disabled: true });

package/package.json

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