SVY-20313 tabIndex does not update accurately if set after calling

removeTabAt function [SERVOY] - rename due to weird value in closure

Author: lvostinar

projects/bootstrapcomponents/src/bts_basetabpanel.ts

@@ -42,9 +42,9 @@ export class ServoyBootstrapBaseTabPanel<T extends HTMLElement> extends ServoyBo
             // quickly generate the id's for a the tab html id (and selecting it)
             this.generateIDs();
             if (!changes['tabs'].firstChange && this.selectedTab) {
-                const index = this.getRealTabIndex();
-                if (index >= 0) {
-                    if (this.tabs[index] == this.selectedTab && this.selectedTab.containedForm != this.selectedTabContainedForm) {
+                const realTabIndex = this.getRealTabIndex();
+                if (realTabIndex >= 0) {
+                    if (this.tabs[realTabIndex] == this.selectedTab && this.selectedTab.containedForm != this.selectedTabContainedForm) {
                         // contained form was changed
                         let promise;
                         if (this.selectedTabContainedForm)
@@ -62,8 +62,8 @@ export class ServoyBootstrapBaseTabPanel<T extends HTMLElement> extends ServoyBo
                     else {
 						setTimeout(() => {
 							// wait for tabindex changes that come later
-						     if (index == this.getRealTabIndex()){
-								this.select(this.tabs[index]);
+						     if (realTabIndex == this.getRealTabIndex()){
+								this.select(this.tabs[realTabIndex]);
 							 }         
 						 }, 0);
                     }