@syncfusion/ej2-querybuilder 32.1.25 → 32.2.4

package/dist/es6/ej2-querybuilder.es2015.js

@@ -163,6 +163,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         this.isPropChange = false;
         this.isRuleClicked = false;
         this.groupCloned = false;
+        this.isRequestSent = false;
         MultiSelect.Inject(CheckBoxSelection);
     }
     getPersistData() {
@@ -3012,29 +3013,34 @@ let QueryBuilder = class QueryBuilder extends Component {
             ? userQuery.clone()
             : new Query();
         dataQuery.select([value]);
-        const data = this.dataManager.executeQuery(dataQuery);
-        multiselectObj.hideSpinner();
-        this.createSpinner(closest(element, '.e-multi-select-wrapper').parentElement);
-        showSpinner(closest(element, '.e-multi-select-wrapper').parentElement);
-        data.then((e) => {
-            if (e.actual && e.actual.result) {
-                dummyData = e.actual.result;
-            }
-            else {
-                dummyData = e.result;
-            }
-            this.dataColl = extend(this.dataColl, dummyData, [], true);
-            const newData = this.getDistinctValues(this.dataColl, value);
-            const current = multiselectObj.dataSource;
-            if ((current.length !== newData.length &&
-                (JSON.stringify(current) !== JSON.stringify(newData)))) {
-                multiselectObj.dataSource = newData;
-            }
-            this.isGetNestedData = true;
-            hideSpinner(closest(element, '.e-multi-select-wrapper').parentElement);
-        }).catch((e) => {
-            deferred.reject(e);
-        });
+        if (!this.isRequestSent) {
+            const data = this.dataManager.executeQuery(dataQuery);
+            this.isRequestSent = true;
+            multiselectObj.hideSpinner();
+            this.createSpinner(closest(element, '.e-multi-select-wrapper').parentElement);
+            showSpinner(closest(element, '.e-multi-select-wrapper').parentElement);
+            data.then((e) => {
+                this.isRequestSent = false;
+                if (e.actual && e.actual.result) {
+                    dummyData = e.actual.result;
+                }
+                else {
+                    dummyData = e.result;
+                }
+                this.dataColl = extend(this.dataColl, dummyData, [], true);
+                const newData = this.getDistinctValues(this.dataColl, value);
+                const current = multiselectObj.dataSource;
+                if ((current.length !== newData.length &&
+                    (JSON.stringify(current) !== JSON.stringify(newData)))) {
+                    multiselectObj.dataSource = newData;
+                }
+                this.isGetNestedData = true;
+                hideSpinner(closest(element, '.e-multi-select-wrapper').parentElement);
+            }).catch((e) => {
+                this.isRequestSent = false;
+                deferred.reject(e);
+            });
+        }
     }
     createSpinner(element) {
         const spinnerElem = this.createElement('span', { attrs: { class: 'e-qb-spinner' } });
@@ -4171,7 +4177,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                     this.getGroup(this.target).rules.length > 1) {
                     const parent = this.element.querySelector('#' + groupID);
                     const topLevelGroups = parent.querySelectorAll(':scope > .e-group-body > .e-rule-list > .e-group-container');
-                    if (groupID !== 'querybuilder_group0') {
+                    if (groupID !== 'querybuilder_group0' && !(this.isAngular && groupID === 'ej2-querybuilder_0_group0')) {
                         this.groupIndex = topLevelGroups.length > 1 ? topLevelGroups.length - 1 : 0;
                     }
                 }