@syncfusion/ej2-querybuilder 31.2.12 → 31.2.16

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

@@ -207,6 +207,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         _this.isValueEmpty = false;
         _this.isPropChange = false;
         _this.isRuleClicked = false;
+        _this.groupCloned = false;
         MultiSelect.Inject(CheckBoxSelection);
         return _this;
     }
@@ -584,7 +585,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case target.className.indexOf('e-clone-grp-btn') > -1:
                     this.actionButton = target;
-                    this.cloneGrpBtnClick = true;
+                    this.cloneGrpBtnClick = this.groupCloned = true;
                     this.isRuleClicked = true;
                     this.groupClone(closest(target, '.e-group-container'));
                     break;
@@ -4210,6 +4211,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         if (this.isAddSuccess || this.element.querySelectorAll('.e-group-container').length <= this.maxGroupCount) {
             groupID = this.element.id + '_' + groupID;
             var groupElem = document.getElementById(groupID);
+            var temp = this.groupIndex;
             var rule = this.getParentGroup(groupElem);
             var grouplen = groups.length;
             if (grouplen) {
@@ -4232,6 +4234,11 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     not = this.updatedRule.not;
                     isLocked = this.updatedRule.isLocked;
                 }
+                if (this.groupCloned) {
+                    var parent_1 = this.element.querySelector('#' + groupID);
+                    var topLevelGroups = parent_1.querySelectorAll(':scope > .e-group-body > .e-rule-list > .e-group-container');
+                    this.groupIndex = topLevelGroups.length > 1 ? topLevelGroups.length - 1 : 0;
+                }
                 if (this.groupIndex < 0) {
                     if (this.enableNotCondition) {
                         rule.rules.push({ 'condition': condition, 'not': not, rules: [] });
@@ -4248,6 +4255,9 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                         rule.rules.splice(this.groupIndex + 1, 0, { condition: condition, rules: [], isLocked: isLocked });
                     }
                 }
+                if (this.groupCloned) {
+                    this.groupIndex = temp;
+                }
             }
             if (!this.headerTemplate) {
                 this.disableRuleCondition(groupElem, rule, null, this.enableSeparateConnector ? true : null);
@@ -4705,7 +4715,13 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         this.customOperators['numberOperator'] = this.customOperators['numberOperator'].concat(numberOper); // tslint:disable-line
         if (this.dataSource instanceof DataManager) {
             this.dataManager = this.dataSource;
-            this.executeDataManager(new Query().take(1));
+            if (this.columns && this.columns.length) {
+                this.dataColl = this.columns;
+                this.initControl();
+            }
+            else {
+                this.executeDataManager(new Query().take(1));
+            }
         }
         else {
             this.dataManager = new DataManager(this.dataSource);
@@ -4728,7 +4744,8 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             isReplaceDragEle: true,
             isPreventSelect: false,
             abort: '.e-parent-header',
-            isDragScroll: true
+            isDragScroll: true,
+            enableAutoScroll: true
         });
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -6762,13 +6779,13 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         var isCloneGroup = this.showButtons.cloneGroup;
         groupID = groupID.replace(this.element.id + '_', '');
         this.groupIndex = index;
-        this.cloneGrpBtnClick = true;
+        this.cloneGrpBtnClick = this.groupCloned = true;
         this.showButtons.cloneGroup = true;
         this.addGroups([{ 'condition': group.condition, 'not': group.not, 'rules': group.rules }], groupID);
         this.groupIndex = -1;
         this.cloneGrpBtnClick = false;
         this.showButtons.cloneGroup = isCloneGroup;
-        isCloneGroup = false;
+        isCloneGroup = this.groupCloned = false;
     };
     /**
      * Locks the rule based on the rule ID.
@@ -7317,6 +7334,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         this.groupIndex = Array.prototype.indexOf.call(target.closest('.e-rule-list').children, target.closest('.e-group-container'));
         this.addGroups([{ 'condition': group.condition, 'not': group.not, 'rules': group.rules }], groupId);
         this.groupIndex = -1;
+        this.groupCloned = false;
     };
     QueryBuilder.prototype.ruleClone = function (target) {
         var ruleElem = closest(target, '.e-rule-container');