lexgui 0.6.3 → 0.6.5

package/build/components/codeeditor.js

@@ -2097,7 +2097,7 @@ class CodeEditor {
         if( deltaY >= 0 )
         {
             while( deltaY < ( cursorSelections.childElementCount - 1 ) )
-                LX.UTILS.deleteElement( cursorSelections.lastChild );
+                LX.deleteElement( cursorSelections.lastChild );
 
             for(let i = fromY; i <= toY; i++){
 
@@ -2148,7 +2148,7 @@ class CodeEditor {
         else // Selection goes up...
         {
             while( Math.abs( deltaY ) < ( cursorSelections.childElementCount - 1 ) )
-                LX.UTILS.deleteElement( cursorSelections.firstChild );
+                LX.deleteElement( cursorSelections.firstChild );
 
             for( let i = toY; i <= fromY; i++ ){
 
@@ -2837,7 +2837,7 @@ class CodeEditor {
         // Single line
         if( !force )
         {
-            LX.UTILS.deleteElement( this.code.childNodes[ local_line_num ] );
+            LX.deleteElement( this.code.childNodes[ local_line_num ] );
             this.code.insertChildAtIndex( document.createElement( 'pre' ), local_line_num );
         }
 
@@ -3470,7 +3470,7 @@ class CodeEditor {
 
         if( cursor )
         {
-            LX.UTILS.deleteElement( this.selections[ cursor.name ] );
+            LX.deleteElement( this.selections[ cursor.name ] );
             delete this.selections[ cursor.name ];
             delete cursor.selection;
         }
@@ -3478,7 +3478,7 @@ class CodeEditor {
         {
             for( let cursor of this.cursors.children )
             {
-                LX.UTILS.deleteElement( this.selections[ cursor.name ] );
+                LX.deleteElement( this.selections[ cursor.name ] );
                 delete this.selections[ cursor.name ];
                 delete cursor.selection;
             }
@@ -3667,9 +3667,9 @@ class CodeEditor {
 
     removeCursor( cursor ) {
 
-        LX.UTILS.deleteElement( this.selections[ cursor.name ] );
+        LX.deleteElement( this.selections[ cursor.name ] );
         delete this.selections[ cursor.name ];
-        LX.UTILS.deleteElement( cursor );
+        LX.deleteElement( cursor );
     }
 
     resetCursorPos( flag, cursor ) {
@@ -3962,7 +3962,7 @@ class CodeEditor {
         line.appendChild( text );
         text.innerText = char;
         var rect = text.getBoundingClientRect();
-        LX.UTILS.deleteElement( parentContainer );
+        LX.deleteElement( parentContainer );
         const bb = [ use_floating ? rect.width : Math.floor( rect.width ), use_floating ? rect.height : Math.floor( rect.height ) ];
         return get_bb ? bb : bb[ 0 ];
     }
@@ -4238,7 +4238,7 @@ class CodeEditor {
 
         else if( this._lastResult )
         {
-            LX.UTILS.deleteElement( this._lastResult.dom );
+            LX.deleteElement( this._lastResult.dom );
             delete this._lastResult;
         }
 
@@ -4261,7 +4261,7 @@ class CodeEditor {
 
         if( this._lastResult )
         {
-            LX.UTILS.deleteElement( this._lastResult.dom );
+            LX.deleteElement( this._lastResult.dom );
             cursorData = this._lastResult.pos;
             delete this._lastResult;
         }

package/build/components/nodegraph.js

@@ -393,7 +393,7 @@ class GraphEditor {
 
         this.clear();
 
-        graph.id = graph.id ?? graph.constructor.name  + '-' + LX.UTILS.uidGenerator();
+        graph.id = graph.id ?? graph.constructor.name  + '-' + LX.guidGenerator();
 
         this.graphs[ graph.id ] = graph;
 
@@ -730,7 +730,7 @@ class GraphEditor {
         //     {
         //         var panel = new LX.Panel();
 
-        //         p.signal = "@" + LX.UTILS.uidGenerator() + node.title;
+        //         p.signal = "@" + LX.guidGenerator() + node.title;
 
         //         switch( p.type )
         //         {
@@ -862,7 +862,7 @@ class GraphEditor {
 
         this._addNodeIOEvents( nodeContainer );
 
-        const id = node.id ?? node.title.toLowerCase().replaceAll( /\s/g, '-' ) + '-' + LX.UTILS.uidGenerator();
+        const id = node.id ?? node.title.toLowerCase().replaceAll( /\s/g, '-' ) + '-' + LX.guidGenerator();
         this.nodes[ id ] = { data: node, dom: nodeContainer };
 
         node.id = id;
@@ -1035,7 +1035,7 @@ class GraphEditor {
                     if( !this._onLink( e ) )
                     {
                         // Delete entire SVG if not a successful connection..
-                        LX.UTILS.deleteElement( this._generatingLink.path ? this._generatingLink.path.parentElement : null );
+                        LX.deleteElement( this._generatingLink.path ? this._generatingLink.path.parentElement : null );
                     }
 
                     delete this._generatingLink;
@@ -1272,7 +1272,7 @@ class GraphEditor {
             return;
         }
 
-        LX.UTILS.deleteElement( el );
+        LX.deleteElement( el );
 
         // Delete from the editor
 
@@ -1302,7 +1302,7 @@ class GraphEditor {
             {
                 var link = this.currentGraph.links[ key ][ i ];
 
-                LX.UTILS.deleteElement( link.path.parentElement );
+                LX.deleteElement( link.path.parentElement );
 
                 const targetNodeId = targetIsInput ? link.inputNode : link.outputNode;
 
@@ -1344,7 +1344,7 @@ class GraphEditor {
     _deleteGroup( groupId ) {
 
         const dom = this.groups[ groupId ];
-        LX.UTILS.deleteElement( dom );
+        LX.deleteElement( dom );
 
         // Delete from the editor
 
@@ -1428,7 +1428,7 @@ class GraphEditor {
             var links = this._getLinks( targetId, nodeId );
 
             var linkIdx = links.findIndex( i => ( i.inputIdx == srcIndex && i.outputIdx == targetIndex ) );
-            LX.UTILS.deleteElement( links[ linkIdx ].path.parentElement );
+            LX.deleteElement( links[ linkIdx ].path.parentElement );
             links.splice( linkIdx, 1 );
 
             // Input has no longer any connected link
@@ -1478,7 +1478,7 @@ class GraphEditor {
                     var links = this._getLinks( nodeId, targetId );
 
                     var linkIdx = links.findIndex( i => ( i.inputIdx == targetIndex && i.outputIdx == srcIndex ) );
-                    LX.UTILS.deleteElement( links[ linkIdx ].path.parentElement );
+                    LX.deleteElement( links[ linkIdx ].path.parentElement );
                     links.splice( linkIdx, 1 );
 
                     // Remove a connection from the output connections
@@ -1674,7 +1674,7 @@ class GraphEditor {
             const linkInfo = Object.assign( { }, this._generatingLink );
 
             // Delete old link
-            LX.UTILS.deleteElement( this._generatingLink.path ? this._generatingLink.path.parentElement : null );
+            LX.deleteElement( this._generatingLink.path ? this._generatingLink.path.parentElement : null );
             delete this._generatingLink;
 
             // Open contextmenu to auto-connect something..
@@ -1688,7 +1688,7 @@ class GraphEditor {
 
             this._selectNodesInBox( this._boxSelecting, this._mousePosition, e.altKey );
 
-            LX.UTILS.deleteElement( this._currentBoxSelectionSVG );
+            LX.deleteElement( this._currentBoxSelectionSVG );
 
             delete this._currentBoxSelectionSVG;
             delete this._boxSelecting;
@@ -2526,7 +2526,7 @@ class GraphEditor {
             return;
         }
 
-        const group_id = bb ? bb.id : "group-" + LX.UTILS.uidGenerator();
+        const group_id = bb ? bb.id : "group-" + LX.guidGenerator();
 
         let groupDOM = document.createElement( 'div' );
         groupDOM.id = group_id;
@@ -2761,13 +2761,13 @@ class GraphEditor {
         nameDom.innerText = name;
 
         // Change name in sidebar
-        const graphNameKey = this.currentGraph.name.replace( /\s/g, '' ).replaceAll( '.', '' );
-        const sidebarItem = this._sidebar.items.find( v => v.name === graphNameKey );
+        const sidebarItem = this._sidebar.items.find( v => v.name === this.currentGraph.name );
         if( sidebarItem )
         {
-            sidebarItem.name = newNameKey;
+            const oldName = sidebarItem.name;
+            sidebarItem.name = name;
             sidebarItem.dom.id = newNameKey;
-            sidebarItem.dom.innerHTML = sidebarItem.dom.innerHTML.replace( sidebarItem.dom.innerText, name );
+            sidebarItem.dom.innerHTML = sidebarItem.dom.innerHTML.replace( oldName, name );
         }
 
         // Change registered nodes function