lexgui 0.6.9 → 0.6.11

package/changelog.md

@@ -2,7 +2,39 @@
 
 ## dev
 
-## 0.6.9 (master)
+## 0.6.11 (master)
+
+Widgets:
+- Fixed Progress Widget value clamp and callback.
+- Fixed Form data entries initial value if not an Object. Added support for Form `entryData.label`.
+- Fixed Vector reset issue getting old values after reset.
+
+Popover are now allowed to be created without a trigger element using `options.reference`.
+Added support for DropdownMenu and Popover `options.sideOffset` and `options.alignOffset`.
+Added support for new `LX.Tour` Component to guide users through an app.
+Fixed light-dark themes in docs css.
+Docs updated.
+
+## 0.6.10
+
+Timeline:
+- Added support for cloning clips and tracks.
+- Minor fixes.
+
+Widgets:
+- All `Button` widgets have now `setState` method (not only those with `swap` feature).
+- Layers Widget allow `options.maxBits` to specify number of bit layers.
+- If Button is selectable, the `selected` state is not sent to the callback.
+- Fixed Color Picker not updating on change Hex text input.
+- TabSections: Allow `item.selected` option. Add support for `select( tabName )`.
+- Fixed Select Widget positioning when no space above&below.
+
+New `AreaOverlayButtons` to improve management and support changing buttons state.
+Fixed Commandbar error on checking String Menubar items.
+Fixed Asset View custom title overflow.
+Docs updated.
+
+## 0.6.9
 
 Timeline:
 - `addKeyframes` now returns new indices.

package/demo.js

@@ -89,6 +89,33 @@ const area = await LX.init( { layoutMode: "document", rootClass: "wrapper" } );
             ] },
             { name: "Help", submenu: [
                 { name: "Search Help", icon: "Search", kbd:  "F1" },
+                { name: "Start Tour", icon: "CircleHelp", callback: () => {
+                    const exampleTour = new LX.Tour([
+                        {
+                            title: "Welcome to LexGUI.js",
+                            content: "This is the main canvas where you can draw your application.",
+                            reference: canvas,
+                            side: "top",
+                            align: "center"
+                        },
+                        {
+                            title: "Menubar",
+                            content: "This menubar contains all the main actions and settings for your application.",
+                            reference: menubar.root,
+                            side: "bottom",
+                            align: "center"
+                        },
+                        {
+                            title: "Side Panel",
+                            content: "This panel contains various widgets and settings for your application.",
+                            reference: sidePanel.root,
+                            side: "left",
+                            align: "start"
+                        }
+                    ], { xoffset: 8, xradius: 12, xhorizontalOffset: 46, xverticalOffset: 46 });
+
+                    exampleTour.begin();
+                } },
                 { name: "Support LexGUI", icon: "Heart" },
             ] },
         ], { sticky: false });

package/examples/editor.html

@@ -197,7 +197,7 @@
         },
         {
             name: "Help", submenu: [
-                { name: "Search Help", icon: "Search", kbd: "F1", callback: () => { window.open("./docs/") } },
+                { name: "Search Help", icon: "Search", kbd: "F1", callback: () => { window.open("../docs/") } },
                 { name: "Support LexGUI", icon: "Heart" },
             ]
         },
@@ -225,7 +225,7 @@
         {
             icon: "RotateLeft",
             callback: (value, event) => {
-                const playButton = m.getButton("Play");
+                const playButton = menubar.getButton("Play");
                 playButton.swap();
             }
         },
@@ -418,7 +418,7 @@
     // add on resize event to control canvas size
     topTabs.area.onresize = resizeCanvas;
 
-    topTabs.area.addOverlayButtons([
+    const overlaybuttons = topTabs.area.addOverlayButtons([
         [
             {
                 name: "Select",
@@ -440,8 +440,9 @@
             }
         ],
         {
-            name: "Lit",
+            name: "Render Mode",
             options: ["Lit", "Unlit", "Wireframe"],
+            value: "Lit",
             callback: (value, event) => console.log(value)
         },
         [
@@ -452,7 +453,8 @@
                 selectable: true
             },
             {
-                name: 10,
+                name: "Snap Values",
+                value: 10,
                 options: [10, 100, 1000],
                 callback: value => console.log(value)
             }
@@ -727,6 +729,9 @@
         panel.addLayers("Layers", 10, (value, event) => {
             console.log(value);
         });
+        panel.addLayers("Layers (8 bits)", 10, (value, event) => {
+            console.log(value);
+        }, { maxBits: 8 });
         panel.addArray("An Item Array", ['GPTeam', 'Blat Panthers', 'Blat Bunny'], (value, event) => {
             console.log(value);
         });
@@ -1068,7 +1073,7 @@
 
             p.attach(assetView);
             let assetData = [];
-            const values = ['brow_lowerer.png', 'godot_pixelart.png', 'godot_canvas.png'];
+            const values = ['brow_lowerer.png', 'godot_pixelart.png', 'realizer_signon.png'];
 
             for (let i = 0; i < values.length; i++) {
                 let data = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "lexgui",
-    "version": "0.6.9",
+    "version": "0.6.11",
     "description": "JS library to create web graphical user interfaces",
     "type": "module",
     "main": "./build/lexgui.js",
@@ -39,7 +39,8 @@
         "rollup-js": "rollup -c rollup.build.config.js",
         "minify-css": "cleancss -o build/lexgui.min.css build/lexgui.css",
         "minify": "npm run rollup-js && npm run minify-css",
-        "build": "python build-legacy.py && npm run minify"
+        "legacy": "python build-legacy.py",
+        "build": "npm run legacy && npm run minify"
     },
     "devDependencies": {
         "@rollup/plugin-terser": "^0.4.4"