lexgui 8.3.0 → 8.3.2

package/changelog.md

@@ -2,9 +2,36 @@
 
 ## dev
 
-## 8.3.0 (master)
+## 8.3.2 (master)
+
+Added interest delay `options.delay` to Tooltip.
+Fixed bug not removing tooltips when trigger is destroyed.
+Added Tooltip docs.
+Fixed some crashing doc pages.
 
 CodeEditor:
+- Added symbol hover info and inline color manipulation through LX.ColorInput.
+- Support for `options.onHoverSymbol` to customize popup symbol data.
+- Fixed issues normalizing imported text.
+- Added scope braces detection.
+- Suggestions icon, iconClass, sortText and filterText.
+- Added missing GLSL highlight css.
+
+## 8.3.1
+
+Fixed `LX.toKebabCase`.
+Added `LX.toSnakeCase(str)` util.
+
+CodeEditor:
+- Improved custom suggestions format (now allows for `insertText` too).
+- Supported Multiline TAB indent/dedent.
+- `setText` now has language detection option.
+- Extra New line and autoindent for {}, [] and () pair keys.
+- Clickable links in comments.
+- Fixed click autocomplete suggestion.
+
+## 8.3.0
+
 Added `Tabs.setIcon(name, icon)`.
 Added DropdownMenu item option `useKbdSpecialKeys` (true).
 Added `LX.requestFileAsync` util.

package/demo.js

@@ -100,7 +100,7 @@ LX._registerIconsAndColors( "./" );
         <a href="docs?p=changelog" class="flex flex-row gap-1 items-center text-sm p-1 px-4 rounded-full text-secondary-foreground decoration-none hover:bg-secondary cursor-pointer"><span class="flex bg-info w-2 h-2 rounded-full"></span>
             New Components: Avatar, Spinner, Pagination and more${ LX.makeIcon( "ArrowRight", { svgClass: "sm" } ).innerHTML }</a>
         <p class="fg text-foreground font-medium tracking-tight leading-none text-center text-balance sm:text-5xl text-4xl">Build your Application Interface</p>
-        <p class="text-secondary-foreground font-light text-xl xs:text-lg text-center text-balance leading-normal max-w-3xl">A modern-style UI kit, inspired by shadcn, built for the web. Pure HTML, JavaScript, and Tailwind CSS. Fully Open Source.</p>
+        <p class="text-secondary-foreground font-light text-xl xs:text-lg text-center text-balance leading-normal max-w-3xl">A modern-style UI kit, inspired by shadcn. Create dynamic sites using HTML, JavaScript, and Tailwind CSS. Fully Open Source.</p>
     `, area );
 
     const headerButtons = LX.makeContainer( [ "auto", "auto" ], "flex flex-row mt-2", ``, header );
@@ -736,11 +736,14 @@ LX._registerIconsAndColors( "./" );
             // fileExplorer: false
         });
 
-        editor.setText(`interface Vec2 {
+        editor.setText(`// Sample from https://jxarco.github.io/lexgui.js/
+interface Vec2 {
     x: number;
     y: number;
 }
 
+const hexColor = "#ff4532";
+
 type Callback<T> = (value: T) => void;
 
 class Timer {

package/examples/code-editor.html

@@ -68,6 +68,15 @@
         // disableEdition: true,
         // skipInfo: true,
         fileExplorer: fileExplorer,
+        customSuggestions: [
+            {
+                label: 'hello (nice)',
+                detail: 'a cool text desc',
+                insertText: `hello_func(){
+        return "hello";
+    }`
+            }
+        ],
         explorerName: "EXPLORER",
         highlight: 'TypeScript',
         // statusShowFontSizeZoom: false,

package/package.json

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