lexgui 0.1.27 → 0.1.29

package/build/components/codeeditor.js

@@ -174,7 +174,10 @@ class ScrollBar {
 
         this.root = document.createElement( 'div' );
         this.root.className = "lexcodescrollbar";
-        if( type & ScrollBar.SCROLLBAR_HORIZONTAL ) 
+
+        if( type & ScrollBar.SCROLLBAR_VERTICAL ) 
+            this.root.classList.add( 'vertical' );
+        else if( type & ScrollBar.SCROLLBAR_HORIZONTAL ) 
             this.root.classList.add( 'horizontal' );
 
         this.thumb = document.createElement( 'div' );
@@ -313,7 +316,7 @@ class CodeEditor {
         }
 
         this.base_area = area;
-        this.area = new LX.Area( { className: "lexcodeeditor", height: "auto", no_append: true } );
+        this.area = new LX.Area( { className: "lexcodeeditor", height: "100%", no_append: true } );
 
         this.tabs = this.area.addTabs( { onclose: (name) => {
             delete this.openedTabs[ name ];
@@ -905,19 +908,28 @@ class CodeEditor {
                 const [word, from, to] = this.getWordAtPos( cursor, -1 );
                 // If no length, we change line..
                 if( !word.length && this.lineUp( cursor, true ) ) {
+                    const cS = e.cancelShift, kS = e.keepSelection;
                     e.cancelShift = true;
                     e.keepSelection = true;
                     this.actions[ 'End' ].callback( cursor.line, cursor, e );
-                    delete e.cancelShift;
-                    delete e.keepSelection;
+                    e.cancelShift = cS;
+                    e.keepSelection = kS;
                 }
                 var diff = Math.max( cursor.position - from, 1 );
                 var substr = word.substr( 0, diff );
+
                 // Selections...
-                if( e.shiftKey ) { if( !cursor.selection ) this.startSelection( cursor ); }
-                else this.endSelection();
+                if( e.shiftKey ) {
+                    if( !cursor.selection )
+                    this.startSelection( cursor ); 
+                }
+                else
+                    this.endSelection();
+
                 this.cursorToString( cursor, substr, true );
-                if( e.shiftKey ) this._processSelection( cursor, e, false, true );
+
+                if( e.shiftKey )
+                    this._processSelection( cursor, e );
             }
             else {
                 var letter = this.getCharAtPos( cursor, -1 );
@@ -1503,9 +1515,11 @@ class CodeEditor {
             doAsync( () => {
 
                 // Change css a little bit...
-                this.gutter.style.height = "calc(100% - 38px)";
+                this.gutter.style.height = "calc(100% - 28px)";
                 this.root.querySelectorAll( '.code' ).forEach( e => e.style.height = "calc(100% - 6px)" );
                 this.root.querySelector( '.lexareatabscontent' ).style.height = "calc(100% - 23px)";
+                this.base_area.root.querySelector( '.lexcodescrollbar.vertical' ).style.height = "calc(100% - 27px)";
+                this.tabs.area.root.classList.add( 'no-code-info' );
 
             }, 100);
         }
@@ -2212,12 +2226,13 @@ class CodeEditor {
                 this.hideAutoCompleteBox();
                 return;
             case 'arrowdown': // add cursor below only for the main cursor..
-                if( isLastCursor && this.code.lines[ lidx + 1 ] != undefined )
+                // Make sure shift is not pressed..
+                if( !e.shiftKey && isLastCursor && this.code.lines[ lidx + 1 ] != undefined )
                 {
                     var new_cursor = this._addCursor( cursor.line, cursor.position, true );
                     this.lineDown( new_cursor );
+                    return;
                 }
-                return;
             }
         }
 
@@ -3472,12 +3487,17 @@ class CodeEditor {
 
         // Remove indentation
         const lidx = cursor.line;
-        const lineStart = firstNonspaceIndex( this.code.lines[ lidx ] );
+        let lineStart = firstNonspaceIndex( this.code.lines[ lidx ] );
 
-        // Nothing to remove...
+        // Nothing to remove... we are at the start of the line
         if( lineStart == 0 )
             return;
 
+        // Only tabs/spaces in the line...
+        if( lineStart == -1 ) {
+            lineStart = this.code.lines[ lidx ].length;
+        }
+
         let indentSpaces = lineStart % this.tabSpaces;
         indentSpaces = indentSpaces == 0 ? this.tabSpaces : indentSpaces;
         const newStart = Math.max( lineStart - indentSpaces, 0 );