@syncfusion/ej2-querybuilder 32.2.3 → 32.2.7

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

@@ -208,6 +208,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         _this.isPropChange = false;
         _this.isRuleClicked = false;
         _this.groupCloned = false;
+        _this.isRequestSent = false;
         MultiSelect.Inject(CheckBoxSelection);
         return _this;
     }
@@ -3081,29 +3082,34 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             ? userQuery.clone()
             : new Query();
         dataQuery.select([value]);
-        var 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(function (e) {
-            if (e.actual && e.actual.result) {
-                dummyData = e.actual.result;
-            }
-            else {
-                dummyData = e.result;
-            }
-            _this.dataColl = extend(_this.dataColl, dummyData, [], true);
-            var newData = _this.getDistinctValues(_this.dataColl, value);
-            var 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(function (e) {
-            deferred.reject(e);
-        });
+        if (!this.isRequestSent) {
+            var 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(function (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);
+                var newData = _this.getDistinctValues(_this.dataColl, value);
+                var 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(function (e) {
+                _this.isRequestSent = false;
+                deferred.reject(e);
+            });
+        }
     };
     QueryBuilder.prototype.createSpinner = function (element) {
         var spinnerElem = this.createElement('span', { attrs: { class: 'e-qb-spinner' } });
@@ -4178,6 +4184,29 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         if (this.portals && this.portals.length) {
             this.clearQBTemplate();
         }
+        var qbDdlElems = this.element.querySelectorAll('.qb-dropdownlist');
+        if (!qbDdlElems || qbDdlElems.length === 0) {
+            qbDdlElems = document.querySelectorAll('.qb-dropdownlist');
+        }
+        for (i = 0; i < qbDdlElems.length; i++) {
+            var ddlElem = qbDdlElems[i];
+            var targetInput = ddlElem.tagName === 'INPUT' ? ddlElem : ddlElem.querySelector('input');
+            if (targetInput) {
+                var ddlInst = getComponent(targetInput, 'dropdownlist');
+                if (ddlInst) {
+                    if (ddlInst.close) {
+                        ddlInst.close = null;
+                    }
+                    if (ddlInst.open) {
+                        ddlInst.open = null;
+                    }
+                    if (ddlInst.change) {
+                        ddlInst.change = null;
+                    }
+                    ddlInst.destroy();
+                }
+            }
+        }
         var popupElement = document.querySelectorAll('.qb-dropdownlist.e-popup');
         if (popupElement) {
             for (i = 0; i < popupElement.length; i++) {
@@ -4241,7 +4270,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     this.getGroup(this.target).rules.length > 1) {
                     var parent_1 = this.element.querySelector('#' + groupID);
                     var topLevelGroups = parent_1.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;
                     }
                 }
@@ -5146,7 +5175,8 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         if (this.allowDragAndDrop) {
             EventHandler.add(document, 'keydown', this.keyBoardHandler, this);
         }
-        window.addEventListener('resize', this.windowResizeHandler.bind(this));
+        this.boundResizeHandler = this.windowResizeHandler.bind(this);
+        window.addEventListener('resize', this.boundResizeHandler);
     };
     QueryBuilder.prototype.unWireEvents = function () {
         var wrapper = this.getWrapper();
@@ -5155,7 +5185,10 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         EventHandler.remove(wrapper, 'focusin', this.focusEventHandler);
         EventHandler.remove(this.element, 'keydown', this.keyBoardHandler);
         EventHandler.remove(document, 'keydown', this.keyBoardHandler);
-        window.removeEventListener('resize', this.windowResizeHandler);
+        if (this.boundResizeHandler) {
+            window.removeEventListener('resize', this.boundResizeHandler);
+            this.boundResizeHandler = null;
+        }
     };
     QueryBuilder.prototype.getParentGroup = function (target, isParent) {
         var groupLevel = (target instanceof Element) ? this.levelColl[target.id] : this.levelColl["" + target];